/* Source: assets/css/pipeline/00-tokens.css */
/* =========================================================
   VIDU PIPELINE DASHBOARD — CLEAN CSS
   Cél: kevesebb ismétlés, stabil project modal, középre igazított ikonok
   ========================================================= */

/* =========================
   ROOT / BASE
   ========================= */

:root {
  --corvion-app-header-height: 54px;
  --vidu-safe-area-top: env(safe-area-inset-top, 0px);
  --vidu-font-sans: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vidu-font-mono: "Geist Mono", "IBM Plex Mono", "SFMono-Regular", ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --vidu-text-xs: 11px;
  --vidu-text-sm: 12px;
  --vidu-text-md: 14px;
  --vidu-text-lg: 16px;
  --vidu-text-xl: 22px;
  --vidu-line-tight: 1.12;
  --vidu-line-normal: 1.38;
  --vidu-line-relaxed: 1.58;
  --vidu-letter-label: .08em;
  --vidu-radius-sm: 8px;
  --vidu-radius-md: 14px;
  --vidu-radius-lg: 22px;
  --vidu-radius-xl: 32px;
  --vidu-duration-fast: 140ms;
  --vidu-duration-normal: 200ms;
  --vidu-duration-slow: 320ms;
  --vidu-ease-standard: cubic-bezier(.2, 0, 0, 1);
  --vidu-ease-out: cubic-bezier(.16, 1, .3, 1);
  /* Workspace layer contract: application chrome must stay above content popovers. */
  --vidu-layer-content-control: 80;
  --vidu-layer-content-popover: 140;
  --vidu-layer-workspace-chrome: 240;
  --vidu-layer-workspace-dialog: 2147483400;
  --vidu-user-bg-image: none;
  --vidu-user-bg-overlay: .45;
  --vidu-user-bg-position: center;
  --vidu-user-bg-mode: cover;
  --vidu-accent-success: #22c55e;
  --vidu-accent-warning: #f59e0b;
  --vidu-accent-danger: #ef4444;
}

html.has-vidu-user-background,
body.has-vidu-user-background {
  --vidu-page-bg-image:
    linear-gradient(
      rgba(0, 0, 0, var(--vidu-user-bg-overlay)),
      rgba(0, 0, 0, var(--vidu-user-bg-overlay))
    ),
    var(--vidu-user-bg-image);
  --vidu-workspace-bg: var(--vidu-page-bg-image);
}

:root,
[data-vidu-theme="dark"] {
  --vidu-bg-page: #050507;
  --vidu-page-bg-image: var(--vidu-bg-page);
  --vidu-workspace-bg: var(--vidu-page-bg-image);
  --vidu-host-wrapper-bg: transparent;
  --vidu-dashboard-root-bg: transparent;
  --vidu-app-shell-bg: transparent;
  --vidu-bg-surface: rgba(18,18,24,.82);
  --vidu-bg-elevated: rgba(28,28,36,.88);
  --vidu-bg-muted: rgba(255,255,255,.045);
  --vidu-bg-input: rgba(255,255,255,.055);
  --vidu-bg-header: rgba(22,22,28,.86);
  --vidu-surface-0: var(--vidu-bg-page);
  --vidu-surface-1: rgba(13, 15, 20, 0.98);
  --vidu-surface-2: rgba(18, 21, 28, 0.98);
  --vidu-surface-3: rgba(24, 28, 36, 0.98);
  --vidu-surface-4: rgba(38,38,48,.96);
  --vidu-surface-base: var(--vidu-surface-0);
  --vidu-surface: var(--vidu-surface-2);
  --vidu-surface-elevated: var(--vidu-surface-3);
  --vidu-surface-muted: var(--vidu-bg-muted);
  --vidu-input-bg: var(--vidu-bg-input);
  --vidu-card-bg: rgba(24,24,28,.86);
  --vidu-card-bg-hover: rgba(31,31,36,.92);
  --vidu-card-bg-active: rgba(36,36,42,.96);
  --vidu-text-primary: rgba(255,255,255,.94);
  --vidu-text-secondary: rgba(255,255,255,.62);
  --vidu-text-muted: rgba(255,255,255,.44);
  --vidu-text-faint: rgba(255,255,255,.30);
  --vidu-border-soft: rgba(255,255,255,.08);
  --vidu-border-medium: rgba(255,255,255,.13);
  --vidu-border-subtle: rgba(148, 163, 184, 0.14);
  --vidu-border-active: rgba(96, 165, 250, 0.42);
  --vidu-glow-soft: 0 0 48px rgba(255,255,255,.045);
  --vidu-glow-accent: 0 0 52px rgba(96,165,250,.10);
  --vidu-shadow-none: none;
  --vidu-shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.22);
  --vidu-shadow-card: 0 16px 42px rgba(0,0,0,.28);
  --vidu-shadow-floating: 0 24px 76px rgba(0,0,0,.34);
  --vidu-shadow-strong: 0 28px 86px rgba(0,0,0,.42);
  --vidu-overlay-backdrop: rgba(0,0,0,.56);
  --vidu-control-bg: rgba(255,255,255,.055);
  --vidu-control-bg-hover: rgba(255,255,255,.085);
  --vidu-control-bg-active: rgba(255,255,255,.92);
  --vidu-control-text: rgba(255,255,255,.72);
  --vidu-control-text-muted: rgba(255,255,255,.48);
  --vidu-control-text-active: rgba(13,18,28,.94);
  --vidu-control-border: rgba(255,255,255,.10);
  --vidu-control-border-active: rgba(255,255,255,.20);
  --vidu-modal-bg: linear-gradient(180deg, rgba(21, 21, 23, .985), rgba(11, 11, 13, .992));
  --vidu-modal-surface: rgba(27, 27, 30, .89);
  --vidu-modal-surface-elevated: rgba(34, 34, 38, .94);
  --vidu-modal-header-bg: linear-gradient(180deg, rgba(30, 30, 33, .94), rgba(17, 17, 19, .91));
  --vidu-modal-border: rgba(255, 255, 255, .078);
  --vidu-modal-shadow: 0 34px 112px rgba(0,0,0,.56), 0 16px 58px rgba(0,0,0,.32);
  --vidu-modal-glow: 0 0 0 1px rgba(255,255,255,.032);
  --vidu-shadow-modal: var(--vidu-modal-shadow);
  --vidu-project-modal-bg: var(--vidu-modal-bg);
  --vidu-project-modal-header-bg: var(--vidu-modal-header-bg);
  --vidu-project-modal-grid-bg: linear-gradient(180deg, rgba(17, 17, 19, .945), rgba(12, 12, 14, .97));
  --vidu-project-panel-bg: rgba(26, 26, 29, .85);
  --vidu-project-panel-bg-hover: rgba(33, 33, 37, .91);
  --vidu-project-panel-border: var(--vidu-modal-border);
  --vidu-project-inner-bg: rgba(255,255,255,.032);
  --vidu-project-column-border: rgba(255,255,255,.048);
  --vidu-project-sticky-head-bg: linear-gradient(180deg, var(--vidu-project-modal-bg) 0%, color-mix(in srgb, var(--vidu-project-modal-bg) 88%, transparent) 72%, transparent 100%);
  --vidu-input-border: var(--vidu-border-soft);
  --vidu-input-bg-hover: rgba(255,255,255,.075);
  --vidu-input-bg-focus: rgba(255,255,255,.085);
  --vidu-table-row-bg: rgba(255,255,255,.018);
  --vidu-table-row-bg-hover: rgba(255,255,255,.035);
  --vidu-dashboard-row-bg: var(--vidu-table-row-bg);
  --vidu-dashboard-row-bg-hover: var(--vidu-table-row-bg-hover);
  --vidu-dashboard-row-bg-active: var(--vidu-card-bg-active);
  --vidu-dashboard-row-border: var(--vidu-border-soft);
  --vidu-pipeline-card-row-bg: var(--vidu-card-bg);
  --vidu-pipeline-card-row-bg-hover: var(--vidu-card-bg-hover);
  --vidu-pipeline-card-row-bg-active: var(--vidu-card-bg-active);
  --vidu-pipeline-card-row-border: var(--vidu-border-soft);
  --vidu-invoice-row-bg: var(--vidu-table-row-bg);
  --vidu-invoice-row-bg-hover: var(--vidu-table-row-bg-hover);
  --vidu-invoice-row-border: var(--vidu-border-soft);
  --vidu-invoice-table-head-bg: var(--vidu-bg-header);
  --vidu-billing-row-bg: var(--vidu-card-bg);
  --vidu-billing-row-bg-hover: var(--vidu-card-bg-hover);
  --vidu-activity-row-bg: var(--vidu-table-row-bg);
  --vidu-activity-row-bg-hover: var(--vidu-table-row-bg-hover);
  --vidu-activity-row-border: var(--vidu-border-soft);
  --vidu-asset-row-bg: var(--vidu-table-row-bg);
  --vidu-asset-row-bg-hover: var(--vidu-table-row-bg-hover);
  --vidu-asset-row-border: var(--vidu-border-soft);
  --vidu-checklist-row-bg: var(--vidu-table-row-bg);
  --vidu-checklist-row-bg-hover: var(--vidu-table-row-bg-hover);
  --vidu-checklist-row-border: var(--vidu-border-soft);
  --vidu-sidebar-bg: rgba(17,17,19,.82);
  --vidu-sidebar-bg-expanded: rgba(19,20,23,.94);
  --vidu-sidebar-border: rgba(255,255,255,.075);
  --vidu-sidebar-border-active: rgba(255,255,255,.095);
  --vidu-sidebar-divider: rgba(255,255,255,.055);
  --vidu-sidebar-control-bg-hover: rgba(255,255,255,.035);
  --vidu-sidebar-avatar-bg: rgba(255,255,255,.055);
  --vidu-sidebar-avatar-bg-image: rgba(255,255,255,.035);
  --vidu-sidebar-avatar-border: rgba(255,255,255,.11);
  --vidu-sidebar-avatar-border-strong: rgba(255,255,255,.16);
  --vidu-sidebar-card-bg: rgba(255,255,255,.028);
  --vidu-sidebar-row-bg-hover: rgba(255,255,255,.035);
  --vidu-message-surface-bg: rgba(22,22,24,.76);
  --vidu-message-muted-bg: rgba(255,255,255,.035);
  --vidu-message-row-bg: rgba(255,255,255,.018);
  --vidu-message-row-bg-hover: rgba(96,165,250,.085);
  --vidu-message-row-border-hover: rgba(96,165,250,.24);
  --vidu-message-bubble-bg: rgba(255,255,255,.035);
  --vidu-message-bubble-own-bg: rgba(96,165,250,.13);
  --vidu-message-bubble-own-border: rgba(96,165,250,.22);
  --vidu-summary-card-bg: var(--vidu-card-bg);
}

[data-vidu-theme="light"] {
  --vidu-bg-page: #eef1f4;
  --vidu-page-bg-image: linear-gradient(180deg, #f5f6f8 0%, #eef1f4 100%);
  --vidu-workspace-bg: var(--vidu-page-bg-image);
  --vidu-host-wrapper-bg: var(--vidu-workspace-bg);
  --vidu-dashboard-root-bg: var(--vidu-workspace-bg);
  --vidu-app-shell-bg: rgba(255,255,255,.62);
  --vidu-bg-surface: rgba(255,255,255,.78);
  --vidu-bg-elevated: rgba(255,255,255,.94);
  --vidu-bg-muted: rgba(15,23,42,.045);
  --vidu-bg-input: rgba(15,23,42,.045);
  --vidu-bg-header: rgba(255,255,255,.82);
  --vidu-surface-0: var(--vidu-bg-page);
  --vidu-surface-1: rgba(255, 255, 255, 0.98);
  --vidu-surface-2: rgba(248, 250, 252, 0.98);
  --vidu-surface-3: rgba(241, 245, 249, 0.98);
  --vidu-surface-4: rgba(248,250,252,.98);
  --vidu-surface-base: var(--vidu-surface-0);
  --vidu-surface: var(--vidu-surface-2);
  --vidu-surface-elevated: var(--vidu-surface-3);
  --vidu-surface-muted: var(--vidu-bg-muted);
  --vidu-input-bg: var(--vidu-bg-input);
  --vidu-card-bg: rgba(255,255,255,.72);
  --vidu-card-bg-hover: rgba(255,255,255,.86);
  --vidu-card-bg-active: rgba(248,250,252,.98);
  --vidu-text-primary: rgba(13,18,28,.94);
  --vidu-text-secondary: rgba(13,18,28,.68);
  --vidu-text-muted: rgba(13,18,28,.48);
  --vidu-text-faint: rgba(13,18,28,.32);
  --vidu-border-soft: rgba(255,255,255,.55);
  --vidu-border-medium: rgba(15,23,42,.16);
  --vidu-border-subtle: rgba(15, 23, 42, 0.12);
  --vidu-border-active: rgba(37, 99, 235, 0.38);
  --vidu-glow-soft: 0 0 36px rgba(15,23,42,.055);
  --vidu-glow-accent: 0 0 38px rgba(59,130,246,.08);
  --vidu-shadow-none: none;
  --vidu-shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.10);
  --vidu-shadow-card: 0 8px 30px rgba(15,23,42,.06);
  --vidu-shadow-floating: 0 22px 64px rgba(15,23,42,.14);
  --vidu-shadow-strong: 0 30px 86px rgba(15,23,42,.18);
  --vidu-overlay-backdrop: rgba(226,232,240,.46);
  --vidu-control-bg: rgba(255,255,255,.76);
  --vidu-control-bg-hover: rgba(255,255,255,.94);
  --vidu-control-bg-active: rgba(15,23,42,.92);
  --vidu-control-text: rgba(13,18,28,.72);
  --vidu-control-text-muted: rgba(13,18,28,.48);
  --vidu-control-text-active: rgba(255,255,255,.96);
  --vidu-control-border: rgba(15,23,42,.13);
  --vidu-control-border-active: rgba(15,23,42,.22);
  --vidu-modal-bg: var(--vidu-surface-3);
  --vidu-modal-surface: var(--vidu-surface-2);
  --vidu-modal-surface-elevated: var(--vidu-surface-3);
  --vidu-modal-header-bg: var(--vidu-bg-header);
  --vidu-modal-border: var(--vidu-border-soft);
  --vidu-modal-shadow: 0 32px 90px rgba(15,23,42,.16);
  --vidu-modal-glow: 0 0 0 1px rgba(255,255,255,.62);
  --vidu-shadow-modal: var(--vidu-modal-shadow);
  --vidu-project-modal-bg: linear-gradient(180deg, rgba(248,251,253,.96), rgba(240,246,250,.92));
  --vidu-project-modal-header-bg: rgba(248,251,253,.88);
  --vidu-project-modal-grid-bg: rgba(239,245,249,.68);
  --vidu-project-panel-bg: rgba(255,255,255,.84);
  --vidu-project-panel-bg-hover: rgba(255,255,255,.94);
  --vidu-project-panel-border: rgba(15,23,42,.10);
  --vidu-project-inner-bg: rgba(248,250,252,.84);
  --vidu-project-column-border: rgba(15,23,42,.075);
  --vidu-project-sticky-head-bg: linear-gradient(180deg, rgba(239,245,249,.98) 0%, rgba(239,245,249,.84) 72%, rgba(239,245,249,0) 100%);
  --vidu-input-border: var(--vidu-border-soft);
  --vidu-input-bg-hover: rgba(15,23,42,.06);
  --vidu-input-bg-focus: rgba(255,255,255,.96);
  --vidu-table-row-bg: rgba(255,255,255,.58);
  --vidu-table-row-bg-hover: rgba(255,255,255,.92);
  --vidu-dashboard-row-bg: var(--vidu-table-row-bg);
  --vidu-dashboard-row-bg-hover: var(--vidu-table-row-bg-hover);
  --vidu-dashboard-row-bg-active: var(--vidu-card-bg-active);
  --vidu-dashboard-row-border: var(--vidu-border-soft);
  --vidu-pipeline-card-row-bg: var(--vidu-card-bg);
  --vidu-pipeline-card-row-bg-hover: var(--vidu-card-bg-hover);
  --vidu-pipeline-card-row-bg-active: var(--vidu-card-bg-active);
  --vidu-pipeline-card-row-border: var(--vidu-border-soft);
  --vidu-invoice-row-bg: var(--vidu-table-row-bg);
  --vidu-invoice-row-bg-hover: var(--vidu-table-row-bg-hover);
  --vidu-invoice-row-border: var(--vidu-border-soft);
  --vidu-invoice-table-head-bg: var(--vidu-bg-header);
  --vidu-billing-row-bg: var(--vidu-card-bg);
  --vidu-billing-row-bg-hover: var(--vidu-card-bg-hover);
  --vidu-activity-row-bg: var(--vidu-table-row-bg);
  --vidu-activity-row-bg-hover: var(--vidu-table-row-bg-hover);
  --vidu-activity-row-border: var(--vidu-border-soft);
  --vidu-asset-row-bg: var(--vidu-table-row-bg);
  --vidu-asset-row-bg-hover: var(--vidu-table-row-bg-hover);
  --vidu-asset-row-border: var(--vidu-border-soft);
  --vidu-checklist-row-bg: var(--vidu-table-row-bg);
  --vidu-checklist-row-bg-hover: var(--vidu-table-row-bg-hover);
  --vidu-checklist-row-border: var(--vidu-border-soft);
  --vidu-sidebar-bg: rgba(255,255,255,.74);
  --vidu-sidebar-bg-expanded: rgba(255,255,255,.92);
  --vidu-sidebar-border: rgba(15,23,42,.12);
  --vidu-sidebar-border-active: rgba(15,23,42,.16);
  --vidu-sidebar-divider: rgba(15,23,42,.10);
  --vidu-sidebar-control-bg-hover: rgba(15,23,42,.045);
  --vidu-sidebar-avatar-bg: rgba(15,23,42,.055);
  --vidu-sidebar-avatar-bg-image: rgba(255,255,255,.72);
  --vidu-sidebar-avatar-border: rgba(15,23,42,.13);
  --vidu-sidebar-avatar-border-strong: rgba(15,23,42,.18);
  --vidu-sidebar-card-bg: rgba(255,255,255,.62);
  --vidu-sidebar-row-bg-hover: rgba(15,23,42,.045);
  --vidu-message-surface-bg: rgba(255,255,255,.76);
  --vidu-message-muted-bg: rgba(15,23,42,.045);
  --vidu-message-row-bg: rgba(255,255,255,.48);
  --vidu-message-row-bg-hover: rgba(59,130,246,.09);
  --vidu-message-row-border-hover: rgba(59,130,246,.22);
  --vidu-message-bubble-bg: rgba(255,255,255,.72);
  --vidu-message-bubble-own-bg: rgba(219,234,254,.82);
  --vidu-message-bubble-own-border: rgba(59,130,246,.20);
  --vidu-summary-card-bg: var(--vidu-card-bg);
}

html[data-vidu-theme="dark"],
body[data-vidu-theme="dark"],
body.vidu-pipeline-workstation[data-vidu-theme="dark"] {
  background: var(--vidu-page-bg-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  color: var(--vidu-text-primary);
}

html[data-vidu-theme="light"],
body[data-vidu-theme="light"],
body.vidu-pipeline-workstation[data-vidu-theme="light"] {
  background: var(--vidu-page-bg-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  color: var(--vidu-text-primary);
}

#vidu-pipeline-dashboard {
  --vidu-bg: var(--vidu-bg-page);
  --vidu-panel: var(--vidu-bg-surface);
  --vidu-panel-2: var(--vidu-bg-elevated);
  --vidu-panel-3: var(--vidu-bg-page);
  --vidu-border: var(--vidu-border-soft);
  --vidu-border-strong: var(--vidu-border-medium);
  --vidu-text: var(--vidu-text-primary);
  --vidu-muted: var(--vidu-text-secondary);
  --vidu-meta: var(--vidu-text-muted);
  --vidu-blue: #93c5fd;
  --vidu-green: #86efac;
  --vidu-yellow: #fde047;
  --vidu-orange: #fdba74;
  --vidu-purple: #c4b5fd;
  --vidu-red: #ff8f8f;

  color: var(--vidu-text);
  font-family: var(--vidu-font-sans);
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  background: var(--vidu-dashboard-root-bg);
  padding: 24px clamp(24px, 2.1vw, 42px) calc(126px + env(safe-area-inset-bottom, 0px)) 92px;
  transition: padding-left .24s ease;
}

body.vidu-pipeline-workstation {
  width: 100%;
  max-width: none;
  background: var(--vidu-page-bg-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  color: var(--vidu-text-primary);
}

body.vidu-pipeline-workstation .vidu-app-root {
  background: transparent;
}

html[data-vidu-background="default"],
body[data-vidu-background="default"] {
  --vidu-page-bg-image:
    radial-gradient(circle at 20% 0%, rgba(80,60,130,.22), transparent 34%),
    #08080b;
  --vidu-workspace-bg: var(--vidu-page-bg-image);
}

html[data-vidu-background="blue_haze"],
body[data-vidu-background="blue_haze"] {
  --vidu-page-bg-image:
    radial-gradient(circle at 20% 10%, rgba(40,90,255,.28), transparent 35%),
    radial-gradient(circle at 90% 20%, rgba(80,160,255,.14), transparent 30%),
    #06070c;
  --vidu-workspace-bg: var(--vidu-page-bg-image);
}

html[data-vidu-background="graphite"],
body[data-vidu-background="graphite"] {
  --vidu-page-bg-image:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.08), transparent 30%),
    #090909;
  --vidu-workspace-bg: var(--vidu-page-bg-image);
}

html[data-vidu-background="red_pulse"],
body[data-vidu-background="red_pulse"] {
  --vidu-page-bg-image:
    radial-gradient(circle at 15% 20%, rgba(180,40,40,.24), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(100,20,50,.16), transparent 32%),
    #080506;
  --vidu-workspace-bg: var(--vidu-page-bg-image);
}

html[data-vidu-background="editorial_dark"],
body[data-vidu-background="editorial_dark"] {
  --vidu-page-bg-image:
    radial-gradient(circle at 70% 0%, rgba(90,70,140,.18), transparent 34%),
    #050506;
  --vidu-workspace-bg: var(--vidu-page-bg-image);
}

html[data-vidu-background="soft_fog"],
body[data-vidu-background="soft_fog"] {
  --vidu-page-bg-image:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.18), transparent 36%),
    #101014;
  --vidu-workspace-bg: var(--vidu-page-bg-image);
}

html[data-vidu-theme="light"][data-vidu-background="default"],
body[data-vidu-theme="light"][data-vidu-background="default"],
body.vidu-pipeline-workstation[data-vidu-theme="light"][data-vidu-background="default"] {
  --vidu-page-bg-image: linear-gradient(180deg, #f5f6f8 0%, #eef1f4 100%);
  --vidu-workspace-bg: var(--vidu-page-bg-image);
}

html[data-vidu-background] {
  background: var(--vidu-page-bg-image) fixed center top / cover no-repeat !important;
}

/* The iOS standalone safe-area is painted by the root canvas, not by the
   dashboard subtree. Keep that canvas aligned with the active mobile app. */
@media (max-width: 767px) {
  html[data-vidu-background] {
    min-height: 100dvh;
    background: #030a0f !important;
    background-image: none !important;
  }

  html[data-vidu-background].vidu-mobile-workforce-chat-open {
    background: #000 !important;
  }
}

html.has-vidu-user-background[data-vidu-background],
body.has-vidu-user-background[data-vidu-background] {
  --vidu-page-bg-image:
    linear-gradient(
      rgba(0, 0, 0, var(--vidu-user-bg-overlay)),
      rgba(0, 0, 0, var(--vidu-user-bg-overlay))
    ),
    var(--vidu-user-bg-image);
  --vidu-workspace-bg: var(--vidu-page-bg-image);
}

html.has-vidu-user-background[data-vidu-background] {
  background-image:
    linear-gradient(
      rgba(0, 0, 0, var(--vidu-user-bg-overlay)),
      rgba(0, 0, 0, var(--vidu-user-bg-overlay))
    ),
    var(--vidu-user-bg-image) !important;
  background-size: cover, var(--vidu-user-bg-mode) !important;
  background-position: center, var(--vidu-user-bg-position) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

body.vidu-pipeline-workstation[data-vidu-background],
body.vidu-pipeline-workstation .vidu-app-root {
  background: transparent !important;
  background-image: none !important;
}

body.vidu-pipeline-workstation :where(
  #page,
  #content,
  #primary,
  main,
  article,
  .site,
  .site-main,
  .page-content,
  .entry-content
):has(#vidu-pipeline-dashboard) {
  background: var(--vidu-host-wrapper-bg);
}


/* Source: assets/css/pipeline/01-base.css */
/* Compatibility shell: only relax host-theme wrappers that contain Vidu. */
body.vidu-pipeline-workstation :where(
  #page,
  #content,
  #primary,
  main,
  article,
  .site,
  .site-main,
  .page-content,
  .entry-content,
  .ast-container,
  .container,
  .elementor,
  .elementor-section,
  .elementor-container,
  .elementor-column,
  .elementor-widget,
  .elementor-widget-wrap,
  .elementor-widget-container,
  .elementor-element,
  .e-con,
  .e-con-inner
):has(#vidu-pipeline-dashboard) {
  width: 100% !important;
  max-width: none !important;
}

body.vidu-pipeline-workstation .grecaptcha-badge {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

body.vidu-finance-workspace-active {
  overflow: hidden;
}

body.vidu-finance-workspace-active :where(
  #page,
  #content,
  #primary,
  main,
  .site,
  .site-main,
  .entry-content
):has(#vidu-pipeline-dashboard.is-finance-workspace) {
  overflow: hidden;
}

#vidu-pipeline-dashboard.is-user-sidebar-expanded {
  padding-left: 360px;
}

#vidu-pipeline-dashboard.is-finance-workspace {
  padding-top: 16px;
  padding-right: max(18px, env(safe-area-inset-right, 0px));
  padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
  height: 100svh;
  overflow: hidden;
}

#vidu-pipeline-dashboard.is-finance-workspace:not(.is-user-sidebar-expanded) {
  padding-left: 92px;
}

#vidu-pipeline-dashboard *,
#vidu-pipeline-dashboard *::before,
#vidu-pipeline-dashboard *::after {
  box-sizing: border-box;
}

/* =========================
   USER WORKSTATION SIDEBAR
   ========================= */

#vidu-pipeline-dashboard .vidu-user-sidebar {
  position: fixed;
  left: 18px;
  top: 22px;
  bottom: 22px;
  z-index: 80;
  width: 64px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--vidu-sidebar-border);
  border-radius: 24px;
  background: var(--vidu-sidebar-bg);
  box-shadow: var(--vidu-shadow-strong);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: hidden;
  cursor: default;
  transition: width .24s ease, border-color .24s ease, background .24s ease;
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) {
  bottom: auto;
  width: 56px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  overflow: visible;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded {
  width: 326px;
  background: var(--vidu-sidebar-bg-expanded);
  border-color: var(--vidu-sidebar-border-active);
}

#vidu-pipeline-dashboard .vidu-user-rail {
  position: relative;
  width: 62px;
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 7px;
  border-right: 1px solid transparent;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-rail {
  width: 56px;
  flex: 0 0 auto;
  min-height: 0;
  padding: 0;
  overflow: visible;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-rail {
  width: 100%;
  min-height: auto;
  flex: 0 0 auto;
  align-items: stretch;
  border-right-color: transparent;
  border-bottom: 1px solid var(--vidu-sidebar-divider);
  overflow: visible;
}

#vidu-pipeline-dashboard .vidu-user-sidebar-toggle {
  width: 100%;
  height: 58px;
  border: 0;
  background: transparent;
  color: var(--vidu-text-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  cursor: pointer;
  border-radius: 16px;
  position: relative;
  transition: background .16s ease, border-color .16s ease;
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-sidebar-toggle {
  width: 54px;
  height: 54px;
  border-radius: 999px;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#vidu-pipeline-dashboard .vidu-user-sidebar-toggle:hover {
  background: var(--vidu-sidebar-control-bg-hover);
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-sidebar-toggle:hover {
  background: transparent;
  border-color: transparent;
  transform: translateY(-1px);
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-sidebar-toggle .vidu-user-avatar {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 18px;
  border-color: var(--vidu-sidebar-avatar-border);
  box-shadow: var(--vidu-shadow-card);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-sidebar-toggle:hover .vidu-user-avatar {
  transform: scale(1.035);
  border-color: var(--vidu-sidebar-avatar-border-strong);
  box-shadow: var(--vidu-shadow-strong);
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-sidebar-toggle {
  justify-content: flex-start;
  padding: 0 8px;
}

#vidu-pipeline-dashboard .vidu-user-avatar {
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: inline-grid;
  place-items: center;
  border-radius: 12px;
  overflow: hidden;
  background: var(--vidu-sidebar-avatar-bg);
  border: 1px solid var(--vidu-sidebar-avatar-border);
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-weight: 800;
}

#vidu-pipeline-dashboard .vidu-user-avatar.has-avatar {
  background: var(--vidu-sidebar-avatar-bg-image);
  border-color: var(--vidu-sidebar-avatar-border-strong);
}

#vidu-pipeline-dashboard .vidu-user-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
}

#vidu-pipeline-dashboard .vidu-user-avatar.is-large {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 15px;
}

#vidu-pipeline-dashboard .vidu-user-status-dot {
  position: absolute;
  right: 8px;
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #86efac;
  box-shadow: 0 0 0 3px rgba(34,197,94,0.12);
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-status-dot {
  right: 5px;
  top: 4px;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.has-unread .vidu-user-status-dot {
  right: 4px;
  top: 5px;
  width: auto;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  display: inline-grid;
  place-items: center;
  background: rgba(248,113,113,0.96);
  color: #2a0505;
  box-shadow: 0 0 0 3px rgba(248,113,113,0.13), 0 10px 24px rgba(248,113,113,0.18);
  font-size: 10px;
  font-weight: 900;
  line-height: 18px;
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded).has-unread .vidu-user-status-dot {
  right: 0;
  top: 0;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.has-unread .vidu-user-status-dot::after {
  content: attr(data-unread);
}

#vidu-pipeline-dashboard .vidu-user-sidebar-inner {
  width: 100%;
  min-height: 0;
  height: 0;
  flex: 0 0 0;
  padding: 0;
  opacity: 0;
  transform: translateX(-10px);
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  transition: opacity .18s ease, transform .18s ease;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-sidebar-inner {
  height: auto;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 0 12px;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
  visibility: visible;
}

#vidu-pipeline-dashboard .vidu-user-sidebar-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0 0 12px;
}

#vidu-pipeline-dashboard .vidu-user-sidebar-scroll::-webkit-scrollbar {
  display: none;
}

#vidu-pipeline-dashboard .vidu-user-nav,
#vidu-pipeline-dashboard .vidu-user-system-nav {
  display: grid;
  gap: 7px;
  width: 100%;
}

#vidu-pipeline-dashboard .vidu-user-nav {
  margin-top: 14px;
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-nav {
  width: 52px;
  margin-top: 10px;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  overflow: visible;
  transform: translateY(-8px) scale(0.98);
  transition: opacity .18s cubic-bezier(.2,.8,.2,1), transform .18s cubic-bezier(.2,.8,.2,1), max-height .01s linear .18s;
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded):hover .vidu-user-nav,
#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded).is-hover-preview .vidu-user-nav {
  max-height: 620px;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  transition-delay: 0s;
}

#vidu-pipeline-dashboard .vidu-user-system-nav {
  flex: 0 0 auto;
  padding: 10px 7px;
  border-top: 1px solid var(--vidu-sidebar-divider);
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-system-nav {
  width: 52px;
  padding: 10px 0 0;
  border-top-color: transparent;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  overflow: visible;
  transform: translateY(-8px) scale(0.98);
  transition: opacity .18s cubic-bezier(.2,.8,.2,1), transform .18s cubic-bezier(.2,.8,.2,1), max-height .01s linear .18s;
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded):hover .vidu-user-system-nav,
#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded).is-hover-preview .vidu-user-system-nav {
  max-height: 170px;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  transition-delay: .09s;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-system-nav {
  padding: 10px 7px 12px;
}

#vidu-pipeline-dashboard .vidu-user-nav-btn {
  --nav-color: var(--vidu-text-secondary);
  --nav-bg: var(--vidu-control-bg);
  --nav-border: var(--vidu-control-border);
  --nav-glow: transparent;
  width: 48px;
  height: 42px;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border: 1px solid transparent;
  border-radius: 15px;
  background: transparent;
  color: var(--nav-color);
  cursor: pointer;
  position: relative;
  transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, opacity .16s ease;
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-nav-btn {
  width: 52px;
  height: 44px;
  min-height: 44px;
  border-radius: 16px;
  opacity: 0;
  transform: translateY(-8px) scale(.96);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition:
    opacity .2s cubic-bezier(.2,.8,.2,1),
    transform .22s cubic-bezier(.2,.8,.2,1),
    background .16s ease,
    border-color .16s ease,
    color .16s ease,
    box-shadow .16s ease;
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded):hover .vidu-user-nav-btn,
#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded).is-hover-preview .vidu-user-nav-btn {
  opacity: 1;
  transform: translateY(0) scale(1);
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-nav-btn:nth-child(1) { transition-delay: 20ms; }
#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-nav-btn:nth-child(2) { transition-delay: 42ms; }
#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-nav-btn:nth-child(3) { transition-delay: 64ms; }
#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-nav-btn:nth-child(4) { transition-delay: 86ms; }
#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-nav-btn:nth-child(5) { transition-delay: 108ms; }
#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-nav-btn:nth-child(6) { transition-delay: 130ms; }
#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-nav-btn:nth-child(7) { transition-delay: 152ms; }
#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-nav-btn:nth-child(8) { transition-delay: 174ms; }
#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-nav-btn:nth-child(9) { transition-delay: 196ms; }

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-nav-btn {
  width: 100%;
  justify-content: flex-start;
  padding: 0 12px;
}

#vidu-pipeline-dashboard .vidu-user-nav-btn:hover,
#vidu-pipeline-dashboard .vidu-user-nav-btn.is-active {
  background: var(--vidu-control-bg-hover);
  border-color: var(--vidu-control-border);
  color: var(--vidu-text-primary);
}

#vidu-pipeline-dashboard .vidu-user-nav-btn.is-active {
  background: var(--nav-bg);
  border-color: var(--nav-border);
  box-shadow:
    inset 0 1px 0 var(--vidu-border-soft),
    0 0 0 1px var(--vidu-border-soft),
    0 0 22px var(--nav-glow),
    var(--vidu-shadow-card);
}

#vidu-pipeline-dashboard .vidu-user-nav-btn svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  flex: 0 0 auto;
}

#vidu-pipeline-dashboard .vidu-user-nav-dashboard {
  --nav-color: rgba(147,197,253,0.82);
  --nav-bg: rgba(59,130,246,0.12);
  --nav-border: rgba(96,165,250,0.28);
  --nav-glow: rgba(96,165,250,0.18);
}

#vidu-pipeline-dashboard .vidu-user-nav-projects {
  --nav-color: rgba(196,181,253,0.82);
  --nav-bg: rgba(124,58,237,0.11);
  --nav-border: rgba(167,139,250,0.26);
  --nav-glow: rgba(167,139,250,0.16);
}

#vidu-pipeline-dashboard .vidu-user-nav-pipeline {
  --nav-color: rgba(251,191,36,0.82);
  --nav-bg: rgba(217,119,6,0.10);
  --nav-border: rgba(245,158,11,0.24);
  --nav-glow: rgba(245,158,11,0.14);
}

#vidu-pipeline-dashboard .vidu-user-nav-calendar {
  --nav-color: rgba(253,186,116,0.82);
  --nav-bg: rgba(234,88,12,0.10);
  --nav-border: rgba(251,146,60,0.24);
  --nav-glow: rgba(251,146,60,0.14);
}

#vidu-pipeline-dashboard .vidu-user-nav-review {
  --nav-color: rgba(94,234,212,0.80);
  --nav-bg: rgba(20,184,166,0.10);
  --nav-border: rgba(45,212,191,0.24);
  --nav-glow: rgba(45,212,191,0.15);
}

#vidu-pipeline-dashboard .vidu-user-nav-messages {
  --nav-color: rgba(147,197,253,0.84);
  --nav-bg: rgba(37,99,235,0.10);
  --nav-border: rgba(96,165,250,0.25);
  --nav-glow: rgba(96,165,250,0.15);
}

#vidu-pipeline-dashboard .vidu-user-nav-files {
  --nav-color: rgba(165,180,252,0.82);
  --nav-bg: rgba(79,70,229,0.10);
  --nav-border: rgba(129,140,248,0.24);
  --nav-glow: rgba(129,140,248,0.14);
}

#vidu-pipeline-dashboard .vidu-user-nav-viewer {
  --nav-color: rgba(103,232,249,0.82);
  --nav-bg: rgba(8,145,178,0.10);
  --nav-border: rgba(34,211,238,0.24);
  --nav-glow: rgba(34,211,238,0.14);
}

#vidu-pipeline-dashboard .vidu-user-nav-billing {
  --nav-color: rgba(110,231,183,0.82);
  --nav-bg: rgba(5,150,105,0.10);
  --nav-border: rgba(52,211,153,0.24);
  --nav-glow: rgba(52,211,153,0.14);
}

#vidu-pipeline-dashboard .vidu-user-nav-team {
  --nav-color: rgba(244,114,182,0.78);
  --nav-bg: rgba(219,39,119,0.10);
  --nav-border: rgba(244,114,182,0.23);
  --nav-glow: rgba(244,114,182,0.13);
}

#vidu-pipeline-dashboard .vidu-user-nav-help,
#vidu-pipeline-dashboard .vidu-user-nav-settings,
#vidu-pipeline-dashboard .vidu-user-nav-toggle {
  --nav-color: rgba(203,213,225,0.66);
  --nav-bg: rgba(148,163,184,0.08);
  --nav-border: rgba(203,213,225,0.16);
  --nav-glow: rgba(203,213,225,0.08);
}

#vidu-pipeline-dashboard .vidu-user-nav-label {
  display: none;
  min-width: 0;
  color: var(--vidu-text-secondary);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-nav-label {
  display: inline;
}

#vidu-pipeline-dashboard .vidu-user-nav-btn[data-badge]::after {
  content: attr(data-badge);
  display: block;
  position: absolute;
  right: 3px;
  top: 3px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: rgba(96,165,250,0.95);
  color: #08111f;
  font-size: 10px;
  font-weight: 900;
  line-height: 16px;
  text-align: center;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-nav-btn[data-badge]::after {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

#vidu-pipeline-dashboard .vidu-user-nav-collapse svg {
  transform: rotate(180deg);
  transition: transform .18s ease;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-nav-collapse svg {
  transform: rotate(0deg);
}

#vidu-pipeline-dashboard .vidu-user-sidebar [data-tooltip]:not([data-badge])::after {
  content: none !important;
  display: none !important;
}

#vidu-pipeline-dashboard .vidu-user-profile-panel,
#vidu-pipeline-dashboard .vidu-user-compact-section {
  padding: 12px 2px;
  border-bottom: 1px solid var(--vidu-sidebar-divider);
}

#vidu-pipeline-dashboard .vidu-user-profile-panel {
  margin-top: 2px;
}

#vidu-pipeline-dashboard .vidu-user-profile-main {
  display: flex;
  align-items: center;
  gap: 11px;
}

#vidu-pipeline-dashboard .vidu-user-profile-main strong {
  display: block;
  color: var(--vidu-text-primary);
  font-size: 14px;
  line-height: 1.2;
}

#vidu-pipeline-dashboard .vidu-user-profile-main span:not(.vidu-user-avatar) {
  display: block;
  margin-top: 3px;
  color: var(--vidu-text-muted) !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-user-status-pill {
  margin-top: 10px;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(34,197,94,0.09);
  border: 1px solid rgba(34,197,94,0.18);
  color: rgba(187,247,208,0.86);
  font-size: 11px;
  font-weight: 700;
}

#vidu-pipeline-dashboard .vidu-user-compact-section h3 {
  margin: 0 0 8px;
  color: var(--vidu-text-muted) !important;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-user-stat-row,
#vidu-pipeline-dashboard .vidu-user-inline-row,
#vidu-pipeline-dashboard .vidu-user-empty-row {
  min-height: 29px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 5px 2px;
  border: 0;
  background: transparent;
  color: var(--vidu-text-secondary);
  text-align: left;
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-user-inline-row {
  cursor: pointer;
  border-radius: 10px;
  transition: background .16s ease, color .16s ease;
}

#vidu-pipeline-dashboard .vidu-user-inline-row:hover {
  background: var(--vidu-sidebar-row-bg-hover);
  color: var(--vidu-text-primary) !important;
}

#vidu-pipeline-dashboard .vidu-user-stat-row strong {
  color: var(--vidu-text-primary) !important;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-user-empty-row {
  color: var(--vidu-text-faint);
}

#vidu-pipeline-dashboard .vidu-user-project-list .vidu-user-inline-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-user-actions-card {
  display: grid;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-user-action-btn {
  min-height: 30px;
  border-radius: 10px;
  border: 1px solid var(--vidu-border-soft);
  background: transparent;
  color: var(--vidu-text-secondary);
  cursor: pointer;
  text-align: left;
  padding: 0 2px;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}

#vidu-pipeline-dashboard .vidu-user-action-btn:hover {
  background: var(--vidu-control-bg-hover);
  border-color: var(--vidu-border-medium);
  color: var(--vidu-text-primary);
}

/* =========================
   CONTEXT HUB SIDEBAR
   ========================= */

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 0;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-rail {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 64px;
  min-height: 0;
  align-items: center;
  padding: 10px 6px;
  border-right: 1px solid var(--vidu-sidebar-divider);
  border-bottom: 0;
  overflow: visible;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-sidebar-toggle {
  width: 50px;
  height: 50px;
  justify-content: center;
  padding: 0;
  border-radius: 18px;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-rail .vidu-user-nav-label {
  display: none;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-rail .vidu-user-nav {
  width: 52px;
  margin-top: 14px;
  justify-items: center;
  overflow: visible;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-rail .vidu-user-nav-btn {
  width: 48px;
  height: 42px;
  min-height: 42px;
  justify-content: center;
  padding: 0;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-rail .vidu-user-nav-btn[data-badge]::after {
  right: 0;
  top: 1px;
  transform: none;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-sidebar-inner {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  padding: 0 12px 0 14px;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-system-nav {
  grid-column: 2;
  grid-row: 2;
  padding: 10px 12px 12px 14px;
}

#vidu-pipeline-dashboard .vidu-user-profile-panel {
  padding: 14px 0 12px;
}

#vidu-pipeline-dashboard .vidu-user-profile-panel,
#vidu-pipeline-dashboard .vidu-user-compact-section {
  border-bottom-color: var(--vidu-sidebar-divider);
}

#vidu-pipeline-dashboard .vidu-context-section {
  display: grid;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-context-section-head {
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px;
}

#vidu-pipeline-dashboard .vidu-context-section-head h3 {
  margin: 0;
}

#vidu-pipeline-dashboard .vidu-context-section-head span {
  color: var(--vidu-text-faint);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-context-section-head button {
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 8px;
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-user-hub-row {
  --hub-accent: rgba(139,124,255,0.82);
  min-height: 34px;
  width: 100%;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: var(--vidu-text-secondary);
  padding: 4px 7px;
  text-align: left;
  font-size: 12px;
  font-weight: 680;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

#vidu-pipeline-dashboard .vidu-user-hub-row:hover,
#vidu-pipeline-dashboard .vidu-user-hub-row.is-active {
  background: var(--vidu-control-bg-hover);
  border-color: var(--vidu-border-soft);
  color: var(--vidu-text-primary);
}

#vidu-pipeline-dashboard .vidu-user-hub-row.is-active {
  box-shadow: var(--vidu-shadow-card);
}

#vidu-pipeline-dashboard .vidu-user-hub-icon {
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 9px;
  background: rgba(139,124,255,0.10);
  color: var(--hub-accent);
}

#vidu-pipeline-dashboard .vidu-user-hub-icon svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
}

#vidu-pipeline-dashboard .vidu-user-hub-row strong {
  min-width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(139,124,255,0.18);
  color: #ddd6fe;
  font-size: 10px;
  font-weight: 900;
}

#vidu-pipeline-dashboard .vidu-context-section .vidu-user-hub-row:nth-of-type(2) { --hub-accent: rgba(96,165,250,0.90); }
#vidu-pipeline-dashboard .vidu-context-section .vidu-user-hub-row:nth-of-type(3) { --hub-accent: rgba(196,181,253,0.90); }
#vidu-pipeline-dashboard .vidu-context-section .vidu-user-hub-row:nth-of-type(4) { --hub-accent: rgba(94,234,212,0.86); }
#vidu-pipeline-dashboard .vidu-context-section .vidu-user-hub-row:nth-of-type(5) { --hub-accent: rgba(134,239,172,0.86); }

#vidu-pipeline-dashboard .vidu-context-project-row {
  min-height: 34px;
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 4px 7px;
  border-radius: 12px;
}

#vidu-pipeline-dashboard .vidu-context-project-row em {
  width: 27px;
  height: 27px;
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(124,58,237,0.16);
  color: rgba(221,214,254,0.92);
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
}

.vidu-user-settings-placeholder {
  display: grid;
  gap: 2px;
  padding: 6px 0;
}

.vidu-user-settings-placeholder-row {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 0;
  border-bottom: 1px solid var(--vidu-border-soft);
}

.vidu-user-settings-placeholder-row span {
  color: var(--vidu-text-secondary);
  font-size: 13px;
}

.vidu-user-settings-placeholder-row strong {
  color: var(--vidu-text-primary);
  font-size: 13px;
  font-weight: 800;
}

.vidu-settings-modal-shell .vidu-app-modal-dialog {
  width: min(1180px, calc(100vw - 64px)) !important;
  max-width: min(1180px, calc(100vw - 64px)) !important;
  height: 88vh !important;
  max-height: 88vh !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: var(--vidu-bg-elevated) !important;
}

.vidu-settings-modal-shell .vidu-app-modal-body,
.vidu-settings-modal-shell .vidu-modal-inner-frame,
.vidu-settings-modal-shell .vidu-modal-inner-content {
  min-height: 0 !important;
  height: 100% !important;
  max-height: calc(88vh - 76px) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.vidu-settings-modal {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(260px, 290px) minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
  color: var(--vidu-text-primary);
  background: linear-gradient(180deg, var(--vidu-bg-elevated), var(--vidu-bg-surface));
  border: 1px solid var(--vidu-border-soft);
  border-radius: 24px;
}

.vidu-settings-sidebar {
  min-height: 0;
  padding: 18px;
  border-right: 1px solid var(--vidu-border-soft);
  background: color-mix(in srgb, var(--vidu-bg-page) 58%, transparent);
}

.vidu-settings-brand {
  display: grid;
  gap: 4px;
  margin-bottom: 18px;
}

.vidu-settings-brand span,
.vidu-settings-panel-head span,
.vidu-settings-section-head span,
.vidu-settings-field span,
.vidu-settings-status-row span,
.vidu-settings-placeholder-grid span {
  color: var(--vidu-text-secondary);
  font-size: 12px;
}

.vidu-settings-brand strong {
  color: var(--vidu-text-primary);
  font-size: 16px;
}

.vidu-settings-tabs {
  display: grid;
  gap: 7px;
}

.vidu-settings-tabs button {
  min-height: 40px;
  border: 1px solid var(--vidu-control-border);
  border-radius: 13px;
  padding: 0 12px;
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  text-align: left;
  font-weight: 720;
  cursor: pointer;
}

.vidu-settings-tabs button:hover,
.vidu-settings-tabs button.is-active {
  border-color: var(--vidu-control-border-active);
  background: var(--vidu-control-bg-hover);
  color: var(--vidu-text-primary);
}

.vidu-settings-tabs button.is-active {
  background: var(--vidu-control-bg-active);
  color: var(--vidu-control-text-active);
}

.vidu-settings-content {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.vidu-settings-panel {
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  padding: 22px;
}

.vidu-settings-panel[hidden] {
  display: none !important;
}

.vidu-settings-panel-head {
  position: sticky;
  top: -22px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: -22px -22px 18px;
  padding: 20px 22px 16px;
  border-bottom: 1px solid var(--vidu-border-soft);
  background: color-mix(in srgb, var(--vidu-bg-elevated) 96%, transparent);
  backdrop-filter: blur(16px);
}

.vidu-settings-panel-head h3 {
  margin: 3px 0 0;
  color: var(--vidu-text-primary);
  font-size: 24px;
  line-height: 1.05;
}

.vidu-settings-save-wrap {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.vidu-settings-dirty {
  color: #fbbf24;
  font-size: 12px;
  font-weight: 800;
}

.vidu-settings-form {
  display: grid;
  gap: 14px;
}

.vidu-settings-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 20px;
  background: var(--vidu-bg-surface);
  box-shadow: var(--vidu-shadow-soft);
}

.vidu-system-settings-modal-shell .vidu-app-modal-dialog {
  width: min(1360px, calc(100vw - 64px)) !important;
  max-width: min(1360px, calc(100vw - 64px)) !important;
  height: min(94vh, 1040px) !important;
  max-height: 94vh !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  background: color-mix(in srgb, var(--vidu-bg-elevated) 94%, #050506 6%) !important;
}

.vidu-system-settings-modal-shell .vidu-app-modal-header {
  flex: 0 0 auto !important;
}

.vidu-system-settings-modal-shell .vidu-app-modal-body,
.vidu-system-settings-modal-shell .vidu-modal-inner-frame,
.vidu-system-settings-modal-shell .vidu-modal-inner-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: calc(min(94vh, 1040px) - 76px) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.vidu-system-settings-modal-shell .vidu-app-modal-body {
  -webkit-overflow-scrolling: touch;
}

.vidu-system-settings-modal {
  width: 100%;
  flex: 1 1 auto;
  height: auto;
  display: grid;
  grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
  color: var(--vidu-text-primary);
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, .045), transparent 34%),
    linear-gradient(180deg, color-mix(in srgb, var(--vidu-bg-elevated) 96%, #000 4%), color-mix(in srgb, var(--vidu-bg-surface) 92%, #000 8%));
  border: 1px solid var(--vidu-border-soft);
  border-radius: 26px;
}

.vidu-system-sidebar {
  position: sticky;
  top: 0;
  align-self: start;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  padding: 30px 24px;
  overflow: hidden;
  border-right: 1px solid var(--vidu-border-soft);
  background: color-mix(in srgb, var(--vidu-bg-page) 54%, transparent);
}

.vidu-system-brand {
  display: grid;
  gap: 5px;
  margin-bottom: 22px;
}

.vidu-system-brand span,
.vidu-system-panel-head span,
.vidu-system-section-head span,
.vidu-system-field span,
.vidu-system-toggle-row span,
.vidu-system-provider-card span,
.vidu-system-compact-card span {
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-weight: 760;
  letter-spacing: .02em;
}

.vidu-system-brand strong {
  color: var(--vidu-text-primary);
  font-size: 18px;
  line-height: 1.1;
}

.vidu-system-brand small {
  color: var(--vidu-text-secondary);
  font-size: 12px;
}

.vidu-system-tabs {
  height: calc(100% - 78px);
  display: grid;
  align-content: start;
  gap: 18px;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.vidu-system-tabs::-webkit-scrollbar {
  display: none;
}

.vidu-system-tab-group {
  display: grid;
  gap: 8px;
}

.vidu-system-tab-group + .vidu-system-tab-group {
  padding-top: 14px;
  border-top: 1px solid color-mix(in srgb, var(--vidu-border-soft) 72%, transparent);
}

.vidu-system-tab-group-label {
  padding: 0 4px;
  color: color-mix(in srgb, var(--vidu-text-muted) 88%, transparent);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  font-weight: 820;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.vidu-system-tab-group-items {
  display: grid;
  gap: 8px;
}

.vidu-system-tabs button {
  display: grid;
  gap: 3px;
  min-height: 54px;
  padding: 10px 13px;
  border: 1px solid transparent;
  border-radius: 15px;
  background: transparent;
  color: var(--vidu-text-secondary);
  text-align: left;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.vidu-system-tabs button strong {
  color: inherit;
  font-size: 13px;
  font-weight: 760;
}

.vidu-system-tabs button span {
  color: var(--vidu-text-muted);
  font-size: 11px;
}

.vidu-system-tabs button:hover,
.vidu-system-tabs button.is-active {
  border-color: var(--vidu-border-soft);
  background: color-mix(in srgb, var(--vidu-card-bg) 72%, transparent);
  color: var(--vidu-text-primary);
}

.vidu-system-content {
  min-width: 0;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.vidu-system-panel {
  flex: 1 1 auto;
  height: auto;
  max-height: 100%;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 34px;
  scroll-padding-block: 34px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.vidu-system-panel::-webkit-scrollbar {
  display: none;
}

.vidu-system-panel[hidden] {
  display: none !important;
}

.vidu-system-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 22px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--vidu-border-soft);
}

.vidu-system-panel-head h3 {
  margin: 4px 0 8px;
  color: var(--vidu-text-primary);
  font-size: clamp(28px, 2.2vw, 38px);
  line-height: 1.02;
  letter-spacing: 0;
}

.vidu-system-panel-head p {
  max-width: 720px;
  margin: 0;
  color: var(--vidu-text-secondary);
  font-size: 13px;
  line-height: 1.55;
}

.vidu-system-panel-head b,
.vidu-system-section-head em,
.vidu-system-provider-head em,
.vidu-system-compact-card em,
.vidu-system-toggle-row i {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  background: color-mix(in srgb, var(--vidu-control-bg) 76%, transparent);
  color: var(--vidu-text-secondary);
  font-size: 11px;
  font-style: normal;
  font-weight: 780;
  white-space: nowrap;
}

.vidu-system-card-grid,
.vidu-system-provider-grid,
.vidu-system-compact-grid {
  display: grid;
  gap: 16px;
}

.vidu-system-card-grid.is-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vidu-system-provider-grid {
  grid-template-columns: repeat(3, minmax(260px, 1fr));
}

.vidu-system-compact-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vidu-system-card,
.vidu-system-provider-card,
.vidu-system-compact-card {
  min-width: 0;
  display: grid;
  gap: 15px;
  padding: 18px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 22px;
  background: color-mix(in srgb, var(--vidu-card-bg) 84%, transparent);
  box-shadow: var(--vidu-shadow-card);
}

.vidu-system-section-head,
.vidu-system-provider-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.vidu-system-section-head strong,
.vidu-system-provider-head strong,
.vidu-system-compact-card strong,
.vidu-system-toggle-row strong {
  display: block;
  color: var(--vidu-text-primary);
  font-size: 15px;
  line-height: 1.25;
}

.vidu-system-form-grid,
.vidu-system-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.vidu-system-mini-grid {
  grid-template-columns: 1fr;
  gap: 9px;
}

.vidu-system-field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.vidu-system-field input,
.vidu-system-field select {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--vidu-control-border);
  border-radius: 13px;
  padding: 0 12px;
  background: color-mix(in srgb, var(--vidu-control-bg) 78%, transparent);
  color: var(--vidu-text-secondary);
  font: inherit;
  opacity: .78;
}

.vidu-system-field input:not(:disabled),
.vidu-system-field select:not(:disabled) {
  opacity: 1;
  color: var(--vidu-text-primary);
}

.vidu-system-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 54px;
  padding: 12px 13px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 15px;
  background: color-mix(in srgb, var(--vidu-control-bg) 56%, transparent);
}

.vidu-system-provider-toggle {
  position: relative;
}

.vidu-system-provider-toggle input {
  width: 18px;
  height: 18px;
  accent-color: #9be7c3;
}

.vidu-system-toggle-row.is-enabled i {
  border-color: color-mix(in srgb, #34d399 42%, transparent);
  color: #9be7c3;
}

.vidu-system-provider-card.is-enabled {
  border-color: color-mix(in srgb, #34d399 22%, var(--vidu-border-soft));
}

.vidu-system-provider-head em.is-connected,
.vidu-system-provider-head em.is-configured,
.vidu-system-provider-head em.is-test_prepared {
  border-color: color-mix(in srgb, #34d399 38%, transparent);
  color: #9be7c3;
}

.vidu-system-provider-head em.is-connection_failed,
.vidu-system-provider-head em.is-failed,
.vidu-system-provider-head em.is-error,
.vidu-system-section-head em.is-error {
  border-color: color-mix(in srgb, #f87171 38%, transparent);
  color: #fecaca;
}

.vidu-system-section-head em.is-connected,
.vidu-system-section-head em.is-configured {
  border-color: color-mix(in srgb, #34d399 38%, transparent);
  color: #9be7c3;
}

.vidu-system-provider-meta {
  display: grid;
  gap: 4px;
  min-height: 70px;
  padding: 12px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 13px;
  background: color-mix(in srgb, var(--vidu-control-bg) 52%, transparent);
}

.vidu-system-provider-meta strong {
  color: var(--vidu-text-primary);
  font-size: 13px;
}

.vidu-system-provider-meta small {
  color: var(--vidu-text-muted);
  font-size: 11px;
  line-height: 1.35;
}

.vidu-system-note-card {
  margin-bottom: 16px;
}

.vidu-system-note-card p {
  margin: 0;
  max-width: 860px;
  color: var(--vidu-text-secondary);
  font-size: 13px;
  line-height: 1.55;
}

.vidu-system-inline-note,
.vidu-system-webhook-box,
.vidu-system-required-events {
  border: 1px solid var(--vidu-border-soft);
  border-radius: 15px;
  background: color-mix(in srgb, var(--vidu-control-bg) 52%, transparent);
  color: var(--vidu-text-secondary);
  padding: 12px 13px;
  font-size: 12px;
  line-height: 1.45;
}

.vidu-system-webhook-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.vidu-system-webhook-box > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.vidu-system-webhook-box span,
.vidu-system-required-events > span {
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-weight: 760;
}

.vidu-system-webhook-box code,
.vidu-system-required-events code {
  color: var(--vidu-text-primary);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
}

.vidu-system-webhook-box code {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-system-required-events {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.vidu-system-required-events code {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  background: color-mix(in srgb, var(--vidu-bg-surface) 70%, transparent);
  padding: 0 9px;
}

.vidu-system-runtime-card {
  margin-top: 16px;
}

.vidu-system-primary-action {
  opacity: 1 !important;
  border-color: color-mix(in srgb, #9ca3af 34%, var(--vidu-control-border)) !important;
  background: color-mix(in srgb, var(--vidu-control-bg) 72%, #fff 6%) !important;
  color: var(--vidu-text-primary) !important;
}

.vidu-system-save-state {
  align-self: center;
  color: var(--vidu-text-muted);
  font-size: 12px;
  font-weight: 720;
}

.vidu-system-save-state[data-tone="success"] {
  color: #9be7c3;
}

.vidu-system-save-state[data-tone="error"] {
  color: #fecaca;
}

.vidu-system-save-state[data-tone="pending"] {
  color: var(--vidu-text-secondary);
}

.vidu-system-compact-card {
  align-content: start;
  min-height: 132px;
}

.vidu-system-compact-card em {
  justify-self: start;
}

.vidu-system-action-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.vidu-system-action-row button {
  min-height: 38px;
  border: 1px solid var(--vidu-control-border);
  border-radius: 13px;
  padding: 0 13px;
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  font-weight: 760;
  opacity: .62;
}

.vidu-system-labs-card {
  position: relative;
  overflow: hidden;
  border-color: color-mix(in srgb, #a78bfa 22%, var(--vidu-border-soft));
}

.vidu-system-labs-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 14% 0%, rgba(167, 139, 250, .12), transparent 36%);
}

.vidu-system-panel[data-system-panel="flags"],
.vidu-system-panel[data-system-panel="labs"],
.vidu-system-panel[data-system-panel="roadmap"],
.vidu-system-panel[data-system-panel="architecture"] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.vidu-system-panel[data-system-panel="flags"][hidden],
.vidu-system-panel[data-system-panel="labs"][hidden],
.vidu-system-panel[data-system-panel="roadmap"][hidden],
.vidu-system-panel[data-system-panel="architecture"][hidden] {
  display: none !important;
}

.vidu-system-flag-category-stack,
.vidu-system-flag-grid,
.vidu-system-lab-grid,
.vidu-system-strategy-grid {
  display: grid;
  gap: 12px;
}

.vidu-system-flag-grid,
.vidu-system-lab-grid,
.vidu-system-strategy-grid {
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  margin-top: 14px;
}

.vidu-system-flag-category-stack {
  margin-top: 16px;
}

.vidu-system-flag-category {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    rgba(0,0,0,.105);
}

.vidu-system-subsection-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.vidu-system-subsection-head div {
  display: grid;
  gap: 4px;
}

.vidu-system-subsection-head strong {
  color: rgba(255,255,255,.92);
  font-size: 14px;
  font-weight: 850;
}

.vidu-system-subsection-head span {
  color: rgba(255,255,255,.50);
  font-size: 12px;
  line-height: 1.44;
}

.vidu-system-subsection-head em {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: rgba(226,232,240,.72);
  font-size: 10px;
  font-style: normal;
  font-weight: 820;
  white-space: nowrap;
}

.vidu-system-rollout-lifecycle {
  display: grid;
  gap: 10px;
  margin: 12px 0 0;
  padding: 14px;
  border: 1px solid rgba(56,189,248,.14);
  border-radius: 20px;
  background:
    radial-gradient(circle at 12% 0%, rgba(56,189,248,.10), transparent 34%),
    linear-gradient(135deg, rgba(139,92,246,.055), rgba(255,255,255,.018)),
    rgba(0,0,0,.12);
}

.vidu-system-lifecycle-steps {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-system-lifecycle-steps span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(226,232,240,.86);
  font-size: 11px;
  font-weight: 820;
}

.vidu-system-lifecycle-steps span:not(:last-child) {
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
}

.vidu-system-lifecycle-steps span:last-child {
  padding: 6px 10px;
  border: 1px solid rgba(34,197,94,.20);
  border-radius: 999px;
  background: rgba(34,197,94,.08);
  color: rgba(187,247,208,.92);
}

.vidu-system-lifecycle-steps i {
  color: rgba(148,163,184,.58);
  font-style: normal;
}

.vidu-system-rollout-lifecycle p {
  max-width: 780px;
  margin: 0;
  color: rgba(203,213,225,.62);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-system-strategy-grid {
  grid-template-columns: repeat(3, minmax(220px, 1fr));
}

.vidu-system-flag-card,
.vidu-system-lab-card {
  position: relative;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.024)),
    rgba(0,0,0,.13);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

.vidu-system-flag-card div,
.vidu-system-lab-card div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-system-flag-card strong,
.vidu-system-lab-card strong {
  color: rgba(255,255,255,.92);
  font-size: 14px;
  font-weight: 840;
  line-height: 1.2;
}

.vidu-system-flag-card span,
.vidu-system-lab-card span {
  color: rgba(255,255,255,.52);
  font-size: 12px;
  line-height: 1.42;
}

.vidu-system-lab-meta,
.vidu-system-flag-meta,
.vidu-system-lab-requires {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.vidu-system-lab-meta b,
.vidu-system-flag-meta b,
.vidu-system-lab-requires i,
.vidu-system-lab-requires span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: rgba(226,232,240,.72);
  font-size: 10px;
  font-style: normal;
  font-weight: 760;
}

.vidu-system-lab-requires span {
  border-color: transparent;
  background: transparent;
  color: rgba(148,163,184,.72);
  font-family: var(--vidu-font-mono);
  padding: 0;
  text-transform: uppercase;
}

.vidu-system-flag-card em,
.vidu-system-lab-card em {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.62);
  font-size: 10px;
  font-style: normal;
  font-weight: 840;
  white-space: nowrap;
}

.vidu-system-flag-card.is-enabled {
  border-color: rgba(34,197,94,.24);
  background:
    radial-gradient(circle at 10% 0%, rgba(34,197,94,.12), transparent 42%),
    rgba(0,0,0,.13);
}

.vidu-system-flag-card.is-enabled em {
  border-color: rgba(34,197,94,.28);
  background: rgba(34,197,94,.10);
  color: rgba(187,247,208,.92);
}

.vidu-system-flag-card.is-beta,
.vidu-system-flag-card.is-selected-organizations {
  border-color: rgba(56,189,248,.24);
}

.vidu-system-flag-card.is-beta em,
.vidu-system-flag-card.is-selected-organizations em {
  border-color: rgba(56,189,248,.28);
  background: rgba(56,189,248,.10);
  color: rgba(186,230,253,.92);
}

.vidu-system-flag-card.is-internal {
  border-color: rgba(167,139,250,.22);
}

.vidu-system-flag-card.is-internal em {
  border-color: rgba(167,139,250,.28);
  background: rgba(167,139,250,.10);
  color: rgba(221,214,254,.9);
}

.vidu-system-flag-card.is-disabled {
  opacity: .74;
}

.vidu-system-lab-card {
  overflow: hidden;
  border-color: rgba(167,139,250,.16);
}

.vidu-system-lab-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 0%, rgba(167,139,250,.12), transparent 34%),
    linear-gradient(135deg, rgba(56,189,248,.04), transparent 42%);
}

.vidu-system-lab-card > * {
  position: relative;
  z-index: 1;
}

.vidu-system-lab-card em {
  border-color: rgba(167,139,250,.26);
  background: rgba(167,139,250,.10);
  color: rgba(221,214,254,.88);
}

.vidu-system-lab-card.is-concept em {
  border-color: rgba(148,163,184,.20);
  background: rgba(148,163,184,.08);
  color: rgba(203,213,225,.82);
}

.vidu-system-lab-card.is-research em {
  border-color: rgba(96,165,250,.26);
  background: rgba(96,165,250,.10);
  color: rgba(191,219,254,.9);
}

.vidu-system-lab-card.is-prototype em {
  border-color: rgba(167,139,250,.26);
  background: rgba(167,139,250,.10);
  color: rgba(221,214,254,.88);
}

.vidu-system-lab-card.is-candidate em {
  border-color: rgba(34,197,94,.28);
  background: rgba(34,197,94,.10);
  color: rgba(187,247,208,.92);
}

.vidu-system-labs-strategy-card {
  border-color: rgba(96,165,250,.14);
  background:
    radial-gradient(circle at 12% 0%, rgba(96,165,250,.12), transparent 34%),
    radial-gradient(circle at 90% 12%, rgba(139,92,246,.10), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.025)),
    rgba(14,15,22,.84);
}

.vidu-system-lab-card.is-initiative {
  min-height: 230px;
  border-color: rgba(96,165,250,.18);
  background:
    radial-gradient(circle at 18% 0%, rgba(96,165,250,.14), transparent 38%),
    linear-gradient(145deg, rgba(139,92,246,.075), rgba(255,255,255,.026)),
    rgba(8,12,22,.72);
  box-shadow: 0 18px 50px rgba(0,0,0,.18), 0 0 34px rgba(96,165,250,.07);
}

.vidu-system-lab-card.is-initiative .vidu-system-lab-meta b:last-child {
  border-color: rgba(96,165,250,.26);
  background: rgba(96,165,250,.09);
  color: rgba(186,230,253,.9);
}

.vidu-system-lab-card.is-active em {
  border-color: rgba(34,197,94,.28);
  background: rgba(34,197,94,.10);
  color: rgba(187,247,208,.92);
}

.vidu-roadmap-card {
  scroll-margin-top: 18px;
  border-color: rgba(96,165,250,.12);
  background:
    radial-gradient(circle at 10% 0%, rgba(96,165,250,.075), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.023)),
    rgba(14,15,22,.82);
}

.vidu-roadmap-subnav {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(20,20,28,.90), rgba(12,12,18,.84)),
    rgba(0,0,0,.18);
  box-shadow: 0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter: blur(18px);
}

.vidu-roadmap-subnav a {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: rgba(226,232,240,.72);
  font-size: 11px;
  font-weight: 820;
  padding: 0 12px;
  text-decoration: none;
  transition:
    background var(--vidu-duration-fast) var(--vidu-ease-standard),
    border-color var(--vidu-duration-fast) var(--vidu-ease-standard),
    color var(--vidu-duration-fast) var(--vidu-ease-standard),
    transform var(--vidu-duration-fast) var(--vidu-ease-standard);
}

.vidu-roadmap-subnav a:hover,
.vidu-roadmap-subnav a:focus-visible {
  border-color: rgba(96,165,250,.28);
  background: rgba(96,165,250,.10);
  color: rgba(224,242,254,.94);
  outline: none;
  transform: translateY(-1px);
}

.vidu-roadmap-subnav a:active {
  transform: translateY(0);
}

.vidu-roadmap-vision-grid,
.vidu-roadmap-timeline-grid,
.vidu-roadmap-dependency-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
}

.vidu-roadmap-vision-card {
  display: grid;
  gap: 14px;
  min-height: 240px;
  padding: 18px;
  border: 1px solid rgba(96,165,250,.16);
  border-radius: 22px;
  background:
    radial-gradient(circle at 18% 0%, rgba(96,165,250,.13), transparent 38%),
    linear-gradient(145deg, rgba(139,92,246,.07), rgba(255,255,255,.025)),
    rgba(8,12,22,.72);
  box-shadow: 0 18px 50px rgba(0,0,0,.18), 0 0 34px rgba(96,165,250,.07);
}

.vidu-roadmap-vision-card div,
.vidu-roadmap-timeline-column header,
.vidu-roadmap-maturity-row div,
.vidu-roadmap-dependency-card {
  display: grid;
  gap: 8px;
}

.vidu-roadmap-vision-card span {
  color: rgba(125,211,252,.74);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  font-weight: 820;
  text-transform: uppercase;
}

.vidu-roadmap-vision-card strong,
.vidu-roadmap-timeline-column header strong,
.vidu-roadmap-dependency-card strong,
.vidu-roadmap-maturity-row strong {
  color: rgba(255,255,255,.94);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.18;
}

.vidu-roadmap-vision-card strong {
  font-size: 17px;
}

.vidu-roadmap-vision-card p {
  margin: 0;
  color: rgba(203,213,225,.68);
  font-size: 12px;
  line-height: 1.5;
}

.vidu-roadmap-vision-card footer,
.vidu-roadmap-vision-card small,
.vidu-roadmap-dependency-card div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

.vidu-roadmap-vision-card b,
.vidu-roadmap-vision-card i,
.vidu-roadmap-dependency-card i,
.vidu-roadmap-timeline-item em {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: rgba(226,232,240,.76);
  font-size: 10px;
  font-style: normal;
  font-weight: 780;
}

.vidu-roadmap-evolution-head,
.vidu-roadmap-pipeline-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-roadmap-evolution-head,
.vidu-roadmap-pipeline-row,
.vidu-roadmap-maturity-row,
.vidu-roadmap-timeline-column,
.vidu-roadmap-dependency-card {
  padding: 14px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    rgba(0,0,0,.105);
}

.vidu-roadmap-evolution-head {
  border-color: rgba(56,189,248,.14);
  border-radius: 20px;
  background:
    radial-gradient(circle at 12% 0%, rgba(56,189,248,.10), transparent 34%),
    rgba(0,0,0,.12);
}

.vidu-roadmap-evolution-head span,
.vidu-roadmap-pipeline-row span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: rgba(226,232,240,.84);
  font-size: 11px;
  font-weight: 820;
}

.vidu-roadmap-evolution-head i,
.vidu-roadmap-pipeline-row i {
  color: rgba(148,163,184,.58);
  font-style: normal;
}

.vidu-roadmap-pipeline-list,
.vidu-roadmap-maturity-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.vidu-roadmap-timeline-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  background: rgba(0,0,0,.12);
}

.vidu-roadmap-timeline-item b {
  color: rgba(226,232,240,.9);
  font-size: 12px;
}

.vidu-roadmap-timeline-column header span,
.vidu-roadmap-dependency-card > span,
.vidu-roadmap-maturity-row span {
  color: rgba(148,163,184,.76);
  font-size: 11px;
}

.vidu-roadmap-maturity-row {
  display: grid;
  grid-template-columns: minmax(180px, .75fr) minmax(180px, 1fr) 54px;
  align-items: center;
  gap: 12px;
}

.vidu-roadmap-maturity-row > i {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
}

.vidu-roadmap-maturity-row > i b {
  display: block;
  width: var(--roadmap-progress);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #6d5dfc, #38bdf8);
  box-shadow: 0 0 18px rgba(56,189,248,.24);
}

.vidu-roadmap-maturity-row > em {
  color: rgba(226,232,240,.84);
  font-size: 11px;
  font-style: normal;
  font-weight: 840;
  text-align: right;
}

.vidu-architecture-card {
  border-color: rgba(96,165,250,.12);
  background:
    radial-gradient(circle at 10% 0%, rgba(96,165,250,.07), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.023)),
    rgba(14,15,22,.82);
}

.vidu-architecture-overview {
  background:
    radial-gradient(circle at 10% 0%, rgba(56,189,248,.10), transparent 34%),
    radial-gradient(circle at 88% 6%, rgba(139,92,246,.10), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.024)),
    rgba(8,12,22,.86);
}

.vidu-architecture-overview-grid,
.vidu-architecture-module-grid,
.vidu-architecture-health-grid {
  display: grid;
  gap: 14px;
}

.vidu-architecture-overview-grid {
  grid-template-columns: repeat(4, minmax(180px, 1fr));
}

.vidu-architecture-module-grid {
  grid-template-columns: repeat(3, minmax(220px, 1fr));
}

.vidu-architecture-health-grid {
  grid-template-columns: repeat(5, minmax(140px, 1fr));
}

.vidu-architecture-layer-card,
.vidu-architecture-module-card,
.vidu-architecture-health-card,
.vidu-architecture-dependency-row {
  border: 1px solid rgba(255,255,255,.078);
  background:
    linear-gradient(145deg, rgba(255,255,255,.047), rgba(255,255,255,.018)),
    rgba(0,0,0,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

.vidu-architecture-layer-card {
  position: relative;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  overflow: hidden;
  padding: 18px;
  border-radius: 22px;
}

.vidu-architecture-layer-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .9;
}

.vidu-architecture-layer-card.is-core::before {
  background: radial-gradient(circle at 12% 0%, rgba(96,165,250,.14), transparent 38%);
}

.vidu-architecture-layer-card.is-infrastructure::before {
  background: radial-gradient(circle at 12% 0%, rgba(34,197,94,.12), transparent 38%);
}

.vidu-architecture-layer-card.is-intelligence::before {
  background: radial-gradient(circle at 12% 0%, rgba(139,92,246,.16), transparent 38%);
}

.vidu-architecture-layer-card.is-future::before {
  background: radial-gradient(circle at 12% 0%, rgba(245,158,11,.13), transparent 38%);
}

.vidu-architecture-layer-card > * {
  position: relative;
  z-index: 1;
}

.vidu-architecture-layer-card div,
.vidu-architecture-module-card,
.vidu-architecture-health-card {
  display: grid;
  gap: 8px;
}

.vidu-architecture-layer-card span {
  color: rgba(125,211,252,.74);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  font-weight: 820;
  text-transform: uppercase;
}

.vidu-architecture-layer-card strong,
.vidu-architecture-module-card strong,
.vidu-architecture-dependency-row strong {
  color: rgba(255,255,255,.94);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.18;
}

.vidu-architecture-layer-card strong {
  font-size: 17px;
}

.vidu-architecture-layer-card p,
.vidu-architecture-module-card p,
.vidu-architecture-health-card p {
  margin: 0;
  color: rgba(203,213,225,.64);
  font-size: 12px;
  line-height: 1.48;
}

.vidu-architecture-layer-card footer,
.vidu-architecture-module-card small,
.vidu-architecture-dependency-row div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

.vidu-architecture-layer-card i,
.vidu-architecture-module-card i,
.vidu-architecture-module-card b,
.vidu-architecture-dependency-row i,
.vidu-architecture-module-head em {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: rgba(226,232,240,.76);
  font-size: 10px;
  font-style: normal;
  font-weight: 780;
}

.vidu-architecture-module-card {
  min-width: 0;
  padding: 16px;
  border-radius: 18px;
}

.vidu-architecture-module-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.vidu-architecture-module-head span {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(96,165,250,.18);
  border-radius: 14px;
  background:
    radial-gradient(circle at 30% 20%, rgba(96,165,250,.24), transparent 55%),
    rgba(255,255,255,.045);
  color: rgba(224,242,254,.92);
  font-size: 11px;
  font-weight: 880;
  letter-spacing: .04em;
}

.vidu-architecture-module-head em {
  border-color: rgba(96,165,250,.18);
  background: rgba(96,165,250,.075);
  color: rgba(186,230,253,.9);
}

.vidu-architecture-module-card small b {
  border-color: transparent;
  background: transparent;
  color: rgba(148,163,184,.76);
  font-family: var(--vidu-font-mono);
  padding-left: 0;
  text-transform: uppercase;
}

.vidu-architecture-dependency-list {
  display: grid;
  gap: 10px;
}

.vidu-architecture-dependency-row {
  display: grid;
  grid-template-columns: minmax(180px, .6fr) 28px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
}

.vidu-architecture-dependency-row > span {
  color: rgba(56,189,248,.76);
  font-size: 18px;
  font-weight: 820;
  text-align: center;
}

.vidu-architecture-health-card {
  min-height: 150px;
  padding: 16px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 18% 0%, rgba(56,189,248,.10), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.047), rgba(255,255,255,.018)),
    rgba(0,0,0,.12);
}

.vidu-architecture-health-card strong {
  color: rgba(255,255,255,.95);
  font-size: 30px;
  font-weight: 880;
  letter-spacing: -.02em;
  line-height: 1;
}

.vidu-architecture-health-card span {
  color: rgba(226,232,240,.88);
  font-size: 12px;
  font-weight: 820;
}

.vidu-executive-modal-shell .vidu-app-modal-dialog {
  width: min(94vw, 1680px) !important;
  max-width: min(94vw, 1680px) !important;
  height: auto !important;
  max-height: calc(100svh - 48px) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.vidu-executive-modal-shell .vidu-app-modal-header {
  flex: 0 0 auto !important;
}

.vidu-executive-modal-shell .vidu-app-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: calc(100svh - 124px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 14px !important;
  -webkit-overflow-scrolling: touch;
}

.vidu-executive-modal-shell .vidu-modal-inner-frame,
.vidu-executive-modal-shell .vidu-modal-inner-content {
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

.vidu-executive-modal-shell .vidu-modal-inner-content {
  padding-bottom: 32px !important;
}

.vidu-executive-dashboard {
  display: grid;
  gap: 24px;
  padding: 4px;
}

.vidu-executive-hero,
.vidu-executive-section,
.vidu-executive-kpi {
  border: 1px solid rgba(255,255,255,.085);
  background:
    radial-gradient(circle at 12% 0%, rgba(96,165,250,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.022)),
    rgba(12,15,24,.84);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

.vidu-executive-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border-radius: 26px;
  overflow: hidden;
}

.vidu-executive-hero div {
  max-width: 760px;
  display: grid;
  gap: 9px;
}

.vidu-executive-hero span,
.vidu-executive-section-head span,
.vidu-executive-kpi span {
  color: rgba(125,211,252,.78);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  font-weight: 820;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.vidu-executive-hero h2 {
  margin: 0;
  color: rgba(255,255,255,.96);
  font-size: clamp(28px, 3vw, 48px);
  line-height: 1;
  letter-spacing: -.04em;
}

.vidu-executive-hero p,
.vidu-executive-kpi p {
  margin: 0;
  color: rgba(203,213,225,.66);
  font-size: 13px;
  line-height: 1.5;
}

.vidu-executive-hero b,
.vidu-executive-section-head em {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 11px;
  border: 1px solid rgba(96,165,250,.20);
  border-radius: 999px;
  background: rgba(96,165,250,.08);
  color: rgba(186,230,253,.92);
  font-size: 11px;
  font-style: normal;
  font-weight: 820;
}

.vidu-executive-grid,
.vidu-executive-mini-grid,
.vidu-executive-split {
  display: grid;
  gap: 16px;
}

.vidu-executive-grid.is-kpis {
  grid-template-columns: repeat(4, minmax(160px, 1fr));
}

.vidu-executive-mini-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vidu-executive-split {
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
}

.vidu-executive-kpi {
  min-height: 150px;
  display: grid;
  align-content: space-between;
  gap: 12px;
  padding: 18px;
  border-radius: 22px;
}

.vidu-executive-kpi strong {
  color: rgba(255,255,255,.96);
  font-size: clamp(24px, 2.3vw, 38px);
  line-height: .98;
  letter-spacing: -.035em;
}

.vidu-executive-kpi.is-green {
  border-color: rgba(34,197,94,.18);
  background:
    radial-gradient(circle at 12% 0%, rgba(34,197,94,.12), transparent 36%),
    rgba(12,15,24,.84);
}

.vidu-executive-kpi.is-violet {
  border-color: rgba(167,139,250,.20);
  background:
    radial-gradient(circle at 12% 0%, rgba(167,139,250,.14), transparent 36%),
    rgba(12,15,24,.84);
}

.vidu-executive-kpi.is-amber {
  border-color: rgba(245,158,11,.18);
  background:
    radial-gradient(circle at 12% 0%, rgba(245,158,11,.12), transparent 36%),
    rgba(12,15,24,.84);
}

.vidu-executive-section {
  display: grid;
  gap: 16px;
  padding: 20px;
  border-radius: 24px;
}

.vidu-executive-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.vidu-executive-section-head div {
  display: grid;
  gap: 5px;
}

.vidu-executive-section-head strong {
  color: rgba(255,255,255,.93);
  font-size: 16px;
  font-weight: 850;
}

.vidu-executive-org-list,
.vidu-executive-capability-list,
.vidu-executive-health-list,
.vidu-executive-rollout-list {
  display: grid;
  gap: 10px;
}

.vidu-executive-org-row,
.vidu-executive-capability,
.vidu-executive-health-row {
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 18px;
  background: rgba(0,0,0,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.vidu-executive-org-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 130px 100px minmax(180px, 1fr) 110px;
  align-items: center;
  gap: 12px;
  padding: 14px;
}

.vidu-executive-org-row div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vidu-executive-org-row strong,
.vidu-executive-capability strong,
.vidu-executive-health-row strong {
  color: rgba(255,255,255,.92);
  font-size: 13px;
  font-weight: 830;
}

.vidu-executive-org-row span,
.vidu-executive-org-row b,
.vidu-executive-capability span,
.vidu-executive-health-row span {
  color: rgba(203,213,225,.62);
  font-size: 11px;
  font-weight: 680;
}

.vidu-executive-org-row em {
  width: max-content;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 999px;
  background: rgba(148,163,184,.08);
  color: rgba(226,232,240,.78);
  font-size: 10px;
  font-style: normal;
  font-weight: 820;
}

.vidu-executive-org-row em.is-active,
.vidu-executive-org-row em.is-trialing {
  border-color: rgba(34,197,94,.24);
  background: rgba(34,197,94,.10);
  color: rgba(187,247,208,.92);
}

.vidu-executive-capability {
  display: grid;
  grid-template-columns: minmax(150px, .8fr) minmax(160px, 1fr) 76px;
  align-items: center;
  gap: 12px;
  padding: 13px;
}

.vidu-executive-capability div {
  display: grid;
  gap: 4px;
}

.vidu-executive-capability > i {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
}

.vidu-executive-capability > i b {
  display: block;
  width: var(--capability-progress);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--vidu-color-brand-primary, #6d5dfc), var(--vidu-color-brand-secondary, #38bdf8));
  box-shadow: 0 0 18px rgba(56,189,248,.24);
}

.vidu-executive-capability em {
  color: rgba(226,232,240,.82);
  font-size: 11px;
  font-style: normal;
  font-weight: 820;
  text-align: right;
}

.vidu-executive-health-row {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px;
}

.vidu-executive-health-row i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(148,163,184,.7);
  box-shadow: 0 0 0 5px rgba(148,163,184,.09);
}

.vidu-executive-health-row i.is-ok {
  background: #22c55e;
  box-shadow: 0 0 0 5px rgba(34,197,94,.10), 0 0 18px rgba(34,197,94,.25);
}

.vidu-executive-health-row div {
  display: grid;
  gap: 3px;
}

.vidu-executive-health-row em {
  color: rgba(226,232,240,.82);
  font-size: 11px;
  font-style: normal;
  font-weight: 820;
}

@media (max-width: 1320px) {
  .vidu-system-settings-modal {
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .vidu-system-provider-grid,
  .vidu-system-compact-grid,
  .vidu-system-flag-grid,
  .vidu-system-flag-category-stack,
  .vidu-system-lab-grid,
  .vidu-system-strategy-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-roadmap-vision-grid,
  .vidu-roadmap-timeline-grid,
  .vidu-roadmap-dependency-grid,
  .vidu-architecture-overview-grid,
  .vidu-architecture-module-grid,
  .vidu-architecture-health-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-executive-grid.is-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-executive-split {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 920px) {
  .vidu-system-settings-modal-shell .vidu-app-modal-dialog {
    width: 96vw !important;
    height: 92vh !important;
    max-height: 92vh !important;
  }

  .vidu-system-settings-modal {
    grid-template-columns: 1fr;
  }

  .vidu-system-sidebar {
    max-height: 240px;
    border-right: 0;
    border-bottom: 1px solid var(--vidu-border-soft);
  }

  .vidu-system-tabs {
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-system-card-grid.is-two,
  .vidu-system-provider-grid,
  .vidu-system-compact-grid,
  .vidu-system-flag-grid,
  .vidu-system-flag-category-stack,
  .vidu-system-lab-grid,
  .vidu-system-strategy-grid,
  .vidu-system-form-grid {
    grid-template-columns: 1fr;
  }

  .vidu-roadmap-vision-grid,
  .vidu-roadmap-timeline-grid,
  .vidu-roadmap-dependency-grid,
  .vidu-roadmap-maturity-row,
  .vidu-architecture-overview-grid,
  .vidu-architecture-module-grid,
  .vidu-architecture-health-grid,
  .vidu-architecture-dependency-row,
  .vidu-executive-grid.is-kpis,
  .vidu-executive-mini-grid,
  .vidu-executive-org-row,
  .vidu-executive-capability {
    grid-template-columns: 1fr;
  }

  .vidu-executive-hero,
  .vidu-executive-section-head {
    display: grid;
  }

  .vidu-executive-capability em {
    text-align: left;
  }

  .vidu-system-flag-card,
  .vidu-system-lab-card {
    flex-direction: column;
  }

  .vidu-system-panel {
    padding: 20px;
  }

  .vidu-system-panel-head {
    display: grid;
  }
}

.vidu-settings-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vidu-settings-section-head strong {
  display: block;
  margin-top: 3px;
  color: var(--vidu-text-primary);
  font-size: 15px;
}

.vidu-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.vidu-settings-field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.vidu-settings-field.is-wide {
  grid-column: 1 / -1;
}

.vidu-settings-field input,
.vidu-settings-field select {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 13px;
  padding: 0 12px;
  background: var(--vidu-bg-input);
  color: var(--vidu-text-primary);
  outline: none;
}

.vidu-settings-media-field {
  grid-column: 1 / -1;
}

.vidu-settings-media-row {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
}

.vidu-settings-logo-preview {
  display: grid;
  place-items: center;
  min-height: 92px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 16px;
  background: var(--vidu-bg-input);
  overflow: hidden;
}

.vidu-settings-logo-preview img {
  display: block;
  width: 100%;
  max-width: 92px;
  max-height: 72px;
  object-fit: contain;
}

.vidu-settings-logo-preview em {
  color: var(--vidu-text-muted);
  font-size: 12px;
  font-style: normal;
}

.vidu-settings-media-controls {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.vidu-settings-media-controls small {
  color: var(--vidu-text-muted);
  font-size: 12px;
  line-height: 1.35;
}

.vidu-settings-color-row {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 8px;
}

.vidu-settings-color-row input[type="color"] {
  min-height: 42px;
  padding: 4px;
  cursor: pointer;
}

.vidu-settings-field input:focus,
.vidu-settings-field select:focus {
  border-color: rgba(147,197,253,.34);
  box-shadow: 0 0 0 3px rgba(96,165,250,.08);
}

.vidu-settings-save,
.vidu-settings-secondary {
  min-height: 40px;
  border: 1px solid var(--vidu-control-border);
  border-radius: 13px;
  padding: 0 14px;
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  font-weight: 850;
  cursor: pointer;
}

.vidu-settings-save {
  border-color: color-mix(in srgb, var(--vidu-brand-primary) 46%, transparent);
  background: var(--vidu-brand-primary);
  color: #07110a;
}

.vidu-settings-save:disabled,
.vidu-settings-secondary:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.vidu-settings-message {
  min-height: 20px;
  margin-top: 12px;
  color: var(--vidu-text-secondary);
  font-size: 12px;
}

.vidu-settings-theme-control {
  display: grid;
  gap: 10px;
}

.vidu-settings-theme-control > span {
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-weight: 740;
}

.vidu-settings-segmented {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(110px, 1fr));
  width: min(320px, 100%);
  padding: 4px;
  border: 1px solid var(--vidu-control-border);
  border-radius: 14px;
  background: var(--vidu-control-bg);
}

.vidu-settings-segmented button {
  min-height: 34px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--vidu-control-text);
  font-weight: 820;
  cursor: pointer;
}

.vidu-settings-segmented button.is-active {
  background: var(--vidu-control-bg-active);
  color: var(--vidu-control-text-active);
  box-shadow: var(--vidu-shadow-card);
}

.vidu-settings-avatar-row {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.vidu-settings-avatar {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  border: 1px solid var(--vidu-border-soft);
  background: var(--vidu-surface-muted);
  color: var(--vidu-text-primary);
  font-weight: 900;
  overflow: hidden;
}

.vidu-settings-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vidu-profile-modal-shell .vidu-app-modal-dialog {
  width: min(92vw, 760px) !important;
  max-width: min(92vw, 760px) !important;
}

.vidu-profile-modal-shell .vidu-app-modal-body {
  overflow-y: auto;
}

.vidu-profile-settings-modal {
  display: grid;
  gap: 16px;
  padding-bottom: 8px;
}

.vidu-profile-settings-card {
  padding: 18px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
    var(--vidu-card-bg);
  box-shadow: var(--vidu-shadow-card);
}

.vidu-profile-settings-hero {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.vidu-profile-settings-avatar {
  width: 112px;
  height: 112px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 30px;
  background:
    radial-gradient(circle at 28% 18%, rgba(126, 116, 255, .26), transparent 56%),
    rgba(255, 255, 255, .055);
  color: var(--vidu-text-primary);
  font-size: 34px;
  font-weight: 900;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .26);
}

.vidu-profile-settings-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vidu-profile-settings-hero-copy {
  display: grid;
  gap: 8px;
}

.vidu-profile-settings-hero-copy > span {
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-weight: 860;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.vidu-profile-settings-hero-copy h3 {
  margin: 0;
  color: var(--vidu-text-primary);
  font-size: 24px;
  line-height: 1.1;
}

.vidu-profile-settings-hero-copy p {
  max-width: 46ch;
  margin: 0;
  color: var(--vidu-text-secondary);
  font-size: 13px;
  line-height: 1.55;
}

.vidu-profile-avatar-actions,
.vidu-profile-security-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.vidu-profile-settings-footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(18, 19, 24, .92), rgba(18, 19, 24, .82)),
    var(--vidu-card-bg);
  box-shadow: 0 -16px 40px rgba(0, 0, 0, .18);
  backdrop-filter: blur(18px);
}

.vidu-profile-settings-footer .vidu-settings-message {
  min-height: 20px;
}

.vidu-settings-message.is-ok {
  color: #86efac;
}

.vidu-settings-message.is-error {
  color: #fca5a5;
}

@media (max-width: 640px) {
  .vidu-profile-settings-hero {
    grid-template-columns: 1fr;
  }

  .vidu-profile-settings-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .vidu-profile-settings-footer .vidu-settings-save {
    width: 100%;
  }
}

.vidu-settings-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.vidu-settings-status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 14px;
  background: var(--vidu-surface-muted);
}

.vidu-settings-status-row strong {
  color: #fbbf24;
}

.vidu-settings-status-row strong.is-ok {
  color: #86efac;
}

.vidu-settings-source-chip {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--vidu-control-border);
  border-radius: 999px;
  padding: 0 10px;
  color: var(--vidu-control-text);
  background: var(--vidu-control-bg);
  font-size: 12px;
  text-transform: uppercase;
}

.vidu-settings-source-chip.is-wp-config {
  border-color: rgba(96,165,250,.26);
  color: #bfdbfe;
  background: rgba(96,165,250,.10);
}

.vidu-settings-source-chip.is-settings {
  border-color: rgba(34,197,94,.24);
  color: #86efac;
  background: rgba(34,197,94,.08);
}

.vidu-settings-source-chip.is-missing,
.vidu-settings-source-chip.is-empty {
  border-color: rgba(248,113,113,.24);
  color: #fca5a5;
  background: rgba(248,113,113,.08);
}

.vidu-settings-test-result {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid var(--vidu-control-border);
  border-radius: 999px;
  color: var(--vidu-control-text);
  background: var(--vidu-control-bg);
  font-size: 12px;
  font-weight: 760;
}

.vidu-settings-test-result.is-ok {
  border-color: rgba(34,197,94,.24);
  color: #86efac;
  background: rgba(34,197,94,.08);
}

.vidu-settings-test-result.is-error {
  border-color: rgba(248,113,113,.24);
  color: #fca5a5;
  background: rgba(248,113,113,.08);
}

.vidu-settings-muted {
  margin: 0;
  color: var(--vidu-text-secondary);
  line-height: 1.55;
}

.vidu-settings-placeholder-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vidu-settings-placeholder-grid div {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 14px;
  background: var(--vidu-card-bg);
}

.vidu-settings-placeholder-grid strong {
  color: var(--vidu-text-primary);
}

.vidu-settings-loading {
  display: grid;
  place-items: center;
  min-height: 220px;
  color: var(--vidu-text-secondary);
  font-weight: 800;
}

.vidu-settings-loading.is-error {
  color: #fca5a5;
}

@media (max-width: 900px) {
  .vidu-settings-modal {
    grid-template-columns: 1fr;
    height: 90vh;
  }

  .vidu-settings-sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--vidu-border-soft);
    padding: 14px;
  }

  .vidu-settings-brand {
    margin-bottom: 10px;
  }

  .vidu-settings-tabs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .vidu-settings-tabs button {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .vidu-settings-grid,
  .vidu-settings-placeholder-grid {
    grid-template-columns: 1fr;
  }

  .vidu-settings-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

.vidu-messages-center {
  width: 100%;
  max-height: min(74vh, 760px);
  overflow: hidden;
}

.vidu-messages-layout {
  display: grid;
  grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
  gap: 14px;
  min-height: min(66vh, 660px);
}

.vidu-messages-list,
.vidu-message-chat {
  min-width: 0;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 18px;
  background: var(--vidu-message-surface-bg);
  box-shadow: inset 0 1px 0 var(--vidu-border-soft);
}

.vidu-messages-list {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.vidu-messages-list-head {
  flex: 0 0 auto;
  padding: 12px 12px 10px;
  border-bottom: 1px solid var(--vidu-border-soft);
}

.vidu-messages-list-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 10px 12px 14px;
  overscroll-behavior: contain;
}

.vidu-message-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 4px;
  margin-bottom: 12px;
  border-radius: 999px;
  background: var(--vidu-message-muted-bg);
}

.vidu-message-tabs button {
  min-height: 30px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--vidu-text-muted);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

.vidu-message-tabs button:hover {
  color: var(--vidu-text-secondary);
}

.vidu-message-tabs button.is-active {
  background: var(--vidu-control-bg-active);
  color: var(--vidu-control-text-active);
  box-shadow: inset 0 1px 0 var(--vidu-border-soft);
}

.vidu-messages-list-section + .vidu-messages-list-section {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--vidu-border-soft);
}

.vidu-messages-list-title {
  margin: 12px 0 0;
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.vidu-message-organization-filter {
  display: grid;
  gap: 7px;
  margin: 0;
}

.vidu-message-new-private {
  display: grid;
  gap: 7px;
  margin: 0 0 12px;
}

.vidu-message-organization-filter span,
.vidu-message-new-private span {
  color: var(--vidu-meta);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.vidu-message-organization-filter select,
.vidu-message-new-private select {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 12px;
  background: var(--vidu-message-muted-bg);
  color: var(--vidu-text-primary);
  padding: 0 12px;
  font-size: 12px;
}

.vidu-message-thread {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 11px 10px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 14px;
  background: var(--vidu-message-row-bg);
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease;
}

.vidu-message-thread + .vidu-message-thread {
  margin-top: 8px;
}

.vidu-message-thread:hover,
.vidu-message-thread.is-active {
  background: var(--vidu-message-row-bg-hover);
  border-color: var(--vidu-message-row-border-hover);
}

.vidu-message-thread-main {
  min-width: 0;
}

.vidu-message-thread-main strong,
.vidu-message-thread-main span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-message-thread-main small {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: var(--vidu-meta);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .08em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.vidu-message-unread-dot {
  position: absolute;
  top: 12px;
  left: 10px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #60a5fa;
  box-shadow: 0 0 0 4px rgba(96,165,250,.10);
}

.vidu-message-thread-main strong {
  color: var(--vidu-text-primary);
  font-size: 13px;
}

.vidu-message-thread-main span,
.vidu-message-thread-meta small,
.vidu-message-empty {
  color: var(--vidu-text-muted);
  font-size: 12px;
}

.vidu-message-thread-meta {
  display: grid;
  justify-items: end;
  gap: 5px;
}

.vidu-message-thread-meta em {
  min-width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(96,165,250,0.22);
  color: rgba(219,234,254,0.96);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

.vidu-message-chat {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
  overflow: hidden;
}

.vidu-message-chat-head {
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid var(--vidu-border-soft);
}

.vidu-message-chat-head span {
  display: block;
  margin-bottom: 3px;
  color: var(--vidu-text-faint);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.vidu-message-chat-head h3 {
  margin: 0;
  color: var(--vidu-text-primary);
  font-size: 18px;
}

.vidu-ai-assist-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.vidu-ai-assist-actions button,
.vidu-ai-icon-action {
  min-height: 32px;
  border: 1px solid var(--vidu-control-border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--vidu-control-bg) 72%, transparent);
  color: var(--vidu-text-secondary);
  font-size: 11px;
  font-weight: 820;
  letter-spacing: 0;
  cursor: pointer;
  transition: opacity .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}

.vidu-ai-assist-actions button {
  padding: 0 11px;
}

.vidu-ai-icon-action {
  width: 38px;
  padding: 0;
}

.vidu-ai-summary-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid color-mix(in srgb, #8b5cf6 24%, var(--vidu-control-border));
  border-radius: 999px;
  background:
    linear-gradient(135deg, color-mix(in srgb, #8b5cf6 18%, transparent), color-mix(in srgb, #38bdf8 10%, transparent)),
    color-mix(in srgb, var(--vidu-control-bg) 78%, transparent);
  color: var(--vidu-text-primary);
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
  box-shadow: 0 10px 26px color-mix(in srgb, #8b5cf6 12%, transparent);
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.vidu-ai-summary-trigger svg {
  width: 16px;
  height: 16px;
  stroke: color-mix(in srgb, #c4b5fd 82%, #38bdf8);
}

.vidu-ai-summary-trigger.is-compact {
  min-height: 34px;
  padding: 0 12px;
  font-size: 12px;
  opacity: .86;
}

.vidu-ai-summary-trigger.is-compact svg {
  width: 15px;
  height: 15px;
}

.vidu-ai-summary-trigger.has-summary::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 8px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #a78bfa;
  box-shadow: 0 0 0 3px color-mix(in srgb, #a78bfa 16%, transparent);
}

.vidu-ai-summary-trigger.is-open {
  border-color: color-mix(in srgb, #a78bfa 48%, var(--vidu-control-border));
  background:
    linear-gradient(135deg, color-mix(in srgb, #8b5cf6 22%, transparent), color-mix(in srgb, #38bdf8 12%, transparent)),
    color-mix(in srgb, var(--vidu-control-bg) 86%, transparent);
}

.vidu-ai-summary-trigger:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, #a78bfa 52%, var(--vidu-control-border));
  box-shadow: 0 14px 30px color-mix(in srgb, #8b5cf6 18%, transparent);
}

.vidu-ai-assist-actions button:hover,
.vidu-ai-icon-action:hover {
  border-color: color-mix(in srgb, #a78bfa 34%, var(--vidu-control-border));
  background: color-mix(in srgb, #a78bfa 10%, var(--vidu-control-bg));
  color: var(--vidu-text-primary);
}

.vidu-ai-assist-panel {
  display: grid;
  gap: 10px;
  margin: 12px 16px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, #a78bfa 18%, var(--vidu-border-soft));
  border-radius: 16px;
  background:
    linear-gradient(180deg, color-mix(in srgb, #a78bfa 7%, transparent), transparent),
    color-mix(in srgb, var(--vidu-card-bg) 88%, transparent);
  box-shadow: var(--vidu-shadow-card);
}

.vidu-ai-assist-panel[hidden] {
  display: none;
}

.vidu-ai-assist-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.vidu-ai-assist-head span {
  color: color-mix(in srgb, #c4b5fd 78%, var(--vidu-text-muted));
  font-size: 10px;
  font-weight: 860;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.vidu-ai-assist-head strong {
  color: var(--vidu-text-primary);
  font-size: 13px;
}

.vidu-ai-assist-body {
  display: grid;
  gap: 8px;
  color: var(--vidu-text-secondary);
  font-size: 12px;
  line-height: 1.55;
}

.vidu-ai-assist-body p {
  margin: 0;
}

.vidu-ai-assist-body .is-error {
  color: #fecaca;
}

.vidu-ai-summary-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid color-mix(in srgb, #8b5cf6 20%, var(--vidu-border-soft));
  border-radius: 20px;
  background:
    radial-gradient(circle at top left, color-mix(in srgb, #8b5cf6 12%, transparent), transparent 44%),
    linear-gradient(180deg, color-mix(in srgb, var(--vidu-card-bg) 92%, transparent), color-mix(in srgb, var(--vidu-control-bg) 64%, transparent));
  box-shadow: 0 18px 42px color-mix(in srgb, #000 28%, transparent);
}

.vidu-ai-summary-panel.is-collapsed {
  gap: 0;
  padding: 0;
  border-color: color-mix(in srgb, #8b5cf6 14%, var(--vidu-border-soft));
  background:
    linear-gradient(135deg, color-mix(in srgb, #8b5cf6 8%, transparent), color-mix(in srgb, #38bdf8 4%, transparent)),
    color-mix(in srgb, var(--vidu-card-bg) 74%, transparent);
  box-shadow: 0 10px 26px color-mix(in srgb, #000 18%, transparent);
}

.vidu-ai-summary-compact {
  width: 100%;
  min-height: 56px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.vidu-ai-summary-compact-icon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-grid;
  place-items: center;
  color: color-mix(in srgb, #c4b5fd 86%, #38bdf8);
  background: color-mix(in srgb, #8b5cf6 10%, transparent);
  border: 1px solid color-mix(in srgb, #a78bfa 18%, var(--vidu-border-soft));
}

.vidu-ai-summary-compact-icon svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
}

.vidu-ai-summary-compact-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.vidu-ai-summary-compact-copy strong {
  color: var(--vidu-text-primary);
  font-size: 13px;
  line-height: 1.2;
}

.vidu-ai-summary-compact-copy small {
  overflow: hidden;
  color: var(--vidu-text-muted);
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-ai-summary-compact-chevron {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  color: var(--vidu-text-muted);
  background: color-mix(in srgb, var(--vidu-control-bg) 58%, transparent);
  border: 1px solid var(--vidu-border-soft);
  transition: transform .18s ease, color .18s ease, border-color .18s ease;
}

.vidu-ai-summary-compact:hover .vidu-ai-summary-compact-chevron {
  color: var(--vidu-text-primary);
  border-color: color-mix(in srgb, #a78bfa 30%, var(--vidu-border-soft));
  transform: translateY(1px);
}

.vidu-ai-summary-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.vidu-ai-summary-kicker {
  display: block;
  margin-bottom: 4px;
  color: color-mix(in srgb, #c4b5fd 76%, var(--vidu-text-muted));
  font-size: 10px;
  font-weight: 860;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.vidu-ai-summary-header h3 {
  margin: 0 0 5px;
  color: var(--vidu-text-primary);
  font-size: 17px;
  line-height: 1.2;
}

.vidu-ai-summary-header small {
  display: block;
  color: var(--vidu-text-muted);
  font-size: 11px;
  line-height: 1.45;
}

.vidu-ai-summary-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.vidu-ai-summary-actions em,
.vidu-ai-summary-actions b {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  color: var(--vidu-text-secondary);
  font-size: 10px;
  font-style: normal;
  font-weight: 820;
}

.vidu-ai-summary-actions b {
  border-color: color-mix(in srgb, #34d399 24%, var(--vidu-border-soft));
  color: #9be7c3;
}

.vidu-ai-summary-actions button {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, #8b5cf6 26%, var(--vidu-control-border));
  border-radius: 999px;
  background: color-mix(in srgb, #8b5cf6 12%, var(--vidu-control-bg));
  color: var(--vidu-text-primary);
  font-size: 11px;
  font-weight: 820;
  cursor: pointer;
}

.vidu-ai-summary-actions button.is-ghost {
  background: color-mix(in srgb, var(--vidu-control-bg) 62%, transparent);
  border-color: var(--vidu-border-soft);
  color: var(--vidu-text-secondary);
}

.vidu-ai-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.vidu-ai-summary-card {
  min-width: 0;
  padding: 13px;
  border: 1px solid color-mix(in srgb, #8b5cf6 14%, var(--vidu-border-soft));
  border-radius: 16px;
  background: color-mix(in srgb, var(--vidu-control-bg) 58%, transparent);
}

.vidu-ai-summary-card span {
  display: block;
  margin-bottom: 8px;
  color: color-mix(in srgb, #c4b5fd 74%, var(--vidu-text-muted));
  font-size: 10px;
  font-weight: 860;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.vidu-ai-summary-card p,
.vidu-ai-summary-full div,
.vidu-ai-summary-loading,
.vidu-ai-summary-empty,
.vidu-ai-summary-error {
  color: var(--vidu-text-secondary);
  font-size: 12px;
  line-height: 1.55;
}

.vidu-ai-summary-card p {
  display: grid;
  gap: 6px;
  margin: 0;
}

.vidu-ai-summary-card em {
  color: var(--vidu-text-muted);
  font-style: normal;
}

.vidu-ai-summary-full {
  border-top: 1px solid var(--vidu-border-soft);
  padding-top: 12px;
}

.vidu-ai-summary-full summary {
  cursor: pointer;
  color: var(--vidu-text-primary);
  font-size: 12px;
  font-weight: 820;
}

.vidu-ai-summary-full div {
  display: grid;
  gap: 8px;
  padding-top: 12px;
}

.vidu-ai-summary-full p {
  margin: 0;
}

.vidu-ai-summary-empty {
  display: grid;
  gap: 4px;
  padding: 14px;
  border: 1px dashed color-mix(in srgb, #8b5cf6 24%, var(--vidu-border-soft));
  border-radius: 16px;
  background: color-mix(in srgb, #8b5cf6 6%, transparent);
}

.vidu-ai-summary-empty strong {
  color: var(--vidu-text-primary);
  font-size: 13px;
}

.vidu-ai-summary-empty span {
  color: var(--vidu-text-muted);
  font-size: 12px;
}

.vidu-ai-summary-error {
  padding: 12px;
  border: 1px solid color-mix(in srgb, #f87171 28%, transparent);
  border-radius: 14px;
  color: #fecaca;
  background: color-mix(in srgb, #ef4444 10%, transparent);
}

@media (max-width: 1280px) {
  .vidu-ai-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .vidu-ai-summary-header {
    display: grid;
  }

  .vidu-ai-summary-grid {
    grid-template-columns: 1fr;
  }
}

.vidu-message-bubbles {
  grid-row: 3;
  min-height: 0;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.vidu-message-bubble {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  max-width: 78%;
}

.vidu-message-bubble.is-mine {
  align-self: flex-end;
  grid-template-columns: minmax(0, 1fr);
}

.vidu-message-bubble.is-mine .vidu-message-avatar {
  display: none;
}

.vidu-message-avatar {
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  border-radius: 12px;
  overflow: hidden;
  background: var(--vidu-sidebar-avatar-bg);
  border: 1px solid var(--vidu-sidebar-avatar-border);
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-weight: 850;
}

.vidu-message-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vidu-message-bubble-body {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 14px;
  background: var(--vidu-message-bubble-bg);
}

.vidu-message-bubble.is-mine .vidu-message-bubble-body {
  background: var(--vidu-message-bubble-own-bg);
  border-color: var(--vidu-message-bubble-own-border);
}

.vidu-message-bubble-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 5px;
}

.vidu-message-bubble-head strong {
  color: var(--vidu-text-primary);
  font-size: 12px;
}

.vidu-message-bubble-head span {
  color: var(--vidu-text-faint);
  font-size: 11px;
}

.vidu-message-bubble-body p {
  margin: 0;
  color: var(--vidu-text-secondary);
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.vidu-message-reactions {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}

.vidu-message-reaction,
.vidu-message-reaction-add {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: var(--vidu-text-muted);
  padding: 0 8px;
  font-size: 12px;
  cursor: pointer;
}

.vidu-message-reaction.is-active {
  border-color: rgba(96,165,250,.30);
  background: rgba(96,165,250,.14);
  color: var(--vidu-text-primary);
}

.vidu-message-reaction-menu {
  position: absolute;
  left: 0;
  bottom: calc(100% + 6px);
  z-index: 35;
  display: flex;
  gap: 4px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  background: var(--vidu-message-surface-bg);
  padding: 5px;
  box-shadow: var(--vidu-shadow-card);
}

.vidu-message-reaction-menu button {
  border: 0;
  background: transparent;
  cursor: pointer;
}

.vidu-message-typing,
.vidu-message-typing-wrap {
  grid-row: 4;
  min-height: 18px;
  color: var(--vidu-text-muted);
  font-size: 12px;
  font-style: italic;
}

.vidu-message-compose {
  grid-row: 5;
  display: grid;
  grid-template-columns: 34px 34px minmax(0, 1fr);
  gap: 8px;
  align-items: end;
  padding: 8px 12px 12px;
  border-top: 0;
  position: relative;
}

.vidu-message-compose[data-message-kind="private"] {
  grid-template-columns: 34px minmax(0, 1fr);
}

.vidu-message-emoji-btn {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 12px;
  background: var(--vidu-message-muted-bg);
  color: var(--vidu-text-muted);
  cursor: pointer;
}

.vidu-message-emoji-picker {
  position: absolute;
  left: 50px;
  bottom: calc(100% + 8px);
  z-index: 30;
  width: 210px;
  display: none;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 14px;
  background: var(--vidu-message-surface-bg);
  padding: 8px;
  box-shadow: var(--vidu-shadow-card);
}

.vidu-message-compose.is-emoji-open .vidu-message-emoji-picker,
.vidu-project-chat-compose.is-emoji-open .vidu-message-emoji-picker {
  display: grid;
}

.vidu-message-emoji-picker button {
  width: 34px;
  height: 30px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  cursor: pointer;
}

.vidu-message-emoji-picker button:hover {
  background: var(--vidu-message-muted-bg);
}

.vidu-message-compose textarea {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: block;
  resize: none;
  writing-mode: horizontal-tb;
  word-break: normal;
  overflow-wrap: break-word;
  border: 1px solid var(--vidu-input-border);
  border-radius: 999px;
  background: var(--vidu-input-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: var(--vidu-text-primary);
  height: 40px;
  min-height: 40px;
  max-height: 112px;
  padding: 10px 54px 10px 14px;
  outline: none;
  line-height: 20px;
  overflow-y: auto;
  caret-color: rgba(147,197,253,0.95);
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.vidu-message-compose textarea:focus {
  border-color: rgba(147,197,253,0.14);
  background: var(--vidu-input-bg-focus);
  box-shadow:
    inset 0 1px 0 var(--vidu-border-soft),
    var(--vidu-shadow-card),
    0 0 0 1px rgba(147,197,253,0.035);
}

.vidu-message-attach-btn {
  width: 34px;
  height: 34px;
  margin-bottom: 3px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  box-shadow: var(--vidu-shadow-card);
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.vidu-message-attach-btn:hover,
.vidu-message-compose.is-asset-menu-open .vidu-message-attach-btn {
  transform: scale(1.04);
  background: rgba(96,165,250,0.10);
  border-color: rgba(147,197,253,0.18);
  color: rgba(219,234,254,0.94);
  box-shadow: 0 10px 24px rgba(59,130,246,0.10);
}

.vidu-message-asset-popover {
  position: absolute;
  left: 12px;
  bottom: 54px;
  z-index: 20;
  width: min(260px, calc(100vw - 48px));
  max-height: 280px;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 18px;
  background: var(--vidu-surface-elevated);
  box-shadow: var(--vidu-shadow-strong);
  backdrop-filter: blur(20px) saturate(1.08);
  -webkit-backdrop-filter: blur(20px) saturate(1.08);
  opacity: 0;
  transform: translateY(6px) scale(.98);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.vidu-message-compose.is-asset-menu-open .vidu-message-asset-popover {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.vidu-message-asset-popover-title {
  padding: 5px 7px 7px;
  color: var(--vidu-text-faint);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.vidu-message-asset-popover button {
  width: 100%;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--vidu-text-secondary);
  cursor: pointer;
  padding: 0 9px;
  text-align: left;
  transition: background .16s ease, color .16s ease;
}

.vidu-message-asset-popover button:hover {
  background: var(--vidu-control-bg-hover);
  color: var(--vidu-text-primary);
}

.vidu-message-asset-popover em {
  color: rgba(147,197,253,0.72);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}

.vidu-message-send-btn {
  position: absolute;
  right: 25px;
  bottom: 19px;
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: rgba(96,165,250,0.94);
  color: var(--vidu-control-text-active);
  box-shadow: 0 8px 18px rgba(59,130,246,0.16);
  cursor: pointer;
  opacity: 0;
  transform: translateY(3px) scale(.92);
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease, background .18s ease, box-shadow .18s ease;
}

.vidu-message-compose.has-text .vidu-message-send-btn {
  opacity: 1;
  transform: translate(2px, -2px) scale(1);
  pointer-events: auto;
}

.vidu-message-compose.is-uploading::after {
  content: "Feltöltés...";
  position: absolute;
  left: 54px;
  bottom: 58px;
  color: rgba(147,197,253,0.78);
  font-size: 11px;
  font-weight: 800;
}

.vidu-message-send-btn:hover {
  background: rgba(147,197,253,0.98);
  box-shadow: 0 8px 20px rgba(96,165,250,0.20);
}

.vidu-message-send-btn:active {
  transform: translate(2px, -1px) scale(.96);
}

.vidu-message-send-btn svg {
  width: 12px;
  height: 12px;
  stroke: currentColor;
}

.vidu-message-empty.is-center {
  margin: auto;
  text-align: center;
}

.vidu-messages-modal-shell .vidu-app-modal-backdrop {
  background: var(--vidu-overlay-backdrop);
  backdrop-filter: blur(16px) saturate(1.08);
  -webkit-backdrop-filter: blur(16px) saturate(1.08);
}

#vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-dialog {
  width: min(1180px, calc(100vw - 56px));
  height: min(860px, calc(100svh - 72px));
  max-height: calc(100svh - 72px);
  display: flex;
  flex-direction: column;
  background: var(--vidu-modal-bg);
  border: 1px solid var(--vidu-modal-border);
  border-radius: 18px;
  box-shadow:
    var(--vidu-shadow-strong),
    inset 0 1px 0 var(--vidu-border-soft);
  backdrop-filter: blur(22px) saturate(1.15);
  -webkit-backdrop-filter: blur(22px) saturate(1.15);
  overflow: hidden;
}

.vidu-app-modal.is-open.vidu-messages-modal-shell .vidu-app-modal-dialog {
  animation: viduMessagesModalIn .32s cubic-bezier(0.22, 1, 0.36, 1) both;
}

#vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-header {
  flex: 0 0 var(--corvion-app-header-height, 54px);
  min-height: var(--corvion-app-header-height, 54px);
  padding: 0 10px 0 16px;
  border: 0;
  border-bottom: 1px solid var(--vidu-border-soft);
  background: color-mix(in srgb, var(--vidu-modal-bg) 90%, transparent);
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  position: relative;
}

#vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-header-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 9px;
  color: var(--vidu-text-muted);
}

#vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-header-left::before {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  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='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 9h8M8 13h5'/%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='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E") center / contain no-repeat;
}

#vidu-app-modal.vidu-messages-modal-shell #vidu-app-modal-title {
  color: var(--vidu-text-primary);
  font-size: 13px;
  font-weight: 720;
  line-height: 1;
  letter-spacing: -.01em;
}

#vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-close {
  position: static;
  flex: 0 0 34px;
  margin-left: auto;
}

#vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-body {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: none;
  padding: 10px;
  background: transparent;
  overflow: hidden;
}

#vidu-app-modal.vidu-messages-modal-shell .vidu-modal-inner-frame,
#vidu-app-modal.vidu-messages-modal-shell .vidu-modal-inner-content {
  min-height: 0;
  height: 100%;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  overflow: hidden;
}

.vidu-messages-modal-shell .vidu-messages-center {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  max-height: none;
  border-radius: 24px;
  overflow: hidden;
}

.vidu-messages-modal-shell .vidu-messages-layout {
  position: relative;
  flex: 1 1 0;
  grid-template-columns: var(--messages-columns, minmax(240px, 300px) minmax(0, 1fr));
  grid-template-rows: var(--messages-rows, minmax(0, 1fr));
  gap: 10px;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.vidu-messages-toolbar {
  display: flex;
  flex: 0 0 auto;
  padding: 0 0 8px;
}

.vidu-message-sidebar-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 10px;
  background: var(--vidu-control-bg);
  color: var(--vidu-text-secondary);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}

.vidu-messages-center[data-messages-layout="mobile"] {
  --messages-columns: minmax(0, 1fr);
  --messages-rows: minmax(118px, 34svh) minmax(0, 1fr);
}

.vidu-messages-center[data-messages-compact="true"],
.vidu-messages-center[data-messages-sidebar-open="false"] {
  --messages-columns: minmax(0, 1fr);
  --messages-rows: minmax(0, 1fr);
}

.vidu-messages-modal-shell .vidu-messages-center[data-messages-compact="true"] .vidu-messages-list {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 5;
  width: min(300px, 88%);
  background: var(--vidu-modal-bg);
  border-right: 1px solid var(--vidu-border-medium);
  box-shadow: 12px 0 30px rgba(0, 0, 0, .2);
}

.vidu-messages-modal-shell .vidu-messages-list[hidden] {
  display: none;
}

.vidu-messages-modal-shell .vidu-messages-list,
.vidu-messages-modal-shell .vidu-message-chat {
  height: 100%;
  min-height: 0;
  border: 0;
  background: var(--vidu-message-muted-bg);
  box-shadow: none;
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.vidu-messages-modal-shell .vidu-messages-list {
  padding: 0;
  max-height: none;
  overflow: hidden;
}

.vidu-messages-modal-shell .vidu-messages-list-head {
  padding: 14px 12px 11px;
  background: color-mix(in srgb, var(--vidu-message-muted-bg) 94%, transparent);
}

.vidu-messages-modal-shell .vidu-messages-list-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--vidu-border-medium) transparent;
}

.vidu-messages-modal-shell .vidu-messages-list-scroll::-webkit-scrollbar,
.vidu-messages-modal-shell .vidu-message-bubbles::-webkit-scrollbar {
  width: 6px;
}

.vidu-messages-modal-shell .vidu-messages-list-scroll::-webkit-scrollbar-thumb,
.vidu-messages-modal-shell .vidu-message-bubbles::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--vidu-border-medium);
}

.vidu-messages-modal-shell .vidu-message-chat-head > div:first-child {
  min-width: 0;
}

.vidu-messages-modal-shell .vidu-ai-assist-actions {
  flex: 0 1 auto;
  max-width: min(48%, 420px);
  justify-content: flex-end;
  margin-right: 0;
}

.vidu-messages-modal-shell .vidu-ai-assist-actions button {
  white-space: nowrap;
}

.vidu-messages-modal-shell .vidu-message-chat-head {
  gap: 20px;
}

.vidu-messages-modal-shell .vidu-messages-list-section + .vidu-messages-list-section {
  border-top-color: var(--vidu-border-soft);
}

.vidu-messages-modal-shell .vidu-message-thread {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  animation: viduThreadIn .48s cubic-bezier(0.22, 1, 0.36, 1) both;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.vidu-messages-modal-shell .vidu-message-thread:nth-of-type(1) { animation-delay: 20ms; }
.vidu-messages-modal-shell .vidu-message-thread:nth-of-type(2) { animation-delay: 60ms; }
.vidu-messages-modal-shell .vidu-message-thread:nth-of-type(3) { animation-delay: 100ms; }
.vidu-messages-modal-shell .vidu-message-thread:nth-of-type(4) { animation-delay: 140ms; }
.vidu-messages-modal-shell .vidu-message-thread:nth-of-type(5) { animation-delay: 180ms; }
.vidu-messages-modal-shell .vidu-message-thread:nth-of-type(6) { animation-delay: 220ms; }
.vidu-messages-modal-shell .vidu-message-thread:nth-of-type(7) { animation-delay: 260ms; }
.vidu-messages-modal-shell .vidu-message-thread:nth-of-type(8) { animation-delay: 300ms; }

.vidu-messages-modal-shell .vidu-message-thread:hover {
  background: var(--vidu-control-bg-hover);
  border-color: var(--vidu-border-soft);
}

.vidu-messages-modal-shell .vidu-message-thread.is-active {
  background: var(--vidu-message-row-bg-hover);
  border-color: var(--vidu-message-row-border-hover);
  box-shadow: var(--vidu-shadow-card);
}

.vidu-messages-modal-shell .vidu-message-chat {
  border-radius: 22px;
  background: var(--vidu-message-surface-bg);
  overflow: hidden;
}

.vidu-messages-modal-shell .vidu-message-chat-head {
  padding: 18px 20px 14px;
  border-bottom-color: transparent;
  background: transparent;
}

.vidu-messages-modal-shell .vidu-message-chat-head h3 {
  font-size: 20px;
  letter-spacing: -0.01em;
}

.vidu-messages-modal-shell .vidu-message-bubbles {
  min-height: 0;
  overflow-y: auto;
  padding: 20px;
  background: var(--vidu-message-surface-bg);
  scrollbar-width: thin;
  scrollbar-color: var(--vidu-border-medium) transparent;
}

.vidu-messages-modal-shell .vidu-message-bubble {
  animation: viduMessageBubbleIn .42s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.vidu-messages-modal-shell .vidu-message-bubble:nth-child(1) { animation-delay: 30ms; }
.vidu-messages-modal-shell .vidu-message-bubble:nth-child(2) { animation-delay: 65ms; }
.vidu-messages-modal-shell .vidu-message-bubble:nth-child(3) { animation-delay: 100ms; }
.vidu-messages-modal-shell .vidu-message-bubble:nth-child(4) { animation-delay: 135ms; }
.vidu-messages-modal-shell .vidu-message-bubble:nth-child(5) { animation-delay: 170ms; }

.vidu-messages-modal-shell .vidu-message-bubble-body {
  border-color: var(--vidu-border-soft);
  background: var(--vidu-message-bubble-bg);
  box-shadow: var(--vidu-shadow-card);
}

.vidu-messages-modal-shell .vidu-message-bubble.is-mine .vidu-message-bubble-body {
  background: var(--vidu-message-bubble-own-bg);
  border-color: var(--vidu-message-bubble-own-border);
}

.vidu-messages-modal-shell .vidu-message-compose {
  position: relative;
  flex: 0 0 auto;
  padding: 8px 14px 14px;
  border-top: 0;
  background: var(--vidu-message-surface-bg);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.vidu-messages-modal-shell .vidu-message-compose textarea {
  min-height: 40px;
  border-color: var(--vidu-input-border);
  background: var(--vidu-input-bg);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.025),
    0 8px 18px rgba(0,0,0,0.08);
}

@keyframes viduMessagesModalIn {
  from {
    opacity: 0;
    transform: translate(-50%, -48%) scale(.975);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes viduThreadIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes viduMessageBubbleIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(.99);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.vidu-team-modal-shell .vidu-app-modal-dialog {
  width: min(1440px, calc(100vw - 48px)) !important;
  height: min(92vh, 980px) !important;
  max-height: calc(100vh - 32px) !important;
  display: flex !important;
  flex-direction: column !important;
}

.vidu-team-modal-shell .vidu-app-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 12px !important;
}

.vidu-team-modal-shell .vidu-modal-inner-frame,
.vidu-team-modal-shell .vidu-modal-inner-content {
  height: 100% !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
}

.vidu-team-modal-shell .vidu-modal-inner-content {
  padding: 12px !important;
}

.vidu-team-management {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: none;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 2px 28px 0;
  scrollbar-width: thin;
  scrollbar-color: var(--vidu-border-medium) transparent;
}

.vidu-team-management::-webkit-scrollbar {
  width: 8px;
}

.vidu-team-management::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--vidu-border-medium);
}

.vidu-team-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
  gap: 16px;
  align-items: start;
  width: 100%;
  height: 100%;
  min-width: 0;
}

.vidu-team-main {
  min-width: 0;
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--vidu-border-medium) transparent;
}

.vidu-team-side {
  min-width: 0;
  min-height: 0;
  max-height: 100%;
  display: grid;
  align-content: start;
  gap: 16px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--vidu-border-medium) transparent;
}

.vidu-team-panel {
  border: 1px solid var(--vidu-border-soft);
  border-radius: 18px;
  background: var(--vidu-card-bg);
  box-shadow: var(--vidu-shadow-card);
  padding: 16px;
  min-width: 0;
  overflow: hidden;
}

.vidu-team-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.vidu-team-section-head span {
  display: block;
  margin-bottom: 4px;
  color: var(--vidu-text-faint);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.vidu-team-section-head h3 {
  margin: 0;
  color: var(--vidu-text-primary);
  font-size: 18px;
  line-height: 1.1;
  font-weight: 800;
}

.vidu-team-section-copy {
  max-width: 520px;
  margin: 6px 0 0;
  color: var(--vidu-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-team-section-head > strong {
  color: var(--vidu-text-muted);
  font-size: 12px;
  font-weight: 800;
}

.vidu-team-table-head,
.vidu-team-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 150px 104px minmax(170px, .72fr);
  gap: 12px;
  align-items: center;
}

.vidu-team-table-head {
  padding: 0 10px 8px;
  color: var(--vidu-text-faint);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.vidu-team-rows,
.vidu-team-invites {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.vidu-team-users-panel .vidu-team-rows {
  max-height: 174px;
  overflow-y: auto;
  padding-right: 2px;
  scrollbar-width: thin;
  scrollbar-color: var(--vidu-border-medium) transparent;
}

.vidu-team-row {
  width: 100%;
  min-height: 58px;
  padding: 10px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 14px;
  background: var(--vidu-table-row-bg);
  color: var(--vidu-text-secondary);
  text-align: left;
  transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

button.vidu-team-row {
  cursor: pointer;
}

.vidu-team-user-row[role="button"] {
  cursor: pointer;
}

.vidu-team-row:hover,
.vidu-team-row.is-active {
  background: var(--vidu-table-row-bg-hover);
  border-color: var(--vidu-border-medium);
}

.vidu-team-row.is-active {
  box-shadow: var(--vidu-shadow-card);
}

.vidu-team-user-main {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.vidu-team-user-main strong,
.vidu-team-row strong {
  overflow: hidden;
  color: var(--vidu-text-primary);
  font-size: 13px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-team-user-main small,
.vidu-team-row span {
  overflow: hidden;
  color: var(--vidu-text-muted);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-team-avatar {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 13px;
  background: rgba(96,165,250,0.11);
  border: 1px solid rgba(96,165,250,0.22);
  color: #dbeafe;
  font-size: 12px;
  font-weight: 900;
  overflow: hidden;
  flex: 0 0 auto;
}

.vidu-team-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}

.vidu-team-avatar.is-large {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  font-size: 15px;
}

.vidu-team-avatar.is-digital {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border-color: color-mix(in srgb, var(--team-agent-color, #60a5fa) 38%, var(--vidu-border-soft));
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.18), transparent 34%),
    color-mix(in srgb, var(--team-agent-color, #60a5fa) 16%, transparent);
  color: #f8fafc;
  flex: 0 0 auto;
}

.vidu-team-user-row {
  grid-template-columns: 34px minmax(180px, 1fr) 150px 104px minmax(170px, .72fr);
}

.vidu-team-invite-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.vidu-team-invite-row .vidu-team-role-pill,
.vidu-team-invite-row .vidu-team-status-pill,
.vidu-team-invite-expiry {
  justify-self: start;
}

.vidu-team-row-actions {
  grid-column: 2;
  grid-row: 1 / span 4;
  align-self: center;
}

.vidu-team-role-pill,
.vidu-team-status-pill {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  font-size: 11px;
  font-weight: 800;
}

.vidu-team-row .vidu-team-role-pill,
.vidu-team-row .vidu-team-status-pill,
.vidu-team-row .vidu-team-count,
.vidu-team-row-actions {
  overflow: visible;
  white-space: nowrap;
}

.vidu-team-row-actions {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.vidu-team-role-admin { color: #fda4af; border-color: rgba(244,63,94,0.25); background: rgba(244,63,94,0.08); }
.vidu-team-role-sales_manager { color: #fdba74; border-color: rgba(251,146,60,0.25); background: rgba(251,146,60,0.08); }
.vidu-team-role-project_manager { color: #93c5fd; border-color: rgba(96,165,250,0.25); background: rgba(96,165,250,0.08); }
.vidu-team-role-account { color: #6ee7b7; border-color: rgba(52,211,153,0.24); background: rgba(52,211,153,0.08); }
.vidu-team-role-contractor { color: #c4b5fd; border-color: rgba(167,139,250,0.24); background: rgba(167,139,250,0.08); }

.vidu-team-member-type {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  border-radius: 999px;
  padding: 0 8px;
  border: 1px solid var(--vidu-border-soft);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-team-member-type.is-human {
  color: #bfdbfe;
  border-color: rgba(96,165,250,.22);
  background: rgba(96,165,250,.08);
}

.vidu-team-member-type.is-digital {
  color: #d8b4fe;
  border-color: rgba(168,85,247,.25);
  background: rgba(168,85,247,.09);
}

.vidu-team-status-pill.is-active,
.vidu-team-status-pill.is-accepted {
  color: #bbf7d0;
  border-color: rgba(34,197,94,0.22);
  background: rgba(34,197,94,0.08);
}

.vidu-team-status-pill.is-invited {
  color: #bfdbfe;
  border-color: rgba(96,165,250,0.22);
  background: rgba(96,165,250,0.08);
}

.vidu-team-status-pill.is-expired,
.vidu-team-status-pill.is-disabled {
  color: #fecaca;
  border-color: rgba(239,68,68,0.22);
  background: rgba(239,68,68,0.08);
}

.vidu-team-count {
  color: var(--vidu-text-muted);
  font-size: 12px;
  font-weight: 700;
}

.vidu-team-access-summary {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  min-width: 0;
}

.vidu-team-access-summary i,
.vidu-team-access-summary small {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  background: rgba(255,255,255,.032);
  color: var(--vidu-text-muted);
  padding: 0 7px;
  font-size: 10px;
  font-style: normal;
  font-weight: 760;
}

.vidu-team-access-summary i {
  color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 42%, var(--vidu-text-secondary));
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 18%, var(--vidu-border-soft));
  background: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 6%, transparent);
}

.vidu-team-access-inline {
  min-height: 24px;
  border: 1px solid color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 22%, var(--vidu-border-soft));
  border-radius: 999px;
  background: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 8%, transparent);
  color: var(--vidu-text-primary);
  padding: 0 8px;
  font-size: 10px;
  font-weight: 820;
  cursor: pointer;
}

.vidu-team-access-inline:hover {
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 38%, var(--vidu-border-soft));
  background: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 14%, transparent);
}

.vidu-team-digital-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(240px, 1fr));
  gap: 10px;
  min-width: 0;
  max-height: min(48vh, 500px);
  overflow-y: auto;
  padding-right: 2px;
  scrollbar-width: thin;
  scrollbar-color: var(--vidu-border-medium) transparent;
}

.vidu-team-digital-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 13px;
  border: 1px solid color-mix(in srgb, var(--vidu-border-soft) 82%, #fff);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    rgba(255,255,255,.024);
}

.vidu-team-digital-head {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
}

.vidu-team-digital-title {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.vidu-team-digital-title strong {
  overflow: hidden;
  color: var(--vidu-text-primary);
  font-size: 14px;
  font-weight: 860;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-team-digital-title small {
  overflow: hidden;
  color: var(--vidu-text-muted);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-team-digital-meta,
.vidu-team-watch-areas {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  min-width: 0;
}

.vidu-team-digital-chip,
.vidu-team-watch-chip {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: var(--vidu-text-muted);
  padding: 0 8px;
  font-size: 10px;
  font-weight: 800;
}

.vidu-team-digital-chip.is-status {
  color: #bfdbfe;
  border-color: rgba(96,165,250,.22);
  background: rgba(96,165,250,.07);
}

.vidu-team-digital-chip.is-availability {
  color: #fde68a;
  border-color: rgba(250,204,21,.24);
  background: rgba(250,204,21,.07);
}

.vidu-team-digital-chip.is-availability.is-available {
  color: #bbf7d0;
  border-color: rgba(34,197,94,.24);
  background: rgba(34,197,94,.08);
}

.vidu-team-digital-chip.is-availability.is-planned {
  color: #cbd5e1;
  border-color: rgba(148,163,184,.24);
  background: rgba(148,163,184,.07);
}

.vidu-team-watch-chip {
  color: #c4b5fd;
  border-color: rgba(167,139,250,.2);
  background: rgba(167,139,250,.065);
}

.vidu-team-watch-chip.is-muted {
  color: var(--vidu-text-faint);
  border-color: var(--vidu-border-soft);
  background: rgba(255,255,255,.025);
}

.vidu-team-digital-note {
  margin: 0;
  color: var(--vidu-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-team-digital-foot {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 2px;
}

.vidu-team-digital-foot span {
  min-width: 0;
  color: var(--vidu-text-faint);
  font-size: 11px;
  font-weight: 760;
}

.vidu-team-digital-foot .vidu-team-mini-btn {
  min-height: 30px;
  flex: 0 0 auto;
  padding: 0 10px;
}

.vidu-team-invite-collapsed {
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018)),
    rgba(255,255,255,.02);
}

.vidu-team-invite-collapsed .vidu-team-primary-btn {
  width: 100%;
}

.vidu-team-invite-open {
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 18%, var(--vidu-border-soft));
}

.vidu-team-shell {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.vidu-team-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--vidu-border-soft) 82%, #fff);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(96,165,250,.08), rgba(168,85,247,.065)),
    rgba(255,255,255,.024);
}

.vidu-team-hero span {
  display: block;
  margin-bottom: 6px;
  color: #c4b5fd;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.vidu-team-hero h3 {
  margin: 0;
  color: var(--vidu-text-primary);
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
  font-weight: 880;
}

.vidu-team-hero p {
  margin: 8px 0 0;
  color: var(--vidu-text-muted);
  font-size: 14px;
  line-height: 1.45;
}

.vidu-team-hero .vidu-team-primary-btn {
  min-width: 190px;
  padding: 0 16px;
  flex: 0 0 auto;
}

.vidu-team-summary-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.vidu-team-summary-strip div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 10px 12px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 16px;
  background: rgba(255,255,255,.026);
}

.vidu-team-summary-strip span {
  overflow: hidden;
  color: var(--vidu-text-faint);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .10em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.vidu-team-summary-strip strong {
  overflow: hidden;
  color: var(--vidu-text-primary);
  font-size: 15px;
  font-weight: 870;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-team-inline-invite .vidu-team-panel {
  max-width: 760px;
}

.vidu-team-invite-overlay {
  position: fixed;
  inset: 0;
  z-index: 100090;
  display: grid;
  place-items: center;
  padding: 32px;
  background: rgba(8,10,18,.52);
  backdrop-filter: blur(14px);
}

.vidu-team-invite-modal {
  width: min(720px, calc(100vw - 64px));
  max-height: min(720px, calc(100vh - 72px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--vidu-border-soft) 78%, #fff);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.03)),
    color-mix(in srgb, var(--vidu-panel, #151518) 88%, #000 12%);
  box-shadow: 0 32px 92px rgba(0,0,0,.54), inset 0 1px 0 rgba(255,255,255,.06);
  padding: 16px;
}

.vidu-team-invite-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.vidu-team-invite-modal-head span {
  display: block;
  margin-bottom: 6px;
  color: #c4b5fd;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.vidu-team-invite-modal-head h3 {
  margin: 0;
  color: var(--vidu-text-primary);
  font-size: 22px;
  font-weight: 860;
}

.vidu-team-invite-modal .vidu-team-invite-form {
  min-height: 0;
  overflow-y: auto;
  padding-right: 4px;
  gap: 9px;
}

.vidu-team-invite-modal .vidu-team-project-list {
  max-height: 168px;
}

.vidu-team-toggle-field {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--vidu-text-secondary);
  font-size: 11px;
  font-weight: 740;
  cursor: pointer;
}

.vidu-team-toggle-field input {
  width: 32px;
  height: 18px;
  position: relative;
  flex: 0 0 32px;
  margin: 0;
  appearance: none;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease;
}

.vidu-team-toggle-field input::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--vidu-text-muted);
  transition: transform .16s ease, background .16s ease;
}

.vidu-team-toggle-field input:checked {
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 44%, var(--vidu-border-soft));
  background: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 26%, rgba(255,255,255,.08));
}

.vidu-team-toggle-field input:checked::after {
  transform: translateX(14px);
  background: #fff;
}

.vidu-team-members-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(250px, 1fr));
  gap: 16px;
  min-width: 0;
}

.vidu-team-members-layout {
  display: block;
  min-width: 0;
}

.vidu-team-member-card {
  min-width: 0;
  min-height: 146px;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--vidu-border-soft) 86%, #fff);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.044), rgba(255,255,255,.018)),
    rgba(255,255,255,.024);
}

.vidu-team-member-card.is-digital {
  border-color: color-mix(in srgb, rgba(167,139,250,.22) 38%, var(--vidu-border-soft));
  background:
    linear-gradient(180deg, rgba(124,58,237,.075), rgba(37,99,235,.035)),
    rgba(255,255,255,.022);
}

.vidu-team-member-card.is-human {
  background:
    linear-gradient(180deg, rgba(34,197,94,.035), rgba(255,255,255,.018)),
    rgba(255,255,255,.022);
}

.vidu-team-member-card.is-selected {
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 36%, var(--vidu-border-soft));
  box-shadow: 0 18px 46px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045);
}

.vidu-team-member-card-main {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 11px;
}

.vidu-team-member-card .vidu-team-avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
}

.vidu-team-member-card-copy {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.vidu-team-member-card-copy strong {
  overflow: hidden;
  color: var(--vidu-text-primary);
  font-size: 15px;
  font-weight: 860;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-team-member-card-copy small,
.vidu-team-member-card-copy span {
  overflow: hidden;
  color: var(--vidu-text-muted);
  font-size: 12px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-team-member-card-copy span {
  color: var(--vidu-text-secondary);
  font-weight: 760;
}

.vidu-team-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: auto;
}

.vidu-team-card-action {
  position: relative;
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 50%;
  background: rgba(255,255,255,.035);
  color: var(--vidu-text-secondary);
  padding: 0;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.vidu-team-card-action svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
}

.vidu-team-card-action.is-chat {
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 20%, var(--vidu-border-soft));
  background: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 8%, transparent);
  color: var(--vidu-text-primary);
}

.vidu-team-card-action:hover,
.vidu-team-card-action.is-active {
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 30%, var(--vidu-border-soft));
  color: var(--vidu-text-primary);
  background: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 12%, transparent);
}

.vidu-team-card-action[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  z-index: 5;
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
  white-space: nowrap;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  background: rgba(12,12,16,.92);
  color: var(--vidu-text-primary);
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 760;
  box-shadow: 0 14px 34px rgba(0,0,0,.28);
  transition: opacity .14s ease, transform .14s ease;
}

.vidu-team-card-action[data-tooltip]:hover::after {
  opacity: 1;
  transform: translateY(0);
}

.vidu-team-member-presence {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 6px;
  border-radius: 999px;
  padding: 0 8px;
  color: var(--vidu-text-faint);
  font-size: 10px;
  font-weight: 820;
}

.vidu-team-member-presence i {
  width: 7px;
  height: 7px;
  display: block;
  border-radius: 999px;
  background: #22c55e;
}

.vidu-team-member-presence.is-digital i {
  background: #8b5cf6;
  box-shadow: 0 0 0 4px rgba(139,92,246,.10);
}

.vidu-team-member-presence.is-human i {
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,.10);
}

.vidu-team-detail-drawer {
  position: fixed;
  top: max(96px, calc(env(safe-area-inset-top) + 28px));
  right: max(44px, env(safe-area-inset-right));
  z-index: 100080;
  width: min(378px, calc(100vw - 88px));
  max-height: calc(100vh - 168px);
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 13px;
  overflow-y: auto;
  border: 1px solid color-mix(in srgb, var(--vidu-border-soft) 84%, #fff);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.032)),
    color-mix(in srgb, var(--vidu-panel, #151518) 88%, #000 12%);
  padding: 18px 14px 14px;
  box-shadow: 0 28px 80px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(18px);
  overscroll-behavior: contain;
  opacity: 0;
  transform: translateX(24px);
  pointer-events: none;
  transition: transform .2s ease, opacity .2s ease;
}

.vidu-team-detail-drawer.is-open {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.vidu-team-detail-drawer.is-digital {
  border-color: color-mix(in srgb, rgba(167,139,250,.28) 42%, var(--vidu-border-soft));
}

.vidu-team-detail-profile > div > span {
  display: block;
  margin-bottom: 4px;
  color: var(--vidu-text-faint);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.vidu-team-detail-drawer h3,
.vidu-team-detail-drawer h4 {
  margin: 0;
  color: var(--vidu-text-primary);
  font-weight: 850;
}

.vidu-team-detail-drawer h3 {
  font-size: 19px;
}

.vidu-team-detail-drawer h4 {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-team-detail-drawer p {
  margin: 0;
  color: var(--vidu-text-muted);
  font-size: 12px;
  line-height: 1.48;
}

.vidu-team-detail-profile {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding-top: 2px;
}

.vidu-team-detail-profile .vidu-team-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.vidu-team-detail-profile > div {
  min-width: 0;
}

.vidu-team-detail-profile h3,
.vidu-team-detail-profile p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-team-detail-drawer section {
  display: grid;
  gap: 8px;
}

.vidu-team-detail-close {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 50%;
  background: rgba(255,255,255,.04);
  color: var(--vidu-text-secondary);
  padding: 0;
  cursor: pointer;
}

.vidu-team-detail-close svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
}

.vidu-team-detail-close:hover {
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 30%, var(--vidu-border-soft));
  color: var(--vidu-text-primary);
}

.vidu-team-detail-drawer-actions {
  display: grid;
  gap: 8px;
}

.vidu-ai-target-agent {
  margin: 0 14px 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(139,92,246,.22);
  border-radius: 999px;
  background: rgba(139,92,246,.08);
  color: var(--vidu-text-secondary);
  padding: 7px 10px;
  font-size: 11px;
}

.vidu-ai-target-agent-avatar {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 50%;
  background:
    radial-gradient(circle at 28% 18%, rgba(139,92,246,.30), transparent 58%),
    rgba(255,255,255,.06);
  color: var(--vidu-text-primary);
  font-size: 10px;
  font-weight: 900;
}

.vidu-ai-target-agent-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}

.vidu-ai-target-agent-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.vidu-ai-target-agent-copy strong,
.vidu-ai-target-agent-copy small,
.vidu-ai-target-agent-copy em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-ai-target-agent-copy strong {
  color: var(--vidu-text-primary);
  font-weight: 850;
}

.vidu-ai-target-agent-copy small {
  color: var(--vidu-text-muted);
  font-size: 10px;
  line-height: 1.2;
}

.vidu-ai-target-agent-copy em {
  color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 72%, #ffffff);
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: .08em;
  line-height: 1.15;
  text-transform: uppercase;
}

.vidu-team-member-expanded {
  display: grid;
  gap: 11px;
  padding-top: 12px;
  border-top: 1px solid var(--vidu-border-soft);
}

.vidu-team-member-expanded dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.vidu-team-member-expanded dl div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.vidu-team-member-expanded dt {
  color: var(--vidu-text-faint);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-team-member-expanded dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--vidu-text-secondary);
  font-size: 12px;
  line-height: 1.35;
}

.vidu-team-member-expanded p {
  margin: 0;
  color: var(--vidu-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-team-member-chips,
.vidu-team-member-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  min-width: 0;
}

.vidu-team-member-chips span {
  min-height: 23px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  background: rgba(255,255,255,.032);
  color: var(--vidu-text-muted);
  padding: 0 8px;
  font-size: 10px;
  font-weight: 780;
}

.vidu-team-capability-overview {
  display: grid;
  gap: 9px;
  padding: 10px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 8px;
  background: rgba(255,255,255,.028);
}

.vidu-team-capability-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.vidu-team-capability-head strong {
  color: var(--vidu-accent);
  font-size: 22px;
  line-height: 1;
}

.vidu-team-capability-head span {
  min-width: 0;
  color: var(--vidu-text-muted);
  font-size: 11px;
  line-height: 1.35;
  text-align: right;
}

.vidu-team-capability-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.vidu-team-capability-grid article {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  padding: 7px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 8px;
  background: rgba(0,0,0,.10);
}

.vidu-team-capability-grid b {
  min-width: 0;
  color: var(--vidu-text-secondary);
  font-size: 10px;
  font-weight: 820;
}

.vidu-team-operations-layer {
  display: grid;
  gap: 9px;
  padding: 10px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 8px;
  background: rgba(255,255,255,.024);
}

.vidu-team-operations-layer h4,
.vidu-team-capability-overview h4 {
  margin: 0;
  color: var(--vidu-text-primary);
  font-size: 11px;
  font-weight: 860;
}

.vidu-team-operations-layer dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.vidu-team-operations-layer dl div {
  display: grid;
  gap: 2px;
}

.vidu-team-operations-layer dt {
  color: var(--vidu-text-muted);
  font-size: 9px;
  font-weight: 820;
  text-transform: uppercase;
}

.vidu-team-operations-layer dd {
  margin: 0;
  color: var(--vidu-text-secondary);
  font-size: 11px;
  line-height: 1.35;
}

.vidu-dwf-agent-collaboration {
  display: grid;
  gap: 4px;
  padding: 8px 0 2px;
  border-top: 1px solid var(--vidu-border-soft);
}

.vidu-dwf-agent-collaboration span {
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-dwf-agent-collaboration b {
  min-width: 0;
  color: var(--vidu-text);
  font-size: 12px;
  font-weight: 820;
}

.vidu-team-field {
  display: grid;
  gap: 7px;
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.vidu-team-field input,
.vidu-team-field select {
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--vidu-input-border);
  border-radius: 12px;
  background: var(--vidu-input-bg);
  color: var(--vidu-text-primary);
  padding: 0 11px;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}

.vidu-team-management .vidu-team-field input:focus,
.vidu-team-management .vidu-team-field select:focus,
.vidu-team-invite-modal .vidu-team-field input:focus,
.vidu-team-invite-modal .vidu-team-field select:focus {
  outline: none;
  border-color: rgba(120,150,255,.45);
  background: color-mix(in srgb, var(--vidu-input-bg) 88%, rgba(120,150,255,.08));
  box-shadow: 0 0 0 2px rgba(90,120,255,.14);
}

.vidu-team-management .vidu-team-field input:-webkit-autofill,
.vidu-team-invite-modal .vidu-team-field input:-webkit-autofill {
  -webkit-text-fill-color: var(--vidu-text-primary);
  box-shadow: 0 0 0 1000px color-mix(in srgb, var(--vidu-input-bg) 92%, #111827) inset;
  transition: background-color 9999s ease-in-out 0s;
}

.vidu-team-field input:disabled {
  opacity: .62;
  cursor: not-allowed;
}

.vidu-team-field-label {
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.vidu-team-invite-form,
.vidu-team-detail-form {
  display: grid;
  gap: 12px;
}

.vidu-team-project-list {
  max-height: 170px;
  overflow-y: auto;
  display: grid;
  gap: 6px;
  padding-right: 2px;
}

.vidu-team-project-list.is-compact {
  max-height: 132px;
}

.vidu-team-project-option {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 12px;
  background: var(--vidu-table-row-bg);
  cursor: pointer;
}

.vidu-team-project-option input {
  width: 15px;
  height: 15px;
  accent-color: #93c5fd;
}

.vidu-team-project-option span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.vidu-team-project-option strong {
  overflow: hidden;
  color: var(--vidu-text-primary);
  font-size: 12px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-team-project-option small {
  overflow: hidden;
  color: var(--vidu-text-muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-team-detail-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--vidu-border-soft);
}

.vidu-team-detail-head strong {
  display: block;
  color: var(--vidu-text-primary);
  font-size: 15px;
  font-weight: 850;
}

.vidu-team-detail-head span {
  display: block;
  margin-top: 2px;
  color: var(--vidu-text-muted);
  font-size: 12px;
}

.vidu-team-avatar-control {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.vidu-team-avatar-control span {
  color: var(--vidu-text-muted);
  font-size: 12px;
}

.vidu-team-primary-btn,
.vidu-team-secondary-btn,
.vidu-team-mini-btn {
  min-height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(96,165,250,0.26);
  background: rgba(37,99,235,0.17);
  color: #dbeafe;
  cursor: pointer;
  font-size: 12px;
  font-weight: 850;
  transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.vidu-team-primary-btn:hover,
.vidu-team-secondary-btn:hover,
.vidu-team-mini-btn:hover {
  background: rgba(37,99,235,0.24);
  border-color: rgba(96,165,250,0.38);
}

.vidu-team-secondary-btn,
.vidu-team-mini-btn {
  border-color: var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
}

.vidu-team-mini-btn.is-danger {
  color: #fecaca;
  border-color: rgba(239,68,68,0.18);
  background: rgba(239,68,68,0.07);
}

.vidu-team-detail-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 8px;
}

.vidu-team-access-overlay {
  position: absolute;
  inset: 0;
  z-index: 45;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(0,0,0,.44);
  backdrop-filter: blur(14px);
}

.vidu-team-access-modal {
  width: min(100%, 1040px);
  max-height: min(82vh, 900px);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--vidu-border-soft) 72%, #fff);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.024)),
    color-mix(in srgb, var(--vidu-panel, #151518) 92%, #000 8%);
  box-shadow: 0 34px 90px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.045);
}

.vidu-team-access-head,
.vidu-team-access-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255,255,255,.055);
}

.vidu-team-access-head div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.vidu-team-access-head span {
  color: #c4b5fd;
  font-size: 11px;
  font-weight: 840;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.vidu-team-access-head strong {
  color: var(--vidu-text-primary);
  font-size: 22px;
  font-weight: 780;
}

.vidu-team-access-head small,
.vidu-team-access-foot p {
  margin: 0;
  color: var(--vidu-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-team-access-head button,
.vidu-team-access-foot button,
.vidu-team-access-presets button {
  min-height: 36px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: var(--vidu-text-primary);
  padding: 0 13px;
  font-size: 12px;
  font-weight: 780;
  cursor: pointer;
}

.vidu-team-access-head button {
  width: 36px;
  padding: 0;
  font-size: 22px;
  line-height: 1;
}

.vidu-team-access-presets {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(255,255,255,.045);
}

.vidu-team-access-presets button:hover,
.vidu-team-access-presets .is-custom {
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 24%, var(--vidu-border-soft));
  background: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 8%, transparent);
}

.vidu-team-access-grid {
  min-height: 0;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 18px 20px;
}

.vidu-team-access-group {
  display: grid;
  align-content: start;
  gap: 10px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 18px;
  background: rgba(255,255,255,.022);
  padding: 14px;
}

.vidu-team-access-group h4 {
  margin: 0 0 2px;
  color: var(--vidu-text-primary);
  font-size: 14px;
  font-weight: 800;
}

.vidu-team-access-toggle {
  min-height: 48px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: rgba(255,255,255,.022);
}

.vidu-team-access-toggle:has(input:checked) {
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 24%, var(--vidu-border-soft));
  background: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 9%, transparent);
}

.vidu-team-access-toggle span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.vidu-team-access-toggle strong {
  color: var(--vidu-text-primary);
  font-size: 12px;
  font-weight: 780;
}

.vidu-team-access-toggle small {
  color: var(--vidu-text-muted);
  font-size: 10px;
  line-height: 1.35;
}

.vidu-team-access-foot {
  border-top: 1px solid rgba(255,255,255,.055);
  border-bottom: 0;
}

.vidu-team-access-foot > div {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.vidu-team-access-save {
  border-color: rgba(167,139,250,.24) !important;
  background: linear-gradient(135deg, rgba(139,92,246,.82), rgba(59,130,246,.70)) !important;
}

.vidu-team-form-message,
.vidu-team-empty-inline,
.vidu-team-detail-empty,
.vidu-team-empty-state,
.vidu-team-loading,
.vidu-team-error {
  color: var(--vidu-text-muted);
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width: 1120px) {
  .vidu-team-digital-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }

  .vidu-team-members-grid {
    grid-template-columns: repeat(3, minmax(240px, 1fr));
  }
}

@media (max-width: 980px) {
  #vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-dialog {
    width: calc(100vw - 24px);
    height: calc(100svh - 28px);
    max-height: calc(100svh - 28px);
    border-radius: 18px;
  }

  .vidu-messages-modal-shell .vidu-messages-center,
  .vidu-messages-modal-shell .vidu-messages-layout {
    height: 100%;
    min-height: 0;
    max-height: none;
  }

  .vidu-messages-modal-shell .vidu-messages-list {
    height: 100%;
    max-height: none;
    border-radius: 18px;
  }

  .vidu-messages-modal-shell .vidu-message-chat {
    height: 100%;
    min-height: 0;
    max-height: none;
    border-radius: 18px;
  }

  .vidu-team-management {
    width: 100%;
    height: 100%;
    max-height: none;
    overflow-y: auto;
  }

  .vidu-team-grid {
    grid-template-columns: 1fr;
    height: auto;
  }

  .vidu-team-digital-grid {
    grid-template-columns: minmax(0, 1fr);
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }

  .vidu-team-members-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }

  .vidu-team-detail-drawer {
    top: auto;
    right: 12px;
    bottom: 14px;
    left: 12px;
    width: auto;
    max-height: min(68svh, 620px);
    border-radius: 22px;
    transform: translateY(18px);
  }

  .vidu-team-detail-drawer.is-open {
    transform: translateY(0);
  }

  .vidu-team-invite-overlay {
    align-items: end;
    padding: 12px;
  }

  .vidu-team-invite-modal {
    width: 100%;
    max-height: min(84svh, 720px);
    border-radius: 22px;
  }

  .vidu-team-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-team-main,
  .vidu-team-side {
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }

  .vidu-team-users-panel .vidu-team-rows {
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }

  .vidu-team-user-row,
  .vidu-team-row,
  .vidu-team-invite-row {
    grid-template-columns: 1fr;
  }

  .vidu-team-table-head {
    display: none;
  }

  .vidu-team-row-actions {
    grid-column: auto;
    grid-row: auto;
    justify-content: flex-start;
  }

  .vidu-team-access-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-team-access-head,
  .vidu-team-access-foot {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 760px) {
  .vidu-team-modal-shell .vidu-app-modal-dialog {
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }

  .vidu-team-modal-shell .vidu-app-modal-body,
  .vidu-team-modal-shell .vidu-modal-inner-content {
    padding: 8px !important;
  }

  .vidu-team-panel {
    padding: 12px;
    border-radius: 16px;
  }

  .vidu-team-hero {
    display: grid;
    padding: 14px;
  }

  .vidu-team-hero .vidu-team-primary-btn {
    width: 100%;
    min-width: 0;
  }

  .vidu-team-summary-strip,
  .vidu-team-members-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-team-digital-card {
    padding: 12px;
  }

  .vidu-team-digital-foot {
    align-items: flex-start;
    flex-direction: column;
  }

  .vidu-team-detail-actions,
  .vidu-team-avatar-control {
    display: grid;
    grid-template-columns: 1fr;
  }

  .vidu-message-bubble {
    max-width: 94%;
  }

  .vidu-messages-center[data-messages-layout="mobile"] .vidu-message-compose {
    grid-template-columns: 1fr;
  }

  .vidu-project-member-row {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .vidu-project-member-row select,
  .vidu-project-member-toggle {
    grid-column: 2;
  }
}


/* Source: assets/css/pipeline/02-dashboard-layout.css */
/* Workspace chrome layout */
#vidu-pipeline-dashboard .vidu-operations-dock,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-operations-dock,
#vidu-pipeline-dashboard.is-billing-workspace .vidu-operations-dock {
  display: none !important;
}

#vidu-pipeline-dashboard.is-user-sidebar-expanded,
#vidu-pipeline-dashboard.is-billing-workspace.is-user-sidebar-expanded {
  padding-left: 92px;
}

#vidu-pipeline-dashboard .vidu-user-sidebar,
#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded),
#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded {
  z-index: 10050 !important;
}

@media (max-width: 768px) {
  #vidu-pipeline-dashboard .vidu-user-sidebar,
  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded),
  #vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded {
    z-index: 10050 !important;
  }
}

/* Global footer pause + billing workspace */
#vidu-pipeline-dashboard {
  padding-bottom: max(24px, env(safe-area-inset-bottom, 0px));
}

#vidu-pipeline-dashboard .vidu-operations-dock {
  display: none !important;
}

#vidu-pipeline-dashboard.is-user-sidebar-expanded {
  padding-left: 92px;
}

#vidu-pipeline-dashboard .vidu-user-sidebar,
#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded {
  z-index: 10050 !important;
}

#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded {
  position: fixed !important;
  left: 18px !important;
  top: 22px !important;
  bottom: 22px !important;
  width: 326px !important;
  max-width: min(326px, calc(100vw - 36px)) !important;
  transform: none !important;
}

#vidu-pipeline-dashboard.is-billing-workspace {
  padding-top: 16px;
  padding-right: max(18px, env(safe-area-inset-right, 0px));
  padding-left: 92px;
  padding-bottom: max(24px, env(safe-area-inset-bottom, 0px));
}

#vidu-pipeline-dashboard.is-billing-workspace .vidu-pipeline-toolbar {
  display: none !important;
}

#vidu-pipeline-dashboard.is-organization-brain-workspace .vidu-pipeline-toolbar,
#vidu-pipeline-dashboard.is-platform-brain-workspace .vidu-pipeline-toolbar {
  display: none !important;
}

#vidu-pipeline-dashboard.is-billing-workspace .vidu-dashboard-workspace,
#vidu-pipeline-dashboard.is-billing-workspace .vidu-dashboard-main {
  width: min(1920px, 100%);
  max-width: 1920px;
  min-height: 0;
  margin-inline: auto;
}

#vidu-pipeline-dashboard .vidu-billing-workspace {
  display: none;
  width: min(1920px, 100%);
  min-height: calc(100svh - 48px);
  margin-inline: auto;
  padding: 16px clamp(16px, 1.25vw, 24px);
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.065);
  background: rgba(22,22,25,0.84);
  box-shadow: 0 8px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-billing-workspace.is-active {
  display: grid;
  grid-template-rows: auto auto auto auto auto minmax(0, 1fr);
  grid-auto-rows: min-content;
  align-content: start;
  gap: 14px;
}

#vidu-pipeline-dashboard .vidu-billing-workspace-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: flex-start;
  gap: 18px;
}

#vidu-pipeline-dashboard .vidu-billing-workspace-head span,
#vidu-pipeline-dashboard .vidu-billing-workspace-status small,
#vidu-pipeline-dashboard .vidu-invoice-api-note span,
#vidu-pipeline-dashboard .vidu-invoice-row small {
  color: var(--vidu-text-muted);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-billing-workspace-head h3 {
  margin: 4px 0;
  font-size: clamp(24px, 2vw, 34px);
  line-height: 1.05;
}

#vidu-pipeline-dashboard .vidu-billing-workspace-head p {
  margin: 0;
  color: var(--vidu-text-secondary);
  font-size: 13px;
}

#vidu-pipeline-dashboard .vidu-billing-workspace-status {
  min-width: 220px;
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  text-align: right;
}

#vidu-pipeline-dashboard .vidu-billing-workspace-status.is-wp-config,
#vidu-pipeline-dashboard .vidu-billing-workspace-status.is-settings {
  border-color: rgba(74,222,128,0.24);
  color: #bbf7d0;
}

#vidu-pipeline-dashboard .vidu-billing-workspace-status.is-missing {
  border-color: rgba(248,113,113,0.24);
  color: #fecaca;
}

#vidu-pipeline-dashboard .vidu-billing-agent-chip {
  appearance: none;
  min-width: 240px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-areas:
    "avatar name"
    "avatar context";
  align-items: center;
  gap: 2px 10px;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid rgba(251, 191, 36, 0.32);
  background: rgba(251, 191, 36, 0.1);
  color: var(--vidu-text-primary);
  text-align: left;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-billing-agent-chip span {
  grid-area: avatar;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
  font-size: 11px;
  font-weight: 800;
}

#vidu-pipeline-dashboard .vidu-billing-agent-chip strong {
  grid-area: name;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.15;
}

#vidu-pipeline-dashboard .vidu-billing-agent-chip small {
  grid-area: context;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 760;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-billing-agent-chip:hover {
  border-color: rgba(251, 191, 36, 0.55);
  background: rgba(251, 191, 36, 0.16);
}

#vidu-pipeline-dashboard .vidu-invoice-import-control {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-control select,
#vidu-pipeline-dashboard .vidu-invoice-import-btn,
#vidu-pipeline-dashboard .vidu-invoice-new-btn,
#vidu-pipeline-dashboard .vidu-invoice-cache-btn {
  min-height: 42px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  font-size: 12px;
  font-weight: 760;
}

#vidu-pipeline-dashboard .vidu-invoice-import-btn {
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}

#vidu-pipeline-dashboard .vidu-invoice-cache-btn {
  border-color: var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}

#vidu-pipeline-dashboard .vidu-invoice-new-btn {
  border-color: rgba(74,222,128,0.28);
  background: linear-gradient(180deg, rgba(34,197,94,0.22), rgba(22,163,74,0.15));
  color: #dcfce7;
  box-shadow: 0 10px 28px rgba(34,197,94,0.10), inset 0 1px 0 rgba(255,255,255,0.08);
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-invoice-import-btn:hover,
#vidu-pipeline-dashboard .vidu-invoice-cache-btn:hover,
#vidu-pipeline-dashboard .vidu-invoice-import-control select:hover {
  border-color: var(--vidu-control-border-active);
  background: var(--vidu-control-bg-hover);
  color: var(--vidu-text-primary);
}

#vidu-pipeline-dashboard .vidu-invoice-new-btn:hover {
  border-color: rgba(134,239,172,0.40);
  background: linear-gradient(180deg, rgba(34,197,94,0.30), rgba(22,163,74,0.22));
  color: #ffffff;
  box-shadow: 0 12px 34px rgba(34,197,94,0.16), inset 0 1px 0 rgba(255,255,255,0.12);
}

#vidu-pipeline-dashboard .vidu-invoice-import-btn:disabled {
  opacity: .62;
  cursor: wait;
}

#vidu-pipeline-dashboard .vidu-invoice-cache-btn:disabled {
  opacity: .62;
  cursor: wait;
}

#vidu-pipeline-dashboard .vidu-invoice-filters {
  display: grid;
  grid-template-columns: minmax(130px, .8fr) repeat(2, minmax(130px, .75fr)) minmax(160px, 1fr) minmax(140px, .8fr) minmax(210px, 1.2fr);
  gap: 10px;
  align-items: center;
}

#vidu-pipeline-dashboard .vidu-invoice-filters input,
#vidu-pipeline-dashboard .vidu-invoice-filters select {
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--vidu-input-border);
  border-radius: 12px;
  background: var(--vidu-input-bg);
  color: var(--vidu-text-primary);
  padding: 0 12px;
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-invoice-api-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 40px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(147,197,253,0.14);
  background: rgba(96,165,250,0.055);
  color: var(--vidu-text-secondary);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-invoice-summary {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-auto-rows: minmax(58px, max-content);
  align-items: start;
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-billing-janine-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 8px;
  border: 1px solid rgba(251, 191, 36, 0.24);
  background: rgba(251, 191, 36, 0.075);
}

#vidu-pipeline-dashboard .vidu-billing-janine-card header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-billing-janine-card header span,
#vidu-pipeline-dashboard .vidu-billing-janine-card small {
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 760;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-billing-janine-card header strong {
  color: var(--vidu-text-primary);
  font-size: 13px;
}

#vidu-pipeline-dashboard .vidu-billing-janine-card > div {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-billing-janine-card > div span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.24);
}

#vidu-pipeline-dashboard .vidu-billing-janine-card b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--vidu-text-primary);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-billing-janine-card p {
  margin: 0;
  color: var(--vidu-text-secondary);
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 960px) {
  #vidu-pipeline-dashboard .vidu-billing-workspace-head {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-billing-agent-chip,
  #vidu-pipeline-dashboard .vidu-billing-workspace-status {
    width: 100%;
    min-width: 0;
  }

  #vidu-pipeline-dashboard .vidu-billing-janine-card > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

#vidu-pipeline-dashboard .vidu-invoice-summary span {
  min-width: 0;
  min-height: 58px;
  max-height: 64px;
  align-self: start;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--vidu-border-soft);
  background: var(--vidu-summary-card-bg);
}

#vidu-pipeline-dashboard .vidu-invoice-summary small,
#vidu-pipeline-dashboard .vidu-invoice-summary strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-invoice-summary small {
  margin-bottom: 4px;
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 760;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-invoice-summary strong {
  color: var(--vidu-text-primary);
  font-size: 13px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-log {
  display: grid;
  gap: 8px;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid var(--vidu-border-soft);
  background: var(--vidu-surface-muted);
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(147,197,253,0.16);
  background: rgba(96,165,250,0.045);
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview[hidden] {
  display: none !important;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview-head span {
  display: block;
  color: var(--vidu-text-muted);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview-head strong {
  color: var(--vidu-text-primary);
  font-size: 13px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview-actions {
  display: flex;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview-actions button {
  min-height: 34px;
  padding: 0 11px;
  border-radius: 11px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  font-size: 11px;
  font-weight: 760;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview-actions [data-invoice-import-commit] {
  border-color: rgba(74,222,128,0.24);
  background: rgba(34,197,94,0.10);
  color: #bbf7d0;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview-grid article {
  min-width: 0;
  display: grid;
  gap: 8px;
  padding: 11px;
  border-radius: 14px;
  border: 1px solid var(--vidu-border-soft);
  background: var(--vidu-card-bg);
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview-grid header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--vidu-text-secondary);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-mapping,
#vidu-pipeline-dashboard .vidu-invoice-import-debug,
#vidu-pipeline-dashboard .vidu-invoice-import-warnings {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-mapping span,
#vidu-pipeline-dashboard .vidu-invoice-import-debug span,
#vidu-pipeline-dashboard .vidu-invoice-import-warnings span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border-radius: 999px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text-muted);
  font-size: 10px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-debug span {
  max-width: 100%;
  border-radius: 8px;
  color: rgba(191,219,254,0.72);
  overflow: hidden;
  text-overflow: ellipsis;
}

#vidu-pipeline-dashboard .vidu-invoice-import-warnings span {
  border-color: rgba(250,204,21,0.22);
  color: #fde68a;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview-table {
  display: grid;
  gap: 5px;
  max-height: 170px;
  overflow: auto;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview-row {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(140px, 1.4fr) minmax(86px, .8fr) minmax(76px, .7fr) minmax(92px, .8fr) minmax(88px, .8fr);
  gap: 8px;
  min-height: 28px;
  align-items: center;
  color: var(--vidu-text-secondary);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview-row.is-head {
  position: sticky;
  top: 0;
  z-index: 1;
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 780;
  text-transform: uppercase;
  background: rgba(16,16,19,0.94);
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview-row > * {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-invoice-import-log[hidden] {
  display: none !important;
}

#vidu-pipeline-dashboard .vidu-invoice-import-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-summary span,
#vidu-pipeline-dashboard .vidu-invoice-import-log-list > div {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-log-list {
  display: grid;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-log-list > div {
  justify-content: space-between;
  border-radius: 11px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-log-list .is-imported {
  border-color: rgba(74,222,128,0.22);
  color: #bbf7d0;
}

#vidu-pipeline-dashboard .vidu-invoice-import-log-list .is-duplicate,
#vidu-pipeline-dashboard .vidu-invoice-import-log-list .is-skipped {
  border-color: rgba(250,204,21,0.22);
  color: #fde68a;
}

#vidu-pipeline-dashboard .vidu-invoice-import-log-list .is-error {
  border-color: rgba(248,113,113,0.24);
  color: #fecaca;
}

#vidu-pipeline-dashboard .vidu-invoice-import-log-list .is-warning,
#vidu-pipeline-dashboard .vidu-invoice-import-log-list .is-info {
  border-color: rgba(147,197,253,0.20);
  color: #bfdbfe;
}

#vidu-pipeline-dashboard .vidu-invoice-table {
  min-height: 0;
  overflow: auto;
  border-radius: 18px;
  border: 1px solid var(--vidu-invoice-row-border);
  background: var(--vidu-surface-muted);
}

#vidu-pipeline-dashboard .vidu-invoice-table-head,
#vidu-pipeline-dashboard .vidu-invoice-row {
  display: grid;
  grid-template-columns: minmax(140px, 1.05fr) 92px minmax(160px, 1.3fr) minmax(100px, .8fr) minmax(90px, .7fr) minmax(110px, .85fr) minmax(105px, .8fr) minmax(110px, .85fr) minmax(110px, .8fr) minmax(180px, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 1230px;
}

/* Billing polish pass: calmer finance SaaS surface, stable inline actions. */
#vidu-pipeline-dashboard .vidu-billing-workspace {
  padding: 22px clamp(18px, 1.6vw, 30px);
  border-color: var(--vidu-border-soft);
  background: var(--vidu-surface-elevated);
  box-shadow: var(--vidu-shadow-card);
}

#vidu-pipeline-dashboard .vidu-billing-workspace.is-active {
  gap: 18px;
}

#vidu-pipeline-dashboard .vidu-billing-workspace-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
}

#vidu-pipeline-dashboard .vidu-billing-workspace-head h3 {
  margin: 6px 0 5px;
  font-size: clamp(25px, 1.8vw, 32px);
  letter-spacing: 0;
}

#vidu-pipeline-dashboard .vidu-billing-workspace-status {
  min-width: 154px;
  min-height: 38px;
  align-content: center;
  gap: 2px;
  padding: 7px 11px;
  border-radius: 999px;
  text-align: left;
}

#vidu-pipeline-dashboard .vidu-billing-workspace-status strong {
  font-size: 12px;
  line-height: 1.15;
}

#vidu-pipeline-dashboard .vidu-billing-workspace-status small {
  font-size: 10px;
}

#vidu-pipeline-dashboard .vidu-billing-workspace-status.is-wp-config,
#vidu-pipeline-dashboard .vidu-billing-workspace-status.is-settings {
  border-color: rgba(74,222,128,0.16);
  background: rgba(34,197,94,0.055);
  color: rgba(187,247,208,0.92);
  box-shadow: 0 0 0 1px rgba(74,222,128,0.035), 0 10px 26px rgba(34,197,94,0.04);
}

#vidu-pipeline-dashboard .vidu-invoice-api-note {
  min-height: 32px;
  padding: 7px 10px;
  border-color: var(--vidu-border-soft);
  background: color-mix(in srgb, var(--vidu-control-bg) 72%, transparent);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-invoice-api-note strong {
  color: var(--vidu-text-secondary);
  font-size: 11px;
  font-weight: 720;
}

#vidu-pipeline-dashboard .vidu-invoice-api-note span {
  font-size: 11px;
  color: var(--vidu-text-muted);
}

#vidu-pipeline-dashboard .vidu-invoice-filters {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    color-mix(in srgb, var(--vidu-control-bg) 72%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

#vidu-pipeline-dashboard .vidu-invoice-filter-fields {
  display: grid;
  gap: 9px;
  align-items: center;
  min-width: 0;
  grid-template-columns:
    minmax(126px, .72fr)
    minmax(126px, .66fr)
    minmax(126px, .66fr)
    minmax(160px, .9fr)
    minmax(132px, .78fr)
    minmax(132px, .78fr)
    minmax(190px, 1fr);
}

#vidu-pipeline-dashboard .vidu-invoice-import-control {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
  min-width: max-content;
}

#vidu-pipeline-dashboard .vidu-invoice-import-control select,
#vidu-pipeline-dashboard .vidu-invoice-import-btn,
#vidu-pipeline-dashboard .vidu-invoice-new-btn,
#vidu-pipeline-dashboard .vidu-invoice-cache-btn,
#vidu-pipeline-dashboard .vidu-invoice-filters input,
#vidu-pipeline-dashboard .vidu-invoice-filters select {
  min-height: 38px;
  height: 38px;
  border-radius: 12px;
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-control select {
  width: auto;
  min-width: 124px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-btn,
#vidu-pipeline-dashboard .vidu-invoice-new-btn,
#vidu-pipeline-dashboard .vidu-invoice-cache-btn {
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-invoice-summary {
  grid-auto-rows: 48px;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-invoice-summary span {
  min-height: 48px;
  max-height: 48px;
  display: grid;
  align-content: center;
  padding: 8px 10px;
  border-color: var(--vidu-border-soft);
  background:
    linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.012)),
    color-mix(in srgb, var(--vidu-summary-card-bg) 88%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  transition: border-color .16s ease, background .16s ease;
}

#vidu-pipeline-dashboard .vidu-invoice-summary span:hover {
  border-color: var(--vidu-border-medium);
  background: var(--vidu-card-bg-hover);
}

#vidu-pipeline-dashboard .vidu-invoice-summary small {
  margin-bottom: 2px;
  color: var(--vidu-text-muted);
  font-size: 9px;
  letter-spacing: .045em;
}

#vidu-pipeline-dashboard .vidu-invoice-summary strong {
  color: var(--vidu-text-primary);
  font-size: 12px;
  font-weight: 720;
}

#vidu-pipeline-dashboard .vidu-invoice-table {
  border-color: var(--vidu-invoice-row-border);
  background: var(--vidu-surface-muted);
  box-shadow: var(--vidu-shadow-card);
}

#vidu-pipeline-dashboard .vidu-invoice-table-head,
#vidu-pipeline-dashboard .vidu-invoice-row {
  grid-template-columns: minmax(150px, 1.05fr) 96px minmax(170px, 1.28fr) minmax(105px, .78fr) minmax(92px, .68fr) minmax(112px, .82fr) minmax(108px, .78fr) minmax(112px, .82fr) minmax(112px, .78fr) 244px;
  min-width: 1380px;
  padding-right: 18px;
}

#vidu-pipeline-dashboard .vidu-invoice-table-head {
  min-height: 44px;
  background: var(--vidu-invoice-table-head-bg);
}

#vidu-pipeline-dashboard .vidu-invoice-row {
  min-height: 60px;
  border-left-width: 2px;
  border-bottom-color: var(--vidu-invoice-row-border);
  transition: background .16s ease, border-color .16s ease;
}

#vidu-pipeline-dashboard .vidu-invoice-row:hover {
  background-color: var(--vidu-invoice-row-bg-hover);
}

#vidu-pipeline-dashboard .vidu-invoice-row.is-outgoing {
  border-left-color: rgba(96,165,250,0.52);
  background: linear-gradient(90deg, rgba(59,130,246,0.055), transparent 30%);
}

#vidu-pipeline-dashboard .vidu-invoice-row.is-incoming {
  border-left-color: rgba(45,212,191,0.42);
  background: linear-gradient(90deg, rgba(20,184,166,0.045), transparent 30%);
}

#vidu-pipeline-dashboard .vidu-invoice-row.is-storno {
  border-left-color: rgba(248,113,113,0.56);
  background: linear-gradient(90deg, rgba(239,68,68,0.055), transparent 30%);
}

#vidu-pipeline-dashboard .vidu-invoice-row.is-zero {
  border-left-color: rgba(250,204,21,0.58);
  background: linear-gradient(90deg, rgba(234,179,8,0.055), transparent 30%);
}

#vidu-pipeline-dashboard .vidu-invoice-actions {
  justify-content: flex-end;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding-right: 2px;
}

#vidu-pipeline-dashboard .vidu-invoice-actions a,
#vidu-pipeline-dashboard .vidu-invoice-actions button {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 10px;
  border-color: var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}

#vidu-pipeline-dashboard .vidu-invoice-actions a:hover,
#vidu-pipeline-dashboard .vidu-invoice-actions button:hover {
  border-color: var(--vidu-control-border-active);
  background: var(--vidu-control-bg-hover);
  color: var(--vidu-text-primary);
}

#vidu-pipeline-dashboard .vidu-invoice-actions .is-danger {
  border-color: rgba(248,113,113,0.12);
  color: rgba(254,202,202,0.72);
  background: rgba(127,29,29,0.08);
}

#vidu-pipeline-dashboard .vidu-invoice-actions .is-danger:hover {
  border-color: rgba(248,113,113,0.30);
  color: #fecaca;
  background: rgba(127,29,29,0.18);
}

#vidu-pipeline-dashboard .vidu-invoice-table-summary {
  min-width: 1380px;
}

#vidu-pipeline-dashboard .vidu-invoice-table-head {
  position: sticky;
  top: 0;
  z-index: 2;
  min-height: 46px;
  padding: 0 14px;
  border-bottom: 1px solid var(--vidu-invoice-row-border);
  background: var(--vidu-invoice-table-head-bg);
}

#vidu-pipeline-dashboard .vidu-invoice-table-head button,
#vidu-pipeline-dashboard .vidu-invoice-table-head span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 0;
  background: transparent;
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-weight: 740;
  text-transform: uppercase;
  letter-spacing: .02em;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-invoice-table-head button.is-active {
  color: #93c5fd;
}

#vidu-pipeline-dashboard .vidu-invoice-row {
  min-height: 54px;
  padding: 0 14px;
  border-bottom: 1px solid var(--vidu-invoice-row-border);
  border-left: 3px solid transparent;
  color: var(--vidu-text-secondary);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-invoice-row.is-outgoing {
  border-left-color: rgba(96,165,250,0.72);
  background: linear-gradient(90deg, rgba(37,99,235,0.13), transparent 34%);
}

#vidu-pipeline-dashboard .vidu-invoice-row.is-incoming {
  border-left-color: rgba(45,212,191,0.68);
  background: linear-gradient(90deg, rgba(20,184,166,0.11), transparent 34%);
}

#vidu-pipeline-dashboard .vidu-invoice-row.is-storno {
  border-left-color: rgba(248,113,113,0.76);
  background: linear-gradient(90deg, rgba(239,68,68,0.13), transparent 34%);
}

#vidu-pipeline-dashboard .vidu-invoice-row.is-zero {
  border-left-color: rgba(250,204,21,0.8);
  background: linear-gradient(90deg, rgba(234,179,8,0.13), transparent 34%);
}

#vidu-pipeline-dashboard .vidu-invoice-row > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-invoice-row strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--vidu-text-primary);
}

#vidu-pipeline-dashboard .vidu-invoice-row em {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  font-style: normal;
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-invoice-amount {
  color: #dbeafe;
  font-weight: 760;
}

#vidu-pipeline-dashboard .vidu-invoice-actions {
  display: flex;
  gap: 6px;
  overflow: visible;
}

#vidu-pipeline-dashboard .vidu-invoice-actions a,
#vidu-pipeline-dashboard .vidu-invoice-actions button {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 9px;
  border-radius: 9px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  text-decoration: none;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-invoice-actions button:disabled {
  opacity: .38;
  cursor: default;
}

#vidu-pipeline-dashboard .vidu-invoice-actions .is-danger {
  border-color: rgba(248,113,113,0.22);
  color: #fecaca;
  background: rgba(239,68,68,0.08);
}

#vidu-pipeline-dashboard .vidu-invoice-table-summary {
  min-width: 1230px;
  padding: 12px 14px;
  border-top: 1px solid var(--vidu-invoice-row-border);
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-weight: 680;
}

/* Document Library / Irattár workspace */
#vidu-pipeline-dashboard .vidu-document-library-workspace {
  width: min(100%, 1920px);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 22px clamp(18px, 1.6vw, 30px);
  border: 1px solid var(--vidu-border-soft);
  border-radius: 28px;
  background:
    radial-gradient(circle at 14% 0%, rgba(139,92,246,.10), transparent 32%),
    radial-gradient(circle at 86% 8%, rgba(59,130,246,.08), transparent 32%),
    var(--vidu-surface-elevated);
  box-shadow: var(--vidu-shadow-card);
}

#vidu-pipeline-dashboard .vidu-document-library-workspace[hidden] {
  display: none !important;
}

/* Organization Brain / Knowledge Library workspace */
#vidu-pipeline-dashboard .vidu-organization-brain-workspace,
#vidu-pipeline-dashboard .vidu-platform-brain-workspace {
  width: min(100%, 1920px);
  min-height: calc(100svh - 48px);
  margin: 0 auto;
  padding: 22px clamp(18px, 1.8vw, 34px);
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-radius: 28px;
  border: 1px solid color-mix(in srgb, var(--vidu-border-soft) 86%, rgba(255,255,255,.08));
  background:
    radial-gradient(circle at 10% 0%, rgba(99,102,241,.16), transparent 34%),
    radial-gradient(circle at 92% 6%, rgba(14,165,233,.10), transparent 28%),
    linear-gradient(135deg, rgba(22,25,43,.96), rgba(13,16,24,.98));
  box-shadow: var(--vidu-shadow-card);
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-organization-brain-workspace[hidden],
#vidu-pipeline-dashboard .vidu-platform-brain-workspace[hidden] {
  display: none !important;
}

#vidu-pipeline-dashboard .vidu-org-brain {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 18px;
}

#vidu-pipeline-dashboard .vidu-org-brain-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
}

#vidu-pipeline-dashboard .vidu-org-brain-head > div:first-child > span,
#vidu-pipeline-dashboard .vidu-org-brain-editor-top label span,
#vidu-pipeline-dashboard .vidu-org-brain-content > span,
#vidu-pipeline-dashboard .vidu-org-brain-consumers > strong {
  color: rgba(226,232,240,.62);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-org-brain-head h3 {
  margin: 7px 0 6px;
  color: #f8fafc;
  font-size: clamp(28px, 2.2vw, 42px);
  line-height: 1.02;
  letter-spacing: 0;
}

#vidu-pipeline-dashboard .vidu-org-brain-head p {
  max-width: 720px;
  margin: 0;
  color: rgba(203,213,225,.72);
  font-size: 13px;
  line-height: 1.55;
}

#vidu-pipeline-dashboard .vidu-org-brain-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(96px, 1fr));
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-org-brain-metrics article {
  min-height: 62px;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(15,23,42,.36);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

#vidu-pipeline-dashboard .vidu-org-brain-metrics strong {
  color: #f8fafc;
  font-size: 20px;
  line-height: 1;
}

#vidu-pipeline-dashboard .vidu-org-brain-metrics span {
  color: rgba(203,213,225,.62);
  font-size: 10px;
  font-weight: 760;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-org-brain-shell {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  gap: 14px;
}

#vidu-pipeline-dashboard .vidu-org-brain-sidebar,
#vidu-pipeline-dashboard .vidu-org-brain-editor {
  min-height: 0;
  border-radius: 22px;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(15,23,42,.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

#vidu-pipeline-dashboard .vidu-org-brain-sidebar {
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 10px;
  overflow: auto;
}

#vidu-pipeline-dashboard .vidu-org-brain-sidebar button {
  width: 100%;
  min-height: 56px;
  display: grid;
  gap: 5px;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(226,232,240,.78);
  text-align: left;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

#vidu-pipeline-dashboard .vidu-org-brain-sidebar button:hover,
#vidu-pipeline-dashboard .vidu-org-brain-sidebar button.is-active {
  border-color: rgba(129,140,248,.32);
  background:
    linear-gradient(180deg, rgba(129,140,248,.14), rgba(14,165,233,.05)),
    rgba(30,41,59,.46);
  color: #f8fafc;
}

#vidu-pipeline-dashboard .vidu-org-brain-sidebar button.is-active {
  box-shadow: 0 12px 30px rgba(79,70,229,.16), inset 0 1px 0 rgba(255,255,255,.06);
}

#vidu-pipeline-dashboard .vidu-org-brain-sidebar button span {
  font-size: 13px;
  font-weight: 780;
}

#vidu-pipeline-dashboard .vidu-org-brain-sidebar button small {
  color: rgba(203,213,225,.54);
  font-size: 10px;
}

#vidu-pipeline-dashboard .vidu-platform-brain-tree {
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-platform-brain-group {
  display: grid;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-platform-brain-group > strong {
  padding: 8px 8px 2px;
  color: rgba(148,163,184,.72);
  font-size: 10px;
  font-weight: 840;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-org-brain-editor {
  display: grid;
  grid-template-rows: auto auto minmax(260px, 1fr) auto auto;
  gap: 13px;
  padding: 16px;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-org-brain-editor-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px 150px;
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-org-brain-editor-top label,
#vidu-pipeline-dashboard .vidu-org-brain-content {
  display: grid;
  gap: 7px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-org-brain-editor input,
#vidu-pipeline-dashboard .vidu-org-brain-editor select,
#vidu-pipeline-dashboard .vidu-org-brain-editor textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 14px;
  background: rgba(2,6,23,.34);
  color: #f8fafc;
  font: inherit;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

#vidu-pipeline-dashboard .vidu-org-brain-editor input,
#vidu-pipeline-dashboard .vidu-org-brain-editor select {
  min-height: 42px;
  padding: 0 12px;
}

#vidu-pipeline-dashboard .vidu-org-brain-editor textarea {
  min-height: 320px;
  height: 100%;
  resize: none;
  padding: 16px;
  line-height: 1.65;
  overflow: auto;
}

#vidu-pipeline-dashboard .vidu-org-brain-editor input:focus,
#vidu-pipeline-dashboard .vidu-org-brain-editor select:focus,
#vidu-pipeline-dashboard .vidu-org-brain-editor textarea:focus {
  border-color: rgba(129,140,248,.58);
  box-shadow: 0 0 0 3px rgba(99,102,241,.14);
}

#vidu-pipeline-dashboard .vidu-org-brain-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

#vidu-pipeline-dashboard .vidu-org-brain-meta-row span,
#vidu-pipeline-dashboard .vidu-org-brain-actions > span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.14);
  background: rgba(15,23,42,.28);
  color: rgba(203,213,225,.66);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-org-brain-consumers {
  display: grid;
  gap: 9px;
}

#vidu-pipeline-dashboard .vidu-org-brain-consumers > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-org-brain-consumers label {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.15);
  background: rgba(15,23,42,.28);
  color: rgba(226,232,240,.76);
  font-size: 11px;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-org-brain-consumers input {
  width: 13px;
  height: 13px;
}

#vidu-pipeline-dashboard .vidu-org-brain-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-org-brain-actions > span {
  margin-right: auto;
  max-width: min(520px, 100%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-org-brain-actions button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(15,23,42,.36);
  color: rgba(226,232,240,.86);
  font-size: 12px;
  font-weight: 760;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-org-brain-actions button:hover {
  border-color: rgba(129,140,248,.42);
  background: rgba(30,41,59,.54);
  color: #f8fafc;
}

#vidu-pipeline-dashboard .vidu-org-brain-actions button.is-primary {
  border-color: rgba(34,211,238,.36);
  background: linear-gradient(135deg, rgba(99,102,241,.84), rgba(14,165,233,.74));
  color: #fff;
  box-shadow: 0 14px 28px rgba(14,165,233,.16);
}

#vidu-pipeline-dashboard .vidu-org-brain-actions button:disabled {
  cursor: wait;
  opacity: .58;
}

@media (max-width: 900px) {
  #vidu-pipeline-dashboard .vidu-org-brain-head,
  #vidu-pipeline-dashboard .vidu-org-brain-shell,
  #vidu-pipeline-dashboard .vidu-org-brain-editor-top {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-organization-brain-workspace,
  #vidu-pipeline-dashboard .vidu-platform-brain-workspace {
    min-height: auto;
    padding: 16px;
    border-radius: 22px;
    overflow: visible;
  }

  #vidu-pipeline-dashboard .vidu-org-brain-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #vidu-pipeline-dashboard .vidu-org-brain-sidebar {
    display: flex;
    overflow-x: auto;
  }

  #vidu-pipeline-dashboard .vidu-org-brain-sidebar button {
    flex: 0 0 190px;
  }

  #vidu-pipeline-dashboard .vidu-org-brain-editor {
    overflow: visible;
  }

  #vidu-pipeline-dashboard .vidu-org-brain-actions {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  #vidu-pipeline-dashboard .vidu-org-brain-actions > span {
    flex: 1 1 100%;
  }
}

#vidu-pipeline-dashboard .vidu-organization-brain-workspace,
#vidu-pipeline-dashboard .vidu-platform-brain-workspace {
  position: fixed;
  inset: 0;
  z-index: 10090;
  width: 100%;
  min-height: 100svh;
  margin: 0;
  padding: 0;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#vidu-pipeline-dashboard .vidu-org-brain-backdrop {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 0;
  background:
    radial-gradient(circle at 22% 6%, rgba(129,140,248,.16), transparent 32%),
    rgba(2,6,23,.58);
  backdrop-filter: blur(18px);
}

#vidu-pipeline-dashboard .vidu-org-brain {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 0;
  border-radius: 0;
  border: 0;
  background:
    radial-gradient(circle at 12% 0%, rgba(99,102,241,.14), transparent 34%),
    linear-gradient(135deg, rgba(22,25,43,.98), rgba(13,16,24,.99));
  box-shadow: 0 34px 90px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.06);
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-org-brain-head {
  position: sticky;
  top: 0;
  z-index: 4;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  min-height: 78px;
  padding: 14px 16px 14px 20px;
  border-bottom: 1px solid rgba(148,163,184,.14);
  background: rgba(15,23,42,.82);
  backdrop-filter: blur(14px);
}

#vidu-pipeline-dashboard .vidu-org-brain-head h3 {
  margin: 3px 0 3px;
  font-size: 22px;
}

#vidu-pipeline-dashboard .vidu-org-brain-head p {
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-org-brain-metrics {
  grid-template-columns: repeat(3, minmax(74px, 1fr));
}

#vidu-pipeline-dashboard .vidu-org-brain-metrics article {
  min-height: 46px;
  padding: 8px 10px;
  border-radius: 13px;
}

#vidu-pipeline-dashboard .vidu-org-brain-metrics strong {
  font-size: 16px;
}

#vidu-pipeline-dashboard .vidu-org-brain-head-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-org-brain-head-actions > span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(15,23,42,.38);
  color: rgba(203,213,225,.72);
  font-size: 11px;
  font-weight: 760;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-org-brain-head-actions > span.is-dirty {
  border-color: rgba(251,191,36,.34);
  background: rgba(251,191,36,.10);
  color: #fde68a;
}

#vidu-pipeline-dashboard .vidu-org-brain-head-actions > span.is-saved,
#vidu-pipeline-dashboard .vidu-org-brain-head-actions > span.is-published {
  border-color: rgba(34,197,94,.28);
  background: rgba(34,197,94,.09);
  color: #bbf7d0;
}

#vidu-pipeline-dashboard .vidu-org-brain-head-actions button,
#vidu-pipeline-dashboard .vidu-org-brain-close {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(15,23,42,.42);
  color: rgba(226,232,240,.88);
  font-size: 12px;
  font-weight: 760;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-org-brain-head-actions button:hover {
  border-color: rgba(129,140,248,.42);
  background: rgba(30,41,59,.62);
  color: #fff;
}

#vidu-pipeline-dashboard .vidu-org-brain-head-actions button.is-primary {
  border-color: rgba(34,211,238,.36);
  background: linear-gradient(135deg, rgba(99,102,241,.84), rgba(14,165,233,.74));
  color: #fff;
}

#vidu-pipeline-dashboard .vidu-org-brain-close {
  width: 34px;
  padding: 0;
  font-size: 22px;
  line-height: 1;
}

#vidu-pipeline-dashboard .vidu-org-brain-body {
  min-height: 0;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(148,163,184,.22) transparent;
}

#vidu-pipeline-dashboard .vidu-org-brain-body::-webkit-scrollbar {
  width: 8px;
}

#vidu-pipeline-dashboard .vidu-org-brain-body::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(148,163,184,.22);
}

#vidu-pipeline-dashboard .vidu-org-brain-shell {
  min-height: 100%;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
}

#vidu-pipeline-dashboard .vidu-org-brain-sidebar {
  max-height: none;
  padding: 8px;
}

#vidu-pipeline-dashboard .vidu-org-brain-sidebar button {
  min-height: 50px;
  padding: 9px 10px;
}

#vidu-pipeline-dashboard .vidu-org-brain-editor {
  grid-template-columns: minmax(0, 1fr) 218px;
  grid-template-rows: minmax(0, 1fr);
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#vidu-pipeline-dashboard .vidu-org-brain-editor-main,
#vidu-pipeline-dashboard .vidu-org-brain-consumers {
  min-width: 0;
  min-height: 0;
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.15);
  background: rgba(15,23,42,.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

#vidu-pipeline-dashboard .vidu-org-brain-editor-main {
  display: grid;
  grid-template-rows: auto auto minmax(360px, 1fr);
  gap: 11px;
  padding: 14px;
}

#vidu-pipeline-dashboard .vidu-org-brain-editor-top {
  grid-template-columns: minmax(0, 1fr) 104px 132px;
}

#vidu-pipeline-dashboard .vidu-org-brain-content {
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-org-brain-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 6px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.14);
  background: rgba(2,6,23,.22);
}

#vidu-pipeline-dashboard .vidu-org-brain-toolbar button {
  min-width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(226,232,240,.78);
  font-size: 11px;
  font-weight: 780;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-org-brain-toolbar button:hover,
#vidu-pipeline-dashboard .vidu-org-brain-toolbar button:focus-visible {
  border-color: rgba(129,140,248,.32);
  background: rgba(129,140,248,.12);
  color: #f8fafc;
  outline: none;
}

#vidu-pipeline-dashboard .vidu-org-brain-rich-editor {
  min-height: 360px;
  max-width: 760px;
  width: 100%;
  padding: 18px;
  border-radius: 16px;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(2,6,23,.30);
  color: rgba(248,250,252,.92);
  font-size: 14px;
  line-height: 1.72;
  overflow: auto;
  outline: none;
}

#vidu-pipeline-dashboard .vidu-org-brain-rich-editor:empty::before {
  content: attr(data-placeholder);
  color: rgba(148,163,184,.52);
}

#vidu-pipeline-dashboard .vidu-org-brain-rich-editor:focus {
  border-color: rgba(129,140,248,.52);
  box-shadow: 0 0 0 3px rgba(99,102,241,.13);
}

#vidu-pipeline-dashboard .vidu-org-brain-rich-editor p,
#vidu-pipeline-dashboard .vidu-org-brain-rich-editor ul,
#vidu-pipeline-dashboard .vidu-org-brain-rich-editor ol,
#vidu-pipeline-dashboard .vidu-org-brain-rich-editor blockquote {
  margin: 0 0 12px;
}

#vidu-pipeline-dashboard .vidu-org-brain-rich-editor ul,
#vidu-pipeline-dashboard .vidu-org-brain-rich-editor ol {
  padding-left: 22px;
}

#vidu-pipeline-dashboard .vidu-org-brain-rich-editor h2,
#vidu-pipeline-dashboard .vidu-org-brain-rich-editor h3,
#vidu-pipeline-dashboard .vidu-org-brain-rich-editor h4 {
  margin: 18px 0 10px;
  color: #fff;
  line-height: 1.2;
}

#vidu-pipeline-dashboard .vidu-org-brain-rich-editor h2 {
  font-size: 22px;
}

#vidu-pipeline-dashboard .vidu-org-brain-rich-editor h3 {
  font-size: 18px;
}

#vidu-pipeline-dashboard .vidu-org-brain-rich-editor blockquote {
  padding: 10px 14px;
  border-left: 3px solid rgba(129,140,248,.62);
  border-radius: 12px;
  background: rgba(129,140,248,.10);
}

#vidu-pipeline-dashboard .vidu-org-brain-rich-editor a {
  color: #67e8f9;
  text-decoration: none;
}

#vidu-pipeline-dashboard .vidu-org-brain-rich-editor hr {
  height: 1px;
  margin: 18px 0;
  border: 0;
  background: rgba(148,163,184,.20);
}

#vidu-pipeline-dashboard .vidu-org-brain-consumers {
  align-content: start;
  padding: 14px;
}

#vidu-pipeline-dashboard .vidu-org-brain-consumers > div {
  display: grid;
  gap: 7px;
}

#vidu-pipeline-dashboard .vidu-org-brain-consumers label {
  width: 100%;
  justify-content: flex-start;
}

#vidu-pipeline-dashboard .vidu-org-brain-actions {
  position: sticky;
  bottom: 0;
  z-index: 4;
  min-height: 48px;
  padding: 8px 14px;
  border-top: 1px solid rgba(148,163,184,.14);
  background: rgba(15,23,42,.82);
  backdrop-filter: blur(14px);
}

#vidu-pipeline-dashboard .vidu-org-brain-actions > span {
  margin-right: 0;
  max-width: 100%;
}

#vidu-pipeline-dashboard .vidu-platform-review-badge {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(251,191,36,.28);
  background: rgba(251,191,36,.08);
  color: #fde68a;
  font-size: 11px;
  font-weight: 760;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-platform-review-badge.is-approved {
  border-color: rgba(34,197,94,.28);
  background: rgba(34,197,94,.09);
  color: #bbf7d0;
}

#vidu-pipeline-dashboard .vidu-platform-review-badge.is-ready_for_approval,
#vidu-pipeline-dashboard .vidu-platform-review-badge.is-in_progress {
  border-color: rgba(34,211,238,.30);
  background: rgba(34,211,238,.08);
  color: #a5f3fc;
}

#vidu-pipeline-dashboard .vidu-platform-review-overlay {
  position: absolute;
  inset: 0;
  z-index: 8;
  display: grid;
  place-items: center;
  padding: 28px;
  background: rgba(2,6,23,.62);
  backdrop-filter: blur(16px);
}

#vidu-pipeline-dashboard .vidu-platform-review-modal {
  width: min(980px, calc(100vw - 128px));
  height: min(650px, calc(100vh - 128px));
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(148,163,184,.18);
  background:
    radial-gradient(circle at 12% 0%, rgba(34,211,238,.10), transparent 32%),
    linear-gradient(135deg, rgba(15,23,42,.98), rgba(8,13,24,.99));
  box-shadow: 0 30px 80px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);
}

#vidu-pipeline-dashboard .vidu-platform-review-head,
#vidu-pipeline-dashboard .vidu-platform-review-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  background: rgba(15,23,42,.78);
  backdrop-filter: blur(14px);
}

#vidu-pipeline-dashboard .vidu-platform-review-head {
  border-bottom: 1px solid rgba(148,163,184,.14);
}

#vidu-pipeline-dashboard .vidu-platform-review-actions {
  border-top: 1px solid rgba(148,163,184,.14);
}

#vidu-pipeline-dashboard .vidu-platform-review-head span,
#vidu-pipeline-dashboard .vidu-platform-review-meta span,
#vidu-pipeline-dashboard .vidu-platform-review-sequence article span,
#vidu-pipeline-dashboard .vidu-platform-review-sequence article small,
#vidu-pipeline-dashboard .vidu-platform-review-agent span,
#vidu-pipeline-dashboard .vidu-platform-review-actions span {
  color: rgba(148,163,184,.78);
  font-size: 11px;
  font-weight: 740;
}

#vidu-pipeline-dashboard .vidu-platform-review-head h3 {
  margin: 4px 0 0;
  color: #f8fafc;
  font-size: 21px;
  letter-spacing: 0;
}

#vidu-pipeline-dashboard .vidu-platform-review-meta {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-platform-review-meta strong {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(34,211,238,.25);
  background: rgba(34,211,238,.08);
  color: #a5f3fc;
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-platform-review-meta button,
#vidu-pipeline-dashboard .vidu-platform-review-actions button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(15,23,42,.44);
  color: rgba(226,232,240,.88);
  font-size: 12px;
  font-weight: 760;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-platform-review-meta button {
  width: 34px;
  padding: 0;
  font-size: 22px;
  line-height: 1;
}

#vidu-pipeline-dashboard .vidu-platform-review-actions button.is-primary {
  border-color: rgba(34,211,238,.36);
  background: linear-gradient(135deg, rgba(99,102,241,.82), rgba(14,165,233,.72));
  color: #fff;
}

#vidu-pipeline-dashboard .vidu-platform-review-actions button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

#vidu-pipeline-dashboard .vidu-platform-review-body {
  min-height: 0;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 14px;
  padding: 16px;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-platform-review-sequence {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 8px;
  overflow: auto;
}

#vidu-pipeline-dashboard .vidu-platform-review-sequence article {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.12);
  background: rgba(15,23,42,.34);
}

#vidu-pipeline-dashboard .vidu-platform-review-sequence article.is-active,
#vidu-pipeline-dashboard .vidu-platform-review-sequence article.is-reviewing {
  border-color: rgba(34,211,238,.32);
  background: rgba(34,211,238,.08);
}

#vidu-pipeline-dashboard .vidu-platform-review-sequence article.is-completed {
  border-color: rgba(34,197,94,.20);
  background: rgba(34,197,94,.07);
}

#vidu-pipeline-dashboard .vidu-platform-review-sequence article strong,
#vidu-pipeline-dashboard .vidu-platform-review-agent strong {
  color: #f8fafc;
  font-size: 13px;
}

#vidu-pipeline-dashboard .vidu-platform-review-main {
  min-width: 0;
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 14px;
  overflow: auto;
}

#vidu-pipeline-dashboard .vidu-platform-review-focus,
#vidu-pipeline-dashboard .vidu-platform-review-consensus {
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.14);
  background: rgba(15,23,42,.36);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

#vidu-pipeline-dashboard .vidu-platform-review-focus {
  padding: 18px;
}

#vidu-pipeline-dashboard .vidu-platform-review-agent {
  display: grid;
  gap: 3px;
  margin-bottom: 14px;
}

#vidu-pipeline-dashboard .vidu-platform-review-focus p,
#vidu-pipeline-dashboard .vidu-platform-review-consensus p {
  margin: 0 0 12px;
  max-width: 760px;
  color: rgba(226,232,240,.88);
  font-size: 14px;
  line-height: 1.68;
}

#vidu-pipeline-dashboard .vidu-platform-review-consensus {
  padding: 16px 18px;
}

#vidu-pipeline-dashboard .vidu-platform-review-consensus > span {
  color: #a5f3fc;
  font-size: 11px;
  font-weight: 780;
}

#vidu-pipeline-dashboard .vidu-platform-review-consensus h4 {
  margin: 6px 0 10px;
  color: #f8fafc;
  font-size: 18px;
}

#vidu-pipeline-dashboard .vidu-platform-review-consensus div h4 {
  margin: 14px 0 6px;
  color: rgba(248,250,252,.96);
  font-size: 13px;
}

@media (max-width: 900px) {
  #vidu-pipeline-dashboard .vidu-org-brain-backdrop {
    padding: 0;
  }

  #vidu-pipeline-dashboard .vidu-org-brain {
    width: 100vw;
    height: 100svh;
    border-radius: 0;
  }

  #vidu-pipeline-dashboard .vidu-org-brain-head {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  #vidu-pipeline-dashboard .vidu-org-brain-metrics {
    display: none;
  }

  #vidu-pipeline-dashboard .vidu-org-brain-head-actions {
    flex-wrap: wrap;
  }

  #vidu-pipeline-dashboard .vidu-org-brain-head-actions > span {
    display: none;
  }

  #vidu-pipeline-dashboard .vidu-org-brain-shell,
  #vidu-pipeline-dashboard .vidu-org-brain-editor {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-org-brain-editor-top {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-org-brain-rich-editor {
    max-width: none;
    min-height: 320px;
  }

  #vidu-pipeline-dashboard .vidu-platform-review-overlay {
    padding: 0;
  }

  #vidu-pipeline-dashboard .vidu-platform-review-modal {
    width: 100vw;
    height: 100svh;
    border-radius: 0;
  }

  #vidu-pipeline-dashboard .vidu-platform-review-head,
  #vidu-pipeline-dashboard .vidu-platform-review-actions {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  #vidu-pipeline-dashboard .vidu-platform-review-body {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  #vidu-pipeline-dashboard .vidu-platform-review-sequence {
    grid-auto-flow: column;
    grid-auto-columns: minmax(180px, 1fr);
    overflow-x: auto;
  }
}

#vidu-pipeline-dashboard .vidu-document-library-head {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 84px;
}

#vidu-pipeline-dashboard .vidu-document-library-head-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-document-library-create {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 17px;
  border: 1px solid rgba(96, 165, 250, .56);
  border-radius: 13px;
  background: linear-gradient(135deg, rgba(37, 99, 235, .95), rgba(30, 64, 175, .95));
  color: #fff;
  font: 750 13px/1 Inter, system-ui, sans-serif;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(37, 99, 235, .22);
  transition: transform .16s ease, border-color .16s ease, filter .16s ease, box-shadow .16s ease;
}

#vidu-pipeline-dashboard .vidu-document-library-create.is-spreadsheet {
  border-color: rgba(74, 222, 128, .52);
  background: linear-gradient(135deg, rgba(22, 163, 74, .96), rgba(21, 128, 61, .96));
  box-shadow: 0 10px 30px rgba(22, 163, 74, .20);
}

#vidu-pipeline-dashboard .vidu-document-library-create.is-import {
  border-color: rgba(251, 191, 36, .54);
  background: linear-gradient(135deg, rgba(217, 119, 6, .96), rgba(180, 83, 9, .96));
  box-shadow: 0 10px 30px rgba(217, 119, 6, .20);
}

#vidu-pipeline-dashboard .vidu-document-library-create-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  color: rgba(255, 255, 255, .96);
}

#vidu-pipeline-dashboard .vidu-document-library-head .vidu-document-library-create span {
  color: inherit;
  font: inherit;
  letter-spacing: normal;
  text-transform: none;
}

#vidu-pipeline-dashboard .vidu-document-library-create:hover {
  border-color: rgba(147, 197, 253, .86);
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow: 0 13px 34px rgba(37, 99, 235, .28);
}

#vidu-pipeline-dashboard .vidu-document-library-create.is-spreadsheet:hover {
  border-color: rgba(134, 239, 172, .84);
  box-shadow: 0 13px 34px rgba(22, 163, 74, .26);
}

#vidu-pipeline-dashboard .vidu-document-library-create.is-import:hover {
  border-color: rgba(253, 224, 71, .86);
  box-shadow: 0 13px 34px rgba(217, 119, 6, .27);
}

#vidu-pipeline-dashboard .vidu-document-library-create:focus-visible {
  outline: 2px solid rgba(147, 197, 253, .9);
  outline-offset: 3px;
}

#vidu-pipeline-dashboard .vidu-document-library-create.is-spreadsheet:focus-visible {
  outline-color: rgba(134, 239, 172, .9);
}

#vidu-pipeline-dashboard .vidu-document-library-create.is-import:focus-visible {
  outline-color: rgba(253, 224, 71, .92);
}

#vidu-pipeline-dashboard .vidu-document-library-head span,
#vidu-pipeline-dashboard .vidu-document-library-summary small {
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 780;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-document-library-head h3 {
  margin: 6px 0 5px;
  color: var(--vidu-text-primary);
  font-size: clamp(25px, 1.8vw, 32px);
  line-height: 1.04;
  letter-spacing: 0;
}

#vidu-pipeline-dashboard .vidu-document-library-head p {
  margin: 0;
  color: var(--vidu-text-secondary);
  font-size: 13px;
}

#vidu-pipeline-dashboard .vidu-document-library-status {
  min-width: 180px;
  min-height: 48px;
  display: grid;
  gap: 2px;
  align-content: center;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--vidu-border-soft);
  background: var(--vidu-control-bg);
}

#vidu-pipeline-dashboard .vidu-document-library-status strong {
  color: var(--vidu-text-primary);
  font-size: 12px;
  line-height: 1.15;
}

#vidu-pipeline-dashboard .vidu-document-library-status small {
  color: var(--vidu-text-muted);
  font-size: 10px;
}

#vidu-pipeline-dashboard .vidu-document-library-filters {
  flex: 0 0 auto;
  display: grid;
  gap: 8px;
  align-items: stretch;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-auto-rows: minmax(48px, auto);
  min-height: 52px;
  padding-block: 2px;
  overflow: visible;
}

#vidu-pipeline-dashboard .vidu-document-library-summary {
  display: none !important;
}

#vidu-pipeline-dashboard .vidu-document-library-summary.is-ai-active {
  display: grid !important;
  gap: 14px;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--vidu-accent, #22c55e) 30%, var(--vidu-border-soft));
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(34,197,94,.08), rgba(59,130,246,.05)), var(--vidu-control-bg);
}

#vidu-pipeline-dashboard .vidu-document-ai-summary-head,
#vidu-pipeline-dashboard .vidu-document-ai-summary-review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-document-ai-summary-head > div:first-child { display: grid; gap: 5px; }
#vidu-pipeline-dashboard .vidu-document-ai-summary-head strong { color: var(--vidu-text-primary); font-size: 16px; }
#vidu-pipeline-dashboard .vidu-document-ai-summary-head-actions,
#vidu-pipeline-dashboard .vidu-document-ai-summary-review > div { display: flex; align-items: center; gap: 8px; }
#vidu-pipeline-dashboard .vidu-document-ai-summary-head button,
#vidu-pipeline-dashboard .vidu-document-ai-summary-review button {
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid var(--vidu-control-border);
  border-radius: 9px;
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-document-ai-summary-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-document-ai-summary-facts > span {
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 11px;
  background: rgba(0,0,0,.12);
}

#vidu-pipeline-dashboard .vidu-document-ai-summary-facts strong { color: var(--vidu-text-primary); font-size: 12px; }
#vidu-pipeline-dashboard .vidu-document-ai-summary-output { min-height: 0; max-height: clamp(220px, 42svh, 520px); padding: 14px; border-radius: 12px; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; background: rgba(0,0,0,.20); color: var(--vidu-text-secondary); }
#vidu-pipeline-dashboard .vidu-document-ai-summary-output pre { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--vidu-text-primary); font: inherit; line-height: 1.55; }
#vidu-pipeline-dashboard .vidu-document-ai-summary-output.is-error { color: #ff8e8e; }
#vidu-pipeline-dashboard .vidu-document-ai-summary-provenance { display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--vidu-text-muted); font-size: 10px; }
#vidu-pipeline-dashboard .vidu-document-ai-summary-provenance code { overflow-wrap: anywhere; }
#vidu-pipeline-dashboard .vidu-document-library-actions button.is-ai { border-color: rgba(34,197,94,.45); color: #86efac; }

@media (max-width: 900px) {
  #vidu-pipeline-dashboard .vidu-document-ai-summary-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 580px) {
  #vidu-pipeline-dashboard .vidu-document-ai-summary-head,
  #vidu-pipeline-dashboard .vidu-document-ai-summary-review { align-items: stretch; flex-direction: column; }
  #vidu-pipeline-dashboard .vidu-document-ai-summary-facts { grid-template-columns: 1fr; }
}

#vidu-pipeline-dashboard .vidu-document-library-filters button {
  --vidu-document-filter-accent: #a78bfa;
  position: relative;
  min-width: 0;
  min-height: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 0 10px;
  border-radius: 14px;
  border: 1px solid var(--vidu-border-soft);
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
    color-mix(in srgb, var(--vidu-control-bg) 88%, transparent);
  color: var(--vidu-control-text);
  font-size: 11px;
  font-weight: 760;
  cursor: pointer;
  overflow: visible;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

#vidu-pipeline-dashboard .vidu-document-library-filters button:hover,
#vidu-pipeline-dashboard .vidu-document-library-filters button.is-active {
  border-color: color-mix(in srgb, var(--vidu-document-filter-accent) 42%, transparent);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--vidu-document-filter-accent) 14%, transparent), color-mix(in srgb, var(--vidu-document-filter-accent) 6%, transparent)),
    color-mix(in srgb, var(--vidu-control-bg-hover) 92%, transparent);
  color: var(--vidu-text-primary);
  box-shadow:
    0 10px 24px color-mix(in srgb, var(--vidu-document-filter-accent) 12%, transparent),
    inset 0 1px 0 rgba(255,255,255,.08);
}

#vidu-pipeline-dashboard .vidu-document-filter-icon {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  color: var(--vidu-document-filter-accent);
}

#vidu-pipeline-dashboard .vidu-document-filter-icon .vidu-document-type-icon {
  width: 18px;
  height: 18px;
  color: currentColor;
}

#vidu-pipeline-dashboard .vidu-document-filter-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

#vidu-pipeline-dashboard .vidu-document-library-filters strong {
  flex: 0 0 auto;
  min-width: 24px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--vidu-document-filter-accent) 24%, transparent);
  background: color-mix(in srgb, var(--vidu-document-filter-accent) 16%, transparent);
  color: var(--vidu-text-primary);
  font-size: 10px;
  line-height: 1;
}

#vidu-pipeline-dashboard .vidu-document-library-table {
  --vidu-doc-col-title: 330px;
  --vidu-doc-col-document-type: 130px;
  --vidu-doc-col-project-title: 230px;
  --vidu-doc-col-client-name: 220px;
  --vidu-doc-col-created-by-name: 145px;
  --vidu-doc-col-created-at: 135px;
  --vidu-doc-col-status: 175px;
  --vidu-doc-col-actions: 274px;
  flex: 1 1 0;
  min-height: 0;
  height: 100%;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(148,163,184,.32) transparent;
  -ms-overflow-style: none;
  border-radius: 18px;
  border: 1px solid var(--vidu-border-soft);
  background: var(--vidu-surface-muted);
  box-shadow: var(--vidu-shadow-card);
}

#vidu-pipeline-dashboard .vidu-document-library-table::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

#vidu-pipeline-dashboard .vidu-document-library-table::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(148,163,184,.28);
}

#vidu-pipeline-dashboard .vidu-document-library-table-head,
#vidu-pipeline-dashboard .vidu-document-library-row {
  display: grid;
  grid-template-columns: var(--vidu-doc-col-title) var(--vidu-doc-col-document-type) var(--vidu-doc-col-project-title) var(--vidu-doc-col-client-name) var(--vidu-doc-col-created-by-name) var(--vidu-doc-col-created-at) var(--vidu-doc-col-status) var(--vidu-doc-col-actions);
  gap: 10px;
  align-items: center;
  min-width: calc(var(--vidu-doc-col-title) + var(--vidu-doc-col-document-type) + var(--vidu-doc-col-project-title) + var(--vidu-doc-col-client-name) + var(--vidu-doc-col-created-by-name) + var(--vidu-doc-col-created-at) + var(--vidu-doc-col-status) + var(--vidu-doc-col-actions) + 70px);
  padding: 0 14px;
}

#vidu-pipeline-dashboard .vidu-document-library-table-head {
  position: sticky;
  top: 0;
  z-index: 2;
  min-height: 46px;
  border-bottom: 1px solid var(--vidu-border-soft);
  background: var(--vidu-bg-header);
}

#vidu-pipeline-dashboard .vidu-document-library-table-head button,
#vidu-pipeline-dashboard .vidu-document-library-table-head span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  border: 0;
  background: transparent;
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-weight: 740;
  text-transform: uppercase;
  letter-spacing: .02em;
}

#vidu-pipeline-dashboard .vidu-document-library-table-head > button {
  position: relative;
  align-self: stretch;
  overflow: visible;
}

#vidu-pipeline-dashboard .vidu-document-library-table-head > button > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-document-column-resizer {
  position: absolute;
  z-index: 4;
  top: 7px;
  right: -6px;
  bottom: 7px;
  width: 11px;
  border-radius: 999px;
  cursor: col-resize;
  touch-action: none;
}

#vidu-pipeline-dashboard .vidu-document-column-resizer::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 5px;
  bottom: 4px;
  width: 1px;
  background: color-mix(in srgb, var(--vidu-border-soft) 72%, transparent);
  transition: width .16s ease, background .16s ease;
}

#vidu-pipeline-dashboard .vidu-document-column-resizer:hover::after,
#vidu-pipeline-dashboard .vidu-document-column-resizer:focus-visible::after,
#vidu-pipeline-dashboard .vidu-document-library-table.is-resizing-columns .vidu-document-column-resizer::after {
  width: 2px;
  background: #a78bfa;
}

#vidu-pipeline-dashboard .vidu-document-library-table-head button {
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-document-library-table-head button.is-active {
  color: #a78bfa;
}

#vidu-pipeline-dashboard .vidu-document-library-row {
  min-height: 60px;
  border-bottom: 1px solid var(--vidu-border-soft);
  color: var(--vidu-text-secondary);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-document-library-row:hover {
  background: var(--vidu-invoice-row-bg-hover);
}

#vidu-pipeline-dashboard .vidu-document-library-row > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-document-library-title {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 10px;
  align-items: center;
}

#vidu-pipeline-dashboard .vidu-document-library-title i {
  grid-row: span 2;
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #c4b5fd;
  font-style: normal;
  font-size: 0;
  font-weight: 850;
}

#vidu-pipeline-dashboard .vidu-document-library-row:hover .vidu-document-library-title i {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

#vidu-pipeline-dashboard .vidu-document-type-icon {
  width: 34px;
  height: 34px;
  display: block;
  color: #60a5fa;
}

#vidu-pipeline-dashboard .vidu-document-type-icon.is-drive_folder {
  color: inherit;
}

#vidu-pipeline-dashboard .vidu-document-type-icon.is-all {
  color: #94a3b8;
}

#vidu-pipeline-dashboard .vidu-document-type-icon.is-document {
  color: #3b82f6;
}

#vidu-pipeline-dashboard .vidu-document-type-icon.is-spreadsheet {
  color: #22c55e;
}

#vidu-pipeline-dashboard .vidu-document-type-icon.is-completion_certificate {
  color: #a855f7;
}

#vidu-pipeline-dashboard .vidu-document-type-icon.is-contract {
  color: #f59e0b;
}

#vidu-pipeline-dashboard .vidu-document-type-icon.is-invoice {
  color: #fb7185;
}

#vidu-pipeline-dashboard .vidu-document-library-title strong,
#vidu-pipeline-dashboard .vidu-document-library-title .vidu-document-title-button,
#vidu-pipeline-dashboard .vidu-document-library-title small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-document-library-title strong {
  color: var(--vidu-text-primary);
}

#vidu-pipeline-dashboard .vidu-document-library-title .vidu-document-title-button {
  display: block;
  width: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--vidu-text-primary);
  font: inherit;
  font-weight: 700;
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-document-library-title .vidu-document-title-button:hover,
#vidu-pipeline-dashboard .vidu-document-library-title .vidu-document-title-button:focus-visible {
  color: #60a5fa;
  text-decoration: underline;
  outline: none;
}

#vidu-pipeline-dashboard .vidu-document-library-title small {
  color: var(--vidu-text-muted);
  font-size: 10px;
}

#vidu-pipeline-dashboard .vidu-document-library-row em {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  font-style: normal;
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-document-library-actions {
  position: sticky;
  right: 0;
  z-index: 1;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  padding-left: 10px;
  overflow: visible;
  background: linear-gradient(90deg, transparent, var(--vidu-surface-muted) 14px);
}

#vidu-pipeline-dashboard .vidu-document-library-actions button {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 9px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  font-size: 0;
  font-weight: 700;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-document-library-actions-head {
  position: sticky;
  right: 0;
  z-index: 3;
  align-self: stretch;
  justify-content: space-between;
  gap: 8px;
  padding-left: 14px;
  background: linear-gradient(90deg, transparent, var(--vidu-bg-header) 16px);
}

#vidu-pipeline-dashboard .vidu-document-library-actions-head > span {
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-document-library-actions-head .vidu-document-columns-reset {
  width: 28px;
  height: 28px;
  min-height: 28px;
  flex: 0 0 28px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--vidu-control-border);
  border-radius: 8px;
  background: var(--vidu-control-bg);
  color: var(--vidu-text-secondary);
  font-size: 16px;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-document-action-icon {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

.vidu-import-preview-stage {
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(3, 5, 10, .72);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.vidu-import-preview-shell {
  width: min(1180px, calc(100vw - 48px));
  height: min(860px, calc(100dvh - 48px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 20px;
  background: rgba(15, 16, 20, .96);
  box-shadow: 0 32px 100px rgba(0, 0, 0, .58);
}

.vidu-import-preview-head {
  min-height: 62px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 12px 10px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.vidu-import-preview-head > div {
  min-width: 0;
  display: grid;
  gap: 3px;
  margin-right: auto;
}

.vidu-import-preview-head strong,
.vidu-import-preview-head small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-import-preview-head strong { color: #f8fafc; font-size: 14px; }
.vidu-import-preview-head small { color: rgba(203, 213, 225, .58); font-size: 10px; }

.vidu-import-preview-head a,
.vidu-import-preview-head button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 10px;
  background: rgba(255, 255, 255, .06);
  color: rgba(248, 250, 252, .88);
  font: 700 11px/1 Inter, system-ui, sans-serif;
  text-decoration: none;
  cursor: pointer;
}

.vidu-import-preview-head button {
  width: 38px;
  padding: 0;
  font-size: 22px;
}

.vidu-import-preview-body {
  min-width: 0;
  min-height: 0;
  display: grid;
  place-items: center;
  overflow: auto;
  background: #202124;
}

.vidu-import-preview-body iframe {
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}

.vidu-import-preview-body img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@media (max-width: 768px) {
  .vidu-import-preview-stage { padding: 0; }
  .vidu-import-preview-shell { width: 100vw; height: 100dvh; border-radius: 0; }
  .vidu-import-preview-head { padding-left: 14px; }
  .vidu-import-preview-head a { font-size: 0; }
  .vidu-import-preview-head a::after { content: "↓"; font-size: 18px; }
}

#vidu-pipeline-dashboard .vidu-progressive-list-footer {
  position: sticky;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 58px;
  padding: 10px 18px;
  color: rgba(233, 235, 242, 0.62);
  background: rgba(14, 14, 18, 0.96);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

#vidu-pipeline-dashboard .vidu-progressive-list-footer button {
  min-height: 34px;
  padding: 0 15px;
  border: 1px solid rgba(139, 92, 246, 0.44);
  border-radius: 10px;
  color: #d8c9ff;
  background: rgba(124, 58, 237, 0.14);
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-progressive-list-footer button:hover,
#vidu-pipeline-dashboard .vidu-progressive-list-footer button:focus-visible {
  color: #fff;
  background: rgba(124, 58, 237, 0.28);
  outline: none;
}

#vidu-pipeline-dashboard .vidu-document-library-actions button.is-open { border-color: rgba(59,130,246,.38); background: rgba(59,130,246,.10); color: #60a5fa; }
#vidu-pipeline-dashboard .vidu-document-library-actions button.is-edit { border-color: rgba(234,179,8,.38); background: rgba(234,179,8,.10); color: #facc15; }
#vidu-pipeline-dashboard .vidu-document-library-actions button.is-download { border-color: rgba(148,163,184,.30); background: rgba(148,163,184,.08); color: #cbd5e1; }
#vidu-pipeline-dashboard .vidu-document-library-actions button.is-project { border-color: rgba(249,115,22,.38); background: rgba(249,115,22,.10); color: #fb923c; }
#vidu-pipeline-dashboard .vidu-document-library-actions button.is-ai { border-color: rgba(168,85,247,.42); background: rgba(168,85,247,.11); color: #c084fc; }
#vidu-pipeline-dashboard .vidu-document-library-actions button.is-archive { border-color: rgba(45,212,191,.38); background: rgba(20,184,166,.10); color: #5eead4; }
#vidu-pipeline-dashboard .vidu-document-library-actions button.is-delete { border-color: rgba(248,113,113,.38); background: rgba(239,68,68,.10); color: #fca5a5; }

#vidu-pipeline-dashboard .vidu-document-library-actions button:disabled {
  cursor: wait;
  opacity: .56;
}

#vidu-pipeline-dashboard .vidu-document-library-actions button:hover {
  border-color: var(--vidu-control-border-active);
  background: var(--vidu-control-bg-hover);
  color: var(--vidu-text-primary);
}

#vidu-pipeline-dashboard .vidu-document-library-row:hover .vidu-document-library-actions {
  background: linear-gradient(90deg, transparent, var(--vidu-invoice-row-bg-hover) 14px);
}

#vidu-pipeline-dashboard .vidu-document-library-empty {
  min-height: calc(100% - 46px);
  display: grid;
  place-content: center;
  gap: 8px;
  padding: 24px;
  color: var(--vidu-text-secondary);
  text-align: center;
}

#vidu-pipeline-dashboard .vidu-document-library-empty strong {
  color: var(--vidu-text-primary);
  font-size: 15px;
}

#vidu-pipeline-dashboard .vidu-document-library-skeleton {
  display: grid;
}

#vidu-pipeline-dashboard .vidu-document-library-skeleton-row {
  display: grid;
  grid-template-columns: minmax(220px, 1.25fr) 150px minmax(170px, .95fr) minmax(150px, .85fr) minmax(130px, .75fr) 118px 120px minmax(230px, .95fr);
  gap: 10px;
  align-items: center;
  min-width: 1320px;
  min-height: 60px;
  padding: 0 14px;
  border-bottom: 1px solid var(--vidu-border-soft);
}

#vidu-pipeline-dashboard .vidu-document-library-skeleton-row span,
#vidu-pipeline-dashboard .vidu-document-library-workspace.is-loading .vidu-document-library-summary span::after,
#vidu-pipeline-dashboard .vidu-document-library-workspace.is-loading .vidu-document-library-status::after {
  background: linear-gradient(90deg, rgba(148,163,184,.10), rgba(148,163,184,.22), rgba(148,163,184,.10));
  background-size: 220% 100%;
  animation: viduDocumentLibrarySkeleton 1.2s ease-in-out infinite;
}

#vidu-pipeline-dashboard .vidu-document-library-skeleton-row span {
  height: 14px;
  border-radius: 999px;
}

#vidu-pipeline-dashboard .vidu-document-library-skeleton-row span:first-child {
  height: 24px;
}

#vidu-pipeline-dashboard .vidu-document-library-workspace.is-loading .vidu-document-library-summary span::after,
#vidu-pipeline-dashboard .vidu-document-library-workspace.is-loading .vidu-document-library-status::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .28;
  pointer-events: none;
}

#vidu-pipeline-dashboard .vidu-document-library-workspace.is-loading .vidu-document-library-status {
  position: relative;
  overflow: hidden;
}

@keyframes viduDocumentLibrarySkeleton {
  0% { background-position: 120% 0; }
  100% { background-position: -120% 0; }
}

@media (max-width: 768px) {
  #vidu-pipeline-dashboard .vidu-document-library-workspace {
    width: 100%;
    padding: 16px;
    border-radius: 22px;
    overflow: visible;
  }

  #vidu-pipeline-dashboard .vidu-document-library-head {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  #vidu-pipeline-dashboard .vidu-document-library-head-actions {
    justify-content: flex-start;
  }

  #vidu-pipeline-dashboard .vidu-document-library-create {
    flex: 1 1 150px;
  }

  #vidu-pipeline-dashboard .vidu-document-library-status {
    width: 100%;
  }

  #vidu-pipeline-dashboard .vidu-document-library-table {
    flex: 0 0 auto;
    height: auto;
    display: grid;
    gap: 8px;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  #vidu-pipeline-dashboard .vidu-document-library-table-head {
    display: none;
  }

  #vidu-pipeline-dashboard .vidu-document-library-row {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--vidu-border-soft);
    border-radius: 16px;
    background: var(--vidu-surface-muted);
  }

  #vidu-pipeline-dashboard .vidu-document-library-filters,
  #vidu-pipeline-dashboard .vidu-document-library-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }

  #vidu-pipeline-dashboard .vidu-document-library-skeleton-row {
    min-width: 0;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--vidu-border-soft);
    border-radius: 16px;
    background: var(--vidu-surface-muted);
  }

  #vidu-pipeline-dashboard .vidu-document-library-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

#vidu-pipeline-dashboard .vidu-invoice-empty {
  min-height: 260px;
  display: grid;
  place-content: center;
  gap: 8px;
  padding: 28px;
  text-align: center;
  color: var(--vidu-text-secondary);
}

#vidu-pipeline-dashboard .vidu-invoice-empty strong {
  color: var(--vidu-text-primary);
  font-size: 15px;
}

#vidu-pipeline-dashboard .vidu-invoice-table-head,
#vidu-pipeline-dashboard .vidu-invoice-row {
  grid-template-columns: minmax(150px, 1.05fr) 96px minmax(170px, 1.28fr) minmax(105px, .78fr) minmax(92px, .68fr) minmax(112px, .82fr) minmax(108px, .78fr) minmax(112px, .82fr) minmax(112px, .78fr) 244px;
  min-width: 1380px;
  padding-right: 18px;
}

#vidu-pipeline-dashboard .vidu-invoice-row {
  min-height: 60px;
  border-left-width: 2px;
}

#vidu-pipeline-dashboard .vidu-invoice-row.is-outgoing {
  border-left-color: rgba(96,165,250,0.52);
  background: linear-gradient(90deg, rgba(59,130,246,0.055), transparent 30%);
}

#vidu-pipeline-dashboard .vidu-invoice-row.is-incoming {
  border-left-color: rgba(45,212,191,0.42);
  background: linear-gradient(90deg, rgba(20,184,166,0.045), transparent 30%);
}

#vidu-pipeline-dashboard .vidu-invoice-row.is-storno {
  border-left-color: rgba(248,113,113,0.56);
  background: linear-gradient(90deg, rgba(239,68,68,0.055), transparent 30%);
}

#vidu-pipeline-dashboard .vidu-invoice-row.is-zero {
  border-left-color: rgba(250,204,21,0.58);
  background: linear-gradient(90deg, rgba(234,179,8,0.055), transparent 30%);
}

#vidu-pipeline-dashboard .vidu-invoice-actions {
  justify-content: flex-end;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: visible;
}

#vidu-pipeline-dashboard .vidu-invoice-actions a,
#vidu-pipeline-dashboard .vidu-invoice-actions button {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 10px;
  border-color: var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}

#vidu-pipeline-dashboard .vidu-invoice-actions a:hover,
#vidu-pipeline-dashboard .vidu-invoice-actions button:hover {
  border-color: var(--vidu-control-border-active);
  background: var(--vidu-control-bg-hover);
  color: var(--vidu-text-primary);
}

#vidu-pipeline-dashboard .vidu-invoice-actions .is-danger {
  border-color: rgba(248,113,113,0.12);
  color: rgba(254,202,202,0.72);
  background: rgba(127,29,29,0.08);
}

#vidu-pipeline-dashboard .vidu-invoice-actions .is-danger:hover {
  border-color: rgba(248,113,113,0.30);
  color: #fecaca;
  background: rgba(127,29,29,0.18);
}

#vidu-pipeline-dashboard .vidu-invoice-table-summary {
  min-width: 1380px;
}

.vidu-invoice-edit-overlay {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(0,0,0,0.62);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.vidu-invoice-edit-modal {
  width: min(760px, 94vw);
  max-height: min(760px, 90vh);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 14px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(18,18,22,0.96);
  box-shadow: 0 28px 90px rgba(0,0,0,0.55);
  color: rgba(255,255,255,0.84);
}

.vidu-invoice-edit-modal header,
.vidu-invoice-edit-modal footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vidu-invoice-edit-modal header span {
  display: block;
  color: var(--vidu-text-muted);
  font-size: 11px;
}

.vidu-invoice-edit-modal header strong {
  display: block;
  margin-top: 2px;
  font-size: 18px;
}

.vidu-invoice-edit-modal header button,
.vidu-invoice-edit-modal footer button {
  min-height: 36px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  cursor: pointer;
}

.vidu-invoice-edit-grid {
  min-height: 0;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vidu-invoice-edit-grid label {
  display: grid;
  gap: 6px;
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-weight: 700;
}

.vidu-invoice-edit-grid label.is-wide {
  grid-column: 1 / -1;
}

.vidu-invoice-edit-grid input,
.vidu-invoice-edit-grid select {
  width: 100%;
  min-height: 40px;
  border-radius: 12px;
  border: 1px solid var(--vidu-input-border);
  background: var(--vidu-input-bg);
  color: var(--vidu-text-primary);
  padding: 0 11px;
}

@media (max-width: 720px) {
  #vidu-pipeline-dashboard .vidu-invoice-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-invoice-edit-grid {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-invoice-table-head,
  #vidu-pipeline-dashboard .vidu-invoice-row,
  #vidu-pipeline-dashboard .vidu-invoice-table-summary {
    min-width: 1120px;
  }
}

@media (max-width: 1200px) {
  #vidu-pipeline-dashboard .vidu-invoice-filters {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-invoice-filter-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #vidu-pipeline-dashboard .vidu-invoice-import-control {
    justify-content: flex-start;
    flex-wrap: wrap;
    min-width: 0;
  }

  #vidu-pipeline-dashboard .vidu-invoice-import-preview-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  #vidu-pipeline-dashboard,
  #vidu-pipeline-dashboard.is-user-sidebar-expanded,
  #vidu-pipeline-dashboard.is-billing-workspace {
    padding-left: 16px !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded {
    left: 8px !important;
    top: calc(8px + env(safe-area-inset-top, 0px)) !important;
    bottom: 8px !important;
    width: min(86vw, 340px) !important;
    max-width: min(86vw, 340px) !important;
  }

  #vidu-pipeline-dashboard .vidu-billing-workspace-head,
  #vidu-pipeline-dashboard .vidu-invoice-api-note {
    display: grid;
    grid-template-columns: 1fr;
    text-align: left;
  }

  #vidu-pipeline-dashboard .vidu-billing-workspace-status {
    width: 100%;
    min-width: 0;
    text-align: left;
  }

  #vidu-pipeline-dashboard .vidu-invoice-filters {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-invoice-filter-fields {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-invoice-import-control,
  #vidu-pipeline-dashboard .vidu-invoice-import-preview-head,
  #vidu-pipeline-dashboard .vidu-invoice-import-preview-actions {
    display: grid;
    width: 100%;
  }
}

@media (max-width: 760px) {
  #vidu-pipeline-dashboard,
  #vidu-pipeline-dashboard.is-user-sidebar-expanded {
    padding-left: 0;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar {
    left: 12px;
    top: 12px;
    bottom: auto;
    height: 62px;
    width: 64px;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded {
    width: min(332px, calc(100vw - 24px));
    height: calc(100svh - 24px);
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded .vidu-user-rail {
    width: 100%;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar-inner {
    width: min(332px, calc(100vw - 24px));
  }
}

/* =========================
   GENERAL BUTTONS / INPUTS
   ========================= */

#vidu-pipeline-dashboard input[type="text"]:not(.vidu-project-check-input),
#vidu-pipeline-dashboard input[type="date"],
#vidu-pipeline-dashboard select,
.vidu-project-check-block-title,
.vidu-project-control-date input,
.vidu-project-chat-compose textarea,
.vidu-project-timeline-form input,
.vidu-project-timeline-form select {
  width: 100%;
  min-height: 42px;
  background: var(--vidu-input-bg);
  border: 1px solid var(--vidu-input-border);
  border-radius: 12px;
  padding: 10px 12px;
  color: var(--vidu-text-primary);
  outline: none;
  appearance: none;
}

#vidu-pipeline-dashboard input:not(.vidu-project-check-input):focus,
#vidu-pipeline-dashboard select:focus,
.vidu-project-check-block-title:focus,
.vidu-project-control-date input:focus,
.vidu-project-chat-compose textarea:focus,
.vidu-project-timeline-form input:focus,
.vidu-project-timeline-form select:focus {
  border-color: rgba(96,165,250,0.75);
  box-shadow: 0 0 0 3px rgba(96,165,250,0.13);
}

#vidu-pipeline-dashboard .vidu-btn,
.vidu-btn,
.vidu-project-chat-expand,
.vidu-project-timeline-add-btn,
.vidu-project-check-add-row,
#vidu-project-add-checklist-block {
  min-height: 38px;
  border-radius: 12px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  padding: 0 14px;
  cursor: pointer;
  transition: background .16s ease, transform .16s ease, border-color .16s ease, opacity .16s ease;
  box-shadow: var(--vidu-shadow-card);
}

#vidu-pipeline-dashboard .vidu-btn:hover,
.vidu-btn:hover,
.vidu-project-chat-expand:hover,
.vidu-project-timeline-add-btn:hover,
.vidu-project-check-add-row:hover,
#vidu-project-add-checklist-block:hover {
  background: var(--vidu-control-bg-hover);
  border-color: var(--vidu-control-border-active);
  color: var(--vidu-text-primary);
  transform: translateY(-1px);
}

.vidu-btn-primary,
.vidu-project-timeline-add-btn {
  background: rgba(96,165,250,0.10) !important;
  border-color: rgba(96,165,250,0.36) !important;
  color: var(--vidu-blue) !important;
  font-weight: 700;
}

.vidu-btn-primary-soft {
  background: rgba(79,125,240,.12) !important;
  border-color: rgba(127,178,255,.18) !important;
  color: #9fc0ff !important;
}

/* =========================
   COLLABORATION RUNTIME
   ========================= */

#vidu-app-modal[data-vidu-modal-chrome="collaboration-runtime"] .vidu-app-modal-dialog {
  width: min(1480px, calc(100vw - 48px));
  max-width: min(1480px, calc(100vw - 48px));
  height: min(90svh, 920px);
  max-height: min(90svh, 920px);
  display: flex;
  flex-direction: column;
  min-height: 0;
}

#vidu-app-modal[data-vidu-modal-chrome="collaboration-runtime"] .vidu-app-modal-body,
#vidu-app-modal[data-vidu-modal-chrome="collaboration-runtime"] .vidu-app-modal-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

#vidu-app-modal[data-vidu-modal-chrome="collaboration-runtime"]:has(.vidu-boardroom-room) .vidu-app-modal-dialog {
  width: min(1760px, calc(100vw - 28px));
  max-width: min(1760px, calc(100vw - 28px));
  height: min(94dvh, 1040px);
  max-height: min(94dvh, 1040px);
  background:
    radial-gradient(circle at 18% 10%, rgba(147, 51, 234, 0.16), transparent 30%),
    radial-gradient(circle at 86% 12%, rgba(244, 63, 94, 0.08), transparent 28%),
    linear-gradient(145deg, rgba(11, 12, 18, 0.98), rgba(7, 8, 12, 0.99));
  border-color: rgba(148, 163, 184, 0.16);
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.58);
}

#vidu-app-modal[data-vidu-modal-chrome="collaboration-runtime"]:has(.vidu-boardroom-room) .vidu-app-modal-header {
  display: none;
}

#vidu-app-modal[data-vidu-modal-chrome="collaboration-runtime"]:has(.vidu-boardroom-room) .vidu-app-modal-body {
  padding: 0;
}

.vidu-boardroom-room {
  --boardroom-panel: rgba(15, 17, 25, 0.76);
  --boardroom-panel-strong: rgba(20, 22, 32, 0.9);
  --boardroom-border: rgba(148, 163, 184, 0.14);
  --boardroom-muted: rgba(226, 232, 240, 0.62);
  --boardroom-text: rgba(248, 250, 252, 0.95);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
  gap: 16px;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  padding: 16px;
  color: var(--boardroom-text);
  overflow: hidden;
}

.vidu-boardroom-main,
.vidu-boardroom-side {
  min-height: 0;
}

.vidu-boardroom-main {
  display: grid;
  grid-template-rows: auto minmax(430px, 1fr) 86px auto;
  gap: 14px;
}

.vidu-boardroom-header,
.vidu-boardroom-caption,
.vidu-boardroom-controls,
.vidu-boardroom-chat-card,
.vidu-boardroom-side-card {
  border: 1px solid var(--boardroom-border);
  background: linear-gradient(145deg, rgba(20, 22, 32, 0.78), rgba(11, 12, 18, 0.86));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.vidu-boardroom-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(170px, auto);
  align-items: center;
  gap: 14px;
  min-height: 70px;
  padding: 12px 14px;
  border-radius: 16px;
}

.vidu-boardroom-title {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.vidu-boardroom-title > i {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  color: #f5d27d;
  font-style: normal;
  background: radial-gradient(circle at 30% 20%, rgba(245, 158, 11, 0.32), rgba(126, 34, 206, 0.32));
  border: 1px solid rgba(245, 158, 11, 0.22);
}

.vidu-boardroom-title h3 {
  margin: 0;
  color: #f8fafc;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 760;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vidu-boardroom-title h3 span {
  color: rgba(148, 163, 184, 0.56);
  font-weight: 500;
}

.vidu-boardroom-title p {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 7px 0 0;
}

.vidu-boardroom-title b {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: rgba(226, 232, 240, 0.8);
  font-size: 12px;
  font-weight: 650;
}

.vidu-boardroom-title b.is-recording i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #fb7185;
  box-shadow: 0 0 0 4px rgba(244, 63, 94, 0.12);
}

.vidu-boardroom-speaker-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(148, 163, 184, 0.12);
  color: rgba(248, 250, 252, 0.9);
  font-size: 13px;
  font-weight: 720;
}

.vidu-boardroom-header-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.vidu-boardroom-header-actions button,
.vidu-boardroom-controls button,
.vidu-boardroom-chat-input button,
.vidu-boardroom-side-card button {
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(255, 255, 255, 0.055);
  color: rgba(248, 250, 252, 0.9);
  cursor: pointer;
}

.vidu-boardroom-header-actions button {
  min-height: 42px;
  border-radius: 14px;
  padding: 0 14px;
  font-weight: 720;
}

.vidu-boardroom-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(0, 1fr);
  gap: 12px;
  min-height: 0;
  height: 100%;
  align-content: stretch;
}

.vidu-boardroom-tile {
  position: relative;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background:
    radial-gradient(circle at 50% 20%, rgba(148, 163, 184, 0.12), transparent 42%),
    rgba(7, 8, 12, 0.9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.vidu-boardroom-tile[data-boardroom-voice-speaker] {
  cursor: pointer;
  transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.vidu-boardroom-tile[data-boardroom-voice-speaker]:hover,
.vidu-boardroom-tile[data-boardroom-voice-speaker]:focus-visible {
  border-color: rgba(192, 132, 252, 0.52);
  box-shadow: 0 16px 42px rgba(88, 28, 135, 0.2);
  outline: none;
  transform: translateY(-2px);
}

.vidu-boardroom-tile.is-active-speaker {
  border-color: rgba(148, 163, 184, 0.16);
  outline: 2px solid rgba(248, 113, 113, 0.82);
  outline-offset: -2px;
  box-shadow:
    0 0 0 1px rgba(248, 113, 113, 0.26),
    0 18px 48px rgba(127, 29, 29, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.vidu-boardroom-tile-media {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 36%, rgba(255, 255, 255, 0.08), transparent 34%),
    linear-gradient(145deg, rgba(31, 41, 55, 0.85), rgba(8, 9, 13, 1));
}

.vidu-boardroom-tile-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.95) contrast(1.02);
}

.vidu-boardroom-tile-media b {
  display: grid;
  place-items: center;
  width: 104px;
  height: 104px;
  border-radius: 34px;
  color: #f8fafc;
  font-size: 34px;
  background: linear-gradient(145deg, rgba(126, 34, 206, 0.78), rgba(245, 158, 11, 0.2));
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.vidu-boardroom-media-shade {
  position: absolute;
  inset: auto 0 0;
  height: 48%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.76), transparent);
  pointer-events: none;
}

.vidu-boardroom-tile footer {
  position: absolute;
  inset: auto 16px 14px;
  z-index: 2;
}

.vidu-boardroom-tile footer strong {
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: 780;
}

.vidu-boardroom-tile footer span {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  color: rgba(226, 232, 240, 0.72);
  font-size: 12px;
  line-height: 1.35;
}

.vidu-boardroom-tile footer i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #4ade80;
  box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.12);
}

.vidu-boardroom-speaking-indicator {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(220, 38, 38, 0.84);
  border: 1px solid rgba(254, 202, 202, 0.32);
  box-shadow: 0 0 0 8px rgba(248, 113, 113, 0.13);
  animation: vidu-boardroom-pulse 1.55s ease-in-out infinite;
}

.vidu-boardroom-muted {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.44);
  color: rgba(226, 232, 240, 0.76);
  font-size: 15px;
}

.vidu-boardroom-wave {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-width: 28px;
}

.vidu-boardroom-wave i {
  display: block;
  width: 2px;
  height: calc(5px + (var(--wave-i) % 5) * 3px);
  border-radius: 999px;
  background: linear-gradient(to top, #a855f7, #fb7185);
  opacity: 0.82;
  animation: vidu-boardroom-wave 900ms ease-in-out infinite;
  animation-delay: calc(var(--wave-i) * -72ms);
}

.vidu-boardroom-caption {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(130px, 210px);
  align-items: center;
  gap: 14px;
  height: 86px;
  min-height: 86px;
  max-height: 86px;
  padding: 14px 18px;
  border-radius: 16px;
  overflow: hidden;
}

.vidu-boardroom-caption .vidu-collab-avatar {
  width: 40px;
  height: 40px;
}

.vidu-boardroom-caption strong {
  display: block;
  margin-bottom: 6px;
  color: #f0abfc;
  font-size: 13px;
  font-weight: 760;
}

.vidu-boardroom-caption p {
  margin: 0;
  color: rgba(248, 250, 252, 0.84);
  font-size: 14px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.vidu-boardroom-controls {
  display: grid;
  grid-template-columns: repeat(6, minmax(74px, auto)) minmax(190px, 250px);
  align-items: center;
  gap: 10px;
  min-height: 84px;
  padding: 12px 18px;
  border-radius: 16px;
}

.vidu-boardroom-controls button {
  display: grid;
  place-items: center;
  gap: 7px;
  min-height: 56px;
  border-radius: 14px;
  padding: 8px 10px;
  font-size: 17px;
}

.vidu-boardroom-controls button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.vidu-boardroom-controls button span {
  color: rgba(226, 232, 240, 0.74);
  font-size: 11px;
  font-weight: 650;
}

.vidu-boardroom-controls button.is-leave {
  display: inline-flex;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border-color: rgba(248, 113, 113, 0.44);
  background: linear-gradient(145deg, rgba(153, 27, 27, 0.92), rgba(185, 28, 28, 0.74));
  color: #fff;
  font-size: 13px;
  font-weight: 820;
}

.vidu-boardroom-side {
  display: grid;
  grid-template-rows: minmax(320px, 1fr) auto auto;
  gap: 12px;
  overflow: hidden;
}

.vidu-boardroom-chat-card,
.vidu-boardroom-side-card {
  border-radius: 16px;
  min-height: 0;
}

.vidu-boardroom-chat-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
}

.vidu-boardroom-tabs {
  display: flex;
  gap: 8px;
  padding: 12px;
}

.vidu-boardroom-tabs button {
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: rgba(226, 232, 240, 0.68);
  min-height: 38px;
  padding: 0 12px;
  font-weight: 760;
}

.vidu-boardroom-tabs button.is-active {
  background: linear-gradient(145deg, rgba(126, 34, 206, 0.48), rgba(88, 28, 135, 0.44));
  color: #fff;
}

.vidu-boardroom-chat-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 4px 14px 12px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.vidu-boardroom-chat-list article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.vidu-boardroom-chat-list .vidu-collab-avatar {
  width: 34px;
  height: 34px;
}

.vidu-boardroom-chat-list header {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 5px;
}

.vidu-boardroom-chat-list strong {
  color: #f8fafc;
  font-size: 13px;
}

.vidu-boardroom-chat-list header span {
  color: rgba(148, 163, 184, 0.7);
  font-size: 11px;
}

.vidu-boardroom-chat-list p {
  display: inline-block;
  max-width: 100%;
  margin: 0;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.055);
  color: rgba(226, 232, 240, 0.86);
  font-size: 13px;
  line-height: 1.45;
}

.vidu-boardroom-chat-input {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px 38px;
  gap: 8px;
  padding: 12px;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.vidu-boardroom-chat-input input {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.36);
  color: #f8fafc;
  padding: 0 12px;
}

.vidu-boardroom-chat-input button {
  border-radius: 12px;
  min-height: 42px;
}

.vidu-boardroom-side-card {
  padding: 16px;
}

.vidu-boardroom-side-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.vidu-boardroom-side-card strong {
  color: #f8fafc;
  font-size: 15px;
}

.vidu-boardroom-side-card header span {
  border-radius: 999px;
  background: rgba(245, 158, 11, 0.14);
  color: #fbbf24;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 760;
}

.vidu-boardroom-side-card ul {
  margin: 0;
  padding-left: 18px;
  color: rgba(226, 232, 240, 0.78);
  font-size: 13px;
  line-height: 1.6;
}

.vidu-boardroom-side-card p {
  margin: 0;
  color: rgba(226, 232, 240, 0.72);
  font-size: 13px;
  line-height: 1.6;
}

.vidu-boardroom-side-card button {
  width: 100%;
  margin-top: 14px;
  min-height: 38px;
  border-radius: 12px;
  text-align: left;
  padding: 0 12px;
}

.vidu-boardroom-full-memo {
  margin-top: 14px;
}

.vidu-boardroom-full-memo summary {
  min-height: 38px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 12px;
  color: rgba(248, 250, 252, 0.9);
  background: rgba(255, 255, 255, 0.055);
  cursor: pointer;
  font-size: 12px;
  font-weight: 720;
  list-style: none;
}

.vidu-boardroom-full-memo summary::-webkit-details-marker {
  display: none;
}

.vidu-boardroom-full-memo > div {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.3);
}

.vidu-boardroom-full-memo section {
  display: grid;
  gap: 5px;
}

.vidu-boardroom-full-memo section > strong {
  color: rgba(216, 180, 254, 0.92);
  font-size: 11px;
  text-transform: uppercase;
}

.vidu-boardroom-full-memo small {
  color: rgba(148, 163, 184, 0.76);
  font-size: 10px;
}

.vidu-boardroom-side-empty {
  display: grid;
  place-items: center;
  min-height: 180px;
  color: rgba(148, 163, 184, 0.74);
  font-size: 13px;
  text-align: center;
}

@keyframes vidu-boardroom-pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 7px rgba(248, 113, 113, 0.12); }
  50% { transform: scale(1.035); box-shadow: 0 0 0 12px rgba(248, 113, 113, 0.05); }
}

@keyframes vidu-boardroom-wave {
  0%, 100% { transform: scaleY(0.58); opacity: 0.55; }
  50% { transform: scaleY(1.18); opacity: 1; }
}

#vidu-app-modal[data-vidu-modal-chrome="workforce-meetings"] .vidu-app-modal-dialog {
  width: min(1380px, calc(100vw - 72px));
  max-width: min(1380px, calc(100vw - 72px));
  height: min(88dvh, 920px);
  max-height: min(88dvh, 920px);
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#vidu-app-modal[data-vidu-modal-chrome="workforce-meetings"] .vidu-app-modal-backdrop {
  background: rgba(8, 9, 12, .54);
  backdrop-filter: blur(22px) saturate(104%);
  -webkit-backdrop-filter: blur(22px) saturate(104%);
}

#vidu-app-modal[data-vidu-modal-chrome="workforce-meetings"] .vidu-app-modal-header {
  position: relative;
  min-height: 54px;
  padding: 0 4px 16px;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#vidu-app-modal[data-vidu-modal-chrome="workforce-meetings"] .vidu-app-modal-header h2 {
  font-size: clamp(21px, 2vw, 30px);
  font-weight: 560;
  letter-spacing: -.03em;
}

#vidu-app-modal[data-vidu-modal-chrome="workforce-meetings"] .vidu-app-modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  overflow-x: hidden;
  padding: 0 4px max(24px, env(safe-area-inset-bottom));
  background: transparent;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

#vidu-app-modal[data-vidu-modal-chrome="workforce-meetings"] .vidu-modal-inner-frame,
#vidu-app-modal[data-vidu-modal-chrome="workforce-meetings"] .vidu-modal-inner-content {
  min-height: 0;
}

#vidu-app-modal[data-vidu-modal-chrome="workforce-meetings"] .vidu-modal-inner-frame {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  border-radius: 0;
  background: transparent;
  scrollbar-width: none;
}

#vidu-app-modal[data-vidu-modal-chrome="workforce-meetings"] .vidu-modal-inner-content {
  height: auto;
  overflow: visible;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

#vidu-app-modal[data-vidu-modal-chrome="workforce-meetings"] .vidu-modal-inner-frame::-webkit-scrollbar {
  display: none;
}

.vidu-executive-hero-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

.vidu-executive-hero-actions button {
  min-height: 38px;
  border: 1px solid rgba(125, 211, 252, 0.32);
  border-radius: 12px;
  background: rgba(14, 165, 233, 0.12);
  color: #bae6fd;
  font-weight: 800;
  padding: 0 14px;
  cursor: pointer;
}

.vidu-executive-hero-actions button:hover {
  border-color: rgba(125, 211, 252, 0.56);
  background: rgba(14, 165, 233, 0.18);
}

.vidu-workforce-meetings-entry {
  display: grid;
  gap: 16px;
}

.vidu-workforce-meeting-actions,
.vidu-workforce-meetings-top-actions,
.vidu-workforce-meetings-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.vidu-workforce-meeting-actions button,
.vidu-workforce-meetings-top-actions button,
.vidu-workforce-meetings-tabs button,
.vidu-workforce-instant-panel button,
.vidu-workforce-schedule-placeholder button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.74);
  color: rgba(226, 232, 240, 0.92);
  font-weight: 800;
  padding: 0 14px;
  cursor: pointer;
}

.vidu-workforce-meetings-tabs button.is-active,
.vidu-workforce-meeting-actions button:hover,
.vidu-workforce-meetings-top-actions button:hover,
.vidu-workforce-meetings-tabs button:hover,
.vidu-workforce-instant-panel button:hover,
.vidu-workforce-schedule-placeholder button:hover {
  border-color: rgba(125, 211, 252, 0.42);
  background: rgba(14, 165, 233, 0.14);
  color: #dff7ff;
}

.vidu-workforce-meetings-shell {
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  align-items: start;
  gap: 14px;
  color: rgba(226, 232, 240, 0.92);
  height: auto;
  max-height: none;
  min-height: 0;
  overflow: visible;
  padding: 0 0 max(48px, env(safe-area-inset-bottom));
}

.vidu-workforce-meetings-shell > * {
  min-height: 0;
}

.vidu-workforce-meetings-hero,
.vidu-workforce-instant-panel,
.vidu-workforce-schedule-placeholder {
  display: grid;
  gap: 14px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.88), rgba(2, 6, 23, 0.74));
  padding: 18px;
}

.vidu-workforce-meetings-hero {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 86px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 6px 0 10px;
}

.vidu-workforce-boardroom-title {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.vidu-workforce-boardroom-title > i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(196, 181, 253, 0.38);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(124, 58, 237, 0.24), rgba(15, 23, 42, 0.2));
  color: rgba(237, 233, 254, 0.96);
  font-style: normal;
  font-size: 1.1rem;
  box-shadow: 0 0 0 5px rgba(124, 58, 237, 0.08), 0 12px 30px rgba(15, 23, 42, 0.24);
}

.vidu-workforce-meetings-top-actions {
  display: grid;
  grid-template-columns: minmax(190px, 1fr);
  min-width: min(260px, 30vw);
}

.vidu-workforce-meetings-top-actions button {
  justify-content: flex-start;
  min-height: 58px;
  border-radius: 14px;
  padding: 11px 14px;
  text-align: left;
}

.vidu-workforce-meetings-top-actions button.is-primary {
  border-color: rgba(196, 181, 253, 0.48);
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.82), rgba(91, 33, 182, 0.72));
  box-shadow: 0 18px 40px rgba(88, 28, 135, 0.28);
}

.vidu-workforce-meetings-top-actions button i {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(248, 250, 252, 0.94);
  font-style: normal;
  font-size: 1.15rem;
}

.vidu-workforce-meetings-top-actions button span {
  display: grid;
  gap: 4px;
  color: rgba(248, 250, 252, 0.96);
  font-size: 0.96rem;
  letter-spacing: 0;
  text-transform: none;
}

.vidu-workforce-meetings-top-actions button small {
  color: rgba(226, 232, 240, 0.66);
  font-size: 0.78rem;
  font-weight: 700;
}

.vidu-workforce-primary-composer {
  justify-self: center;
  width: min(100%, 620px);
  box-sizing: border-box;
}

.vidu-workforce-instant-panel {
  gap: 11px;
  border-color: rgba(196, 181, 217, .14);
  background:
    radial-gradient(circle at 8% 10%, rgba(124, 58, 237, .1), transparent 34%),
    linear-gradient(145deg, rgba(22, 23, 29, .58), rgba(8, 9, 13, .36));
  box-shadow: 0 22px 54px rgba(0, 0, 0, .12);
  padding: 16px 18px;
}

.vidu-workforce-instant-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.vidu-workforce-instant-heading > div:first-child {
  min-width: 0;
}

.vidu-workforce-instant-heading p {
  max-width: 460px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-workforce-instant-fields {
  display: grid;
  grid-template-columns: minmax(180px, .82fr) minmax(240px, 1.18fr);
  gap: 10px;
}

.vidu-workforce-instant-panel > button {
  justify-self: end;
  min-height: 38px;
  border-color: rgba(196, 181, 253, 0.42);
  border-radius: 11px;
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.84), rgba(91, 33, 182, 0.76));
  color: #fff;
  font-weight: 850;
  padding: 0 16px;
}

.vidu-workforce-meetings-section-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin-top: 2px;
}

.vidu-workforce-meetings-section-title span {
  color: rgba(125, 211, 252, 0.72);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.vidu-workforce-meetings-section-title strong {
  color: rgba(248, 250, 252, 0.92);
  font-size: 0.92rem;
}

.vidu-workforce-meetings-hero span,
.vidu-workforce-instant-panel span,
.vidu-workforce-schedule-placeholder span,
.vidu-workforce-template-card span {
  color: rgba(125, 211, 252, 0.76);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.vidu-workforce-meetings-hero h3,
.vidu-workforce-instant-panel strong,
.vidu-workforce-schedule-placeholder strong {
  margin: 4px 0;
  color: #f8fafc;
}

.vidu-workforce-meetings-hero p,
.vidu-workforce-instant-panel p,
.vidu-workforce-schedule-placeholder p,
.vidu-workforce-template-card p {
  margin: 0;
  color: rgba(203, 213, 225, 0.72);
  line-height: 1.5;
}

.vidu-workforce-template-grid {
  display: flex;
  gap: 14px;
  margin-inline: -2px;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 2px 12px;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
}

.vidu-workforce-secondary-options {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}

.vidu-workforce-template-card {
  --meeting-accent-a: rgba(168, 85, 247, 0.16);
  --meeting-accent-b: rgba(15, 23, 42, 0.04);
  --meeting-icon-bg: rgba(63, 63, 70, 0.32);
  --meeting-icon-color: rgba(245, 245, 245, 0.92);
  display: grid;
  align-content: start;
  gap: 8px;
  position: relative;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 20% 0%, var(--meeting-accent-a), transparent 34%),
    radial-gradient(circle at 90% 18%, var(--meeting-accent-b), transparent 38%),
    linear-gradient(145deg, rgba(19, 21, 28, 0.86), rgba(6, 8, 13, 0.72));
  padding: 14px;
  cursor: pointer;
  scroll-snap-align: start;
}

.vidu-workforce-template-grid .vidu-workforce-template-card {
  flex: 0 0 clamp(220px, 18vw, 258px);
  min-height: 256px;
}

.vidu-workforce-template-card.is-leadership { --meeting-accent: rgba(180, 83, 9, 0.2); --meeting-accent-a: rgba(126, 34, 206, 0.2); --meeting-accent-b: rgba(217, 119, 6, 0.14); --meeting-accent-border: rgba(216, 180, 254, 0.4); --meeting-icon-bg: rgba(109, 40, 217, 0.34); --meeting-icon-color: rgba(253, 230, 138, 0.96); }
.vidu-workforce-template-card.is-architecture { --meeting-accent: rgba(30, 64, 175, 0.18); --meeting-accent-a: rgba(30, 58, 138, 0.2); --meeting-accent-b: rgba(51, 65, 85, 0.16); --meeting-accent-border: rgba(125, 159, 211, 0.34); --meeting-icon-bg: rgba(30, 41, 59, 0.74); --meeting-icon-color: rgba(191, 219, 254, 0.94); }
.vidu-workforce-template-card.is-sprint { --meeting-accent: rgba(194, 65, 12, 0.18); --meeting-accent-a: rgba(217, 119, 6, 0.18); --meeting-accent-b: rgba(124, 45, 18, 0.12); --meeting-accent-border: rgba(251, 146, 60, 0.36); --meeting-icon-bg: rgba(154, 52, 18, 0.36); --meeting-icon-color: rgba(254, 215, 170, 0.96); }
.vidu-workforce-template-card.is-client { --meeting-accent: rgba(5, 150, 105, 0.16); --meeting-accent-a: rgba(22, 101, 52, 0.18); --meeting-accent-b: rgba(15, 118, 110, 0.12); --meeting-accent-border: rgba(74, 222, 128, 0.32); --meeting-icon-bg: rgba(20, 83, 45, 0.42); --meeting-icon-color: rgba(187, 247, 208, 0.94); }
.vidu-workforce-template-card.is-finance { --meeting-accent: rgba(13, 148, 136, 0.16); --meeting-accent-a: rgba(15, 118, 110, 0.18); --meeting-accent-b: rgba(20, 83, 45, 0.12); --meeting-accent-border: rgba(94, 234, 212, 0.32); --meeting-icon-bg: rgba(19, 78, 74, 0.42); --meeting-icon-color: rgba(153, 246, 228, 0.94); }
.vidu-workforce-template-card.is-sales { --meeting-accent: rgba(153, 27, 27, 0.16); --meeting-accent-a: rgba(127, 29, 29, 0.2); --meeting-accent-b: rgba(88, 28, 28, 0.12); --meeting-accent-border: rgba(248, 113, 113, 0.32); --meeting-icon-bg: rgba(127, 29, 29, 0.38); --meeting-icon-color: rgba(254, 202, 202, 0.94); }
.vidu-workforce-template-card.is-research { --meeting-accent: rgba(109, 40, 217, 0.18); --meeting-accent-a: rgba(76, 29, 149, 0.2); --meeting-accent-b: rgba(49, 46, 129, 0.14); --meeting-accent-border: rgba(167, 139, 250, 0.36); --meeting-icon-bg: rgba(76, 29, 149, 0.38); --meeting-icon-color: rgba(221, 214, 254, 0.96); }
.vidu-workforce-template-card.is-custom { --meeting-accent: rgba(180, 83, 9, 0.16); --meeting-accent-a: rgba(126, 34, 206, 0.18); --meeting-accent-b: rgba(217, 119, 6, 0.12); --meeting-accent-border: rgba(251, 191, 36, 0.32); --meeting-icon-bg: rgba(120, 53, 15, 0.34); --meeting-icon-color: rgba(253, 230, 138, 0.94); }

.vidu-workforce-template-card.is-selected {
  border-color: var(--meeting-accent-border, rgba(192, 132, 252, 0.72));
  background:
    radial-gradient(circle at 20% 0%, var(--meeting-accent-a), transparent 34%),
    radial-gradient(circle at 88% 12%, var(--meeting-accent-b), transparent 38%),
    linear-gradient(145deg, rgba(31, 33, 42, 0.88), rgba(12, 14, 20, 0.76));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--meeting-accent-border, rgba(192, 132, 252, 0.36)) 45%, transparent), 0 18px 42px rgba(0, 0, 0, 0.22);
}

.vidu-workforce-template-card.is-custom {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  border-color: var(--meeting-accent-border, rgba(196, 181, 253, 0.26));
  background:
    radial-gradient(circle at 10% 40%, var(--meeting-accent, rgba(245, 158, 11, 0.16)), transparent 34%),
    linear-gradient(135deg, rgba(31, 29, 38, 0.82), rgba(10, 12, 18, 0.74));
}

.vidu-workforce-template-card.is-demo {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  border-style: dashed;
  background:
    radial-gradient(circle at 78% 68%, rgba(124, 58, 237, 0.12), transparent 30%),
    rgba(18, 20, 27, 0.58);
}

.vidu-workforce-template-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 14px;
  background: var(--meeting-icon-bg, rgba(63, 63, 70, 0.32));
  color: var(--meeting-icon-color, rgba(245, 245, 245, 0.92));
  font-size: 1.35rem;
  font-style: normal;
}

.vidu-meeting-config-shell {
  display: grid;
  gap: 13px;
  padding: 0 0 max(42px, env(safe-area-inset-bottom));
  color: rgba(226, 232, 240, 0.92);
}

.vidu-meeting-config-hero {
  --meeting-config-accent: rgba(168, 85, 247, 0.18);
  --meeting-config-icon-bg: rgba(63, 63, 70, 0.34);
  --meeting-config-icon-color: rgba(245, 245, 245, 0.92);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  border: 1px solid rgba(161, 161, 170, 0.16);
  border-radius: 17px;
  background:
    radial-gradient(circle at 8% 26%, var(--meeting-config-accent), transparent 34%),
    linear-gradient(135deg, rgba(24, 24, 27, 0.94), rgba(8, 9, 12, 0.82));
  padding: 15px 17px;
}

.vidu-meeting-config-hero.is-leadership { --meeting-config-accent: rgba(168, 85, 247, 0.18); --meeting-config-icon-bg: rgba(109, 40, 217, 0.32); --meeting-config-icon-color: rgba(253, 230, 138, 0.94); }
.vidu-meeting-config-hero.is-architecture { --meeting-config-accent: rgba(51, 65, 85, 0.26); --meeting-config-icon-bg: rgba(30, 41, 59, 0.68); --meeting-config-icon-color: rgba(191, 219, 254, 0.92); }
.vidu-meeting-config-hero.is-sprint { --meeting-config-accent: rgba(194, 65, 12, 0.16); --meeting-config-icon-bg: rgba(154, 52, 18, 0.32); --meeting-config-icon-color: rgba(254, 215, 170, 0.94); }
.vidu-meeting-config-hero.is-client { --meeting-config-accent: rgba(22, 101, 52, 0.16); --meeting-config-icon-bg: rgba(20, 83, 45, 0.34); --meeting-config-icon-color: rgba(187, 247, 208, 0.94); }
.vidu-meeting-config-hero.is-finance { --meeting-config-accent: rgba(15, 118, 110, 0.16); --meeting-config-icon-bg: rgba(19, 78, 74, 0.34); --meeting-config-icon-color: rgba(153, 246, 228, 0.94); }
.vidu-meeting-config-hero.is-sales { --meeting-config-accent: rgba(127, 29, 29, 0.16); --meeting-config-icon-bg: rgba(127, 29, 29, 0.32); --meeting-config-icon-color: rgba(254, 202, 202, 0.94); }
.vidu-meeting-config-hero.is-research { --meeting-config-accent: rgba(76, 29, 149, 0.18); --meeting-config-icon-bg: rgba(76, 29, 149, 0.34); --meeting-config-icon-color: rgba(221, 214, 254, 0.94); }
.vidu-meeting-config-hero.is-custom { --meeting-config-accent: rgba(180, 83, 9, 0.16); --meeting-config-icon-bg: rgba(120, 53, 15, 0.34); --meeting-config-icon-color: rgba(253, 230, 138, 0.94); }

.vidu-meeting-config-hero > i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(226, 232, 240, 0.14);
  border-radius: 14px;
  background: var(--meeting-config-icon-bg, rgba(63, 63, 70, 0.34));
  color: var(--meeting-config-icon-color, rgba(248, 250, 252, 0.94));
  font-size: 1.2rem;
  font-style: normal;
}

.vidu-meeting-config-hero span,
.vidu-meeting-config-panel > span {
  color: rgba(212, 212, 216, 0.78);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.vidu-meeting-config-hero h3 {
  margin: 5px 0 7px;
  color: #f8fafc;
  font-size: clamp(1.2rem, 1.65vw, 1.65rem);
  line-height: 1.08;
}

.vidu-meeting-config-hero p,
.vidu-meeting-config-panel p {
  margin: 0;
  color: rgba(203, 213, 225, 0.74);
  line-height: 1.5;
}

.vidu-meeting-config-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.vidu-meeting-config-meta b {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 999px;
  background: rgba(24, 24, 27, 0.62);
  color: rgba(226, 232, 240, 0.84);
  font-size: 0.72rem;
  padding: 5px 9px;
}

.vidu-meeting-config-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.82fr);
  gap: 12px;
  align-items: start;
}

.vidu-meeting-config-main,
.vidu-meeting-config-side {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.vidu-meeting-config-panel {
  display: grid;
  gap: 9px;
  border: 1px solid rgba(161, 161, 170, 0.14);
  border-radius: 15px;
  background:
    linear-gradient(145deg, rgba(24, 24, 27, 0.72), rgba(9, 10, 13, 0.64));
  padding: 13px;
}

.vidu-meeting-config-disclosure {
  border-top: 1px solid rgba(161, 161, 170, 0.12);
  padding-top: 8px;
}

.vidu-meeting-config-disclosure summary {
  color: rgba(203, 213, 225, 0.7);
  font-size: 0.76rem;
  font-weight: 820;
  cursor: pointer;
}

.vidu-meeting-config-disclosure[open] summary {
  margin-bottom: 10px;
  color: rgba(237, 233, 254, 0.9);
}

.vidu-boardroom-answer-source {
  margin-left: auto;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 999px;
  color: rgba(203, 213, 225, .64);
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: .06em;
  padding: 3px 6px;
  text-transform: uppercase;
}

.vidu-boardroom-answer-source.is-llm {
  border-color: rgba(74, 222, 128, .26);
  background: rgba(20, 83, 45, .18);
  color: rgba(187, 247, 208, .88);
}

.vidu-boardroom-answer-source.is-fallback {
  border-color: rgba(251, 191, 36, .24);
  background: rgba(120, 53, 15, .16);
  color: rgba(253, 230, 138, .82);
}

.vidu-boardroom-knowledge-source {
  display: block;
  margin-top: 5px;
  color: rgba(167, 139, 250, .72);
  font-size: 10px;
  line-height: 1.35;
}

[data-meeting-schedule-fields] {
  display: grid;
  gap: 9px;
}

[data-meeting-schedule-fields][hidden] {
  display: none;
}

.vidu-meeting-config-panel label {
  display: grid;
  gap: 7px;
  color: rgba(226, 232, 240, 0.72);
  font-size: 0.78rem;
  font-weight: 800;
}

.vidu-meeting-config-panel input,
.vidu-meeting-config-panel textarea,
.vidu-meeting-config-panel select,
.vidu-meeting-rich-agenda {
  min-height: 40px;
  border: 1px solid rgba(161, 161, 170, 0.18);
  border-radius: 12px;
  background: rgba(10, 10, 12, 0.66);
  color: #f8fafc;
  padding: 10px 12px;
  color-scheme: dark;
}

.vidu-meeting-date-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.7fr);
  gap: 10px;
}

.vidu-meeting-config-panel textarea {
  min-height: 82px;
  resize: vertical;
}

.vidu-meeting-rich-agenda {
  min-height: 118px;
  overflow-y: auto;
  line-height: 1.55;
}

.vidu-meeting-config-participants,
.vidu-meeting-agenda-list,
.vidu-meeting-participant-add {
  display: grid;
  gap: 10px;
}

.vidu-meeting-participant-options {
  display: grid;
  gap: 8px;
}

.vidu-meeting-participant-option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(161, 161, 170, 0.14);
  border-radius: 14px;
  background: rgba(18, 18, 22, 0.52);
  color: rgba(226, 232, 240, 0.88);
  padding: 8px 10px;
  text-align: left;
  cursor: pointer;
}

.vidu-meeting-participant-option strong {
  display: block;
  color: #f8fafc;
  font-size: 0.82rem;
}

.vidu-meeting-participant-option small {
  color: rgba(203, 213, 225, 0.58);
  font-size: 0.72rem;
}

.vidu-meeting-participant-option i {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  background: rgba(63, 63, 70, 0.42);
  color: rgba(212, 212, 216, 0.84);
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 900;
  padding: 4px 7px;
}

.vidu-meeting-config-participant {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  border: 1px solid rgba(161, 161, 170, 0.14);
  border-radius: 14px;
  background: rgba(18, 18, 22, 0.56);
  padding: 9px 10px;
}

.vidu-meeting-config-avatar {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(226, 232, 240, 0.18);
  border-radius: 999px;
  background: rgba(63, 63, 70, 0.34);
  overflow: hidden;
}

.vidu-meeting-config-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vidu-meeting-config-avatar b {
  color: rgba(248, 250, 252, 0.92);
  font-size: 0.75rem;
}

.vidu-meeting-config-participant strong {
  display: block;
  color: #f8fafc;
  font-size: 0.9rem;
  line-height: 1.2;
}

.vidu-meeting-config-participant small {
  color: rgba(203, 213, 225, 0.64);
  display: block;
  font-size: 0.72rem;
  line-height: 1.25;
  margin-top: 2px;
}

.vidu-meeting-config-participant em {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  color: rgba(161, 161, 170, 0.82);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 800;
}

.vidu-meeting-config-participant em i,
.vidu-meeting-participant-option i b {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(161, 161, 170, 0.78);
  box-shadow: 0 0 0 2px rgba(161, 161, 170, 0.1);
}

[data-meeting-availability="available"] em i,
[data-meeting-availability="available"] i b {
  background: #22c55e;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.14);
}

[data-meeting-availability="busy"] em i,
[data-meeting-availability="busy"] i b {
  background: #f59e0b;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.14);
}

[data-meeting-availability="in_meeting"] em i,
[data-meeting-availability="in_meeting"] i b {
  background: #a78bfa;
  box-shadow: 0 0 0 2px rgba(167, 139, 250, 0.14);
}

[data-meeting-availability="offline"] em i,
[data-meeting-availability="offline"] i b,
[data-meeting-availability="unknown"] em i,
[data-meeting-availability="unknown"] i b {
  background: #71717a;
  box-shadow: 0 0 0 2px rgba(113, 113, 122, 0.12);
}

.vidu-meeting-config-participant button {
  width: 28px;
  height: 28px;
  border: 1px solid rgba(161, 161, 170, 0.12);
  border-radius: 999px;
  background: rgba(24, 24, 27, 0.52);
  color: rgba(212, 212, 216, 0.66);
  cursor: pointer;
}

.vidu-meeting-config-participant button:hover {
  border-color: rgba(248, 113, 113, 0.28);
  background: rgba(127, 29, 29, 0.22);
  color: rgba(254, 202, 202, 0.9);
}

.vidu-meeting-secondary-action,
.vidu-meeting-config-footer button {
  min-height: 38px;
  border: 1px solid rgba(161, 161, 170, 0.2);
  border-radius: 12px;
  background: rgba(24, 24, 27, 0.72);
  color: rgba(226, 232, 240, 0.9);
  font-weight: 850;
  padding: 0 13px;
  cursor: pointer;
}

.vidu-meeting-link-preview {
  display: grid;
  gap: 7px;
  border: 1px solid rgba(161, 161, 170, 0.14);
  border-radius: 14px;
  background: rgba(18, 18, 22, 0.54);
  padding: 12px;
}

.vidu-meeting-link-preview small {
  color: rgba(212, 212, 216, 0.72);
  font-weight: 900;
  text-transform: uppercase;
}

.vidu-meeting-link-preview strong {
  color: #f4f4f5;
  overflow-wrap: anywhere;
}

.vidu-meeting-context-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 8px;
}

.vidu-meeting-config-shell .vidu-meeting-context-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(161, 161, 170, 0.14);
  border-radius: 999px;
  background: rgba(18, 18, 22, 0.54);
  padding: 8px 10px;
}

.vidu-meeting-context-toggle input {
  min-height: auto;
}

.vidu-meeting-config-footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(161, 161, 170, 0.16);
  border-radius: 18px;
  background: rgba(10, 10, 12, 0.9);
  backdrop-filter: blur(16px);
  padding: 12px;
}

.vidu-meeting-config-footer > p {
  grid-column: 1 / -1;
  margin: -4px 0 0;
  color: rgba(203, 213, 225, 0.7);
  font-size: 0.8rem;
}

.vidu-meeting-draft-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.vidu-meeting-draft-status strong,
.vidu-meeting-draft-status span {
  border: 1px solid rgba(161, 161, 170, 0.14);
  border-radius: 999px;
  background: rgba(24, 24, 27, 0.62);
  color: rgba(212, 212, 216, 0.82);
  font-size: 0.72rem;
  font-weight: 850;
  padding: 6px 9px;
  white-space: nowrap;
}

.vidu-meeting-draft-status strong {
  border-color: rgba(196, 181, 253, 0.22);
  background: rgba(88, 28, 135, 0.16);
  color: rgba(237, 233, 254, 0.9);
}

.vidu-meeting-config-footer > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.vidu-meeting-config-footer button.is-primary {
  border-color: rgba(196, 181, 253, 0.48);
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.82), rgba(91, 33, 182, 0.72));
  color: #fff;
}

.vidu-meeting-config-panel.vidu-meeting-transcription-consent{border:1px solid rgba(245,158,11,.42);background:linear-gradient(145deg,rgba(120,53,15,.18),rgba(15,23,42,.62))}.vidu-meeting-config-panel.vidu-meeting-transcription-consent>span{color:#fbbf24}.vidu-meeting-transcription-consent>strong{display:block;margin:8px 0 5px;color:#fff7d6;font-size:14px}.vidu-meeting-config-panel.vidu-meeting-transcription-consent>p{color:#d8c9a5;line-height:1.5}.vidu-meeting-config-panel.vidu-meeting-transcription-consent>label{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:11px;border:1px solid rgba(251,191,36,.22);border-radius:11px;background:rgba(0,0,0,.16);color:#fff7d6;font-weight:700}.vidu-meeting-config-panel.vidu-meeting-transcription-consent input{width:18px;height:18px;min-height:18px;margin:1px 0 0;accent-color:#f59e0b}.vidu-meeting-config-footer button:disabled{cursor:not-allowed;opacity:.38;filter:saturate(.3)}

.vidu-workforce-template-card strong {
  color: #f8fafc;
  font-size: 1rem;
}

.vidu-workforce-template-card small {
  color: rgba(226, 232, 240, 0.58);
  font-size: 0.78rem;
  line-height: 1.45;
}

.vidu-workforce-template-card em {
  color: rgba(226, 232, 240, 0.62);
  font-size: 0.78rem;
  font-style: normal;
}

.vidu-workforce-template-card footer {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  color: rgba(203, 213, 225, 0.68);
  font-size: 0.76rem;
  font-weight: 800;
}

.vidu-workforce-template-card footer > span {
  color: rgba(203, 213, 225, 0.68);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

.vidu-workforce-template-avatars {
  display: flex;
  align-items: center;
  min-width: max-content;
  padding-left: 2px;
}

.vidu-workforce-template-avatar {
  display: grid;
  flex: 0 0 32px;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-left: -7px;
  border: 1px solid rgba(226, 232, 240, 0.32);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.94), rgba(15, 23, 42, 0.94));
  color: rgba(248, 250, 252, 0.92);
  font-size: 0.68rem;
  font-weight: 900;
  overflow: hidden;
  letter-spacing: 0;
  text-transform: none;
}

.vidu-workforce-template-avatar:first-child {
  margin-left: 0;
}

.vidu-workforce-template-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vidu-workforce-template-avatar.is-more {
  background: rgba(124, 58, 237, 0.24);
  color: rgba(237, 233, 254, 0.96);
}

.vidu-workforce-template-action {
  justify-self: start;
  min-height: 34px;
  border: 1px solid rgba(125, 211, 252, 0.28);
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.1);
  color: rgba(224, 242, 254, 0.92);
  font-size: 0.78rem;
  font-weight: 900;
  padding: 0 12px;
  cursor: pointer;
}

.vidu-workforce-template-card.is-custom .vidu-workforce-template-action,
.vidu-workforce-template-card.is-demo .vidu-workforce-template-action {
  align-self: center;
  justify-self: end;
}

.vidu-workforce-instant-panel label,
.vidu-workforce-schedule-placeholder label {
  display: grid;
  gap: 6px;
  color: rgba(226, 232, 240, 0.72);
  font-size: 0.78rem;
  font-weight: 800;
}

.vidu-workforce-instant-panel input,
.vidu-workforce-instant-panel textarea,
.vidu-workforce-schedule-placeholder input {
  min-height: 40px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.62);
  color: #f8fafc;
  padding: 10px 12px;
}

.vidu-workforce-instant-panel textarea {
  min-height: 40px;
  max-height: 86px;
  resize: vertical;
}

#vidu-app-modal .vidu-collab-runtime {
  display: grid;
  grid-template-areas:
    "header"
    "current"
    "participants"
    "voice"
    "recovery"
    "intelligence"
    "events"
    "review"
    "footer"
    "message";
  grid-template-rows: auto auto auto auto auto auto minmax(300px, 1fr) minmax(0, auto) auto auto;
  gap: 8px;
  height: min(820px, calc(90svh - 92px));
  min-height: 0;
  overflow: hidden;
  color: var(--vidu-text-primary);
}

#vidu-app-modal .vidu-collab-runtime[data-meeting-phase="review"] {
  grid-template-areas:
    "header"
    "participants"
    "reviewHeader"
    "review"
    "message";
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  animation: viduCollabReviewWorkspaceIn .42s ease-out both;
}

#vidu-app-modal .vidu-collab-runtime-header {
  grid-area: header;
}

#vidu-app-modal .vidu-collab-current {
  grid-area: current;
}

#vidu-app-modal .vidu-collab-participants {
  grid-area: participants;
}

#vidu-app-modal .vidu-collab-voice {
  grid-area: voice;
}

#vidu-app-modal .vidu-collab-recovery {
  grid-area: recovery;
}

#vidu-app-modal .vidu-collab-intelligence {
  grid-area: intelligence;
}

#vidu-app-modal .vidu-collab-events {
  grid-area: events;
}

#vidu-app-modal .vidu-collab-review-phase {
  grid-area: review;
}

#vidu-app-modal .vidu-collab-review-header {
  grid-area: reviewHeader;
}

#vidu-app-modal .vidu-collab-footer {
  grid-area: footer;
}

#vidu-app-modal .vidu-collab-message {
  grid-area: message;
}

#vidu-app-modal .vidu-collab-runtime-header,
#vidu-app-modal .vidu-collab-current,
#vidu-app-modal .vidu-collab-footer {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.92), rgba(17, 24, 39, 0.78));
  box-shadow: 0 14px 34px rgba(2, 6, 23, 0.18);
}

#vidu-app-modal .vidu-collab-runtime-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 14px;
}

#vidu-app-modal .vidu-collab-runtime-header span,
#vidu-app-modal .vidu-collab-current span {
  display: block;
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-app-modal .vidu-collab-runtime-header h3 {
  margin: 4px 0 0;
  font-size: 18px;
}

#vidu-app-modal .vidu-collab-runtime-header b {
  border-radius: 999px;
  border: 1px solid rgba(125, 211, 252, 0.22);
  background: rgba(14, 165, 233, 0.12);
  color: #bae6fd;
  padding: 7px 10px;
  text-transform: capitalize;
}

#vidu-app-modal .vidu-collab-runtime-header b[data-status="paused"] {
  border-color: rgba(251, 191, 36, 0.3);
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
}

#vidu-app-modal .vidu-collab-participants {
  display: flex;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 2px 4px;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.22) transparent;
}

#vidu-app-modal .vidu-collab-voice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.42);
  padding: 10px 12px;
}

#vidu-app-modal .vidu-collab-voice[data-voice-enabled="true"] {
  border-color: rgba(125, 211, 252, 0.28);
  background: rgba(14, 165, 233, 0.08);
}

#vidu-app-modal .vidu-collab-voice span {
  display: block;
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-app-modal .vidu-collab-voice strong {
  display: block;
  margin-top: 2px;
  color: var(--vidu-text-primary);
  font-size: 13px;
}

#vidu-app-modal .vidu-collab-voice small,
#vidu-app-modal .vidu-collab-voice em {
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-style: normal;
}

#vidu-app-modal .vidu-collab-voice-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}

#vidu-app-modal .vidu-collab-voice-actions button {
  min-height: 30px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--vidu-text-secondary);
  font-size: 11px;
  font-weight: 800;
  padding: 0 10px;
  cursor: pointer;
}

#vidu-app-modal .vidu-collab-voice-actions button:hover:not(:disabled) {
  border-color: rgba(125, 211, 252, 0.34);
  color: #bae6fd;
}

#vidu-app-modal .vidu-collab-voice-actions button:disabled {
  cursor: not-allowed;
  opacity: .48;
}

#vidu-app-modal .vidu-collab-recovery {
  display: flex;
  align-items: center;
  min-height: 34px;
  border: 1px solid rgba(251, 191, 36, 0.18);
  border-radius: 999px;
  background: rgba(251, 191, 36, 0.07);
  color: rgba(253, 230, 138, 0.9);
  padding: 0 12px;
}

#vidu-app-modal .vidu-collab-recovery[data-recovery-status="resumed"] {
  border-color: rgba(52, 211, 153, 0.2);
  background: rgba(16, 185, 129, 0.07);
  color: rgba(167, 243, 208, 0.92);
}

#vidu-app-modal .vidu-collab-recovery span {
  font-size: 12px;
  font-weight: 780;
}

#vidu-app-modal .vidu-collab-intelligence {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: 6px;
}

#vidu-app-modal .vidu-collab-intelligence div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.11);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.26);
  padding: 7px 9px;
}

#vidu-app-modal .vidu-collab-intelligence span {
  display: block;
  overflow: hidden;
  color: var(--vidu-text-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#vidu-app-modal .vidu-collab-intelligence strong {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  color: var(--vidu-text-primary);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-app-modal .vidu-collab-participant,
#vidu-app-modal .vidu-collab-event {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.42);
  padding: 8px 10px;
}

#vidu-app-modal .vidu-collab-participant {
  flex: 0 0 clamp(180px, 22vw, 235px);
}

#vidu-app-modal .vidu-collab-participant[data-presence="speaking"] {
  border-color: rgba(125, 211, 252, 0.42);
  background: rgba(14, 165, 233, 0.13);
  box-shadow: 0 0 0 1px rgba(125, 211, 252, 0.14), 0 18px 42px rgba(14, 165, 233, 0.12);
}

#vidu-app-modal .vidu-collab-participant.is-live-speaking {
  border-color: rgba(125, 211, 252, 0.46);
  background:
    radial-gradient(circle at 22% 20%, rgba(125, 211, 252, 0.16), transparent 42%),
    rgba(14, 165, 233, 0.11);
}

#vidu-app-modal .vidu-collab-participant.is-live-thinking,
#vidu-app-modal .vidu-collab-participant.is-live-preparing {
  border-color: rgba(196, 181, 253, 0.34);
  background:
    radial-gradient(circle at 22% 20%, rgba(196, 181, 253, 0.12), transparent 44%),
    rgba(124, 58, 237, 0.08);
}

#vidu-app-modal .vidu-collab-participant.is-live-listening {
  opacity: .88;
}

#vidu-app-modal .vidu-collab-participant.is-live-acknowledging,
#vidu-app-modal .vidu-collab-participant.is-live-reacting {
  border-color: rgba(52, 211, 153, 0.28);
  background: rgba(16, 185, 129, 0.08);
}

#vidu-app-modal .vidu-collab-participant.is-live-muted,
#vidu-app-modal .vidu-collab-participant.is-live-unavailable {
  opacity: .58;
  filter: saturate(.7);
}

#vidu-app-modal .vidu-collab-participant[data-presence="acknowledging"],
#vidu-app-modal .vidu-collab-participant[data-presence="handing_off"],
#vidu-app-modal .vidu-collab-participant[data-presence="returning"] {
  border-color: rgba(196, 181, 253, 0.34);
  background: rgba(124, 58, 237, 0.1);
  box-shadow: 0 16px 36px rgba(124, 58, 237, 0.1);
}

#vidu-app-modal .vidu-collab-participant[data-presence="thinking"] {
  border-color: rgba(167, 139, 250, 0.34);
  background: rgba(124, 58, 237, 0.1);
}

#vidu-app-modal .vidu-collab-participant[data-presence="thinking"] .vidu-collab-avatar::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #c4b5fd;
  box-shadow: 0 0 0 0 rgba(196, 181, 253, 0.45);
  animation: viduCollabThinkingPulse 1.35s ease-in-out infinite;
}

#vidu-app-modal .vidu-collab-participant[data-presence="waiting"],
#vidu-app-modal .vidu-collab-participant[data-presence="listening"] {
  opacity: .86;
}

#vidu-app-modal .vidu-collab-participant[data-presence="arriving"] {
  border-color: rgba(74, 222, 128, 0.26);
  background: rgba(34, 197, 94, 0.08);
}

#vidu-app-modal .vidu-collab-participant[data-presence="completed"] {
  opacity: .72;
}

#vidu-app-modal .vidu-collab-avatar {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.14);
  color: #e5e7eb;
  font-size: 12px;
  font-weight: 900;
  overflow: hidden;
}

#vidu-app-modal .vidu-collab-portrait {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 42px;
}

#vidu-app-modal .vidu-collab-portrait::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 999px;
  border: 1px solid transparent;
  pointer-events: none;
}

#vidu-app-modal .vidu-collab-participant.is-live-speaking .vidu-collab-portrait::after {
  border-color: rgba(125, 211, 252, 0.34);
  box-shadow: 0 0 0 0 rgba(125, 211, 252, 0.28);
  animation: viduCollabSpeakingPulse 1.55s ease-in-out infinite;
}

#vidu-app-modal .vidu-collab-participant.is-live-thinking .vidu-collab-portrait::after,
#vidu-app-modal .vidu-collab-participant.is-live-preparing .vidu-collab-portrait::after {
  border-color: rgba(196, 181, 253, 0.28);
  animation: viduCollabThinkingPulse 1.8s ease-in-out infinite;
}

#vidu-app-modal .vidu-collab-participant.has-expression-warm .vidu-collab-avatar,
#vidu-app-modal .vidu-collab-participant.has-expression-appreciative .vidu-collab-avatar,
#vidu-app-modal .vidu-collab-participant.has-expression-smiling .vidu-collab-avatar {
  box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.2);
}

#vidu-app-modal .vidu-collab-participant.has-expression-focused .vidu-collab-avatar,
#vidu-app-modal .vidu-collab-participant.has-expression-confident .vidu-collab-avatar {
  box-shadow: inset 0 0 0 1px rgba(125, 211, 252, 0.2);
}

#vidu-app-modal .vidu-collab-participant.has-expression-concerned .vidu-collab-avatar,
#vidu-app-modal .vidu-collab-participant.has-expression-serious .vidu-collab-avatar {
  box-shadow: inset 0 0 0 1px rgba(251, 113, 133, 0.2);
}

#vidu-app-modal .vidu-collab-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#vidu-app-modal .vidu-collab-participant strong,
#vidu-app-modal .vidu-collab-event strong,
#vidu-app-modal .vidu-collab-current strong {
  display: block;
  font-size: 13px;
}

#vidu-app-modal .vidu-collab-participant span,
#vidu-app-modal .vidu-collab-event span,
#vidu-app-modal .vidu-collab-current p {
  margin: 2px 0 0;
  color: var(--vidu-text-muted);
  font-size: 12px;
}

#vidu-app-modal .vidu-collab-participant small {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin-top: 5px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.08);
  color: rgba(226, 232, 240, 0.72);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
  padding: 3px 7px;
}

#vidu-app-modal .vidu-collab-participant em {
  margin-left: auto;
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-style: normal;
  text-transform: capitalize;
}

#vidu-app-modal .vidu-collab-current {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 98px;
  padding: 13px 16px;
  overflow: hidden;
}

#vidu-app-modal .vidu-collab-current::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 14% 26%, rgba(125, 211, 252, 0.16), transparent 32%),
    radial-gradient(circle at 86% 18%, rgba(196, 181, 253, 0.11), transparent 30%);
  opacity: .9;
  pointer-events: none;
}

#vidu-app-modal .vidu-collab-current-portrait,
#vidu-app-modal .vidu-collab-current-copy {
  position: relative;
  z-index: 1;
}

#vidu-app-modal .vidu-collab-current-portrait {
  display: grid;
  place-items: center;
  width: clamp(58px, 7vw, 84px);
  height: clamp(58px, 7vw, 84px);
  border-radius: 999px;
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 68%),
    rgba(15, 23, 42, 0.48);
  box-shadow: inset 0 0 0 1px rgba(226, 232, 240, 0.08), 0 22px 48px rgba(2, 6, 23, 0.28);
}

#vidu-app-modal .vidu-collab-current-portrait .vidu-collab-avatar {
  width: clamp(48px, 5.8vw, 66px);
  height: clamp(48px, 5.8vw, 66px);
  flex-basis: clamp(48px, 5.8vw, 66px);
  font-size: 15px;
}

#vidu-app-modal .vidu-collab-current.is-live-speaking {
  border-color: rgba(125, 211, 252, 0.36);
  box-shadow: 0 0 0 1px rgba(125, 211, 252, 0.12), 0 24px 58px rgba(14, 165, 233, 0.14);
}

#vidu-app-modal .vidu-collab-current.is-live-speaking .vidu-collab-current-portrait {
  animation: viduCollabSpeakingPulse 1.65s ease-in-out infinite;
}

#vidu-app-modal .vidu-collab-current.is-live-thinking .vidu-collab-current-portrait,
#vidu-app-modal .vidu-collab-current.is-live-preparing .vidu-collab-current-portrait {
  animation: viduCollabThinkingPulse 1.9s ease-in-out infinite;
}

#vidu-app-modal .vidu-collab-current-copy span {
  margin-bottom: 3px;
}

#vidu-app-modal .vidu-collab-current strong {
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.08;
}

#vidu-app-modal .vidu-collab-current p {
  margin-top: 4px;
  font-size: 12px;
}

#vidu-app-modal .vidu-collab-current-meta {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 8px;
}

#vidu-app-modal .vidu-collab-current-meta em {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.36);
  color: rgba(226, 232, 240, 0.78);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  padding: 5px 7px;
  text-transform: capitalize;
}

#vidu-app-modal .vidu-collab-events {
  min-height: 260px;
  display: grid;
  align-content: start;
  overflow-y: auto;
  overscroll-behavior: contain;
  gap: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 14px;
  background: rgba(2, 6, 23, 0.16);
  padding: 6px 12px 10px 6px;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.26) transparent;
}

#vidu-app-modal .vidu-collab-event {
  align-items: flex-start;
  border: 0;
  border-radius: 10px;
  background: transparent;
  padding: 5px 6px;
  box-shadow: none;
  animation: viduCollabEventIn .22s ease-out both;
}

#vidu-app-modal .vidu-collab-event[data-speaker-type="system"] {
  background: transparent;
  opacity: .54;
  padding-block: 3px;
}

#vidu-app-modal .vidu-collab-event[data-speaker-type="user"] {
  margin-left: clamp(0px, 8vw, 72px);
  background: rgba(37, 99, 235, 0.055);
}

#vidu-app-modal .vidu-collab-event[data-event-type="agent_answered"],
#vidu-app-modal .vidu-collab-event[data-event-type="agent_added"],
#vidu-app-modal .vidu-collab-event[data-event-type="host_acknowledged_interruption"],
#vidu-app-modal .vidu-collab-event[data-event-type="host_resumed_context"] {
  background: transparent;
}

#vidu-app-modal .vidu-collab-event[data-event-type="agent_acknowledged"] {
  background: rgba(124, 58, 237, 0.035);
}

#vidu-app-modal .vidu-collab-event[data-event-type="handoff_requested"],
#vidu-app-modal .vidu-collab-event[data-event-type="handoff_returned"],
#vidu-app-modal .vidu-collab-event[data-event-type="agent_delegated"],
#vidu-app-modal .vidu-collab-event[data-event-type="question_routed"],
#vidu-app-modal .vidu-collab-event[data-event-type="speaker_changed"] {
  padding-block: 3px;
  background: transparent;
  opacity: .56;
}

#vidu-app-modal .vidu-collab-event header {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

#vidu-app-modal .vidu-collab-event p {
  margin: 2px 0 0;
  color: var(--vidu-text-secondary);
  font-size: 12px;
  line-height: 1.42;
}

#vidu-app-modal .vidu-collab-source-hint {
  display: inline-flex;
  width: fit-content;
  margin-top: 8px;
  border: 1px solid rgba(125, 211, 252, 0.18);
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.08);
  color: rgba(186, 230, 253, 0.78);
  font-size: 10px;
  font-weight: 800;
  padding: 3px 7px;
}

#vidu-app-modal .vidu-collab-empty {
  border: 1px dashed rgba(148, 163, 184, 0.24);
  border-radius: 16px;
  color: var(--vidu-text-muted);
  padding: 18px;
  text-align: center;
}

#vidu-app-modal .vidu-collab-candidate-review {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.22);
  padding: 14px;
}

#vidu-app-modal .vidu-collab-candidate-review > header,
#vidu-app-modal .vidu-collab-candidate-card > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

#vidu-app-modal .vidu-collab-candidate-review h4,
#vidu-app-modal .vidu-collab-candidate-group h5,
#vidu-app-modal .vidu-collab-candidate-card strong {
  margin: 0;
  color: var(--vidu-text-primary);
  letter-spacing: 0;
}

#vidu-app-modal .vidu-collab-candidate-review span,
#vidu-app-modal .vidu-collab-candidate-card span {
  display: block;
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-app-modal .vidu-collab-candidate-review > p {
  margin: 0;
  color: var(--vidu-text-secondary);
  font-size: 13px;
  line-height: 1.5;
}

#vidu-app-modal .vidu-collab-candidate-group {
  display: grid;
  gap: 8px;
}

#vidu-app-modal .vidu-collab-candidate-group > div {
  display: grid;
  gap: 8px;
}

#vidu-app-modal .vidu-collab-candidate-card {
  display: grid;
  gap: 9px;
  border: 1px solid rgba(148, 163, 184, 0.11);
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.18);
  padding: 11px;
}

#vidu-app-modal .vidu-collab-candidate-card p {
  margin: 0;
  color: var(--vidu-text-secondary);
  font-size: 12px;
  line-height: 1.45;
}

#vidu-app-modal .vidu-collab-candidate-card small {
  color: var(--vidu-text-muted);
  font-size: 10px;
  line-height: 1.4;
}

#vidu-app-modal .vidu-collab-candidate-card b,
#vidu-app-modal .vidu-collab-candidate-review > header b {
  flex: 0 0 auto;
  border: 1px solid rgba(125, 211, 252, 0.18);
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.08);
  color: rgba(186, 230, 253, 0.82);
  font-size: 10px;
  font-weight: 850;
  padding: 4px 7px;
  text-transform: capitalize;
}

#vidu-app-modal .vidu-collab-consensus {
  border-color: rgba(125, 211, 252, 0.2);
  background:
    radial-gradient(circle at 12% 20%, rgba(125, 211, 252, 0.13), transparent 36%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.38), rgba(30, 41, 59, 0.2));
  padding: 16px;
}

#vidu-app-modal .vidu-collab-consensus > header b[data-state="high"] {
  border-color: rgba(134, 239, 172, 0.24);
  background: rgba(34, 197, 94, 0.1);
  color: rgba(187, 247, 208, 0.88);
}

#vidu-app-modal .vidu-collab-consensus > header b[data-state="medium"] {
  border-color: rgba(250, 204, 21, 0.24);
  background: rgba(250, 204, 21, 0.09);
  color: rgba(254, 240, 138, 0.88);
}

#vidu-app-modal .vidu-collab-consensus > header b[data-state="low"] {
  border-color: rgba(251, 146, 60, 0.24);
  background: rgba(249, 115, 22, 0.08);
  color: rgba(254, 215, 170, 0.88);
}

#vidu-app-modal .vidu-collab-consensus-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 8px;
}

#vidu-app-modal .vidu-collab-consensus-grid div,
#vidu-app-modal .vidu-collab-consensus-agent-list {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.16);
  padding: 9px 10px;
}

#vidu-app-modal .vidu-collab-consensus-grid div:first-child,
#vidu-app-modal .vidu-collab-consensus-grid div:nth-child(2) {
  border-color: rgba(125, 211, 252, 0.18);
  background: rgba(14, 165, 233, 0.08);
}

#vidu-app-modal .vidu-collab-consensus-grid strong {
  display: block;
  overflow: hidden;
  margin-top: 3px;
  color: var(--vidu-text-primary);
  font-size: 12px;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
}

#vidu-app-modal .vidu-collab-consensus-agent-list p {
  margin: 4px 0 0;
  color: var(--vidu-text-secondary);
  font-size: 12px;
  line-height: 1.45;
}

#vidu-app-modal .vidu-collab-review-phase {
  display: grid;
  gap: 10px;
  min-height: 0;
  max-height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.24) transparent;
}

#vidu-app-modal .vidu-collab-review-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(167, 139, 250, 0.16);
  border-radius: 16px;
  background:
    radial-gradient(circle at 10% 20%, rgba(167, 139, 250, 0.12), transparent 34%),
    rgba(15, 23, 42, 0.34);
  padding: 13px 15px;
}

#vidu-app-modal .vidu-collab-executive-brief {
  display: grid;
  gap: 16px;
  border: 1px solid rgba(226, 232, 240, 0.1);
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 12%, rgba(251, 191, 36, 0.1), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(125, 211, 252, 0.1), transparent 32%),
    rgba(15, 23, 42, 0.3);
  padding: 18px;
}

#vidu-app-modal .vidu-collab-executive-brief > header {
  display: flex;
  align-items: center;
  gap: 12px;
}

#vidu-app-modal .vidu-collab-executive-brief > header .vidu-collab-avatar {
  width: 52px;
  height: 52px;
  flex-basis: 52px;
}

#vidu-app-modal .vidu-collab-executive-brief > header span,
#vidu-app-modal .vidu-collab-executive-grid span {
  display: block;
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-app-modal .vidu-collab-executive-brief > header strong {
  display: block;
  margin-top: 2px;
  color: var(--vidu-text-primary);
  font-size: 17px;
}

#vidu-app-modal .vidu-collab-executive-brief > header em {
  display: inline-flex;
  margin-top: 5px;
  border: 1px solid rgba(251, 191, 36, 0.18);
  border-radius: 999px;
  background: rgba(251, 191, 36, 0.08);
  color: rgba(253, 230, 138, 0.88);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  padding: 4px 8px;
}

#vidu-app-modal .vidu-collab-executive-intro {
  max-width: 740px;
  margin: 0;
  color: rgba(226, 232, 240, 0.88);
  font-size: 15px;
  line-height: 1.58;
}

#vidu-app-modal .vidu-collab-executive-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

#vidu-app-modal .vidu-collab-executive-grid article {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 14px;
  background: rgba(2, 6, 23, 0.14);
  padding: 12px;
}

#vidu-app-modal .vidu-collab-executive-grid p {
  margin: 6px 0 0;
  color: var(--vidu-text-secondary);
  font-size: 13px;
  line-height: 1.5;
}

#vidu-app-modal .vidu-collab-review-disclosure {
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.18);
  overflow: hidden;
}

#vidu-app-modal .vidu-collab-review-disclosure summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  color: var(--vidu-text-primary);
  cursor: pointer;
  font-size: 14px;
  font-weight: 850;
  list-style: none;
  padding: 0 14px;
}

#vidu-app-modal .vidu-collab-review-disclosure summary::-webkit-details-marker {
  display: none;
}

#vidu-app-modal .vidu-collab-review-disclosure summary::before {
  content: "›";
  color: var(--vidu-text-muted);
  font-size: 18px;
  transform: rotate(0deg);
  transition: transform .18s ease;
}

#vidu-app-modal .vidu-collab-review-disclosure[open] summary::before {
  transform: rotate(90deg);
}

#vidu-app-modal .vidu-collab-review-disclosure summary span {
  flex: 1 1 auto;
}

#vidu-app-modal .vidu-collab-review-disclosure summary b {
  border: 1px solid rgba(125, 211, 252, 0.14);
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.07);
  color: rgba(186, 230, 253, 0.82);
  font-size: 11px;
  padding: 3px 7px;
}

#vidu-app-modal .vidu-collab-review-disclosure-body {
  display: grid;
  gap: 10px;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  padding: 12px;
}

#vidu-app-modal .vidu-collab-elena-closing {
  border: 1px solid rgba(251, 191, 36, 0.12);
  border-radius: 16px;
  background: rgba(251, 191, 36, 0.055);
  padding: 14px 16px;
}

#vidu-app-modal .vidu-collab-elena-closing p {
  margin: 0;
  color: rgba(253, 230, 138, 0.88);
  font-size: 13px;
  line-height: 1.5;
}

#vidu-app-modal .vidu-collab-integration-dashboard {
  border-color: rgba(96, 165, 250, 0.14);
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.24), rgba(2, 6, 23, 0.12)),
    rgba(15, 23, 42, 0.16);
}

#vidu-app-modal .vidu-collab-integration-targets {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 8px;
}

#vidu-app-modal .vidu-collab-integration-targets article,
#vidu-app-modal .vidu-collab-bridge-row {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.16);
  padding: 9px 10px;
}

#vidu-app-modal .vidu-collab-integration-targets article[data-integration-status="ready_for_review"],
#vidu-app-modal .vidu-collab-bridge-row[data-integration-status="ready_for_review"] {
  border-color: rgba(52, 211, 153, 0.18);
  background: rgba(6, 78, 59, 0.12);
}

#vidu-app-modal .vidu-collab-integration-targets span,
#vidu-app-modal .vidu-collab-bridge-list > span,
#vidu-app-modal .vidu-collab-bridge-row span {
  display: block;
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-app-modal .vidu-collab-integration-targets strong {
  display: block;
  margin-top: 4px;
  color: var(--vidu-text-primary);
  font-size: 18px;
}

#vidu-app-modal .vidu-collab-integration-targets em,
#vidu-app-modal .vidu-collab-bridge-row em {
  display: inline-flex;
  margin-top: 6px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 999px;
  color: var(--vidu-text-secondary);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  padding: 3px 7px;
  text-transform: capitalize;
}

#vidu-app-modal .vidu-collab-bridge-list {
  display: grid;
  gap: 7px;
}

#vidu-app-modal .vidu-collab-bridge-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, auto) auto;
  align-items: center;
  gap: 10px;
}

#vidu-app-modal .vidu-collab-bridge-row strong {
  display: block;
  overflow: hidden;
  color: var(--vidu-text-primary);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-app-modal .vidu-collab-bridge-row b {
  justify-self: start;
  color: rgba(186, 230, 253, 0.86);
  font-size: 11px;
  font-weight: 850;
}

#vidu-app-modal .vidu-collab-review-header span {
  display: block;
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-app-modal .vidu-collab-review-header h4 {
  margin: 3px 0 0;
  color: var(--vidu-text-primary);
  font-size: 18px;
  letter-spacing: 0;
}

#vidu-app-modal .vidu-collab-review-header p {
  max-width: 560px;
  margin: 0;
  color: var(--vidu-text-secondary);
  font-size: 12px;
  line-height: 1.45;
}

#vidu-app-modal .vidu-collab-review-summary {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.2);
  padding: 12px 14px;
}

#vidu-app-modal .vidu-collab-review-summary header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

#vidu-app-modal .vidu-collab-review-summary span {
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-app-modal .vidu-collab-review-summary h4 {
  margin: 2px 0 0;
  color: var(--vidu-text-primary);
  font-size: 15px;
  letter-spacing: 0;
}

#vidu-app-modal .vidu-collab-review-summary b {
  flex: 0 0 auto;
  border: 1px solid rgba(125, 211, 252, 0.18);
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.08);
  color: rgba(186, 230, 253, 0.82);
  font-size: 10px;
  font-weight: 850;
  padding: 4px 7px;
}

#vidu-app-modal .vidu-collab-review-summary > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

#vidu-app-modal .vidu-collab-review-summary > div span {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.16);
  padding: 5px 8px;
  letter-spacing: 0;
  text-transform: none;
}

#vidu-app-modal .vidu-collab-review-summary > div strong {
  color: var(--vidu-text-primary);
  font-size: 12px;
}

#vidu-app-modal .vidu-collab-candidate-card b[data-state="approved"] {
  border-color: rgba(134, 239, 172, 0.22);
  background: rgba(34, 197, 94, 0.09);
  color: rgba(187, 247, 208, 0.86);
}

#vidu-app-modal .vidu-collab-candidate-card b[data-state="approved_for_handoff"],
#vidu-app-modal .vidu-collab-candidate-card b[data-state="converted_to_draft"] {
  border-color: rgba(250, 204, 21, 0.24);
  background: rgba(250, 204, 21, 0.09);
  color: rgba(254, 240, 138, 0.88);
}

#vidu-app-modal .vidu-collab-candidate-card b[data-state="rejected"] {
  border-color: rgba(248, 113, 113, 0.2);
  background: rgba(239, 68, 68, 0.08);
  color: rgba(254, 202, 202, 0.82);
}

#vidu-app-modal .vidu-collab-candidate-card footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

#vidu-app-modal .vidu-collab-candidate-card button {
  min-height: 30px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.42);
  color: var(--vidu-text-primary);
  cursor: pointer;
  font-size: 11px;
  font-weight: 850;
  padding: 5px 9px;
}

#vidu-app-modal .vidu-collab-candidate-card button:hover {
  border-color: rgba(125, 211, 252, 0.28);
  background: rgba(14, 165, 233, 0.1);
}

#vidu-app-modal .vidu-collab-candidate-card button.is-primary {
  border-color: rgba(134, 239, 172, 0.22);
  background: rgba(34, 197, 94, 0.1);
  color: rgba(187, 247, 208, 0.9);
}

#vidu-app-modal .vidu-collab-draft-ready {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border: 1px solid rgba(134, 239, 172, 0.18);
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.08);
  color: rgba(187, 247, 208, 0.86);
  font-size: 11px;
  font-weight: 850;
  padding: 5px 9px;
}

#vidu-app-modal .vidu-collab-draft-review {
  border-color: rgba(250, 204, 21, 0.13);
  background: rgba(30, 41, 59, 0.24);
}

#vidu-app-modal .vidu-collab-draft-card {
  border-color: rgba(250, 204, 21, 0.11);
}

#vidu-app-modal .vidu-collab-action-inbox {
  border-color: rgba(52, 211, 153, 0.14);
  background: rgba(6, 78, 59, 0.1);
}

#vidu-app-modal .vidu-collab-action-inbox-card {
  border-color: rgba(52, 211, 153, 0.12);
}

#vidu-app-modal .vidu-collab-execution-plan-card {
  border-color: rgba(96, 165, 250, 0.14);
  background: rgba(30, 64, 175, 0.08);
}

#vidu-app-modal .vidu-collab-execution-plan-detail {
  display: grid;
  gap: 8px;
}

#vidu-app-modal .vidu-collab-execution-plan-detail div {
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 10px;
  background: rgba(2, 6, 23, 0.14);
  padding: 8px 10px;
}

#vidu-app-modal .vidu-collab-execution-plan-detail ol,
#vidu-app-modal .vidu-collab-execution-plan-detail ul,
#vidu-app-modal .vidu-collab-execution-plan-detail p {
  margin: 5px 0 0;
  color: var(--vidu-text-secondary);
  font-size: 12px;
  line-height: 1.45;
}

#vidu-app-modal .vidu-collab-execution-plan-detail ol,
#vidu-app-modal .vidu-collab-execution-plan-detail ul {
  padding-left: 18px;
}

#vidu-app-modal .vidu-collab-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(3, auto);
  align-items: center;
  gap: 10px;
  padding: 10px;
  flex: 0 0 auto;
  min-height: 60px;
  max-height: 96px;
  overflow: visible;
}

#vidu-app-modal .vidu-collab-footer input {
  align-self: center;
  width: 100%;
  height: 44px;
  min-height: 44px;
  max-height: 52px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.28);
  color: var(--vidu-text-primary);
  padding: 0 12px;
}

#vidu-app-modal .vidu-collab-footer button {
  align-self: center;
  width: auto;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  flex: 0 0 auto;
  border: 1px solid rgba(125, 211, 252, 0.32);
  border-radius: 12px;
  background: rgba(14, 165, 233, 0.14);
  color: #bae6fd;
  font-weight: 800;
  line-height: 1;
  padding: 0 14px;
  cursor: pointer;
  white-space: nowrap;
}

#vidu-app-modal .vidu-collab-footer button.is-secondary {
  border-color: rgba(251, 191, 36, 0.32);
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
}

#vidu-app-modal .vidu-collab-footer button:disabled {
  cursor: wait;
  opacity: .58;
}

#vidu-app-modal .vidu-collab-message {
  margin: 0;
  color: var(--vidu-text-muted);
  font-size: 12px;
}

@keyframes viduCollabEventIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes viduCollabThinkingPulse {
  0%, 100% {
    opacity: .58;
    transform: scale(.92);
    box-shadow: 0 0 0 0 rgba(196, 181, 253, 0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.12);
    box-shadow: 0 0 0 5px rgba(196, 181, 253, 0);
  }
}

@keyframes viduCollabSpeakingPulse {
  0%, 100% {
    opacity: .72;
    transform: scale(.98);
    box-shadow: 0 0 0 0 rgba(125, 211, 252, 0.24);
  }
  50% {
    opacity: 1;
    transform: scale(1.08);
    box-shadow: 0 0 0 7px rgba(125, 211, 252, 0);
  }
}

@keyframes viduCollabReviewWorkspaceIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 760px) {
  #vidu-app-modal[data-vidu-modal-chrome="collaboration-runtime"] .vidu-app-modal-dialog,
  #vidu-app-modal[data-vidu-modal-chrome="workforce-meetings"] .vidu-app-modal-dialog {
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
  }

  #vidu-app-modal[data-vidu-modal-chrome="workforce-meetings"] .vidu-app-modal-body {
    padding: 0 14px max(28px, env(safe-area-inset-bottom));
  }

  .vidu-boardroom-room {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 100%;
    overflow-y: auto;
    padding: 10px;
  }

  .vidu-boardroom-main {
    grid-template-rows: auto auto auto auto;
  }

  .vidu-boardroom-header {
    grid-template-columns: 1fr;
  }

  .vidu-boardroom-speaker-chip,
  .vidu-boardroom-header-actions {
    justify-content: flex-start;
  }

  .vidu-boardroom-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(280px, 48vh);
  }

  .vidu-boardroom-caption {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .vidu-boardroom-caption .vidu-boardroom-wave {
    display: none;
  }

  .vidu-boardroom-controls {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .vidu-boardroom-controls button.is-leave {
    grid-column: 1 / -1;
  }

  .vidu-boardroom-side {
    grid-template-rows: minmax(300px, 420px) auto auto;
    overflow: visible;
  }

  .vidu-executive-hero-actions {
    align-items: stretch;
    width: 100%;
  }

  .vidu-workforce-meetings-shell {
    height: auto;
    max-height: none;
  }

  .vidu-workforce-meetings-hero,
  .vidu-workforce-secondary-options {
    grid-template-columns: 1fr;
  }

  .vidu-workforce-meetings-hero {
    min-height: 0;
    padding: 18px;
  }

  .vidu-workforce-primary-composer {
    justify-self: stretch;
    width: 100%;
  }

  .vidu-workforce-instant-heading {
    align-items: flex-start;
  }

  .vidu-workforce-instant-heading p {
    white-space: normal;
  }

  .vidu-workforce-instant-fields {
    grid-template-columns: 1fr;
  }

  .vidu-workforce-instant-panel > button {
    justify-self: stretch;
  }

  .vidu-workforce-boardroom-title {
    align-items: flex-start;
  }

  .vidu-workforce-boardroom-title > i {
    width: 48px;
    height: 48px;
    font-size: 1.05rem;
  }

  .vidu-workforce-meetings-top-actions {
    grid-template-columns: 1fr;
    min-width: 0;
    width: 100%;
  }

  .vidu-workforce-meetings-top-actions button {
    min-height: 72px;
  }

  .vidu-workforce-template-grid .vidu-workforce-template-card {
    flex-basis: min(78vw, 284px);
  }

  .vidu-workforce-template-card.is-custom,
  .vidu-workforce-template-card.is-demo {
    grid-template-columns: 1fr;
  }

  .vidu-workforce-template-card.is-custom .vidu-workforce-template-action,
  .vidu-workforce-template-card.is-demo .vidu-workforce-template-action {
    justify-self: start;
  }

  .vidu-meeting-config-hero,
  .vidu-meeting-config-grid {
    grid-template-columns: 1fr;
  }

  .vidu-meeting-config-hero {
    padding: 18px;
  }

  .vidu-meeting-config-side {
    min-width: 0;
  }

  .vidu-meeting-config-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .vidu-meeting-config-footer > div {
    justify-content: stretch;
  }

  .vidu-meeting-config-footer button {
    flex: 1 1 auto;
  }

  .vidu-workforce-meetings-top-actions,
  .vidu-workforce-meetings-tabs,
  .vidu-workforce-meeting-actions {
    align-items: stretch;
    flex-direction: column;
  }

  #vidu-app-modal .vidu-collab-runtime {
    grid-template-rows: auto auto auto auto auto auto minmax(260px, 1fr) minmax(0, auto) auto auto;
    height: calc(100svh - 86px);
    gap: 7px;
  }

  #vidu-app-modal .vidu-collab-runtime[data-meeting-phase="review"] {
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  }

  #vidu-app-modal .vidu-collab-runtime-header,
  #vidu-app-modal .vidu-collab-current {
    align-items: flex-start;
  }

  #vidu-app-modal .vidu-collab-current {
    gap: 10px;
    min-height: 86px;
    padding: 11px 12px;
  }

  #vidu-app-modal .vidu-collab-current-portrait {
    width: 56px;
    height: 56px;
  }

  #vidu-app-modal .vidu-collab-current-portrait .vidu-collab-avatar {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    font-size: 13px;
  }

  #vidu-app-modal .vidu-collab-current strong {
    font-size: 18px;
  }

  #vidu-app-modal .vidu-collab-participant {
    flex-basis: 172px;
  }

  #vidu-app-modal .vidu-collab-review-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
    padding: 11px 12px;
  }

  #vidu-app-modal .vidu-collab-executive-grid {
    grid-template-columns: 1fr;
  }

  #vidu-app-modal .vidu-collab-events {
    min-height: 220px;
  }

  #vidu-app-modal .vidu-collab-voice {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  #vidu-app-modal .vidu-collab-voice-actions {
    justify-content: flex-start;
  }

  #vidu-app-modal .vidu-collab-footer {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 60px;
    max-height: 112px;
  }

  #vidu-app-modal .vidu-collab-footer .is-secondary {
    grid-column: span 2;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
  }
}


/* Source: assets/css/pipeline/03-topbar-dock-toolbar.css */
/* =========================
   DASHBOARD SHELL / TOOLBAR
   ========================= */

#vidu-pipeline-dashboard .vidu-pipeline-shell {
  display: grid;
  gap: 18px;
  position: relative;
  width: min(1920px, 100%);
  margin-inline: auto;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-dashboard-workspace {
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  min-width: 0;
  isolation: isolate;
}

#vidu-pipeline-dashboard .vidu-dashboard-main {
  min-width: 0;
  display: grid;
  gap: 18px;
  position: relative;
  z-index: 1;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-dashboard-main {
  gap: 0;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-pipeline-toolbar {
  display: none !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-operations-dock {
  display: none !important;
}

#vidu-pipeline-dashboard .vidu-operations-dock {
  position: fixed;
  left: max(18px, env(safe-area-inset-left, 0px));
  right: max(18px, env(safe-area-inset-right, 0px));
  bottom: max(14px, env(safe-area-inset-bottom, 0px));
  z-index: 70;
  pointer-events: none;
}

#vidu-pipeline-dashboard .vidu-operations-dock-inner {
  width: min(1920px, 100%);
  min-height: 64px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(330px, 0.9fr) minmax(320px, 1.25fr) minmax(210px, 0.5fr);
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,0.08);
  border-top-color: rgba(255,255,255,0.13);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(26,26,30,0.88), rgba(12,12,15,0.82)),
    rgba(14,14,18,0.78);
  box-shadow:
    0 24px 90px rgba(0,0,0,0.46),
    inset 0 1px 0 rgba(255,255,255,0.055);
  backdrop-filter: blur(24px) saturate(1.18);
  -webkit-backdrop-filter: blur(24px) saturate(1.18);
  pointer-events: auto;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-operations-dock {
  left: 92px;
  right: max(18px, env(safe-area-inset-right, 0px));
}

#vidu-pipeline-dashboard.is-finance-workspace.is-user-sidebar-expanded .vidu-operations-dock {
  left: 360px;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-operations-dock-inner {
  width: 100%;
  max-width: 1920px;
}

#vidu-pipeline-dashboard .vidu-ops-dock-group {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-ops-dock-kicker {
  flex: 0 0 auto;
  color: var(--vidu-text-faint);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-ops-dock-item,
#vidu-pipeline-dashboard .vidu-ops-project-pill,
#vidu-pipeline-dashboard .vidu-ops-dock-action {
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  box-shadow: var(--vidu-shadow-card);
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

#vidu-pipeline-dashboard .vidu-ops-dock-item:hover,
#vidu-pipeline-dashboard .vidu-ops-project-pill:hover,
#vidu-pipeline-dashboard .vidu-ops-dock-action:hover {
  transform: translateY(-1px);
  border-color: rgba(147,197,253,0.24);
  background: var(--vidu-control-bg-hover);
  box-shadow: var(--vidu-shadow-card);
}

#vidu-pipeline-dashboard .vidu-ops-dock-item {
  min-width: 0;
  height: 42px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 5px 10px 5px 6px;
  border-radius: 15px;
}

#vidu-pipeline-dashboard .vidu-ops-dock-item i,
#vidu-pipeline-dashboard .vidu-ops-dock-action {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 12px;
}

#vidu-pipeline-dashboard .vidu-ops-dock-item i {
  background: rgba(59,130,246,0.12);
  color: #93c5fd;
  font-style: normal;
}

#vidu-pipeline-dashboard .vidu-ops-dock-item.is-upload i { background: rgba(34,197,94,0.12); color: #86efac; }
#vidu-pipeline-dashboard .vidu-ops-dock-item.is-comments i { background: rgba(139,92,246,0.13); color: #c4b5fd; }

#vidu-pipeline-dashboard .vidu-ops-dock-item svg,
#vidu-pipeline-dashboard .vidu-ops-dock-action svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
}

#vidu-pipeline-dashboard .vidu-ops-dock-item strong,
#vidu-pipeline-dashboard .vidu-ops-dock-item small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-ops-dock-item strong {
  color: var(--vidu-text-primary);
  font-size: 11px;
  line-height: 1.15;
}

#vidu-pipeline-dashboard .vidu-ops-dock-item small {
  margin-top: 2px;
  color: var(--vidu-text-muted);
  font-size: 10px;
}

#vidu-pipeline-dashboard .vidu-ops-project-strip {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-ops-project-pill {
  max-width: 190px;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--vidu-control-text);
  font-size: 11px;
  font-weight: 700;
}

#vidu-pipeline-dashboard .vidu-ops-project-pill.is-muted {
  color: var(--vidu-control-text-muted);
}

#vidu-pipeline-dashboard .vidu-ops-dock-actions {
  justify-content: flex-end;
}

#vidu-pipeline-dashboard .vidu-ops-dock-action {
  position: relative;
  color: var(--vidu-control-text);
}

#vidu-pipeline-dashboard .vidu-ops-dock-action strong {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 17px;
  height: 17px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(139,92,246,0.92);
  color: #fff;
  font-size: 9px;
  line-height: 1;
  box-shadow: 0 0 18px rgba(139,92,246,0.30);
}

@media (max-width: 1100px) {
  #vidu-pipeline-dashboard .vidu-operations-dock-inner {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  #vidu-pipeline-dashboard .vidu-ops-dock-projects {
    display: none;
  }
}

@media (max-width: 768px) {
  #vidu-pipeline-dashboard .vidu-operations-dock {
    left: max(10px, env(safe-area-inset-left, 0px));
    right: max(10px, env(safe-area-inset-right, 0px));
    bottom: max(10px, env(safe-area-inset-bottom, 0px));
  }

  #vidu-pipeline-dashboard .vidu-operations-dock-inner {
    min-height: 58px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 8px;
    border-radius: 20px;
  }

  #vidu-pipeline-dashboard .vidu-ops-dock-kicker {
    display: none;
  }

  #vidu-pipeline-dashboard .vidu-ops-dock-status {
    overflow-x: auto;
    scrollbar-width: none;
  }

  #vidu-pipeline-dashboard .vidu-ops-dock-status::-webkit-scrollbar {
    display: none;
  }

  #vidu-pipeline-dashboard .vidu-ops-dock-item {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    grid-template-columns: 30px;
    padding: 5px;
  }

  #vidu-pipeline-dashboard .vidu-ops-dock-item span {
    display: none;
  }
}

/* =========================
   FINANCIAL OVERVIEW
   ========================= */

#vidu-pipeline-dashboard .vidu-financial-overview {
  display: none;
  gap: 16px;
  padding: 18px clamp(18px, 1.45vw, 28px);
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.065);
  background: rgba(22,22,25,0.84);
  box-shadow:
    0 8px 24px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.04);
}

#vidu-pipeline-dashboard .vidu-financial-overview.is-active {
  display: grid;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-dashboard-workspace,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-dashboard-main {
  width: min(1920px, 100%);
  max-width: 1920px;
  height: 100%;
  min-height: 0;
  margin-inline: auto;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview.is-active {
  position: relative;
  width: min(1920px, 100%);
  height: 100%;
  min-height: 0;
  max-height: 100%;
  grid-template-rows: auto auto auto auto minmax(0, 1fr);
  gap: 12px;
  padding: 14px clamp(16px, 1.25vw, 24px) 16px;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-financial-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}

#vidu-pipeline-dashboard .vidu-financial-head span,
#vidu-pipeline-dashboard .vidu-financial-panel-head span,
#vidu-pipeline-dashboard .vidu-financial-kpis article span {
  color: rgba(255,255,255,0.44);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-financial-head h3 {
  margin: 5px 0 6px;
  color: #fff;
  font-size: 24px;
  line-height: 1.08;
}

#vidu-pipeline-dashboard .vidu-financial-head p {
  max-width: 680px;
  margin: 0;
  color: rgba(255,255,255,0.56);
  font-size: 13px;
  line-height: 1.45;
}

#vidu-pipeline-dashboard .vidu-financial-period {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(134,239,172,0.22);
  background: rgba(34,197,94,0.08);
}

#vidu-pipeline-dashboard .vidu-financial-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-financial-kpis article,
#vidu-pipeline-dashboard .vidu-financial-panel {
  min-width: 0;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.065);
  background: rgba(255,255,255,0.026);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.025);
}

#vidu-pipeline-dashboard .vidu-financial-kpis article {
  padding: 14px;
}

#vidu-pipeline-dashboard .vidu-financial-kpis article strong {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: 20px;
  line-height: 1.1;
}

#vidu-pipeline-dashboard .vidu-financial-kpis article small {
  display: block;
  margin-top: 8px;
  color: rgba(255,255,255,0.46);
  font-size: 11px;
  line-height: 1.35;
}

#vidu-pipeline-dashboard .vidu-financial-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-financial-panel {
  padding: 14px;
}

#vidu-pipeline-dashboard .vidu-financial-panel-wide {
  grid-column: 1 / -1;
}

#vidu-pipeline-dashboard .vidu-financial-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
  margin-bottom: 12px;
}

#vidu-pipeline-dashboard .vidu-financial-panel-head h4 {
  margin: 0;
  color: rgba(255,255,255,0.92);
  font-size: 15px;
}

#vidu-pipeline-dashboard .vidu-financial-row {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.60);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-financial-row strong {
  color: rgba(255,255,255,0.86);
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-financial-chart-placeholder {
  height: 150px;
  display: flex;
  align-items: end;
  gap: 10px;
  padding: 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012));
}

#vidu-pipeline-dashboard .vidu-financial-chart-placeholder i {
  flex: 1 1 0;
  min-width: 0;
  border-radius: 999px 999px 8px 8px;
  background: linear-gradient(180deg, rgba(96,165,250,0.72), rgba(139,92,246,0.28));
}

#vidu-pipeline-dashboard .vidu-financial-chart-placeholder i:nth-child(1) { height: 38%; }
#vidu-pipeline-dashboard .vidu-financial-chart-placeholder i:nth-child(2) { height: 58%; }
#vidu-pipeline-dashboard .vidu-financial-chart-placeholder i:nth-child(3) { height: 44%; }
#vidu-pipeline-dashboard .vidu-financial-chart-placeholder i:nth-child(4) { height: 76%; }
#vidu-pipeline-dashboard .vidu-financial-chart-placeholder i:nth-child(5) { height: 62%; }
#vidu-pipeline-dashboard .vidu-financial-chart-placeholder i:nth-child(6) { height: 88%; }

#vidu-pipeline-dashboard .vidu-finance-workspace {
  gap: 16px;
  background:
    radial-gradient(circle at 16% 0%, rgba(34,197,94,0.10), transparent 34%),
    radial-gradient(circle at 78% 12%, rgba(96,165,250,0.11), transparent 32%),
    rgba(18,18,22,0.88);
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-workspace {
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-head {
  align-items: center;
}

#vidu-pipeline-dashboard .vidu-finance-head span,
#vidu-pipeline-dashboard .vidu-finance-panel-head span,
#vidu-pipeline-dashboard .vidu-finance-list-toolbar > div > span {
  color: rgba(255,255,255,0.44);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-finance-head h3 {
  margin: 5px 0 5px;
  color: #fff;
  font-size: clamp(26px, 2.2vw, 38px);
  line-height: 1;
  letter-spacing: 0;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-head h3 {
  margin: 3px 0 0;
  font-size: clamp(24px, 1.7vw, 32px);
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-head p {
  display: none;
}

#vidu-pipeline-dashboard .vidu-finance-head p {
  margin: 0;
  color: rgba(255,255,255,0.58);
  font-size: 13px;
  line-height: 1.45;
}

#vidu-pipeline-dashboard .vidu-finance-head-actions,
#vidu-pipeline-dashboard .vidu-finance-filters {
  display: flex;
  align-items: center;
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-finance-head-actions select,
#vidu-pipeline-dashboard .vidu-finance-filters select,
#vidu-pipeline-dashboard .vidu-finance-filters input {
  min-height: 38px;
  width: auto;
  min-width: 150px;
  border-radius: 13px;
  background: rgba(9,9,12,0.58);
}

#vidu-pipeline-dashboard .vidu-finance-add-btn {
  min-height: 40px;
  border: 1px solid rgba(34,197,94,0.38);
  border-radius: 14px;
  padding: 0 16px;
  background: linear-gradient(135deg, rgba(34,197,94,0.95), rgba(16,185,129,0.72));
  color: #06130d;
  font-weight: 850;
  cursor: pointer;
  box-shadow: 0 14px 36px rgba(34,197,94,0.16);
}

#vidu-pipeline-dashboard .vidu-finance-tabs {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--vidu-border-soft);
  scrollbar-width: none;
}

#vidu-pipeline-dashboard .vidu-finance-tabs::-webkit-scrollbar {
  display: none;
}

#vidu-pipeline-dashboard .vidu-finance-tabs button {
  flex: 0 0 auto;
  min-height: 38px;
  border: 0;
  border-radius: 12px 12px 0 0;
  background: transparent;
  color: var(--vidu-control-text);
  padding: 0 12px;
  font-size: 13px;
  font-weight: 740;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color .16s ease, background .16s ease, border-color .16s ease;
}

#vidu-pipeline-dashboard .vidu-finance-tabs button:hover,
#vidu-pipeline-dashboard .vidu-finance-tabs button.is-active {
  color: var(--vidu-text-primary);
  background: var(--vidu-control-bg-hover);
  border-color: rgba(34,197,94,0.78);
}

#vidu-pipeline-dashboard .vidu-finance-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-kpis {
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-finance-kpi,
#vidu-pipeline-dashboard .vidu-finance-panel,
#vidu-pipeline-dashboard .vidu-finance-section,
#vidu-pipeline-dashboard .vidu-finance-diagnostics,
#vidu-pipeline-dashboard .vidu-finance-ratio-shell,
#vidu-pipeline-dashboard .vidu-finance-list-shell {
  min-width: 0;
  border: 1px solid rgba(255,255,255,0.075);
  background: rgba(255,255,255,0.032);
  border-radius: 18px;
  box-shadow:
    0 12px 34px rgba(0,0,0,0.20),
    inset 0 1px 0 rgba(255,255,255,0.035);
  transition: opacity .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

#vidu-pipeline-dashboard .vidu-finance-section {
  padding: 12px;
  min-height: 0;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-finance-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

#vidu-pipeline-dashboard .vidu-finance-section-head span {
  color: rgba(255,255,255,0.44);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-finance-section-head h4 {
  margin: 3px 0 0;
  color: rgba(255,255,255,0.92);
  font-size: 15px;
}

#vidu-pipeline-dashboard .vidu-finance-focus-btn {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border: 1px solid var(--vidu-control-border);
  border-radius: 10px;
  background: var(--vidu-control-bg);
  cursor: pointer;
  position: relative;
}

#vidu-pipeline-dashboard .vidu-finance-focus-btn::before,
#vidu-pipeline-dashboard .vidu-finance-focus-btn::after {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1.5px solid rgba(255,255,255,0.64);
  border-radius: 3px;
}

#vidu-pipeline-dashboard .vidu-finance-focus-btn::after {
  inset: 11px 6px 6px 11px;
  border-left: 0;
  border-top: 0;
}

#vidu-pipeline-dashboard .vidu-finance-focus-btn:hover,
#vidu-pipeline-dashboard .vidu-finance-focus-btn.is-active {
  border-color: rgba(34,197,94,0.34);
  background: rgba(34,197,94,0.12);
}

#vidu-pipeline-dashboard .vidu-finance-focus-reset {
  display: none;
  position: absolute;
  right: clamp(20px, 1.7vw, 32px);
  top: 14px;
  z-index: 8;
  min-height: 32px;
  border: 1px solid var(--vidu-control-border);
  border-radius: 12px;
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  padding: 0 12px;
  font-size: 12px;
  font-weight: 760;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-financial-overview.is-finance-focus-mode .vidu-finance-focus-reset {
  display: inline-flex;
  align-items: center;
}

#vidu-pipeline-dashboard .vidu-financial-overview.is-finance-focus-mode [data-finance-section].is-finance-section-muted {
  opacity: .45;
}

#vidu-pipeline-dashboard .vidu-financial-overview.is-finance-focus-mode [data-finance-section].is-finance-section-focused {
  opacity: 1;
  border-color: rgba(34,197,94,0.36);
  box-shadow:
    0 20px 52px rgba(0,0,0,0.30),
    0 0 0 1px rgba(34,197,94,0.10),
    inset 0 1px 0 rgba(255,255,255,0.06);
  transform: translateY(-1px);
}

#vidu-pipeline-dashboard .vidu-financial-overview[data-finance-focus-section="transactions"] {
  grid-template-rows: auto auto 70px 48px minmax(0, 1fr);
}

#vidu-pipeline-dashboard .vidu-financial-overview[data-finance-focus-section="transactions"] .vidu-finance-list-shell {
  min-height: 0;
  transform: none;
}

#vidu-pipeline-dashboard .vidu-financial-overview[data-finance-focus-section="transactions"] .vidu-finance-kpi-section.is-finance-section-muted,
#vidu-pipeline-dashboard .vidu-financial-overview[data-finance-focus-section="transactions"] .vidu-finance-diagnostics.is-finance-section-muted {
  max-height: 70px;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-financial-overview[data-finance-focus-section="transactions"] .vidu-finance-diagnostics.is-finance-section-muted .vidu-finance-diagnostics-body,
#vidu-pipeline-dashboard .vidu-financial-overview[data-finance-focus-section="transactions"] .vidu-finance-kpi-section.is-finance-section-muted .vidu-finance-kpis {
  display: none;
}

#vidu-pipeline-dashboard .vidu-finance-kpi {
  padding: 14px;
  position: relative;
  overflow: hidden;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-kpi {
  padding: 12px 14px;
}

#vidu-pipeline-dashboard .vidu-finance-kpi::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: rgba(147,197,253,0.8);
}

#vidu-pipeline-dashboard .vidu-finance-kpi.is-income::before { background: rgba(34,197,94,0.88); }
#vidu-pipeline-dashboard .vidu-finance-kpi.is-expense::before { background: rgba(248,113,113,0.9); }
#vidu-pipeline-dashboard .vidu-finance-kpi.is-planned::before { background: rgba(250,204,21,0.84); }
#vidu-pipeline-dashboard .vidu-finance-kpi.is-cashflow::before { background: rgba(139,92,246,0.9); }

#vidu-pipeline-dashboard .vidu-finance-kpi span {
  color: rgba(255,255,255,0.44);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-finance-kpi strong {
  display: block;
  margin-top: 9px;
  color: #fff;
  font-size: 19px;
  line-height: 1.1;
}

#vidu-pipeline-dashboard .vidu-finance-kpi small {
  display: block;
  margin-top: 8px;
  color: rgba(255,255,255,0.45);
  font-size: 11px;
  line-height: 1.35;
}

#vidu-pipeline-dashboard .vidu-finance-panels {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr);
  gap: 12px;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-panels {
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics {
  min-width: 0;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics-toggle {
  min-width: 0;
  flex: 1 1 auto;
  min-height: 38px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  align-items: center;
  text-align: left;
  border: 1px solid transparent;
  border-radius: 14px;
  background: rgba(255,255,255,0.026);
  color: #fff;
  padding: 9px 12px;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics-toggle:hover,
#vidu-pipeline-dashboard .vidu-finance-diagnostics.is-open .vidu-finance-diagnostics-toggle {
  border-color: rgba(34,197,94,0.22);
  background: rgba(34,197,94,0.07);
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics-toggle span {
  color: rgba(255,255,255,0.48);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics-toggle strong {
  display: none;
  grid-column: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(255,255,255,0.88);
  font-size: 13px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics-toggle i {
  grid-column: 2;
  grid-row: 1;
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(255,255,255,0.64);
  border-bottom: 2px solid rgba(255,255,255,0.64);
  transform: rotate(45deg);
  transition: transform .18s ease;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics.is-open .vidu-finance-diagnostics-toggle i {
  transform: rotate(225deg);
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics-body {
  position: relative;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 0 8px;
  transition: max-height .28s ease, opacity .18s ease, padding .22s ease;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics.is-open .vidu-finance-diagnostics-body {
  max-height: 360px;
  opacity: 1;
  padding: 0 8px 8px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-panel,
#vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-ratio-card {
  min-height: 0;
  padding: 10px;
  border-radius: 14px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-ratio-shell {
  grid-column: span 2;
  min-width: 0;
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-control {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 2px;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-control span {
  color: rgba(255,255,255,0.44);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-control select {
  min-height: 30px;
  min-width: 116px;
  border-radius: 10px;
  background: rgba(9,9,12,0.58);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-finance-panel,
#vidu-pipeline-dashboard .vidu-finance-ratio-shell,
#vidu-pipeline-dashboard .vidu-finance-list-shell {
  padding: 16px;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-panel,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-ratio-shell,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-list-shell {
  padding: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-panel-head,
#vidu-pipeline-dashboard .vidu-finance-list-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

#vidu-pipeline-dashboard .vidu-finance-list-toolbar > div:first-child {
  order: 1;
  flex: 0 0 auto;
}

#vidu-pipeline-dashboard .vidu-finance-list-toolbar .vidu-finance-filters {
  order: 2;
  margin-left: auto;
}

#vidu-pipeline-dashboard .vidu-finance-list-toolbar .vidu-finance-focus-btn {
  order: 3;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-panel-head,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-list-toolbar {
  margin-bottom: 10px;
}

#vidu-pipeline-dashboard .vidu-finance-panel-head h4,
#vidu-pipeline-dashboard .vidu-finance-list-toolbar h4 {
  margin: 4px 0 0;
  color: rgba(255,255,255,0.92);
  font-size: 15px;
}

#vidu-pipeline-dashboard .vidu-finance-panel-head small {
  color: rgba(255,255,255,0.50);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-shell[hidden] {
  display: none;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-shell select {
  min-height: 38px;
  min-width: 132px;
  border-radius: 13px;
  background: rgba(9,9,12,0.58);
}

#vidu-pipeline-dashboard .vidu-finance-ratios {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-ratio-head {
  margin-bottom: 8px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-ratio-body {
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 9px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-donut {
  width: 82px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-donut::after {
  inset: 20px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-donut span {
  max-width: 44px;
  font-size: 9px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-ratio-list {
  gap: 5px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-ratio-item {
  grid-template-columns: 7px minmax(0, 1fr) 34px;
  gap: 6px;
  font-size: 10px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-ratio-item strong {
  display: none;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-ratio-empty {
  min-height: 116px;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-card {
  min-width: 0;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.065);
  background: rgba(255,255,255,0.024);
}

#vidu-pipeline-dashboard .vidu-finance-ratio-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-head span {
  color: rgba(255,255,255,0.58);
  font-size: 12px;
  font-weight: 780;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-head strong {
  color: #fff;
  font-size: 13px;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-body {
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

#vidu-pipeline-dashboard .vidu-finance-donut {
  width: 148px;
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: conic-gradient(var(--finance-donut));
  position: relative;
}

#vidu-pipeline-dashboard .vidu-finance-donut::after {
  content: "";
  position: absolute;
  inset: 30px;
  border-radius: inherit;
  background: rgb(22,22,27);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.055);
}

#vidu-pipeline-dashboard .vidu-finance-donut span {
  position: relative;
  z-index: 1;
  max-width: 74px;
  color: #fff;
  font-size: 12px;
  font-weight: 840;
  line-height: 1.15;
  text-align: center;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-list {
  display: grid;
  gap: 7px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-item {
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr) 42px auto;
  gap: 8px;
  align-items: center;
  color: rgba(255,255,255,0.66);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-item i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-item span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-item em {
  color: rgba(255,255,255,0.46);
  font-style: normal;
  text-align: right;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-item strong {
  color: rgba(255,255,255,0.86);
  font-size: 11px;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-empty {
  min-height: 148px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  border: 1px dashed rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.46);
  font-size: 13px;
}

#vidu-pipeline-dashboard .vidu-finance-chart {
  height: 210px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: end;
  padding: 16px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012));
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-chart {
  height: 118px;
  padding: 9px;
}

#vidu-pipeline-dashboard .vidu-finance-chart-bar {
  height: 100%;
  min-width: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto;
  gap: 6px;
  align-items: end;
  color: rgba(255,255,255,0.62);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-finance-chart-bar i {
  width: 100%;
  min-height: 8px;
  border-radius: 999px 999px 8px 8px;
  background: linear-gradient(180deg, rgba(34,197,94,0.86), rgba(34,197,94,0.24));
}

#vidu-pipeline-dashboard .vidu-finance-chart-bar.is-expense i { background: linear-gradient(180deg, rgba(248,113,113,0.88), rgba(248,113,113,0.24)); }
#vidu-pipeline-dashboard .vidu-finance-chart-bar.is-planned i { background: linear-gradient(180deg, rgba(250,204,21,0.82), rgba(250,204,21,0.20)); }

#vidu-pipeline-dashboard .vidu-finance-chart-bar strong {
  color: rgba(255,255,255,0.86);
  font-size: 11px;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-finance-scope-bars {
  display: grid;
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-scope-bars {
  gap: 9px;
}

#vidu-pipeline-dashboard .vidu-finance-scope-row {
  display: grid;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-finance-scope-row div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: rgba(255,255,255,0.58);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-scope-row strong {
  color: rgba(255,255,255,0.88);
}

#vidu-pipeline-dashboard .vidu-finance-scope-row i {
  height: 9px;
  border-radius: 999px;
  background: rgba(255,255,255,0.055);
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-finance-scope-row b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: rgba(96,165,250,0.78);
}

#vidu-pipeline-dashboard .vidu-finance-scope-row.is-personal b {
  background: rgba(168,85,247,0.78);
}

#vidu-pipeline-dashboard .vidu-finance-burn-card {
  margin-top: 4px;
  padding: 13px;
  border-radius: 15px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.065);
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-burn-card {
  padding: 10px;
}

#vidu-pipeline-dashboard .vidu-finance-burn-card span,
#vidu-pipeline-dashboard .vidu-finance-burn-card strong {
  display: block;
}

#vidu-pipeline-dashboard .vidu-finance-burn-card span {
  color: rgba(255,255,255,0.46);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-finance-burn-card strong {
  margin-top: 5px;
  color: #fff;
  font-size: 20px;
}

#vidu-pipeline-dashboard .vidu-finance-burn-card small {
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,0.48);
  font-size: 11px;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-finance-table {
  display: grid;
  gap: 6px;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-list-shell {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-list-toolbar {
  position: sticky;
  top: 0;
  z-index: 5;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.055);
  background:
    linear-gradient(180deg, rgba(24,24,28,0.98), rgba(22,22,26,0.92));
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-table {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
  padding-bottom: 24px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.24) transparent;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-table::-webkit-scrollbar {
  width: 8px;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-table::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(255,255,255,0.18);
}

#vidu-pipeline-dashboard .vidu-finance-table-head,
#vidu-pipeline-dashboard .vidu-finance-row {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) .7fr .85fr .75fr .85fr .75fr .7fr 62px 72px;
  gap: 10px;
  align-items: center;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-finance-table-head {
  height: 32px;
  min-height: 32px;
  padding: 0 10px 6px;
  color: rgba(255,255,255,0.34);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-finance-table-head span,
#vidu-pipeline-dashboard .vidu-finance-table-head button {
  min-width: 0;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-finance-table-head button {
  gap: 4px;
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-finance-table-head button span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-finance-table-head button i {
  flex: 0 0 10px;
  color: rgba(34,197,94,0.85);
  font-style: normal;
  font-size: 10px;
  line-height: 1;
}

#vidu-pipeline-dashboard .vidu-finance-table-head button.is-active {
  color: rgba(134,239,172,0.90);
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-table-head {
  position: sticky;
  top: 0;
  z-index: 2;
  padding-top: 2px;
  background: rgba(22,22,26,0.96);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

#vidu-pipeline-dashboard .vidu-finance-row {
  width: 100%;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,0.055);
  border-radius: 12px;
  background: rgba(255,255,255,0.024);
  color: rgba(255,255,255,0.68);
  font-size: 12px;
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, transform .16s ease, opacity .18s ease, max-height .22s ease, margin .22s ease, padding .22s ease;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-finance-row:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,0.042);
  border-color: rgba(255,255,255,0.10);
}

#vidu-pipeline-dashboard .vidu-finance-row.is-excluded {
  opacity: .56;
  background: rgba(255,255,255,0.014);
}

#vidu-pipeline-dashboard .vidu-finance-row.is-excluded .vidu-finance-row-title strong,
#vidu-pipeline-dashboard .vidu-finance-row.is-excluded .vidu-finance-row-amount {
  text-decoration: line-through;
  color: rgba(255,255,255,0.42);
}

#vidu-pipeline-dashboard .vidu-finance-row-title {
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-finance-row-title strong,
#vidu-pipeline-dashboard .vidu-finance-row-title small {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-finance-row-title strong {
  color: rgba(255,255,255,0.90);
  font-size: 13px;
  line-height: 1.18;
}

#vidu-pipeline-dashboard .vidu-finance-row-title small {
  margin-top: 2px;
  color: rgba(255,255,255,0.40);
  line-height: 1.1;
}

#vidu-pipeline-dashboard .vidu-finance-row em {
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.72);
  font-style: normal;
  font-size: 11px;
  font-weight: 760;
}

#vidu-pipeline-dashboard .vidu-finance-row em.is-income { background: rgba(34,197,94,0.11); color: #86efac; }
#vidu-pipeline-dashboard .vidu-finance-row em.is-expense { background: rgba(248,113,113,0.11); color: #fca5a5; }
#vidu-pipeline-dashboard .vidu-finance-row em.is-business { background: rgba(96,165,250,0.11); color: #93c5fd; }
#vidu-pipeline-dashboard .vidu-finance-row em.is-personal { background: rgba(168,85,247,0.13); color: #d8b4fe; }

#vidu-pipeline-dashboard .vidu-finance-row-amount {
  color: #86efac;
  font-weight: 820;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-finance-row.is-expense .vidu-finance-row-amount {
  color: #fca5a5;
}

#vidu-pipeline-dashboard .vidu-finance-row-actions {
  position: relative;
  z-index: 2;
  display: inline-flex;
  justify-content: flex-end;
  gap: 6px;
  pointer-events: auto;
}

#vidu-pipeline-dashboard .vidu-finance-include-cell {
  display: flex;
  justify-content: center;
}

#vidu-pipeline-dashboard .vidu-finance-include-toggle {
  width: 38px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 2px;
  border: 1px solid var(--vidu-control-border);
  border-radius: 999px;
  background: var(--vidu-control-bg);
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, opacity .16s ease;
}

#vidu-pipeline-dashboard .vidu-finance-include-toggle span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(255,255,255,0.62);
  transform: translateX(0);
  transition: transform .16s ease, background .16s ease;
}

#vidu-pipeline-dashboard .vidu-finance-include-toggle.is-active {
  border-color: rgba(34,197,94,0.42);
  background: rgba(34,197,94,0.18);
}

#vidu-pipeline-dashboard .vidu-finance-include-toggle.is-active span {
  transform: translateX(16px);
  background: #86efac;
}

#vidu-pipeline-dashboard .vidu-finance-row-actions button {
  position: relative;
  z-index: 3;
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  cursor: pointer;
  pointer-events: auto;
  transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease;
}

#vidu-pipeline-dashboard .vidu-finance-row-actions button:hover {
  transform: translateY(-1px);
  color: var(--vidu-text-primary);
  border-color: rgba(147,197,253,0.24);
  background: rgba(147,197,253,0.08);
}

#vidu-pipeline-dashboard .vidu-finance-row-actions button[data-finance-action="delete"]:hover {
  color: #fca5a5;
  border-color: rgba(248,113,113,0.28);
  background: rgba(248,113,113,0.09);
}

#vidu-pipeline-dashboard .vidu-finance-row-actions svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
}

#vidu-pipeline-dashboard .vidu-finance-row.is-read-only {
  border-color: rgba(167, 139, 250, .12);
  background:
    linear-gradient(90deg, rgba(167, 139, 250, .045), transparent 34%),
    var(--vidu-row-bg, rgba(255, 255, 255, .025));
}

#vidu-pipeline-dashboard .vidu-finance-include-toggle:disabled {
  cursor: default;
  opacity: .5;
}

#vidu-pipeline-dashboard .vidu-finance-row-source {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(167, 139, 250, .18);
  border-radius: 999px;
  background: rgba(167, 139, 250, .075);
  color: rgba(221, 214, 254, .82);
  padding: 0 9px;
  font-size: 10px;
  font-style: normal;
  font-weight: 780;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-finance-row.is-removing {
  opacity: 0;
  transform: translateX(10px) scale(.985);
  pointer-events: none;
}

#vidu-pipeline-dashboard .vidu-finance-empty {
  min-height: 150px;
  display: grid;
  place-items: center;
  text-align: center;
  gap: 6px;
  border: 1px dashed rgba(255,255,255,0.10);
  border-radius: 16px;
  color: rgba(255,255,255,0.48);
}

#vidu-pipeline-dashboard .vidu-finance-empty strong {
  color: rgba(255,255,255,0.82);
}

.vidu-finance-entry-overlay {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 22px;
}

.vidu-finance-entry-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.vidu-finance-entry-modal {
  position: relative;
  width: min(780px, 100%);
  max-height: calc(100svh - 44px);
  overflow-y: auto;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,0.08);
  background:
    radial-gradient(circle at 12% 0%, rgba(34,197,94,0.11), transparent 34%),
    rgba(18,18,22,0.92);
  box-shadow: 0 34px 110px rgba(0,0,0,0.58), inset 0 1px 0 rgba(255,255,255,0.045);
  padding: 22px;
  color: #fff;
}

.vidu-finance-delete-modal {
  position: relative;
  width: min(460px, 100%);
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.08);
  background:
    radial-gradient(circle at 10% 0%, rgba(248,113,113,0.12), transparent 38%),
    rgba(18,18,22,0.94);
  box-shadow: 0 34px 110px rgba(0,0,0,0.58), inset 0 1px 0 rgba(255,255,255,0.045);
  padding: 22px;
  color: #fff;
}

.vidu-finance-delete-modal p {
  margin: 0 0 10px;
  color: rgba(255,255,255,0.68);
  font-size: 14px;
  line-height: 1.45;
}

.vidu-finance-delete-modal > strong {
  display: block;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.065);
  background: rgba(255,255,255,0.035);
  color: rgba(255,255,255,0.88);
  font-size: 13px;
}

.vidu-finance-delete-accept {
  background: rgba(248,113,113,0.14) !important;
  border-color: rgba(248,113,113,0.34) !important;
  color: #fecaca !important;
}

.vidu-finance-entry-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.vidu-finance-entry-head span {
  color: rgba(255,255,255,0.44);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.vidu-finance-entry-head h3 {
  margin: 5px 0 0;
  font-size: 24px;
  line-height: 1.1;
}

.vidu-finance-entry-close {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.72);
  cursor: pointer;
}

.vidu-finance-entry-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.vidu-finance-entry-grid label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vidu-finance-entry-grid label.is-wide {
  grid-column: 1 / -1;
}

.vidu-finance-entry-grid label span {
  color: rgba(255,255,255,0.46);
  font-size: 11px;
  font-weight: 760;
}

.vidu-finance-entry-grid input,
.vidu-finance-entry-grid select,
.vidu-finance-entry-grid textarea {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 13px;
  background: rgba(8,8,11,0.52);
  color: #fff;
  padding: 10px 12px;
  outline: none;
}

.vidu-finance-entry-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

@media (max-width: 1180px) {
  #vidu-pipeline-dashboard .vidu-finance-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #vidu-pipeline-dashboard .vidu-finance-panels {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-finance-ratios {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-finance-diagnostics-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-ratio-shell {
    grid-column: span 2;
  }

  #vidu-pipeline-dashboard .vidu-finance-diagnostics.is-open .vidu-finance-diagnostics-body {
    max-height: 620px;
  }

  #vidu-pipeline-dashboard .vidu-finance-table-head {
    display: none;
  }

  #vidu-pipeline-dashboard .vidu-finance-row {
    grid-template-columns: minmax(0, 1fr) auto auto auto auto;
  }

  #vidu-pipeline-dashboard .vidu-finance-row > span:nth-child(3),
  #vidu-pipeline-dashboard .vidu-finance-row > span:nth-child(4),
  #vidu-pipeline-dashboard .vidu-finance-row > span:nth-child(6),
  #vidu-pipeline-dashboard .vidu-finance-row > span:nth-child(7) {
    display: none;
  }
}

@media (max-width: 768px) {
  #vidu-pipeline-dashboard .vidu-finance-head,
  #vidu-pipeline-dashboard .vidu-finance-list-toolbar,
  #vidu-pipeline-dashboard .vidu-finance-head-actions,
  #vidu-pipeline-dashboard .vidu-finance-filters {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  #vidu-pipeline-dashboard .vidu-finance-kpis {
    grid-template-columns: 1fr 1fr;
  }

  #vidu-pipeline-dashboard .vidu-finance-chart {
    height: 170px;
  }

  #vidu-pipeline-dashboard .vidu-finance-ratio-body {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-finance-diagnostics-head {
    display: grid;
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-finance-diagnostics-body {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-finance-diagnostics .vidu-finance-ratio-shell {
    grid-column: 1;
  }

  #vidu-pipeline-dashboard .vidu-finance-diagnostics.is-open .vidu-finance-diagnostics-body {
    max-height: 980px;
  }

  #vidu-pipeline-dashboard .vidu-finance-donut {
    margin: 0 auto;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-operations-dock {
    left: max(14px, env(safe-area-inset-left, 0px));
    right: max(14px, env(safe-area-inset-right, 0px));
  }

  .vidu-finance-entry-grid {
    grid-template-columns: 1fr;
  }
}

#vidu-pipeline-dashboard .vidu-pipeline-toolbar,
#vidu-pipeline-dashboard .vidu-pipeline-list-wrap {
  background: rgba(22,22,25,0.84);
  border: 1px solid var(--vidu-border);
  border-radius: 22px;
  padding: 18px clamp(18px, 1.45vw, 28px);
  box-shadow:
    0 8px 24px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.04);
}

#vidu-pipeline-dashboard .vidu-pipeline-toolbar {
  position: sticky;
  top: 46px;
  z-index: 30;
  margin-bottom: 16px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#vidu-pipeline-dashboard .vidu-pipeline-toolbar > * {
  position: relative;
  z-index: 3;
}

#vidu-pipeline-dashboard .vidu-pipeline-toolbar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -48px;
  height: 56px;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(
    180deg,
    rgba(18,18,18,0.82) 0%,
    rgba(18,18,18,0.42) 48%,
    rgba(18,18,18,0) 100%
  );
}

#vidu-pipeline-dashboard .vidu-pipeline-toolbar-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

#vidu-pipeline-dashboard .vidu-pipeline-toolbar-head h2,
#vidu-pipeline-dashboard .vidu-pipeline-list-head h3 {
  margin: 0;
  color: #fff;
}

#vidu-pipeline-dashboard .vidu-pipeline-toolbar-head h2 {
  font-size: 24px;
  line-height: 1.1;
}

#vidu-pipeline-dashboard .vidu-pipeline-toolbar-sub,
#vidu-pipeline-dashboard .vidu-pipeline-list-meta {
  font-size: 13px;
  color: var(--vidu-muted);
}

#vidu-pipeline-dashboard .vidu-pipeline-filters {
  display: grid;
  grid-template-columns: minmax(320px, 1.8fr) repeat(4, minmax(132px, 1fr)) 42px;
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-field label {
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--vidu-meta);
  font-weight: 600;
}

#vidu-pipeline-dashboard .vidu-filter-actions {
  display: flex;
  align-items: end;
}

#vidu-pipeline-dashboard .vidu-pipeline-list-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

#vidu-pipeline-dashboard .vidu-pipeline-list {
  display: grid;
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-empty,
.vidu-board-empty {
  padding: 14px;
  border-radius: 14px;
  background: rgba(255,255,255,0.02);
  border: 1px dashed rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.42);
  font-size: 13px;
  text-align: center;
}

/* =========================
   VIEW SWITCH
   ========================= */

.vidu-dashboard-top-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

#vidu-pipeline-dashboard .vidu-dashboard-view-switch {
  display: inline-flex;
  gap: 8px;
  padding: 6px;
  background: var(--vidu-control-bg);
  border: 1px solid var(--vidu-control-border);
  border-radius: 14px;
}

#vidu-pipeline-dashboard .vidu-view-btn {
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  color: var(--vidu-control-text);
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-view-btn:hover {
  background: var(--vidu-control-bg-hover);
  color: var(--vidu-text-primary);
}

#vidu-pipeline-dashboard .vidu-view-btn.is-active {
  background: var(--vidu-control-bg-active);
  color: var(--vidu-control-text-active);
}

.vidu-dashboard-view {
  width: 100%;
  min-height: 1px;
  position: relative;
}

.vidu-dashboard-view-list.is-active,
.vidu-dashboard-view-board.is-active {
  display: block !important;
}

.vidu-dashboard-view-list[hidden],
.vidu-dashboard-view-board[hidden] {
  display: none !important;
}

#vidu-pipeline-dashboard .vidu-pipeline-list-wrap,
#vidu-pipeline-dashboard .vidu-pipeline-list {
  min-height: 1px;
}

#vidu-pipeline-dashboard .vidu-dashboard-quick-filters {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.055);
}

#vidu-pipeline-dashboard .vidu-dashboard-quick-label {
  color: rgba(255,255,255,0.48);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-right: 4px;
}

#vidu-pipeline-dashboard .vidu-dashboard-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.085);
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.76);
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

#vidu-pipeline-dashboard .vidu-dashboard-filter-chip:hover,
#vidu-pipeline-dashboard .vidu-dashboard-filter-chip.is-active {
  transform: translateY(-1px);
  background: rgba(59,130,246,0.13);
  border-color: rgba(96,165,250,0.32);
  color: rgba(239,246,255,0.96);
  box-shadow: 0 8px 24px rgba(37,99,235,0.12);
}

#vidu-pipeline-dashboard .vidu-dashboard-filter-chip strong {
  min-width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.9);
  font-size: 10px;
}

/* =========================
   TOPBAR V2
   ========================= */

#vidu-pipeline-dashboard .vidu-pipeline-toolbar.vidu-topbar {
  position: sticky;
  top: clamp(18px, 3.2vh, 42px);
  z-index: var(--vidu-layer-workspace-chrome);
  box-sizing: border-box;
  width: 100%;
  max-width: min(100%, 1920px);
  margin: 0 auto clamp(18px, 2.2vw, 28px);
  padding: clamp(12px, 1.1vw, 18px) clamp(14px, 1.55vw, 26px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  border-radius: 999px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--vidu-surface-2) 78%, transparent), color-mix(in srgb, var(--vidu-surface-1) 88%, transparent)),
    radial-gradient(circle at 8% 0%, rgba(255,255,255,.08), transparent 34%),
    radial-gradient(circle at 92% 100%, rgba(59,130,246,.09), transparent 34%);
  border: 1px solid var(--vidu-border-soft);
  box-shadow:
    var(--vidu-shadow-floating),
    inset 0 1px 0 color-mix(in srgb, var(--vidu-text-primary) 10%, transparent);
  backdrop-filter: blur(24px) saturate(1.12);
  -webkit-backdrop-filter: blur(24px) saturate(1.12);
  isolation: isolate;
}

#vidu-pipeline-dashboard .vidu-workspace-top {
  position: sticky;
  top: clamp(14px, 2vh, 22px);
  z-index: var(--vidu-layer-workspace-chrome);
  box-sizing: border-box;
  width: min(100%, 1920px);
  max-width: calc(100vw - 112px);
  margin: 0 auto clamp(14px, 1.8vw, 22px);
  display: block;
}

#vidu-pipeline-dashboard .vidu-workspace-top .vidu-pipeline-toolbar.vidu-topbar {
  position: relative;
  top: auto;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-left: clamp(14px, 1.15vw, 22px);
}

#vidu-pipeline-dashboard .vidu-floating-logo {
  position: absolute;
  left: clamp(-56px, -3.1vw, -42px);
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: var(--vidu-text-primary);
  pointer-events: none;
  z-index: 2;
}

#vidu-pipeline-dashboard .vidu-floating-logo-svg {
  width: 30px;
  height: auto;
  display: block;
  filter: drop-shadow(0 8px 20px rgba(255,255,255,.16));
}

#vidu-pipeline-dashboard .vidu-global-logo-img {
  max-width: 42px;
  max-height: 30px;
  width: auto;
  height: auto;
  display: none;
  object-fit: contain;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.18));
}

#vidu-pipeline-dashboard .vidu-global-logo.has-company-logo .vidu-floating-logo-svg {
  display: none;
}

#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-global-logo.has-company-logo .vidu-global-logo-img-dark,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-global-logo.has-company-logo .vidu-global-logo-img-dark {
  display: block;
}

#vidu-pipeline-dashboard:not([data-vidu-theme="light"]) .vidu-global-logo.has-company-logo .vidu-global-logo-img-light,
[data-vidu-theme="dark"] #vidu-pipeline-dashboard .vidu-global-logo.has-company-logo .vidu-global-logo-img-light,
[data-vidu-theme="system"] #vidu-pipeline-dashboard .vidu-global-logo.has-company-logo .vidu-global-logo-img-light {
  display: block;
}

#vidu-pipeline-dashboard .vidu-topbar-workspace-switcher,
#vidu-pipeline-dashboard .vidu-topbar-organization-switcher {
  flex: 0 0 clamp(152px, 12vw, 214px);
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px 34px;
  align-content: center;
  align-items: center;
  gap: 4px 6px;
  min-height: 50px;
  --workspace-color: var(--vidu-active-workspace-color, #8b5cf6);
  --workspace-rgb: var(--vidu-active-workspace-rgb, 139, 92, 246);
}

#vidu-pipeline-dashboard .vidu-topbar-organization-switcher {
  position: relative;
  flex-basis: clamp(96px, calc(10vw - 40px), 132px);
  grid-template-columns: minmax(0, 1fr);
}

#vidu-pipeline-dashboard .vidu-topbar-organization-switcher select {
  grid-column: 1;
}

#vidu-pipeline-dashboard .vidu-topbar-workspace-switcher label,
#vidu-pipeline-dashboard .vidu-topbar-organization-switcher label {
  grid-column: 1 / -1;
  margin: 0;
  padding-left: 14px;
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  line-height: 1;
  letter-spacing: var(--vidu-letter-label);
  text-transform: uppercase;
  color: var(--vidu-text-faint);
}

#vidu-pipeline-dashboard .vidu-topbar-workspace-switcher select,
#vidu-pipeline-dashboard .vidu-topbar-organization-switcher select {
  grid-column: 1;
  width: 100%;
  height: 40px;
  min-height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(var(--workspace-rgb), .28);
  background:
    radial-gradient(circle at 14px 50%, rgba(var(--workspace-rgb), .62) 0 3px, transparent 4px),
    linear-gradient(135deg, rgba(var(--workspace-rgb), .10), transparent 70%),
    var(--vidu-control-bg);
  color: var(--vidu-control-text);
  font: 650 13px/1 var(--vidu-font-sans);
  padding: 0 28px 0 28px;
  outline: none;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--vidu-text-primary) 6%, transparent);
}

#vidu-pipeline-dashboard .vidu-topbar-organization-switcher.has-company-logo select {
  padding-left: 40px;
  background:
    linear-gradient(135deg, rgba(var(--workspace-rgb), .10), transparent 70%),
    var(--vidu-control-bg);
}

#vidu-pipeline-dashboard .vidu-organization-switcher-logo {
  position: absolute;
  left: 14px;
  bottom: 13px;
  z-index: 2;
  width: auto;
  max-width: 45px;
  max-height: 14px;
  object-fit: contain;
  pointer-events: none;
  display: none;
  transform: translateY(-1px);
}

#vidu-pipeline-dashboard .vidu-topbar-organization-switcher.has-company-logo .vidu-organization-switcher-logo-light,
#vidu-pipeline-dashboard .vidu-topbar-organization-switcher.has-company-logo .vidu-organization-switcher-logo-dark {
  display: none;
}

#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-topbar-organization-switcher.has-company-logo .vidu-organization-switcher-logo-dark,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-topbar-organization-switcher.has-company-logo .vidu-organization-switcher-logo-dark {
  display: block;
}

#vidu-pipeline-dashboard:not([data-vidu-theme="light"]) .vidu-topbar-organization-switcher.has-company-logo .vidu-organization-switcher-logo-light,
[data-vidu-theme="dark"] #vidu-pipeline-dashboard .vidu-topbar-organization-switcher.has-company-logo .vidu-organization-switcher-logo-light,
[data-vidu-theme="system"] #vidu-pipeline-dashboard .vidu-topbar-organization-switcher.has-company-logo .vidu-organization-switcher-logo-light {
  display: block;
}

#vidu-pipeline-dashboard .vidu-topbar-organization-switcher.has-company-logo .vidu-organization-switcher-logo[hidden] {
  display: none !important;
}

#vidu-pipeline-dashboard .vidu-workspace-switcher-edit,
#vidu-pipeline-dashboard .vidu-workspace-switcher-delete {
  appearance: none;
  width: 34px;
  height: 40px;
  min-width: 34px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--vidu-text-faint);
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  opacity: .62;
  transition:
    opacity var(--vidu-duration-fast) var(--vidu-ease-standard),
    color var(--vidu-duration-fast) var(--vidu-ease-standard),
    transform var(--vidu-duration-fast) var(--vidu-ease-standard);
}

#vidu-pipeline-dashboard .vidu-workspace-switcher-edit svg,
#vidu-pipeline-dashboard .vidu-workspace-switcher-delete svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
}

#vidu-pipeline-dashboard .vidu-workspace-switcher-edit:hover,
#vidu-pipeline-dashboard .vidu-workspace-switcher-edit:focus-visible,
#vidu-pipeline-dashboard .vidu-workspace-switcher-delete:hover,
#vidu-pipeline-dashboard .vidu-workspace-switcher-delete:focus-visible {
  opacity: 1;
  color: var(--vidu-text-primary);
  transform: translateY(-1px);
  outline: none;
}

#vidu-pipeline-dashboard .vidu-workspace-switcher-delete:hover,
#vidu-pipeline-dashboard .vidu-workspace-switcher-delete:focus-visible {
  color: #fecaca;
}

#vidu-pipeline-dashboard .vidu-workspace-switcher-delete.is-disabled {
  opacity: .28;
  cursor: not-allowed;
}

#vidu-pipeline-dashboard .vidu-topbar-workspace-switcher select:hover,
#vidu-pipeline-dashboard .vidu-topbar-workspace-switcher select:focus,
#vidu-pipeline-dashboard .vidu-topbar-organization-switcher select:hover,
#vidu-pipeline-dashboard .vidu-topbar-organization-switcher select:focus {
  border-color: var(--vidu-control-border-active);
  background: var(--vidu-control-bg-hover);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-floating-logo {
  color: rgba(13,18,28,.92);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-floating-logo-svg {
  filter: drop-shadow(0 8px 18px rgba(15,23,42,.14));
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-pipeline-toolbar.vidu-topbar {
  background:
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(245,248,252,.72)),
    radial-gradient(circle at 8% 0%, rgba(255,255,255,.74), transparent 34%),
    radial-gradient(circle at 92% 100%, rgba(59,130,246,.08), transparent 36%);
}

#vidu-pipeline-dashboard .vidu-pipeline-toolbar.vidu-topbar::after {
  display: none;
}

#vidu-pipeline-dashboard .vidu-pipeline-toolbar.vidu-topbar > * {
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-topbar-brand,
#vidu-pipeline-dashboard .vidu-topbar-profile {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

#vidu-pipeline-dashboard .vidu-topbar-brand-mark {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: var(--vidu-text-primary);
  font-size: 18px;
  font-weight: 900;
  font-style: italic;
  letter-spacing: -.08em;
  line-height: 1;
  position: relative;
}

#vidu-pipeline-dashboard .vidu-topbar-brand-mark::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #ef4444;
  position: absolute;
  right: 8px;
  top: 8px;
  box-shadow: 0 0 14px rgba(239,68,68,.42);
}

#vidu-pipeline-dashboard .vidu-topbar-profile-btn {
  appearance: none;
  border: 1px solid color-mix(in srgb, var(--vidu-control-border) 62%, transparent);
  background: color-mix(in srgb, var(--vidu-control-bg) 48%, transparent);
  color: var(--vidu-control-text);
  border-radius: 999px;
  padding: 3px 7px 3px 3px;
  min-width: 48px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  cursor: pointer;
  transition:
    background var(--vidu-duration-fast) var(--vidu-ease-standard),
    border-color var(--vidu-duration-fast) var(--vidu-ease-standard),
    box-shadow var(--vidu-duration-fast) var(--vidu-ease-standard),
    transform var(--vidu-duration-fast) var(--vidu-ease-standard);
}

#vidu-pipeline-dashboard .vidu-topbar-profile-btn:hover,
#vidu-pipeline-dashboard .vidu-topbar-profile-btn:focus-visible {
  background: var(--vidu-control-bg-hover);
  border-color: var(--vidu-control-border-active);
  box-shadow: var(--vidu-glow-soft);
  transform: translateY(-1px);
}

#vidu-pipeline-dashboard .vidu-topbar-profile-btn .vidu-user-avatar,
#vidu-pipeline-dashboard .vidu-topbar-profile-btn img {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  object-fit: cover;
  display: block;
}

#vidu-pipeline-dashboard .vidu-topbar-profile-chevron {
  font-size: 14px;
  line-height: 1;
  color: var(--vidu-text-secondary);
  transform: translateY(-1px);
}

#vidu-pipeline-dashboard .vidu-topbar-filters {
  flex: 0 1 auto;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(170px, 320px) minmax(96px, 128px) minmax(96px, 128px) minmax(102px, 118px) minmax(102px, 118px) 34px;
  align-items: center;
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-topbar-filters .vidu-field {
  height: 50px;
  justify-content: center;
  gap: 4px;
  min-height: 50px;
}

#vidu-pipeline-dashboard .vidu-topbar-filters .vidu-field label {
  padding-left: 14px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: var(--vidu-letter-label);
  color: var(--vidu-text-faint);
}

#vidu-pipeline-dashboard .vidu-topbar-filters input,
#vidu-pipeline-dashboard .vidu-topbar-filters select {
  width: 100%;
  height: 40px;
  min-height: 40px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--vidu-control-border) 72%, transparent);
  background: color-mix(in srgb, var(--vidu-control-bg) 74%, transparent);
  color: var(--vidu-text-primary);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--vidu-text-primary) 5%, transparent);
  transition:
    background var(--vidu-duration-fast) var(--vidu-ease-standard),
    border-color var(--vidu-duration-fast) var(--vidu-ease-standard),
    box-shadow var(--vidu-duration-fast) var(--vidu-ease-standard);
}

#vidu-pipeline-dashboard .vidu-topbar-filters input::placeholder {
  color: var(--vidu-text-faint);
}

#vidu-pipeline-dashboard .vidu-topbar-filters input:focus,
#vidu-pipeline-dashboard .vidu-topbar-filters select:focus {
  outline: none;
  border-color: var(--vidu-control-border-active);
  background: var(--vidu-control-bg-hover);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--vidu-text-primary) 6%, transparent),
    var(--vidu-glow-accent);
}

#vidu-pipeline-dashboard .vidu-topbar-search-field input {
  padding-left: 18px;
  font-size: var(--vidu-text-sm);
}

#vidu-pipeline-dashboard .vidu-topbar-search-field label {
  padding-left: 18px;
}

#vidu-pipeline-dashboard .vidu-topbar-filter-actions {
  align-items: center;
  height: 50px;
  min-height: 50px;
}

#vidu-pipeline-dashboard .vidu-topbar-actions {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
  margin-left: auto;
  align-self: center;
}

#vidu-pipeline-dashboard .vidu-topbar-action-divider {
  width: 1px;
  height: 24px;
  margin: 0 2px;
  flex: 0 0 1px;
  background: color-mix(in srgb, var(--vidu-border-soft) 86%, transparent);
}

#vidu-pipeline-dashboard .vidu-topbar-icon-btn {
  width: 34px;
  height: 34px;
  min-width: 34px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--vidu-control-text);
  cursor: pointer;
  transition:
    background var(--vidu-duration-fast) var(--vidu-ease-standard),
    border-color var(--vidu-duration-fast) var(--vidu-ease-standard),
    color var(--vidu-duration-fast) var(--vidu-ease-standard),
    box-shadow var(--vidu-duration-fast) var(--vidu-ease-standard),
    transform var(--vidu-duration-fast) var(--vidu-ease-standard);
}

#vidu-pipeline-dashboard .vidu-topbar-icon-btn svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
}

@media (min-width: 769px) {
  #vidu-pipeline-dashboard .vidu-topbar-icon-btn[data-sidebar-action="team"] svg,
  #vidu-pipeline-dashboard .vidu-topbar-icon-btn[data-sidebar-action="workspace"] svg,
  #vidu-pipeline-dashboard .vidu-topbar-icon-btn[data-sidebar-action="workspaces"] svg,
  #vidu-pipeline-dashboard .vidu-topbar-icon-btn[data-sidebar-action="contacts"] svg,
  #vidu-pipeline-dashboard .vidu-topbar-icon-btn[data-sidebar-action="calendar"] svg {
    width: 27px;
    height: 27px;
  }

  #vidu-pipeline-dashboard .vidu-topbar-icon-btn[data-sidebar-action="team"] svg {
    transform: scale(1.06);
    transform-origin: center;
  }
}

#vidu-pipeline-dashboard .vidu-topbar-filter-actions .vidu-icon-btn-reset {
  transform: translateY(3px);
}

#vidu-pipeline-dashboard .vidu-topbar-icon-btn:hover,
#vidu-pipeline-dashboard .vidu-topbar-icon-btn:focus-visible,
#vidu-pipeline-dashboard .vidu-topbar-icon-btn.is-active {
  background: transparent;
  border-color: transparent;
  color: var(--vidu-text-primary);
  box-shadow: var(--vidu-glow-soft);
  transform: translateY(-1px) scale(1.04);
  outline: none;
}

#vidu-pipeline-dashboard .vidu-topbar-filter-actions .vidu-icon-btn-reset:hover,
#vidu-pipeline-dashboard .vidu-topbar-filter-actions .vidu-icon-btn-reset:focus-visible,
#vidu-pipeline-dashboard .vidu-topbar-filter-actions .vidu-icon-btn-reset.is-active {
  transform: translateY(2px) scale(1.04);
}


#vidu-pipeline-dashboard .vidu-topbar-theme-toggle .vidu-topbar-icon-moon {
  display: none;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-topbar-theme-toggle .vidu-topbar-icon-sun {
  display: none;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-topbar-theme-toggle .vidu-topbar-icon-moon {
  display: block;
}

#vidu-pipeline-dashboard .vidu-topbar-notifications {
  position: relative;
}

/* =========================
   VIDU AI OPERATING ASSISTANT
   ========================= */

#vidu-pipeline-dashboard .vidu-ai-operator {
  position: relative;
  z-index: 2147483000;
  pointer-events: none;
  --elena-presence-a: rgba(154, 84, 255, .76);
  --elena-presence-b: rgba(104, 94, 244, .66);
  --elena-presence-c: rgba(82, 132, 255, .54);
  --elena-glow-rgb: 109, 93, 252;
  --elena-glow-opacity: .16;
  --elena-orb-a: rgba(58, 45, 108, .82);
  --elena-orb-b: rgba(16, 21, 40, .88);
  --elena-orb-life: .08;
}

#vidu-pipeline-dashboard .vidu-ai-operator[data-presence-state="suggestion"] {
  --elena-presence-a: rgba(176, 96, 255, .78);
  --elena-presence-b: rgba(132, 80, 255, .64);
  --elena-presence-c: rgba(196, 92, 232, .48);
  --elena-glow-rgb: 151, 71, 255;
  --elena-glow-opacity: .20;
  --elena-orb-a: rgba(67, 42, 120, .84);
  --elena-orb-b: rgba(20, 18, 48, .88);
  --elena-orb-life: .10;
}

#vidu-pipeline-dashboard .vidu-ai-operator[data-presence-state="approval"] {
  --elena-presence-a: rgba(72, 190, 222, .68);
  --elena-presence-b: rgba(80, 122, 236, .62);
  --elena-presence-c: rgba(132, 80, 255, .46);
  --elena-glow-rgb: 45, 212, 191;
  --elena-glow-opacity: .21;
  --elena-orb-a: rgba(34, 70, 98, .80);
  --elena-orb-b: rgba(18, 26, 54, .88);
  --elena-orb-life: .11;
}

#vidu-pipeline-dashboard .vidu-ai-operator[data-presence-state="attention"] {
  --elena-presence-a: rgba(238, 156, 36, .62);
  --elena-presence-b: rgba(174, 88, 178, .52);
  --elena-presence-c: rgba(92, 108, 230, .42);
  --elena-glow-rgb: 245, 158, 11;
  --elena-glow-opacity: .18;
  --elena-orb-a: rgba(82, 57, 36, .80);
  --elena-orb-b: rgba(28, 24, 52, .88);
  --elena-orb-life: .10;
}

#vidu-pipeline-dashboard .vidu-ai-operator[data-presence-state="listening"] {
  --elena-presence-a: rgba(70, 178, 224, .70);
  --elena-presence-b: rgba(64, 204, 194, .54);
  --elena-presence-c: rgba(116, 94, 244, .46);
  --elena-glow-rgb: 56, 189, 248;
  --elena-glow-opacity: .22;
  --elena-orb-a: rgba(32, 72, 104, .82);
  --elena-orb-b: rgba(16, 36, 58, .88);
  --elena-orb-life: .12;
}

#vidu-pipeline-dashboard .vidu-ai-launcher,
#vidu-pipeline-dashboard .vidu-ai-panel {
  pointer-events: auto;
}

#vidu-pipeline-dashboard .vidu-ai-launcher {
  position: fixed;
  right: clamp(18px, 3vw, 34px);
  bottom: clamp(18px, 3vw, 34px);
  z-index: 2147483000;
  width: fit-content;
  min-width: 0;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 6px 15px 6px 7px;
  border: 0;
  border-radius: 999px;
  background:
    radial-gradient(circle at 18% 24%, rgba(132, 80, 255, .11), transparent 35%),
    linear-gradient(180deg, rgba(16, 18, 29, .92), rgba(7, 9, 15, .96));
  color: rgba(245, 245, 255, .92);
  font: inherit;
  font-size: 13px;
  font-weight: 690;
  letter-spacing: .01em;
  box-shadow:
    0 15px 34px rgba(0, 0, 0, .36),
    0 0 20px rgba(var(--elena-glow-rgb), var(--elena-glow-opacity)),
    inset 0 1px 0 rgba(255, 255, 255, .052),
    inset 0 0 0 1px rgba(132, 110, 255, .075);
  cursor: pointer;
  backdrop-filter: blur(18px);
  isolation: isolate;
  animation: elena-presence-breathe 12s ease-in-out infinite;
  transform-origin: center;
  transition: opacity .18s ease, transform .18s ease, box-shadow .18s ease;
}

#vidu-pipeline-dashboard .vidu-ai-launcher::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.35px;
  border-radius: inherit;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, .10), var(--elena-presence-a), var(--elena-presence-b), var(--elena-presence-c), rgba(255, 255, 255, .08), var(--elena-presence-a));
  background-size: 260% 260%;
  background-position: 0% 50%;
  opacity: .88;
  pointer-events: none;
  z-index: 0;
  will-change: background-position;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: elena-border-flow 22s ease-in-out infinite;
}

#vidu-pipeline-dashboard .vidu-ai-launcher::after {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: inherit;
  background: radial-gradient(ellipse at 50% 50%, rgba(var(--elena-glow-rgb), .18), transparent 64%);
  opacity: .34;
  filter: blur(18px);
  pointer-events: none;
  z-index: -1;
  animation: elena-edge-glow 12s ease-in-out infinite;
}

#vidu-pipeline-dashboard .vidu-ai-launcher > span {
  position: relative;
  z-index: 1;
}

#vidu-pipeline-dashboard .vidu-ai-launcher > span:not(.vidu-ai-launcher-orb) {
  color: rgba(245, 245, 255, .92);
  text-shadow: 0 1px 12px rgba(255, 255, 255, .08);
}

#vidu-pipeline-dashboard .vidu-ai-launcher.is-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px) scale(.96);
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-bubble {
  position: fixed;
  right: clamp(18px, 3vw, 34px);
  bottom: calc(clamp(18px, 3vw, 34px) + 68px);
  z-index: 2147483000;
  width: min(360px, calc(100vw - 32px));
  display: grid;
  gap: 8px;
  color: rgba(248, 250, 252, .94);
  pointer-events: auto;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-bubble[hidden] {
  display: none;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-bubble-body {
  width: 100%;
  min-height: 68px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 0%, rgba(56, 189, 248, .14), transparent 42%),
    linear-gradient(180deg, rgba(18, 24, 38, .96), rgba(8, 12, 20, .94));
  color: inherit;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .06);
  cursor: pointer;
  text-align: left;
  backdrop-filter: blur(18px);
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-avatar {
  width: 42px;
  height: 42px;
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(56, 189, 248, .22), rgba(139, 92, 246, .18));
  color: rgba(248, 250, 252, .92);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, .10);
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-bubble-body span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-bubble-body b,
#vidu-pipeline-dashboard .vidu-workforce-inbox-item-head b {
  overflow: hidden;
  color: rgba(248, 250, 252, .96);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-bubble-body small,
#vidu-pipeline-dashboard .vidu-workforce-inbox-item-head small {
  overflow: hidden;
  color: rgba(203, 213, 225, .72);
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-bubble-body i,
#vidu-pipeline-dashboard .vidu-workforce-inbox-item-head em {
  justify-self: end;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(245, 158, 11, .12);
  color: rgba(253, 230, 138, .94);
  font-size: 10px;
  font-style: normal;
  font-weight: 740;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-bubble-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-bubble-actions button,
#vidu-pipeline-dashboard .vidu-workforce-inbox-detail footer button {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 999px;
  background: rgba(15, 23, 42, .86);
  color: rgba(248, 250, 252, .92);
  font-size: 12px;
  font-weight: 720;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-bubble-actions button:first-child,
#vidu-pipeline-dashboard .vidu-workforce-inbox-detail footer button:first-child {
  background: rgba(34, 197, 94, .16);
  border-color: rgba(34, 197, 94, .24);
  color: rgba(187, 247, 208, .96);
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-modal {
  display: grid;
  gap: 16px;
  color: rgba(248, 250, 252, .92);
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-modal > header {
  display: grid;
  gap: 5px;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-modal > header span,
#vidu-pipeline-dashboard .vidu-workforce-inbox-status {
  color: rgba(125, 211, 252, .80);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-modal > header h3 {
  margin: 0;
  color: rgba(248, 250, 252, .98);
  font-size: 20px;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-modal > header p,
#vidu-pipeline-dashboard .vidu-workforce-inbox-empty {
  margin: 0;
  color: rgba(203, 213, 225, .74);
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-list {
  display: grid;
  gap: 10px;
  max-height: min(62vh, 620px);
  overflow: auto;
  padding-right: 4px;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-item {
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 16px;
  background: rgba(15, 23, 42, .62);
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-item-head {
  width: 100%;
  display: grid;
  grid-template-columns: 42px minmax(120px, .9fr) auto minmax(150px, 1.2fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-item-head > span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-item-head strong,
#vidu-pipeline-dashboard .vidu-workforce-inbox-item-head p {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-item-head strong {
  color: rgba(248, 250, 252, .94);
  font-size: 13px;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-item-head p {
  color: rgba(203, 213, 225, .70);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-detail {
  display: grid;
  gap: 12px;
  padding: 0 14px 14px 68px;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-detail p {
  margin: 0;
  color: rgba(226, 232, 240, .86);
  line-height: 1.55;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-detail dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-detail dl div {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .035);
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-detail dt {
  color: rgba(148, 163, 184, .82);
  font-size: 10px;
  font-weight: 740;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-detail dd {
  margin: 0;
  color: rgba(248, 250, 252, .90);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-workforce-inbox-detail footer {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

@media (max-width: 720px) {
  #vidu-pipeline-dashboard .vidu-workforce-inbox-item-head {
    grid-template-columns: 42px minmax(0, 1fr) auto;
  }

  #vidu-pipeline-dashboard .vidu-workforce-inbox-item-head strong,
  #vidu-pipeline-dashboard .vidu-workforce-inbox-item-head p {
    grid-column: 2 / -1;
  }

  #vidu-pipeline-dashboard .vidu-workforce-inbox-detail {
    padding-left: 14px;
  }

  #vidu-pipeline-dashboard .vidu-workforce-inbox-detail dl {
    grid-template-columns: 1fr;
  }
}

#vidu-pipeline-dashboard .vidu-ai-launcher:hover,
#vidu-pipeline-dashboard .vidu-ai-launcher:focus-visible {
  transform: translateY(-2px);
  box-shadow:
    0 17px 38px rgba(0, 0, 0, .39),
    0 0 24px rgba(var(--elena-glow-rgb), calc(var(--elena-glow-opacity) + .04)),
    inset 0 1px 0 rgba(255, 255, 255, .065),
    inset 0 0 0 1px rgba(132, 110, 255, .10);
  outline: none;
}

#vidu-pipeline-dashboard .vidu-ai-launcher:hover::before,
#vidu-pipeline-dashboard .vidu-ai-launcher:focus-visible::before {
  opacity: .95;
  animation-duration: 18s;
}

#vidu-pipeline-dashboard .vidu-ai-launcher-orb {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background:
    radial-gradient(circle at 36% 24%, rgba(255, 255, 255, .115), transparent 32%),
    radial-gradient(circle at 44% 42%, rgba(132, 80, 255, .20), transparent 48%),
    linear-gradient(145deg, var(--elena-orb-a), var(--elena-orb-b));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .105),
    inset 0 -13px 24px rgba(0, 0, 0, .20),
    inset 0 0 0 1px rgba(148, 130, 255, .11),
    0 0 12px rgba(var(--elena-glow-rgb), .14);
  animation: elena-icon-life 22s ease-in-out infinite;
}

#vidu-pipeline-dashboard .vidu-ai-operator[data-presence-state="listening"] .vidu-ai-launcher::after {
  content: "";
  position: absolute;
  inset: -12px;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: inherit;
  background: radial-gradient(ellipse at 50% 50%, rgba(125, 211, 252, .14), transparent 62%);
  opacity: .48;
  filter: blur(12px);
  pointer-events: none;
  z-index: -1;
  animation: elena-listening-field 7s ease-in-out infinite;
}

#vidu-pipeline-dashboard .vidu-ai-launcher svg,
#vidu-pipeline-dashboard .vidu-ai-mic svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
}

#vidu-pipeline-dashboard .vidu-ai-launcher-orb svg {
  width: 19px;
  height: 19px;
  color: rgba(248, 250, 255, .84);
  filter: drop-shadow(0 0 5px rgba(255, 255, 255, .10));
}

#vidu-pipeline-dashboard .vidu-ai-panel {
  position: fixed;
  right: clamp(18px, 3vw, 34px);
  bottom: clamp(18px, 3vw, 34px);
  z-index: 2147483000;
  width: min(420px, calc(100vw - 28px));
  height: auto;
  max-width: calc(100vw - 48px);
  max-height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .095);
  border-radius: 26px;
  background:
    radial-gradient(circle at 24% 0%, rgba(109, 93, 252, .13), transparent 38%),
    linear-gradient(180deg, rgba(18, 22, 34, .96), rgba(8, 11, 18, .94));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .44), 0 0 34px rgba(56, 189, 248, .09);
  backdrop-filter: blur(24px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(16px) scale(.96);
  filter: blur(4px);
  transform-origin: right bottom;
  transition:
    opacity .26s cubic-bezier(.22, 1, .36, 1),
    transform .26s cubic-bezier(.22, 1, .36, 1),
    filter .26s cubic-bezier(.22, 1, .36, 1);
}

#vidu-pipeline-dashboard .vidu-ai-panel.is-compact {
  width: min(360px, calc(100vw - 28px));
}

@media (min-width: 768px) {
  #vidu-pipeline-dashboard .vidu-ai-panel {
    min-width: 420px;
    min-height: 0;
  }
}

#vidu-pipeline-dashboard .vidu-ai-panel.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

#vidu-pipeline-dashboard .vidu-ai-panel.is-closing {
  opacity: 0;
  transform: translateY(16px) scale(.96);
  filter: blur(4px);
}

#vidu-pipeline-dashboard .vidu-ai-panel[hidden] {
  display: none !important;
}

body.is-resizing-elena {
  cursor: nwse-resize;
  user-select: none;
}

body.is-resizing-elena * {
  user-select: none !important;
}

#vidu-pipeline-dashboard .vidu-elena-resize-handle {
  position: absolute;
  z-index: 4;
  display: block;
  opacity: 0;
  border-radius: 999px;
  background: transparent;
  pointer-events: auto;
  touch-action: none;
  transition: opacity .16s ease, box-shadow .16s ease, background .16s ease;
}

#vidu-pipeline-dashboard .vidu-elena-resize-handle:hover,
#vidu-pipeline-dashboard .vidu-elena-resize-handle.is-active {
  opacity: 1;
  background: rgba(92, 200, 255, .12);
  box-shadow: 0 0 18px rgba(92, 200, 255, .14);
}

#vidu-pipeline-dashboard .vidu-elena-resize-handle-left {
  left: -5px;
  top: 16px;
  bottom: 16px;
  width: 10px;
  cursor: ew-resize;
}

#vidu-pipeline-dashboard .vidu-elena-resize-handle-top {
  top: -5px;
  left: 16px;
  right: 16px;
  height: 10px;
  cursor: ns-resize;
}

#vidu-pipeline-dashboard .vidu-elena-resize-handle-top-left {
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  cursor: nwse-resize;
}

#vidu-pipeline-dashboard .vidu-ai-panel-head {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 15px 12px 17px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}

#vidu-pipeline-dashboard .vidu-ai-panel-head > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-elena-header-actions {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-elena-icon-btn {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  color: rgba(226, 232, 240, .78);
  font: inherit;
  line-height: 1;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

#vidu-pipeline-dashboard .vidu-elena-icon-btn svg {
  width: 20px;
  height: 20px;
  display: block;
  stroke: currentColor;
}

#vidu-pipeline-dashboard .vidu-elena-icon-btn:hover,
#vidu-pipeline-dashboard .vidu-elena-icon-btn:focus-visible {
  border-color: rgba(125, 211, 252, .22);
  background: rgba(125, 211, 252, .08);
  color: rgba(248, 250, 252, .94);
}

#vidu-pipeline-dashboard .vidu-elena-icon-btn.is-active,
#vidu-pipeline-dashboard .vidu-elena-icon-btn[aria-expanded="true"] {
  border-color: rgba(125, 211, 252, .30);
  background: rgba(125, 211, 252, .105);
  color: rgba(248, 250, 252, .96);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .055);
}

@media (max-width: 767px) {
  #vidu-pipeline-dashboard .vidu-elena-header-actions {
    gap: 6px;
  }

  #vidu-pipeline-dashboard .vidu-elena-icon-btn {
    width: 40px;
    height: 40px;
  }

  #vidu-pipeline-dashboard .vidu-elena-icon-btn[data-vidu-ai-reset-size] {
    display: none;
  }

  #vidu-pipeline-dashboard .vidu-ai-panel {
    width: min(410px, calc(100vw - 28px));
    height: auto;
    max-height: min(70vh, 720px);
  }

  #vidu-pipeline-dashboard .vidu-elena-resize-handle {
    display: none;
  }
}

#vidu-pipeline-dashboard .vidu-ai-panel-head strong {
  color: rgba(248, 250, 252, .96);
  font-size: 15px;
  font-weight: 880;
}

#vidu-pipeline-dashboard .vidu-ai-panel-head span {
  color: rgba(125, 211, 252, .74);
  font-size: 10px;
  font-weight: 760;
}

#vidu-pipeline-dashboard .vidu-ai-context {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  margin: 8px 14px 0;
  color: rgba(148, 163, 184, .76);
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-ai-context span,
#vidu-pipeline-dashboard .vidu-ai-context i,
#vidu-pipeline-dashboard .vidu-ai-context em {
  min-width: 0;
  display: inline-block;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

#vidu-pipeline-dashboard .vidu-ai-context span {
  color: rgba(226, 232, 240, .88);
  font-weight: 760;
}

#vidu-pipeline-dashboard .vidu-ai-context i::before,
#vidu-pipeline-dashboard .vidu-ai-context em::before {
  content: "·";
  margin-right: 6px;
  color: rgba(148, 163, 184, .46);
}

#vidu-pipeline-dashboard .vidu-ai-context em {
  max-width: 110px;
  color: rgba(125, 211, 252, .78);
}

#vidu-pipeline-dashboard .vidu-ai-capabilities {
  display: none;
}

#vidu-pipeline-dashboard .vidu-ai-capabilities div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

#vidu-pipeline-dashboard .vidu-ai-capabilities b,
#vidu-pipeline-dashboard .vidu-ai-capabilities i {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  font-size: 10px;
  font-style: normal;
  font-weight: 780;
}

#vidu-pipeline-dashboard .vidu-ai-capabilities b {
  border: 1px solid rgba(125, 211, 252, .14);
  background: rgba(125, 211, 252, .055);
  color: rgba(226, 232, 240, .90);
}

#vidu-pipeline-dashboard .vidu-ai-capabilities i {
  border: 1px solid rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .035);
  color: rgba(148, 163, 184, .78);
}

#vidu-pipeline-dashboard .vidu-ai-close:hover {
  background: rgba(255, 255, 255, .10);
  color: #fff;
}

#vidu-pipeline-dashboard .vidu-ai-history-panel {
  flex: 0 0 auto;
  margin: 10px 14px 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 18px;
  background: rgba(7, 10, 18, .70);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

#vidu-pipeline-dashboard .vidu-ai-history-panel[hidden] {
  display: none !important;
}

#vidu-pipeline-dashboard .vidu-ai-history-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

#vidu-pipeline-dashboard .vidu-ai-history-head strong {
  color: rgba(248, 250, 252, .94);
  font-size: 12px;
  font-weight: 860;
}

#vidu-pipeline-dashboard .vidu-ai-history-head span {
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  font-weight: 720;
}

#vidu-pipeline-dashboard .vidu-ai-history-list {
  max-height: 176px;
  display: grid;
  gap: 7px;
  overflow-y: auto;
}

#vidu-pipeline-dashboard .vidu-ai-history-item {
  width: 100%;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 14px;
  background: rgba(255, 255, 255, .035);
  color: rgba(226, 232, 240, .84);
  padding: 8px 10px;
  text-align: left;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-ai-history-item:hover,
#vidu-pipeline-dashboard .vidu-ai-history-item.is-active {
  border-color: rgba(125, 211, 252, .22);
  background: rgba(125, 211, 252, .075);
}

#vidu-pipeline-dashboard .vidu-ai-history-item span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

#vidu-pipeline-dashboard .vidu-ai-history-item strong {
  min-width: 0;
  overflow: hidden;
  color: rgba(248, 250, 252, .90);
  font-size: 12px;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-ai-history-item small,
#vidu-pipeline-dashboard .vidu-ai-history-empty {
  color: rgba(148, 163, 184, .74);
  font-size: 10px;
  font-weight: 680;
}

#vidu-pipeline-dashboard .vidu-ai-history-empty {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 11px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .03);
}

#vidu-pipeline-dashboard .vidu-ai-history-empty strong {
  color: rgba(226, 232, 240, .86);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-ai-thread {
  min-height: 0;
  flex: 1 1 auto;
  display: grid;
  align-content: start;
  gap: 11px;
  padding: 14px;
  overflow-y: auto;
}

#vidu-pipeline-dashboard .vidu-ai-panel.has-no-messages .vidu-ai-thread {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

#vidu-pipeline-dashboard .vidu-ai-panel.has-no-messages .vidu-ai-composer {
  margin-top: auto;
}

#vidu-pipeline-dashboard .vidu-ai-panel.has-messages .vidu-ai-thread {
  flex: 1 1 auto;
  min-height: 120px;
  overflow-y: auto;
}

#vidu-pipeline-dashboard .vidu-ai-panel.has-messages .vidu-ai-composer {
  margin-top: auto;
}

@media (min-width: 768px) {
  #vidu-pipeline-dashboard .vidu-ai-panel.has-messages {
    height: min(560px, calc(100vh - 48px));
    min-height: 560px;
  }
}

#vidu-pipeline-dashboard .vidu-ai-message {
  max-width: 88%;
  display: grid;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 17px;
  background: rgba(255, 255, 255, .047);
}

#vidu-pipeline-dashboard .vidu-ai-message.is-user {
  justify-self: end;
  background: linear-gradient(135deg, rgba(109, 93, 252, .24), rgba(56, 189, 248, .14));
}

#vidu-pipeline-dashboard .vidu-ai-message span {
  color: rgba(125, 211, 252, .76);
  font-size: 10px;
  font-weight: 840;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-ai-message > .vidu-ai-speaker,
#vidu-elena-global-layer .vidu-ai-message > .vidu-ai-speaker {
  --vidu-speaker-color: #7dd3fc;
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: rgba(125, 211, 252, .82);
  font-size: 10px;
  font-weight: 840;
  letter-spacing: 0;
  text-transform: none;
}

#vidu-pipeline-dashboard .vidu-ai-speaker i,
#vidu-elena-global-layer .vidu-ai-speaker i {
  flex: 0 0 28px;
  width: 28px;
  min-width: 28px;
  max-width: 28px;
  height: 28px;
  min-height: 28px;
  max-height: 28px;
  aspect-ratio: 1 / 1;
  display: inline-grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--vidu-speaker-color) 34%, rgba(255, 255, 255, .10));
  border-radius: 50%;
  background: color-mix(in srgb, var(--vidu-speaker-color) 16%, rgba(255, 255, 255, .045));
  color: rgba(248, 250, 252, .94);
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-ai-speaker img,
#vidu-elena-global-layer .vidu-ai-speaker img {
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: inherit;
}

#vidu-pipeline-dashboard .vidu-ai-speaker b,
#vidu-elena-global-layer .vidu-ai-speaker b {
  color: rgba(248, 250, 252, .92);
  font-size: 11px;
  line-height: 1.15;
}

#vidu-pipeline-dashboard .vidu-ai-speaker small,
#vidu-elena-global-layer .vidu-ai-speaker small {
  min-width: 0;
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  font-weight: 720;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-ai-message p {
  margin: 0;
  color: rgba(241, 245, 249, .92);
  font-size: 13px;
  line-height: 1.45;
  white-space: pre-wrap;
}

#vidu-pipeline-dashboard .vidu-ai-message .vidu-ai-message-line,
#vidu-elena-global-layer .vidu-ai-message .vidu-ai-message-line {
  color: rgba(241, 245, 249, .92);
  font-size: 13px;
  font-weight: inherit;
  letter-spacing: 0;
  line-height: 1.45;
  text-transform: none;
}

#vidu-pipeline-dashboard .vidu-workforce-entity-links,
#vidu-elena-global-layer .vidu-workforce-entity-links,
.vidu-dwf-insight-card .vidu-workforce-entity-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

#vidu-pipeline-dashboard .vidu-workforce-entity-links-label,
#vidu-elena-global-layer .vidu-workforce-entity-links-label,
.vidu-dwf-insight-card .vidu-workforce-entity-links-label {
  width: 100%;
  color: rgba(226, 232, 240, .54);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-workforce-entity-links button,
#vidu-elena-global-layer .vidu-workforce-entity-links button,
.vidu-dwf-insight-card .vidu-workforce-entity-links button {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 9px;
  border: 1px solid rgba(125, 211, 252, .22);
  border-radius: 999px;
  background: rgba(14, 165, 233, .10);
  color: rgba(224, 242, 254, .92);
  font-size: 11px;
  font-weight: 820;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-workforce-entity-links button:hover,
#vidu-elena-global-layer .vidu-workforce-entity-links button:hover,
.vidu-dwf-insight-card .vidu-workforce-entity-links button:hover {
  border-color: rgba(125, 211, 252, .40);
  background: rgba(14, 165, 233, .18);
}

#vidu-pipeline-dashboard .vidu-ai-source-chips,
#vidu-elena-global-layer .vidu-ai-source-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

#vidu-pipeline-dashboard .vidu-ai-source-chips span,
#vidu-elena-global-layer .vidu-ai-source-chips span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border: 1px solid rgba(167, 139, 250, .20);
  border-radius: 999px;
  background: rgba(99, 102, 241, .08);
  color: rgba(221, 214, 254, .82);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-response,
#vidu-elena-global-layer .vidu-ai-collaboration-response {
  display: grid;
  gap: 10px;
  margin-top: 8px;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-response > header,
#vidu-elena-global-layer .vidu-ai-collaboration-response > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-response > header strong,
#vidu-elena-global-layer .vidu-ai-collaboration-response > header strong {
  display: block;
  color: rgba(248, 250, 252, .94);
  font-size: 13px;
  line-height: 1.2;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-response > header span,
#vidu-elena-global-layer .vidu-ai-collaboration-response > header span {
  display: block;
  margin-top: 3px;
  color: rgba(148, 163, 184, .78);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: 0;
  text-transform: none;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-response > header b,
#vidu-elena-global-layer .vidu-ai-collaboration-response > header b {
  flex: 0 0 auto;
  padding: 5px 8px;
  border: 1px solid rgba(125, 211, 252, .13);
  border-radius: 999px;
  background: rgba(125, 211, 252, .055);
  color: rgba(186, 230, 253, .82);
  font-size: 10px;
  line-height: 1;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-grid,
#vidu-elena-global-layer .vidu-ai-collaboration-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-thinking,
#vidu-elena-global-layer .vidu-ai-collaboration-thinking {
  display: grid;
  gap: 6px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-response.is-reduced-motion .vidu-ai-collaboration-thinking,
#vidu-elena-global-layer .vidu-ai-collaboration-response.is-reduced-motion .vidu-ai-collaboration-thinking,
#vidu-pipeline-dashboard .vidu-ai-collaboration-response.is-completed .vidu-ai-collaboration-thinking,
#vidu-elena-global-layer .vidu-ai-collaboration-response.is-completed .vidu-ai-collaboration-thinking {
  display: none;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-thinking-row,
#vidu-elena-global-layer .vidu-ai-collaboration-thinking-row {
  --vidu-agent-color: #7dd3fc;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-height: 28px;
  overflow: hidden;
  color: rgba(203, 213, 225, .78);
  font-size: 11px;
  font-weight: 740;
  line-height: 1.25;
  opacity: 1;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-thinking-row i,
#vidu-elena-global-layer .vidu-ai-collaboration-thinking-row i {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--vidu-agent-color) 26%, rgba(255, 255, 255, .12));
  border-radius: 50%;
  overflow: hidden;
  background: color-mix(in srgb, var(--vidu-agent-color) 12%, rgba(15, 23, 42, .88));
  color: color-mix(in srgb, var(--vidu-agent-color) 68%, #ffffff);
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-thinking-row img,
#vidu-elena-global-layer .vidu-ai-collaboration-thinking-row img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-thinking-row b,
#vidu-elena-global-layer .vidu-ai-collaboration-thinking-row b {
  min-width: 0;
  display: grid;
  grid-template-areas: "copy";
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-thinking-row b > span,
#vidu-elena-global-layer .vidu-ai-collaboration-thinking-row b > span {
  grid-area: copy;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-thinking-row .vidu-ai-answered-copy,
#vidu-elena-global-layer .vidu-ai-collaboration-thinking-row .vidu-ai-answered-copy {
  color: color-mix(in srgb, var(--vidu-agent-color) 72%, #ffffff);
  opacity: 0;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-thinking-row em,
#vidu-elena-global-layer .vidu-ai-collaboration-thinking-row em {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-left: auto;
  opacity: .78;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-thinking-row em span,
#vidu-elena-global-layer .vidu-ai-collaboration-thinking-row em span {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--vidu-agent-color) 62%, #ffffff);
  animation: viduCollabDotPulse 900ms ease-in-out infinite;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-thinking-row em span:nth-child(2),
#vidu-elena-global-layer .vidu-ai-collaboration-thinking-row em span:nth-child(2) {
  animation-delay: 120ms;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-thinking-row em span:nth-child(3),
#vidu-elena-global-layer .vidu-ai-collaboration-thinking-row em span:nth-child(3) {
  animation-delay: 240ms;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-response.is-deliberating .vidu-ai-collaboration-thinking-row,
#vidu-elena-global-layer .vidu-ai-collaboration-response.is-deliberating .vidu-ai-collaboration-thinking-row {
  opacity: 0;
  transform: translateY(4px);
  animation:
    viduCollabThinkingIn 180ms ease-out var(--think-delay, 0ms) forwards,
    viduCollabThinkingRowOut 260ms ease-out var(--row-hide-delay, 2600ms) forwards;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-response.is-deliberating .vidu-ai-thinking-copy,
#vidu-elena-global-layer .vidu-ai-collaboration-response.is-deliberating .vidu-ai-thinking-copy {
  animation: viduCollabThinkingCopyOut 150ms ease-out var(--answered-delay, 2200ms) forwards;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-response.is-deliberating .vidu-ai-answered-copy,
#vidu-elena-global-layer .vidu-ai-collaboration-response.is-deliberating .vidu-ai-answered-copy {
  animation:
    viduCollabAnsweredIn 170ms ease-out var(--answered-delay, 2200ms) forwards,
    viduCollabAnsweredOut 180ms ease-out var(--row-hide-delay, 2800ms) forwards;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-response.is-deliberating .vidu-ai-collaboration-thinking-row em,
#vidu-elena-global-layer .vidu-ai-collaboration-response.is-deliberating .vidu-ai-collaboration-thinking-row em {
  animation: viduCollabThinkingCopyOut 140ms ease-out var(--answered-delay, 2200ms) forwards;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-card,
#vidu-elena-global-layer .vidu-ai-collaboration-card {
  --vidu-agent-color: #7dd3fc;
  min-width: 0;
  display: grid;
  gap: 9px;
  padding: 11px;
  border: 1px solid color-mix(in srgb, var(--vidu-agent-color) 16%, rgba(255, 255, 255, .075));
  border-radius: 14px;
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--vidu-agent-color) 10%, transparent), transparent 36%),
    rgba(255, 255, 255, .035);
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-response.is-deliberating .vidu-ai-collaboration-card,
#vidu-elena-global-layer .vidu-ai-collaboration-response.is-deliberating .vidu-ai-collaboration-card {
  opacity: 0;
  transform: translateY(6px);
  animation: viduCollabCardReveal 240ms ease-out var(--card-delay, 0ms) forwards;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-response.is-completed .vidu-ai-collaboration-card,
#vidu-elena-global-layer .vidu-ai-collaboration-response.is-completed .vidu-ai-collaboration-card {
  opacity: 1;
  transform: none;
  animation: none;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-card > header,
#vidu-elena-global-layer .vidu-ai-collaboration-card > header {
  display: flex;
  align-items: center;
  gap: 9px;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-card > header strong,
#vidu-elena-global-layer .vidu-ai-collaboration-card > header strong {
  display: block;
  color: rgba(248, 250, 252, .94);
  font-size: 12px;
  line-height: 1.15;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-card > header span,
#vidu-elena-global-layer .vidu-ai-collaboration-card > header span {
  display: block;
  margin-top: 3px;
  color: rgba(203, 213, 225, .70);
  font-size: 10px;
  font-weight: 720;
  letter-spacing: 0;
  text-transform: none;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-card dl,
#vidu-elena-global-layer .vidu-ai-collaboration-card dl {
  display: grid;
  gap: 5px;
  margin: 0;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-card dl div,
#vidu-elena-global-layer .vidu-ai-collaboration-card dl div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-card dt,
#vidu-pipeline-dashboard .vidu-ai-collaboration-card dd,
#vidu-elena-global-layer .vidu-ai-collaboration-card dt,
#vidu-elena-global-layer .vidu-ai-collaboration-card dd {
  margin: 0;
  color: rgba(148, 163, 184, .74);
  font-size: 9px;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-card dd,
#vidu-elena-global-layer .vidu-ai-collaboration-card dd {
  color: rgba(226, 232, 240, .78);
  text-align: right;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-card p,
#vidu-elena-global-layer .vidu-ai-collaboration-card p {
  margin: 0;
  color: rgba(226, 232, 240, .86);
  font-size: 12px;
  line-height: 1.45;
  white-space: normal;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-card.is-summary,
#vidu-elena-global-layer .vidu-ai-collaboration-card.is-summary {
  grid-column: 1 / -1;
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--vidu-agent-color) 14%, transparent), transparent 38%),
    rgba(125, 211, 252, .045);
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-meta,
#vidu-elena-global-layer .vidu-ai-collaboration-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-meta b,
#vidu-elena-global-layer .vidu-ai-collaboration-meta b {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 4px 7px;
  border: 1px solid color-mix(in srgb, var(--vidu-agent-color) 22%, rgba(255, 255, 255, .08));
  border-radius: 999px;
  background: color-mix(in srgb, var(--vidu-agent-color) 11%, transparent);
  color: color-mix(in srgb, var(--vidu-agent-color) 72%, #ffffff);
  font-size: 9px;
  font-weight: 820;
  line-height: 1;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-meta span,
#vidu-elena-global-layer .vidu-ai-collaboration-meta span {
  min-width: 0;
  color: rgba(148, 163, 184, .76);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-ai-decision-support,
#vidu-elena-global-layer .vidu-ai-decision-support {
  display: grid;
  gap: 8px;
  padding-top: 2px;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-response.is-deliberating .vidu-ai-decision-support,
#vidu-elena-global-layer .vidu-ai-collaboration-response.is-deliberating .vidu-ai-decision-support {
  opacity: 0;
  transform: translateY(6px);
  animation: viduCollabDecisionReveal 260ms ease-out var(--decision-support-delay, 0ms) forwards;
}

#vidu-pipeline-dashboard .vidu-ai-collaboration-response.is-completed .vidu-ai-decision-support,
#vidu-elena-global-layer .vidu-ai-collaboration-response.is-completed .vidu-ai-decision-support {
  opacity: 1;
  transform: none;
  animation: none;
}

#vidu-pipeline-dashboard .vidu-ai-decision-summary,
#vidu-elena-global-layer .vidu-ai-decision-summary,
#vidu-pipeline-dashboard .vidu-ai-suggested-actions,
#vidu-elena-global-layer .vidu-ai-suggested-actions,
#vidu-pipeline-dashboard .vidu-ai-agent-questions,
#vidu-elena-global-layer .vidu-ai-agent-questions {
  min-width: 0;
  padding: 9px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 12px;
  background: rgba(15, 23, 42, .36);
}

#vidu-pipeline-dashboard .vidu-ai-decision-summary header,
#vidu-elena-global-layer .vidu-ai-decision-summary header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
}

#vidu-pipeline-dashboard .vidu-ai-decision-summary strong,
#vidu-elena-global-layer .vidu-ai-decision-summary strong,
#vidu-pipeline-dashboard .vidu-ai-suggested-actions > strong,
#vidu-elena-global-layer .vidu-ai-suggested-actions > strong,
#vidu-pipeline-dashboard .vidu-ai-agent-questions > strong,
#vidu-elena-global-layer .vidu-ai-agent-questions > strong {
  display: block;
  color: rgba(248, 250, 252, .92);
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
}

#vidu-pipeline-dashboard .vidu-ai-decision-summary header span,
#vidu-elena-global-layer .vidu-ai-decision-summary header span {
  flex: 0 0 auto;
  color: rgba(125, 211, 252, .76);
  font-size: 9px;
  font-weight: 820;
  line-height: 1;
}

#vidu-pipeline-dashboard .vidu-ai-decision-summary dl,
#vidu-elena-global-layer .vidu-ai-decision-summary dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

#vidu-pipeline-dashboard .vidu-ai-decision-summary dl div,
#vidu-elena-global-layer .vidu-ai-decision-summary dl div {
  display: grid;
  gap: 2px;
}

#vidu-pipeline-dashboard .vidu-ai-decision-summary dt,
#vidu-elena-global-layer .vidu-ai-decision-summary dt {
  margin: 0;
  color: rgba(148, 163, 184, .76);
  font-size: 9px;
  font-weight: 780;
  line-height: 1.2;
}

#vidu-pipeline-dashboard .vidu-ai-decision-summary dd,
#vidu-elena-global-layer .vidu-ai-decision-summary dd {
  margin: 0;
  color: rgba(226, 232, 240, .88);
  font-size: 11px;
  line-height: 1.35;
}

#vidu-pipeline-dashboard .vidu-ai-suggested-actions div,
#vidu-elena-global-layer .vidu-ai-suggested-actions div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}

#vidu-pipeline-dashboard .vidu-ai-suggested-actions span,
#vidu-elena-global-layer .vidu-ai-suggested-actions span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 5px 8px;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: 999px;
  background: rgba(125, 211, 252, .055);
  color: rgba(186, 230, 253, .86);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}

#vidu-pipeline-dashboard .vidu-ai-agent-questions ul,
#vidu-elena-global-layer .vidu-ai-agent-questions ul {
  display: grid;
  gap: 6px;
  margin: 7px 0 0;
  padding: 0;
  list-style: none;
}

#vidu-pipeline-dashboard .vidu-ai-agent-questions li,
#vidu-elena-global-layer .vidu-ai-agent-questions li {
  display: grid;
  gap: 2px;
}

#vidu-pipeline-dashboard .vidu-ai-agent-questions li b,
#vidu-elena-global-layer .vidu-ai-agent-questions li b {
  color: rgba(226, 232, 240, .84);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
}

#vidu-pipeline-dashboard .vidu-ai-agent-questions li span,
#vidu-elena-global-layer .vidu-ai-agent-questions li span {
  color: rgba(203, 213, 225, .78);
  font-size: 11px;
  line-height: 1.35;
}

@keyframes viduCollabThinkingIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes viduCollabThinkingRowOut {
  from {
    opacity: 1;
    max-height: 28px;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    max-height: 0;
    transform: translateY(-3px);
  }
}

@keyframes viduCollabThinkingCopyOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-2px);
  }
}

@keyframes viduCollabAnsweredIn {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes viduCollabAnsweredOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes viduCollabCardReveal {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes viduCollabDecisionReveal {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes viduCollabDotPulse {
  0%, 100% {
    opacity: .35;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(-1px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #vidu-pipeline-dashboard .vidu-ai-collaboration-thinking-row,
  #vidu-elena-global-layer .vidu-ai-collaboration-thinking-row,
  #vidu-pipeline-dashboard .vidu-ai-collaboration-card,
  #vidu-elena-global-layer .vidu-ai-collaboration-card {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  #vidu-pipeline-dashboard .vidu-ai-collaboration-thinking-row em span,
  #vidu-elena-global-layer .vidu-ai-collaboration-thinking-row em span {
    animation: none !important;
  }

  #vidu-pipeline-dashboard .vidu-ai-collaboration-thinking,
  #vidu-elena-global-layer .vidu-ai-collaboration-thinking {
    display: none !important;
  }
}

#vidu-pipeline-dashboard .vidu-ai-action-card {
  max-width: 92%;
  display: grid;
  gap: 9px;
  padding: 11px;
  border: 1px solid rgba(125, 211, 252, .15);
  border-radius: 19px;
  background:
    radial-gradient(circle at 0% 0%, rgba(125, 211, 252, .10), transparent 38%),
    rgba(255, 255, 255, .045);
}

#vidu-pipeline-dashboard .vidu-ai-action-summary {
  display: flex;
  align-items: center;
  gap: 9px;
}

#vidu-pipeline-dashboard .vidu-ai-action-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(125, 211, 252, .16);
  background: rgba(125, 211, 252, .07);
  color: rgba(186, 230, 253, .90);
  font-size: 15px;
}

#vidu-pipeline-dashboard .vidu-ai-action-summary div {
  min-width: 0;
  display: grid;
  gap: 2px;
  flex: 1 1 auto;
}

#vidu-pipeline-dashboard .vidu-ai-action-summary strong {
  overflow: hidden;
  color: rgba(248, 250, 252, .94);
  font-size: 13px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-ai-action-summary p {
  overflow: hidden;
  color: rgba(148, 163, 184, .76);
  font-size: 11px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-ai-action-card header > span:not(.vidu-ai-action-icon) {
  color: rgba(125, 211, 252, .78);
  font-size: 10px;
  font-weight: 840;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-ai-action-card header b {
  min-height: 22px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .045);
  color: rgba(203, 213, 225, .78);
  font-size: 10px;
  font-weight: 820;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-ai-action-card header b.is-high {
  border-color: rgba(34, 197, 94, .18);
  background: rgba(34, 197, 94, .08);
  color: rgba(187, 247, 208, .88);
}

#vidu-pipeline-dashboard .vidu-ai-action-card header b.is-medium {
  border-color: rgba(125, 211, 252, .17);
  background: rgba(125, 211, 252, .07);
  color: rgba(186, 230, 253, .88);
}

#vidu-pipeline-dashboard .vidu-ai-action-card header b.is-low {
  border-color: rgba(245, 158, 11, .18);
  background: rgba(245, 158, 11, .08);
  color: rgba(253, 230, 138, .88);
}

#vidu-pipeline-dashboard .vidu-ai-action-card p {
  margin: 0;
  color: rgba(203, 213, 225, .76);
  font-size: 12px;
  line-height: 1.45;
}

#vidu-pipeline-dashboard .vidu-ai-action-details-toggle {
  width: fit-content;
  min-height: 24px;
  padding: 0 9px;
  justify-self: start;
  color: rgba(125, 211, 252, .82) !important;
}

#vidu-pipeline-dashboard .vidu-ai-action-details {
  display: grid;
  gap: 9px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-3px);
  transition:
    max-height .24s cubic-bezier(.22, 1, .36, 1),
    opacity .18s ease,
    transform .18s ease;
}

#vidu-pipeline-dashboard .vidu-ai-action-card.is-expanded .vidu-ai-action-details {
  max-height: 760px;
  opacity: 1;
  transform: translateY(0);
}

#vidu-pipeline-dashboard .vidu-ai-action-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

#vidu-pipeline-dashboard .vidu-ai-action-card dl div {
  min-width: 0;
  display: grid;
  gap: 2px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 11px;
  padding: 7px 8px;
  background: rgba(255, 255, 255, .028);
}

#vidu-pipeline-dashboard .vidu-ai-action-card dt,
#vidu-pipeline-dashboard .vidu-ai-action-card dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-ai-action-card dt {
  color: rgba(148, 163, 184, .70);
  font-size: 9px;
  font-weight: 820;
  letter-spacing: .07em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-ai-action-card dd {
  color: rgba(226, 232, 240, .90);
  font-size: 11px;
  font-weight: 760;
}

#vidu-pipeline-dashboard .vidu-ai-action-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-ai-action-fields span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  border: 1px solid rgba(125, 211, 252, .11);
  background: rgba(125, 211, 252, .045);
  color: rgba(226, 232, 240, .88);
  padding: 0 9px;
  font-size: 11px;
  font-weight: 750;
}

#vidu-pipeline-dashboard .vidu-ai-action-fields i {
  color: rgba(125, 211, 252, .72);
  font-style: normal;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-ai-action-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

#vidu-pipeline-dashboard .vidu-ai-action-card button {
  min-height: 27px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  color: rgba(203, 213, 225, .82);
  padding: 0 9px;
  font: inherit;
  font-size: 11px;
  font-weight: 760;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-ai-action-card footer button:first-child {
  border-color: rgba(125, 211, 252, .18);
  background: linear-gradient(135deg, rgba(109, 93, 252, .14), rgba(56, 189, 248, .08));
  color: rgba(240, 249, 255, .92);
}

#vidu-pipeline-dashboard .vidu-ai-action-card button:hover:not(:disabled) {
  border-color: rgba(125, 211, 252, .24);
  background: rgba(125, 211, 252, .08);
  color: #fff;
}

#vidu-pipeline-dashboard .vidu-ai-action-card button:disabled {
  opacity: .64;
  cursor: default;
}

#vidu-pipeline-dashboard .vidu-ai-action-card small {
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  line-height: 1.35;
}

#vidu-pipeline-dashboard .vidu-ai-action-missing {
  display: grid;
  gap: 7px;
  border: 1px solid rgba(245, 158, 11, .13);
  border-radius: 14px;
  padding: 9px;
  background: rgba(245, 158, 11, .045);
}

#vidu-pipeline-dashboard .vidu-ai-action-missing > strong {
  color: rgba(253, 230, 138, .90);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-ai-action-missing-list,
#vidu-pipeline-dashboard .vidu-ai-action-options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-ai-action-missing-list span,
#vidu-pipeline-dashboard .vidu-ai-action-options button {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .04);
  color: rgba(203, 213, 225, .80);
  padding: 0 8px;
  font-size: 10px;
  font-weight: 760;
}

#vidu-pipeline-dashboard .vidu-ai-action-missing-list span.is-missing {
  border-color: rgba(245, 158, 11, .18);
  color: rgba(253, 230, 138, .88);
}

#vidu-pipeline-dashboard .vidu-ai-action-missing-list span.is-defaulted,
#vidu-pipeline-dashboard .vidu-ai-action-missing-list span.is-suggested {
  border-color: rgba(125, 211, 252, .13);
  color: rgba(186, 230, 253, .82);
}

#vidu-pipeline-dashboard .vidu-ai-action-missing-list i {
  color: rgba(148, 163, 184, .78);
  font-style: normal;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-ai-action-missing ul {
  margin: 0;
  padding-left: 16px;
  color: rgba(226, 232, 240, .82);
  font-size: 11px;
  line-height: 1.45;
}

#vidu-pipeline-dashboard .vidu-ai-action-options button {
  cursor: default;
  opacity: .72;
}

#vidu-pipeline-dashboard .vidu-ai-action-card.is-prepared {
  border-color: rgba(34, 197, 94, .18);
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 197, 94, .10), transparent 38%),
    rgba(255, 255, 255, .045);
}

#vidu-pipeline-dashboard .vidu-action-proposal-card,
#vidu-elena-global-layer .vidu-action-proposal-card {
  max-width: 92%;
  display: grid;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(96, 165, 250, .18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 0, rgba(96, 165, 250, .13), transparent 42%),
    linear-gradient(145deg, rgba(31, 41, 55, .92), rgba(15, 23, 42, .88));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .22);
}

#vidu-pipeline-dashboard .vidu-action-proposal-header,
#vidu-elena-global-layer .vidu-action-proposal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-action-proposal-header div,
#vidu-elena-global-layer .vidu-action-proposal-header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

#vidu-pipeline-dashboard .vidu-action-proposal-header span,
#vidu-elena-global-layer .vidu-action-proposal-header span {
  color: rgba(147, 197, 253, .86);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-action-proposal-header strong,
#vidu-elena-global-layer .vidu-action-proposal-header strong {
  color: rgba(248, 250, 252, .96);
  font-size: 14px;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-action-proposal-header b,
#vidu-elena-global-layer .vidu-action-proposal-header b {
  flex: 0 0 auto;
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border: 1px solid rgba(251, 191, 36, .24);
  border-radius: 999px;
  background: rgba(251, 191, 36, .08);
  color: rgba(253, 230, 138, .92);
  padding: 0 9px;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-action-proposal-meta,
#vidu-elena-global-layer .vidu-action-proposal-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

#vidu-pipeline-dashboard .vidu-action-proposal-meta span,
#vidu-elena-global-layer .vidu-action-proposal-meta span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  color: rgba(226, 232, 240, .88);
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 760;
}

#vidu-pipeline-dashboard .vidu-action-proposal-meta i,
#vidu-elena-global-layer .vidu-action-proposal-meta i {
  color: rgba(147, 197, 253, .78);
  font-style: normal;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-action-proposal-steps,
#vidu-elena-global-layer .vidu-action-proposal-steps {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: vidu-action-proposal-step;
}

#vidu-pipeline-dashboard .vidu-action-proposal-steps li,
#vidu-elena-global-layer .vidu-action-proposal-steps li {
  position: relative;
  min-height: 31px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 12px;
  background: rgba(255, 255, 255, .035);
  color: rgba(226, 232, 240, .90);
  padding: 7px 9px 7px 38px;
  font-size: 12px;
  line-height: 1.32;
}

#vidu-pipeline-dashboard .vidu-action-proposal-steps li::before,
#vidu-elena-global-layer .vidu-action-proposal-steps li::before {
  counter-increment: vidu-action-proposal-step;
  content: counter(vidu-action-proposal-step);
  position: absolute;
  left: 9px;
  width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(96, 165, 250, .13);
  color: rgba(191, 219, 254, .92);
  font-size: 10px;
  font-weight: 850;
}

#vidu-pipeline-dashboard .vidu-action-proposal-actions,
#vidu-elena-global-layer .vidu-action-proposal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-action-proposal-actions button,
#vidu-elena-global-layer .vidu-action-proposal-actions button {
  min-height: 30px;
  border: 1px solid rgba(96, 165, 250, .14);
  border-radius: 999px;
  background: rgba(96, 165, 250, .07);
  color: rgba(219, 234, 254, .72);
  padding: 0 11px;
  font: inherit;
  font-size: 11px;
  font-weight: 820;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-action-proposal-actions button:disabled,
#vidu-elena-global-layer .vidu-action-proposal-actions button:disabled {
  opacity: .62;
  cursor: not-allowed;
}

#vidu-pipeline-dashboard .vidu-action-proposal-card small,
#vidu-elena-global-layer .vidu-action-proposal-card small {
  color: rgba(148, 163, 184, .74);
  font-size: 10px;
  line-height: 1.35;
}

#vidu-pipeline-dashboard .vidu-action-proposal-card.is-approved,
#vidu-elena-global-layer .vidu-action-proposal-card.is-approved {
  border-color: rgba(34, 197, 94, .24);
  background:
    radial-gradient(circle at 0 0, rgba(34, 197, 94, .13), transparent 42%),
    linear-gradient(145deg, rgba(20, 83, 45, .32), rgba(15, 23, 42, .90));
}

#vidu-pipeline-dashboard .vidu-action-proposal-card.is-rejected,
#vidu-elena-global-layer .vidu-action-proposal-card.is-rejected {
  border-color: rgba(248, 113, 113, .22);
  background:
    radial-gradient(circle at 0 0, rgba(248, 113, 113, .12), transparent 42%),
    linear-gradient(145deg, rgba(127, 29, 29, .24), rgba(15, 23, 42, .90));
}

#vidu-pipeline-dashboard .vidu-action-proposal-card.is-updating,
#vidu-elena-global-layer .vidu-action-proposal-card.is-updating {
  opacity: .72;
  pointer-events: none;
}

#vidu-pipeline-dashboard .vidu-email-draft-card,
#vidu-elena-global-layer .vidu-email-draft-card {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 13px;
  border: 1px solid rgba(125, 211, 252, .16);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .94), rgba(15, 23, 42, .82));
  box-shadow: 0 18px 44px rgba(0, 0, 0, .22);
}

#vidu-pipeline-dashboard .vidu-email-draft-header,
#vidu-elena-global-layer .vidu-email-draft-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-email-draft-header span,
#vidu-elena-global-layer .vidu-email-draft-header span {
  display: block;
  color: rgba(125, 211, 252, .84);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-email-draft-header strong,
#vidu-elena-global-layer .vidu-email-draft-header strong {
  display: block;
  margin-top: 4px;
  color: rgba(248, 250, 252, .96);
  font-size: 14px;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-email-draft-header b,
#vidu-elena-global-layer .vidu-email-draft-header b {
  flex: 0 0 auto;
  padding: 5px 8px;
  border: 1px solid rgba(251, 191, 36, .18);
  border-radius: 999px;
  background: rgba(251, 191, 36, .08);
  color: rgba(253, 230, 138, .92);
  font-size: 10px;
  line-height: 1;
}

#vidu-pipeline-dashboard .vidu-email-draft-meta,
#vidu-elena-global-layer .vidu-email-draft-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-email-draft-meta span,
#vidu-elena-global-layer .vidu-email-draft-meta span,
#vidu-pipeline-dashboard .vidu-email-draft-subject,
#vidu-elena-global-layer .vidu-email-draft-subject {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 12px;
  background: rgba(255, 255, 255, .04);
  color: rgba(226, 232, 240, .86);
  font-size: 11px;
  line-height: 1.35;
}

#vidu-pipeline-dashboard .vidu-email-draft-meta i,
#vidu-elena-global-layer .vidu-email-draft-meta i,
#vidu-pipeline-dashboard .vidu-email-draft-subject i,
#vidu-elena-global-layer .vidu-email-draft-subject i {
  display: block;
  margin-bottom: 3px;
  color: rgba(148, 163, 184, .78);
  font-style: normal;
  font-size: 9px;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-email-draft-preview,
#vidu-elena-global-layer .vidu-email-draft-preview {
  max-width: 100%;
  overflow: auto;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px;
  background: rgba(248, 250, 252, .98);
}

#vidu-pipeline-dashboard .vidu-email-draft-preview table,
#vidu-elena-global-layer .vidu-email-draft-preview table {
  max-width: 100% !important;
}

#vidu-pipeline-dashboard .vidu-email-draft-preview img,
#vidu-elena-global-layer .vidu-email-draft-preview img {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  object-fit: cover;
}

#vidu-pipeline-dashboard .vidu-email-draft-actions,
#vidu-elena-global-layer .vidu-email-draft-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-email-draft-actions button,
#vidu-elena-global-layer .vidu-email-draft-actions button {
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 10px;
  background: rgba(255, 255, 255, .055);
  color: rgba(226, 232, 240, .88);
  font-size: 11px;
  font-weight: 700;
}

#vidu-pipeline-dashboard .vidu-email-draft-actions button:disabled,
#vidu-elena-global-layer .vidu-email-draft-actions button:disabled {
  cursor: not-allowed;
  opacity: .52;
}

#vidu-pipeline-dashboard .vidu-email-draft-card small,
#vidu-elena-global-layer .vidu-email-draft-card small {
  color: rgba(148, 163, 184, .82);
  font-size: 10px;
  line-height: 1.4;
}

.vidu-dwf-proposals {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
}

.vidu-dwf-proposal-card {
  display: grid;
  gap: 14px;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
  padding: 14px;
}

.vidu-dwf-proposal-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.vidu-dwf-proposal-card header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.vidu-dwf-proposal-card header span {
  color: rgba(147, 197, 253, .82);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.vidu-dwf-proposal-card header strong {
  overflow-wrap: anywhere;
  color: rgba(248, 250, 252, .94);
  font-size: 13px;
  line-height: 1.3;
}

.vidu-dwf-proposal-card ol {
  display: grid;
  gap: 6px;
  max-height: 154px;
  overflow: auto;
  margin: 0;
  padding-left: 18px;
  color: rgba(226, 232, 240, .86);
  font-size: 12px;
  line-height: 1.35;
}

.vidu-dwf-proposal-card p {
  margin: 0;
  color: rgba(148, 163, 184, .76);
  font-size: 11px;
  line-height: 1.42;
}

.vidu-dwf-proposal-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.vidu-dwf-proposal-card button {
  min-width: 92px;
  min-height: 34px;
  border: 1px solid rgba(96, 165, 250, .16);
  border-radius: 999px;
  background: rgba(96, 165, 250, .08);
  color: rgba(219, 234, 254, .88);
  padding: 0 11px;
  font: inherit;
  font-size: 11px;
  font-weight: 820;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

.vidu-dwf-proposal-card button:hover:not(:disabled) {
  border-color: rgba(125, 211, 252, .28);
  background: rgba(125, 211, 252, .12);
  color: #fff;
}

.vidu-dwf-proposal-card button:disabled {
  opacity: .52;
  cursor: default;
}

.vidu-dwf-proposal-card.is-approved {
  border-color: rgba(34, 197, 94, .18);
  background: rgba(34, 197, 94, .045);
}

.vidu-dwf-proposal-card.is-rejected {
  border-color: rgba(248, 113, 113, .16);
  background: rgba(248, 113, 113, .045);
}

.vidu-dwf-proposal-error {
  border: 1px solid rgba(248, 113, 113, .2);
  border-radius: 12px;
  background: rgba(248, 113, 113, .07);
  padding: 8px 10px;
  color: rgba(254, 202, 202, .92) !important;
}

#vidu-pipeline-dashboard .vidu-execution-plan-viewer,
#vidu-elena-global-layer .vidu-execution-plan-viewer,
.vidu-execution-plan-viewer {
  display: grid;
  gap: 14px;
  min-width: 0;
  border: 1px solid rgba(34, 197, 94, .16);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0 0, rgba(34, 197, 94, .09), transparent 42%),
    rgba(15, 23, 42, .48);
  padding: 12px;
}

#vidu-pipeline-dashboard .vidu-execution-plan-head,
#vidu-elena-global-layer .vidu-execution-plan-head,
.vidu-execution-plan-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-execution-plan-head div,
#vidu-elena-global-layer .vidu-execution-plan-head div,
.vidu-execution-plan-head div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

#vidu-pipeline-dashboard .vidu-execution-plan-head span,
#vidu-elena-global-layer .vidu-execution-plan-head span,
.vidu-execution-plan-head span {
  color: rgba(134, 239, 172, .82);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-plan-head strong,
#vidu-elena-global-layer .vidu-execution-plan-head strong,
.vidu-execution-plan-head strong {
  color: rgba(248, 250, 252, .96);
  font-size: 13px;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-execution-plan-head b,
#vidu-elena-global-layer .vidu-execution-plan-head b,
.vidu-execution-plan-head b {
  flex: 0 0 auto;
  display: inline-flex;
  min-height: 23px;
  align-items: center;
  border: 1px solid rgba(34, 197, 94, .22);
  border-radius: 999px;
  background: rgba(34, 197, 94, .08);
  color: rgba(187, 247, 208, .92);
  padding: 0 8px;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-plan-meta,
#vidu-elena-global-layer .vidu-execution-plan-meta,
.vidu-execution-plan-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 7px;
}

#vidu-pipeline-dashboard .vidu-execution-plan-meta span,
#vidu-elena-global-layer .vidu-execution-plan-meta span,
.vidu-execution-plan-meta span {
  min-width: 0;
  display: grid;
  gap: 2px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 11px;
  background: rgba(255, 255, 255, .035);
  color: rgba(226, 232, 240, .88);
  padding: 7px 8px;
  font-size: 11px;
  line-height: 1.2;
}

#vidu-pipeline-dashboard .vidu-execution-plan-meta i,
#vidu-elena-global-layer .vidu-execution-plan-meta i,
.vidu-execution-plan-meta i {
  color: rgba(134, 239, 172, .72);
  font-style: normal;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-readiness-summary,
#vidu-elena-global-layer .vidu-execution-readiness-summary,
.vidu-execution-readiness-summary {
  display: grid;
  gap: 7px;
  border: 1px solid rgba(96, 165, 250, .10);
  border-radius: 12px;
  background: rgba(96, 165, 250, .035);
  padding: 8px;
}

#vidu-pipeline-dashboard .vidu-execution-readiness-summary > span,
#vidu-elena-global-layer .vidu-execution-readiness-summary > span,
.vidu-execution-readiness-summary > span {
  color: rgba(147, 197, 253, .82);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-readiness-summary div,
#vidu-elena-global-layer .vidu-execution-readiness-summary div,
.vidu-execution-readiness-summary div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-execution-readiness-summary b,
#vidu-elena-global-layer .vidu-execution-readiness-summary b,
.vidu-execution-readiness-summary b {
  display: grid;
  gap: 2px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .035);
  color: rgba(248, 250, 252, .92);
  padding: 6px 7px;
  font-size: 13px;
  font-weight: 900;
}

#vidu-pipeline-dashboard .vidu-execution-readiness-summary i,
#vidu-elena-global-layer .vidu-execution-readiness-summary i,
.vidu-execution-readiness-summary i {
  color: rgba(148, 163, 184, .78);
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-quote-inputs,
#vidu-elena-global-layer .vidu-quote-inputs,
.vidu-quote-inputs {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(96, 165, 250, .14);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(37, 99, 235, .08), rgba(15, 23, 42, .24));
  padding: 11px;
}

#vidu-pipeline-dashboard .vidu-quote-inputs.is-ready_for_estimation,
#vidu-elena-global-layer .vidu-quote-inputs.is-ready_for_estimation,
.vidu-quote-inputs.is-ready_for_estimation,
#vidu-pipeline-dashboard .vidu-quote-inputs.is-ready_for_quote_review,
#vidu-elena-global-layer .vidu-quote-inputs.is-ready_for_quote_review,
.vidu-quote-inputs.is-ready_for_quote_review {
  border-color: rgba(34, 197, 94, .18);
  background: linear-gradient(135deg, rgba(34, 197, 94, .07), rgba(15, 23, 42, .22));
}

#vidu-pipeline-dashboard .vidu-quote-inputs > header,
#vidu-elena-global-layer .vidu-quote-inputs > header,
.vidu-quote-inputs > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-quote-inputs > header div,
#vidu-elena-global-layer .vidu-quote-inputs > header div,
.vidu-quote-inputs > header div {
  display: grid;
  gap: 2px;
}

#vidu-pipeline-dashboard .vidu-quote-inputs > header span,
#vidu-elena-global-layer .vidu-quote-inputs > header span,
.vidu-quote-inputs > header span {
  color: rgba(147, 197, 253, .82);
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-quote-inputs > header strong,
#vidu-elena-global-layer .vidu-quote-inputs > header strong,
.vidu-quote-inputs > header strong {
  color: rgba(248, 250, 252, .9);
  font-size: 13px;
  font-weight: 860;
}

#vidu-pipeline-dashboard .vidu-quote-inputs > header b,
#vidu-elena-global-layer .vidu-quote-inputs > header b,
.vidu-quote-inputs > header b {
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  color: rgba(226, 232, 240, .88);
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 850;
}

#vidu-pipeline-dashboard .vidu-quote-input-grid,
#vidu-elena-global-layer .vidu-quote-input-grid,
.vidu-quote-input-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 7px;
}

#vidu-pipeline-dashboard .vidu-quote-input-grid article,
#vidu-elena-global-layer .vidu-quote-input-grid article,
.vidu-quote-input-grid article {
  display: grid;
  gap: 5px;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 10px;
  background: rgba(255, 255, 255, .03);
  padding: 8px;
}

#vidu-pipeline-dashboard .vidu-quote-input-grid article.is-missing,
#vidu-elena-global-layer .vidu-quote-input-grid article.is-missing,
.vidu-quote-input-grid article.is-missing {
  border-color: rgba(248, 113, 113, .18);
  background: rgba(248, 113, 113, .045);
}

#vidu-pipeline-dashboard .vidu-quote-input-grid article.is-needs_review,
#vidu-elena-global-layer .vidu-quote-input-grid article.is-needs_review,
.vidu-quote-input-grid article.is-needs_review {
  border-color: rgba(250, 204, 21, .2);
  background: rgba(250, 204, 21, .05);
}

#vidu-pipeline-dashboard .vidu-quote-input-grid article.is-provided,
#vidu-elena-global-layer .vidu-quote-input-grid article.is-provided,
.vidu-quote-input-grid article.is-provided,
#vidu-pipeline-dashboard .vidu-quote-input-grid article.is-not_required,
#vidu-elena-global-layer .vidu-quote-input-grid article.is-not_required,
.vidu-quote-input-grid article.is-not_required {
  border-color: rgba(34, 197, 94, .15);
  background: rgba(34, 197, 94, .04);
}

#vidu-pipeline-dashboard .vidu-quote-input-grid strong,
#vidu-elena-global-layer .vidu-quote-input-grid strong,
.vidu-quote-input-grid strong {
  color: rgba(248, 250, 252, .88);
  font-size: 11px;
  font-weight: 840;
}

#vidu-pipeline-dashboard .vidu-quote-input-grid span,
#vidu-elena-global-layer .vidu-quote-input-grid span,
.vidu-quote-input-grid span,
#vidu-pipeline-dashboard .vidu-quote-input-grid small,
#vidu-elena-global-layer .vidu-quote-input-grid small,
.vidu-quote-input-grid small,
#vidu-pipeline-dashboard .vidu-quote-inputs > p,
#vidu-elena-global-layer .vidu-quote-inputs > p,
.vidu-quote-inputs > p {
  margin: 0;
  color: rgba(203, 213, 225, .72);
  font-size: 10px;
  line-height: 1.35;
}

#vidu-pipeline-dashboard .vidu-execution-agents,
#vidu-elena-global-layer .vidu-execution-agents,
.vidu-execution-agents {
  display: grid;
  gap: 7px;
}

#vidu-pipeline-dashboard .vidu-execution-agents > span,
#vidu-elena-global-layer .vidu-execution-agents > span,
.vidu-execution-agents > span {
  color: rgba(148, 163, 184, .80);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-agents div,
#vidu-elena-global-layer .vidu-execution-agents div,
.vidu-execution-agents div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

#vidu-pipeline-dashboard .vidu-execution-agents b,
#vidu-elena-global-layer .vidu-execution-agents b,
.vidu-execution-agents b {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(96, 165, 250, .12);
  border-radius: 999px;
  background: rgba(96, 165, 250, .055);
  color: rgba(219, 234, 254, .90);
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 820;
}

#vidu-pipeline-dashboard .vidu-execution-agents i,
#vidu-elena-global-layer .vidu-execution-agents i,
.vidu-execution-agents i {
  color: rgba(147, 197, 253, .72);
  font-style: normal;
  font-size: 10px;
  font-weight: 760;
}

#vidu-pipeline-dashboard .vidu-execution-phases,
#vidu-elena-global-layer .vidu-execution-phases,
.vidu-execution-phases {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 9px;
}

#vidu-pipeline-dashboard .vidu-execution-phases article,
#vidu-elena-global-layer .vidu-execution-phases article,
.vidu-execution-phases article {
  display: grid;
  gap: 7px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 13px;
  background: rgba(255, 255, 255, .03);
  padding: 9px;
}

#vidu-pipeline-dashboard .vidu-execution-phases header,
#vidu-elena-global-layer .vidu-execution-phases header,
.vidu-execution-phases header {
  display: flex;
  align-items: center;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-execution-phases header span,
#vidu-elena-global-layer .vidu-execution-phases header span,
.vidu-execution-phases header span {
  color: rgba(134, 239, 172, .74);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-phases header strong,
#vidu-elena-global-layer .vidu-execution-phases header strong,
.vidu-execution-phases header strong {
  color: rgba(248, 250, 252, .92);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-execution-phases ul,
#vidu-elena-global-layer .vidu-execution-phases ul,
.vidu-execution-phases ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#vidu-pipeline-dashboard .vidu-execution-phases li,
#vidu-elena-global-layer .vidu-execution-phases li,
.vidu-execution-phases li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(226, 232, 240, .86);
  font-size: 12px;
  line-height: 1.32;
}

#vidu-pipeline-dashboard .vidu-execution-phases li span,
#vidu-elena-global-layer .vidu-execution-phases li span,
.vidu-execution-phases li span {
  color: rgba(134, 239, 172, .76);
  font-size: 13px;
}

#vidu-pipeline-dashboard .vidu-execution-steps,
#vidu-elena-global-layer .vidu-execution-steps,
.vidu-execution-steps {
  display: grid;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-execution-steps > span,
#vidu-elena-global-layer .vidu-execution-steps > span,
.vidu-execution-steps > span {
  color: rgba(147, 197, 253, .82);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-steps > div,
#vidu-elena-global-layer .vidu-execution-steps > div,
.vidu-execution-steps > div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-execution-step,
#vidu-elena-global-layer .vidu-execution-step,
.vidu-execution-step {
  display: grid;
  gap: 8px;
  min-width: 0;
  border: 1px solid rgba(96, 165, 250, .12);
  border-radius: 13px;
  background:
    linear-gradient(135deg, rgba(96, 165, 250, .055), rgba(255, 255, 255, .025)),
    rgba(15, 23, 42, .42);
  padding: 9px;
}

#vidu-pipeline-dashboard .vidu-execution-step.is-blocked,
#vidu-elena-global-layer .vidu-execution-step.is-blocked,
.vidu-execution-step.is-blocked {
  border-color: rgba(248, 113, 113, .22);
  background:
    linear-gradient(135deg, rgba(248, 113, 113, .07), rgba(255, 255, 255, .025)),
    rgba(15, 23, 42, .42);
}

#vidu-pipeline-dashboard .vidu-execution-step header,
#vidu-elena-global-layer .vidu-execution-step header,
.vidu-execution-step header {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-execution-step header b,
#vidu-elena-global-layer .vidu-execution-step header b,
.vidu-execution-step header b {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(96, 165, 250, .12);
  color: rgba(219, 234, 254, .94);
  font-size: 11px;
  font-weight: 900;
}

#vidu-pipeline-dashboard .vidu-execution-step header strong,
#vidu-elena-global-layer .vidu-execution-step header strong,
.vidu-execution-step header strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: rgba(248, 250, 252, .94);
  font-size: 12px;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-execution-step header em,
#vidu-elena-global-layer .vidu-execution-step header em,
.vidu-execution-step header em {
  justify-self: end;
  border: 1px solid rgba(96, 165, 250, .16);
  border-radius: 999px;
  background: rgba(96, 165, 250, .07);
  color: rgba(191, 219, 254, .92);
  padding: 4px 7px;
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-step.is-ready header em,
#vidu-elena-global-layer .vidu-execution-step.is-ready header em,
.vidu-execution-step.is-ready header em {
  border-color: rgba(34, 197, 94, .18);
  background: rgba(34, 197, 94, .08);
  color: rgba(187, 247, 208, .92);
}

#vidu-pipeline-dashboard .vidu-execution-step.is-blocked header em,
#vidu-elena-global-layer .vidu-execution-step.is-blocked header em,
.vidu-execution-step.is-blocked header em {
  border-color: rgba(248, 113, 113, .20);
  background: rgba(248, 113, 113, .08);
  color: rgba(254, 202, 202, .94);
}

#vidu-pipeline-dashboard .vidu-execution-step.is-completed header em,
#vidu-elena-global-layer .vidu-execution-step.is-completed header em,
.vidu-execution-step.is-completed header em {
  border-color: rgba(45, 212, 191, .20);
  background: rgba(45, 212, 191, .08);
  color: rgba(153, 246, 228, .94);
}

#vidu-pipeline-dashboard .vidu-execution-step p,
#vidu-elena-global-layer .vidu-execution-step p,
.vidu-execution-step p {
  margin: 0;
  color: rgba(203, 213, 225, .82);
  font-size: 11px;
  line-height: 1.38;
}

#vidu-pipeline-dashboard .vidu-execution-step dl,
#vidu-elena-global-layer .vidu-execution-step dl,
.vidu-execution-step dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

#vidu-pipeline-dashboard .vidu-execution-step dl div,
#vidu-elena-global-layer .vidu-execution-step dl div,
.vidu-execution-step dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
  border-radius: 9px;
  background: rgba(255, 255, 255, .035);
  padding: 6px 7px;
}

#vidu-pipeline-dashboard .vidu-execution-step dt,
#vidu-elena-global-layer .vidu-execution-step dt,
.vidu-execution-step dt {
  color: rgba(148, 163, 184, .78);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-step dd,
#vidu-elena-global-layer .vidu-execution-step dd,
.vidu-execution-step dd {
  min-width: 0;
  overflow-wrap: anywhere;
  margin: 0;
  color: rgba(226, 232, 240, .90);
  font-size: 11px;
  font-weight: 760;
  line-height: 1.22;
}

#vidu-pipeline-dashboard .vidu-execution-step small,
#vidu-elena-global-layer .vidu-execution-step small,
.vidu-execution-step small {
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-execution-dependencies,
#vidu-elena-global-layer .vidu-execution-dependencies,
.vidu-execution-dependencies {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 11px;
  background: rgba(255, 255, 255, .03);
  padding: 7px 8px;
}

#vidu-pipeline-dashboard .vidu-execution-dependencies span,
#vidu-elena-global-layer .vidu-execution-dependencies span,
.vidu-execution-dependencies span {
  color: rgba(148, 163, 184, .78);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-dependencies b,
#vidu-elena-global-layer .vidu-execution-dependencies b,
.vidu-execution-dependencies b {
  border-radius: 999px;
  background: rgba(96, 165, 250, .08);
  color: rgba(219, 234, 254, .90);
  padding: 4px 7px;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-dependencies p,
#vidu-elena-global-layer .vidu-execution-dependencies p,
.vidu-execution-dependencies p {
  grid-column: 1 / -1;
  margin: 0;
  color: rgba(203, 213, 225, .84);
  font-size: 11px;
  line-height: 1.3;
}

#vidu-pipeline-dashboard .vidu-execution-dependencies.is-waiting b,
#vidu-elena-global-layer .vidu-execution-dependencies.is-waiting b,
.vidu-execution-dependencies.is-waiting b {
  background: rgba(250, 204, 21, .08);
  color: rgba(254, 240, 138, .90);
}

#vidu-pipeline-dashboard .vidu-execution-dependencies.is-blocked,
#vidu-elena-global-layer .vidu-execution-dependencies.is-blocked,
.vidu-execution-dependencies.is-blocked {
  border-color: rgba(248, 113, 113, .15);
  background: rgba(248, 113, 113, .055);
}

#vidu-pipeline-dashboard .vidu-execution-dependencies.is-blocked b,
#vidu-elena-global-layer .vidu-execution-dependencies.is-blocked b,
.vidu-execution-dependencies.is-blocked b {
  background: rgba(248, 113, 113, .10);
  color: rgba(254, 202, 202, .94);
}

#vidu-pipeline-dashboard .vidu-execution-dependencies.is-satisfied b,
#vidu-elena-global-layer .vidu-execution-dependencies.is-satisfied b,
.vidu-execution-dependencies.is-satisfied b,
#vidu-pipeline-dashboard .vidu-execution-dependencies.is-available b,
#vidu-elena-global-layer .vidu-execution-dependencies.is-available b,
.vidu-execution-dependencies.is-available b {
  background: rgba(34, 197, 94, .08);
  color: rgba(187, 247, 208, .92);
}

#vidu-pipeline-dashboard .vidu-execution-readiness,
#vidu-elena-global-layer .vidu-execution-readiness,
.vidu-execution-readiness {
  display: grid;
  gap: 7px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 11px;
  background: rgba(255, 255, 255, .028);
  padding: 8px;
}

#vidu-pipeline-dashboard .vidu-execution-readiness header,
#vidu-elena-global-layer .vidu-execution-readiness header,
.vidu-execution-readiness header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-execution-readiness span,
#vidu-elena-global-layer .vidu-execution-readiness span,
.vidu-execution-readiness span {
  color: rgba(148, 163, 184, .78);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-readiness b,
#vidu-elena-global-layer .vidu-execution-readiness b,
.vidu-execution-readiness b {
  border-radius: 999px;
  background: rgba(148, 163, 184, .09);
  color: rgba(226, 232, 240, .88);
  padding: 4px 7px;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-readiness.is-ready_for_review b,
#vidu-elena-global-layer .vidu-execution-readiness.is-ready_for_review b,
.vidu-execution-readiness.is-ready_for_review b {
  background: rgba(96, 165, 250, .10);
  color: rgba(219, 234, 254, .94);
}

#vidu-pipeline-dashboard .vidu-execution-readiness.is-ready_for_execution b,
#vidu-elena-global-layer .vidu-execution-readiness.is-ready_for_execution b,
.vidu-execution-readiness.is-ready_for_execution b {
  background: rgba(34, 197, 94, .10);
  color: rgba(187, 247, 208, .94);
}

#vidu-pipeline-dashboard .vidu-execution-readiness.is-blocked,
#vidu-elena-global-layer .vidu-execution-readiness.is-blocked,
.vidu-execution-readiness.is-blocked {
  border-color: rgba(248, 113, 113, .16);
  background: rgba(248, 113, 113, .055);
}

#vidu-pipeline-dashboard .vidu-execution-readiness.is-blocked b,
#vidu-elena-global-layer .vidu-execution-readiness.is-blocked b,
.vidu-execution-readiness.is-blocked b {
  background: rgba(248, 113, 113, .10);
  color: rgba(254, 202, 202, .94);
}

#vidu-pipeline-dashboard .vidu-execution-readiness ul,
#vidu-elena-global-layer .vidu-execution-readiness ul,
.vidu-execution-readiness ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 16px;
}

#vidu-pipeline-dashboard .vidu-execution-readiness li,
#vidu-elena-global-layer .vidu-execution-readiness li,
.vidu-execution-readiness li,
#vidu-pipeline-dashboard .vidu-execution-readiness p,
#vidu-elena-global-layer .vidu-execution-readiness p,
.vidu-execution-readiness p {
  margin: 0;
  color: rgba(203, 213, 225, .84);
  font-size: 11px;
  line-height: 1.3;
}

#vidu-pipeline-dashboard .vidu-execution-readiness small,
#vidu-elena-global-layer .vidu-execution-readiness small,
.vidu-execution-readiness small {
  color: rgba(148, 163, 184, .76);
  font-size: 10px;
  font-weight: 800;
}

#vidu-pipeline-dashboard .vidu-execution-simulation-badge,
#vidu-elena-global-layer .vidu-execution-simulation-badge,
.vidu-execution-simulation-badge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 11px;
  background: rgba(255, 255, 255, .026);
  padding: 7px 8px;
}

#vidu-pipeline-dashboard .vidu-execution-simulation-badge span,
#vidu-elena-global-layer .vidu-execution-simulation-badge span,
.vidu-execution-simulation-badge span {
  color: rgba(148, 163, 184, .78);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-simulation-badge b,
#vidu-elena-global-layer .vidu-execution-simulation-badge b,
.vidu-execution-simulation-badge b {
  border-radius: 999px;
  background: rgba(148, 163, 184, .09);
  color: rgba(226, 232, 240, .88);
  padding: 4px 7px;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-simulation-badge.is-ready b,
#vidu-elena-global-layer .vidu-execution-simulation-badge.is-ready b,
.vidu-execution-simulation-badge.is-ready b {
  background: rgba(34, 197, 94, .1);
  color: rgba(187, 247, 208, .94);
}

#vidu-pipeline-dashboard .vidu-execution-simulation-badge.is-needs_input b,
#vidu-elena-global-layer .vidu-execution-simulation-badge.is-needs_input b,
.vidu-execution-simulation-badge.is-needs_input b {
  background: rgba(250, 204, 21, .1);
  color: rgba(254, 240, 138, .94);
}

#vidu-pipeline-dashboard .vidu-execution-simulation-badge.is-blocked b,
#vidu-elena-global-layer .vidu-execution-simulation-badge.is-blocked b,
.vidu-execution-simulation-badge.is-blocked b {
  background: rgba(248, 113, 113, .1);
  color: rgba(254, 202, 202, .94);
}

#vidu-pipeline-dashboard .vidu-execution-step-details,
#vidu-elena-global-layer .vidu-execution-step-details,
.vidu-execution-step-details {
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 11px;
  background: rgba(255, 255, 255, .025);
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-execution-step-details summary,
#vidu-elena-global-layer .vidu-execution-step-details summary,
.vidu-execution-step-details summary {
  padding: 8px 9px;
  color: rgba(191, 219, 254, .88);
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-execution-step-detail-body,
#vidu-elena-global-layer .vidu-execution-step-detail-body,
.vidu-execution-step-detail-body {
  display: grid;
  gap: 8px;
  border-top: 1px solid rgba(255, 255, 255, .055);
  padding: 9px;
}

#vidu-pipeline-dashboard .vidu-execution-step-detail-body label,
#vidu-elena-global-layer .vidu-execution-step-detail-body label,
.vidu-execution-step-detail-body label {
  display: grid;
  gap: 5px;
}

#vidu-pipeline-dashboard .vidu-execution-step-detail-body label span,
#vidu-elena-global-layer .vidu-execution-step-detail-body label span,
.vidu-execution-step-detail-body label span,
#vidu-pipeline-dashboard .vidu-execution-step-blocker strong,
#vidu-elena-global-layer .vidu-execution-step-blocker strong,
.vidu-execution-step-blocker strong,
#vidu-pipeline-dashboard .vidu-execution-step-required strong,
#vidu-elena-global-layer .vidu-execution-step-required strong,
.vidu-execution-step-required strong,
#vidu-pipeline-dashboard .vidu-execution-step-recommendation strong,
#vidu-elena-global-layer .vidu-execution-step-recommendation strong,
.vidu-execution-step-recommendation strong,
#vidu-pipeline-dashboard .vidu-execution-step-history > strong,
#vidu-elena-global-layer .vidu-execution-step-history > strong,
.vidu-execution-step-history > strong,
#vidu-pipeline-dashboard .vidu-execution-step-decision strong,
#vidu-elena-global-layer .vidu-execution-step-decision strong,
.vidu-execution-step-decision strong,
#vidu-pipeline-dashboard .vidu-execution-step-updated strong,
#vidu-elena-global-layer .vidu-execution-step-updated strong,
.vidu-execution-step-updated strong {
  color: rgba(147, 197, 253, .82);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-step-detail-body textarea,
#vidu-elena-global-layer .vidu-execution-step-detail-body textarea,
.vidu-execution-step-detail-body textarea {
  width: 100%;
  min-height: 54px;
  resize: vertical;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 10px;
  background: rgba(2, 6, 23, .35);
  color: rgba(226, 232, 240, .92);
  padding: 8px 9px;
  font-size: 12px;
  line-height: 1.35;
  outline: none;
}

#vidu-pipeline-dashboard .vidu-execution-step-detail-body textarea:focus,
#vidu-elena-global-layer .vidu-execution-step-detail-body textarea:focus,
.vidu-execution-step-detail-body textarea:focus {
  border-color: rgba(96, 165, 250, .35);
  box-shadow: 0 0 0 2px rgba(96, 165, 250, .10);
}

#vidu-pipeline-dashboard .vidu-execution-step-detail-body > button,
#vidu-elena-global-layer .vidu-execution-step-detail-body > button,
.vidu-execution-step-detail-body > button {
  justify-self: start;
  border-color: rgba(96, 165, 250, .22);
  background: rgba(96, 165, 250, .09);
  color: rgba(219, 234, 254, .94);
  padding: 0 10px;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-execution-step-detail-body > button:hover,
#vidu-elena-global-layer .vidu-execution-step-detail-body > button:hover,
.vidu-execution-step-detail-body > button:hover {
  border-color: rgba(96, 165, 250, .38);
  background: rgba(96, 165, 250, .14);
}

#vidu-pipeline-dashboard .vidu-execution-step-blocker,
#vidu-elena-global-layer .vidu-execution-step-blocker,
.vidu-execution-step-blocker {
  display: grid;
  gap: 4px;
  border: 1px solid rgba(248, 113, 113, .18);
  border-radius: 10px;
  background: rgba(248, 113, 113, .07);
  padding: 8px;
}

#vidu-pipeline-dashboard .vidu-execution-step-blocker p,
#vidu-elena-global-layer .vidu-execution-step-blocker p,
.vidu-execution-step-blocker p,
#vidu-pipeline-dashboard .vidu-execution-step-recommendation p,
#vidu-elena-global-layer .vidu-execution-step-recommendation p,
.vidu-execution-step-recommendation p {
  margin: 0;
}

#vidu-pipeline-dashboard .vidu-execution-step-required,
#vidu-elena-global-layer .vidu-execution-step-required,
.vidu-execution-step-required,
#vidu-pipeline-dashboard .vidu-execution-step-recommendation,
#vidu-elena-global-layer .vidu-execution-step-recommendation,
.vidu-execution-step-recommendation {
  display: grid;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-execution-step-assignment,
#vidu-elena-global-layer .vidu-execution-step-assignment,
.vidu-execution-step-assignment {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(96, 165, 250, .10);
  border-radius: 12px;
  background: rgba(96, 165, 250, .035);
  padding: 8px;
}

#vidu-pipeline-dashboard .vidu-execution-step-assignment > strong,
#vidu-elena-global-layer .vidu-execution-step-assignment > strong,
.vidu-execution-step-assignment > strong {
  color: rgba(147, 197, 253, .82);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-step-assignment-summary,
#vidu-elena-global-layer .vidu-execution-step-assignment-summary,
.vidu-execution-step-assignment-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-execution-step-assignment-summary span,
#vidu-elena-global-layer .vidu-execution-step-assignment-summary span,
.vidu-execution-step-assignment-summary span {
  display: grid;
  gap: 2px;
  min-width: 0;
  border-radius: 9px;
  background: rgba(255, 255, 255, .035);
  color: rgba(226, 232, 240, .88);
  padding: 6px 7px;
  font-size: 11px;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-execution-step-assignment-summary i,
#vidu-elena-global-layer .vidu-execution-step-assignment-summary i,
.vidu-execution-step-assignment-summary i {
  color: rgba(148, 163, 184, .76);
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-step-assignment-form,
#vidu-elena-global-layer .vidu-execution-step-assignment-form,
.vidu-execution-step-assignment-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

#vidu-pipeline-dashboard .vidu-execution-step-assignment-form label,
#vidu-elena-global-layer .vidu-execution-step-assignment-form label,
.vidu-execution-step-assignment-form label {
  display: grid;
  gap: 5px;
}

#vidu-pipeline-dashboard .vidu-execution-step-assignment-form select,
#vidu-elena-global-layer .vidu-execution-step-assignment-form select,
.vidu-execution-step-assignment-form select,
#vidu-pipeline-dashboard .vidu-execution-step-assignment-form input,
#vidu-elena-global-layer .vidu-execution-step-assignment-form input,
.vidu-execution-step-assignment-form input {
  width: 100%;
  min-height: 32px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 10px;
  background: rgba(2, 6, 23, .35);
  color: rgba(226, 232, 240, .92);
  padding: 0 8px;
  font-size: 12px;
  outline: none;
}

#vidu-pipeline-dashboard .vidu-execution-step-assignment-actions,
#vidu-elena-global-layer .vidu-execution-step-assignment-actions,
.vidu-execution-step-assignment-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-execution-step-assignment-actions button,
#vidu-elena-global-layer .vidu-execution-step-assignment-actions button,
.vidu-execution-step-assignment-actions button {
  flex: 1 1 auto;
  border-color: rgba(96, 165, 250, .20);
  background: rgba(96, 165, 250, .08);
  color: rgba(219, 234, 254, .94);
  padding: 0 9px;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-execution-step-assignment-actions button:hover,
#vidu-elena-global-layer .vidu-execution-step-assignment-actions button:hover,
.vidu-execution-step-assignment-actions button:hover {
  border-color: rgba(96, 165, 250, .36);
  background: rgba(96, 165, 250, .13);
}

#vidu-pipeline-dashboard .vidu-execution-step-required div,
#vidu-elena-global-layer .vidu-execution-step-required div,
.vidu-execution-step-required div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#vidu-pipeline-dashboard .vidu-execution-step-required span,
#vidu-elena-global-layer .vidu-execution-step-required span,
.vidu-execution-step-required span {
  border-radius: 999px;
  background: rgba(96, 165, 250, .09);
  color: rgba(219, 234, 254, .88);
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 800;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-simulation,
#vidu-elena-global-layer .vidu-execution-runtime-simulation,
.vidu-execution-runtime-simulation {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(96, 165, 250, .1);
  border-radius: 12px;
  background: rgba(96, 165, 250, .035);
  padding: 9px;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-simulation.is-ready,
#vidu-elena-global-layer .vidu-execution-runtime-simulation.is-ready,
.vidu-execution-runtime-simulation.is-ready {
  border-color: rgba(34, 197, 94, .14);
  background: rgba(34, 197, 94, .04);
}

#vidu-pipeline-dashboard .vidu-execution-runtime-simulation.is-needs_input,
#vidu-elena-global-layer .vidu-execution-runtime-simulation.is-needs_input,
.vidu-execution-runtime-simulation.is-needs_input {
  border-color: rgba(250, 204, 21, .16);
  background: rgba(250, 204, 21, .045);
}

#vidu-pipeline-dashboard .vidu-execution-runtime-simulation.is-blocked,
#vidu-elena-global-layer .vidu-execution-runtime-simulation.is-blocked,
.vidu-execution-runtime-simulation.is-blocked {
  border-color: rgba(248, 113, 113, .18);
  background: rgba(248, 113, 113, .055);
}

#vidu-pipeline-dashboard .vidu-execution-runtime-simulation header,
#vidu-elena-global-layer .vidu-execution-runtime-simulation header,
.vidu-execution-runtime-simulation header,
#vidu-pipeline-dashboard .vidu-execution-runtime-simulation footer,
#vidu-elena-global-layer .vidu-execution-runtime-simulation footer,
.vidu-execution-runtime-simulation footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-simulation header div,
#vidu-elena-global-layer .vidu-execution-runtime-simulation header div,
.vidu-execution-runtime-simulation header div {
  display: grid;
  gap: 2px;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-simulation header strong,
#vidu-elena-global-layer .vidu-execution-runtime-simulation header strong,
.vidu-execution-runtime-simulation header strong,
#vidu-pipeline-dashboard .vidu-execution-runtime-simulation footer span,
#vidu-elena-global-layer .vidu-execution-runtime-simulation footer span,
.vidu-execution-runtime-simulation footer span,
#vidu-pipeline-dashboard .vidu-execution-runtime-grid span,
#vidu-elena-global-layer .vidu-execution-runtime-grid span,
.vidu-execution-runtime-grid span {
  color: rgba(147, 197, 253, .82);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-simulation header span,
#vidu-elena-global-layer .vidu-execution-runtime-simulation header span,
.vidu-execution-runtime-simulation header span {
  color: rgba(203, 213, 225, .82);
  font-size: 11px;
  font-weight: 760;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-simulation header b,
#vidu-elena-global-layer .vidu-execution-runtime-simulation header b,
.vidu-execution-runtime-simulation header b {
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: rgba(226, 232, 240, .9);
  padding: 4px 7px;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-simulation p,
#vidu-elena-global-layer .vidu-execution-runtime-simulation p,
.vidu-execution-runtime-simulation p {
  margin: 0;
  color: rgba(226, 232, 240, .86);
  font-size: 11px;
  line-height: 1.4;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-grid,
#vidu-elena-global-layer .vidu-execution-runtime-grid,
.vidu-execution-runtime-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-grid div,
#vidu-elena-global-layer .vidu-execution-runtime-grid div,
.vidu-execution-runtime-grid div {
  display: grid;
  gap: 5px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .035);
  padding: 7px;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-grid ul,
#vidu-elena-global-layer .vidu-execution-runtime-grid ul,
.vidu-execution-runtime-grid ul {
  display: grid;
  gap: 3px;
  margin: 0;
  padding-left: 15px;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-grid li,
#vidu-elena-global-layer .vidu-execution-runtime-grid li,
.vidu-execution-runtime-grid li {
  color: rgba(203, 213, 225, .84);
  font-size: 10px;
  line-height: 1.3;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-simulation footer strong,
#vidu-elena-global-layer .vidu-execution-runtime-simulation footer strong,
.vidu-execution-runtime-simulation footer strong {
  min-width: 0;
  color: rgba(248, 250, 252, .9);
  font-size: 11px;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-simulation footer em,
#vidu-elena-global-layer .vidu-execution-runtime-simulation footer em,
.vidu-execution-runtime-simulation footer em {
  color: rgba(148, 163, 184, .78);
  font-size: 10px;
  font-style: normal;
  font-weight: 780;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-refresh,
#vidu-elena-global-layer .vidu-execution-runtime-refresh,
.vidu-execution-runtime-refresh {
  justify-self: start;
  min-height: 30px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 10px;
  background: rgba(255, 255, 255, .035);
  color: rgba(219, 234, 254, .9);
  padding: 0 10px;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-execution-runtime-refresh:hover,
#vidu-elena-global-layer .vidu-execution-runtime-refresh:hover,
.vidu-execution-runtime-refresh:hover {
  border-color: rgba(96, 165, 250, .28);
  background: rgba(96, 165, 250, .08);
}

#vidu-pipeline-dashboard .vidu-execution-input-checklist,
#vidu-elena-global-layer .vidu-execution-input-checklist,
.vidu-execution-input-checklist {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 12px;
  background: rgba(15, 23, 42, .22);
  padding: 9px;
}

#vidu-pipeline-dashboard .vidu-execution-input-checklist header,
#vidu-elena-global-layer .vidu-execution-input-checklist header,
.vidu-execution-input-checklist header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-execution-input-checklist header strong,
#vidu-elena-global-layer .vidu-execution-input-checklist header strong,
.vidu-execution-input-checklist header strong {
  color: rgba(248, 250, 252, .9);
  font-size: 11px;
  font-weight: 860;
}

#vidu-pipeline-dashboard .vidu-execution-input-checklist header span,
#vidu-elena-global-layer .vidu-execution-input-checklist header span,
.vidu-execution-input-checklist header span {
  border-radius: 999px;
  background: rgba(96, 165, 250, .08);
  color: rgba(191, 219, 254, .78);
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 820;
}

#vidu-pipeline-dashboard .vidu-execution-input-checklist > div,
#vidu-elena-global-layer .vidu-execution-input-checklist > div,
.vidu-execution-input-checklist > div {
  display: grid;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-execution-input-row,
#vidu-elena-global-layer .vidu-execution-input-row,
.vidu-execution-input-row {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(112px, .72fr) minmax(120px, .9fr) minmax(120px, .9fr);
  gap: 7px;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 10px;
  background: rgba(255, 255, 255, .026);
  padding: 7px;
}

#vidu-pipeline-dashboard .vidu-execution-input-row.is-missing,
#vidu-elena-global-layer .vidu-execution-input-row.is-missing,
.vidu-execution-input-row.is-missing {
  border-color: rgba(248, 113, 113, .18);
  background: rgba(248, 113, 113, .045);
}

#vidu-pipeline-dashboard .vidu-execution-input-row.is-needs_review,
#vidu-elena-global-layer .vidu-execution-input-row.is-needs_review,
.vidu-execution-input-row.is-needs_review {
  border-color: rgba(250, 204, 21, .2);
  background: rgba(250, 204, 21, .05);
}

#vidu-pipeline-dashboard .vidu-execution-input-row.is-provided,
#vidu-elena-global-layer .vidu-execution-input-row.is-provided,
.vidu-execution-input-row.is-provided {
  border-color: rgba(34, 197, 94, .16);
  background: rgba(34, 197, 94, .045);
}

#vidu-pipeline-dashboard .vidu-execution-input-row b,
#vidu-elena-global-layer .vidu-execution-input-row b,
.vidu-execution-input-row b {
  display: block;
  color: rgba(248, 250, 252, .88);
  font-size: 11px;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-execution-input-row small,
#vidu-elena-global-layer .vidu-execution-input-row small,
.vidu-execution-input-row small {
  display: block;
  margin-top: 2px;
  color: rgba(148, 163, 184, .76);
  font-size: 10px;
}

#vidu-pipeline-dashboard .vidu-execution-input-row select,
#vidu-elena-global-layer .vidu-execution-input-row select,
.vidu-execution-input-row select,
#vidu-pipeline-dashboard .vidu-execution-input-row input,
#vidu-elena-global-layer .vidu-execution-input-row input,
.vidu-execution-input-row input {
  width: 100%;
  min-width: 0;
  min-height: 30px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 9px;
  background: rgba(2, 6, 23, .34);
  color: rgba(226, 232, 240, .9);
  padding: 0 8px;
  font-size: 11px;
  outline: none;
}

#vidu-pipeline-dashboard .vidu-execution-input-row select:focus,
#vidu-elena-global-layer .vidu-execution-input-row select:focus,
.vidu-execution-input-row select:focus,
#vidu-pipeline-dashboard .vidu-execution-input-row input:focus,
#vidu-elena-global-layer .vidu-execution-input-row input:focus,
.vidu-execution-input-row input:focus {
  border-color: rgba(96, 165, 250, .32);
  box-shadow: 0 0 0 2px rgba(96, 165, 250, .08);
}

#vidu-pipeline-dashboard .vidu-execution-input-checklist > button,
#vidu-elena-global-layer .vidu-execution-input-checklist > button,
.vidu-execution-input-checklist > button {
  justify-self: start;
  min-height: 31px;
  border: 1px solid rgba(96, 165, 250, .18);
  border-radius: 10px;
  background: rgba(96, 165, 250, .075);
  color: rgba(219, 234, 254, .94);
  padding: 0 10px;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-execution-comments,
#vidu-elena-global-layer .vidu-execution-comments,
.vidu-execution-comments {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(129, 140, 248, .12);
  border-radius: 12px;
  background: rgba(129, 140, 248, .035);
  padding: 9px;
}

#vidu-pipeline-dashboard .vidu-execution-comments header,
#vidu-elena-global-layer .vidu-execution-comments header,
.vidu-execution-comments header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-execution-comments header strong,
#vidu-elena-global-layer .vidu-execution-comments header strong,
.vidu-execution-comments header strong {
  color: rgba(248, 250, 252, .9);
  font-size: 11px;
  font-weight: 860;
}

#vidu-pipeline-dashboard .vidu-execution-comments header span,
#vidu-elena-global-layer .vidu-execution-comments header span,
.vidu-execution-comments header span {
  border-radius: 999px;
  background: rgba(129, 140, 248, .10);
  color: rgba(199, 210, 254, .82);
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 820;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-comment-actions,
#vidu-elena-global-layer .vidu-agent-suggested-comment-actions,
.vidu-agent-suggested-comment-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-comment-actions button,
#vidu-elena-global-layer .vidu-agent-suggested-comment-actions button,
.vidu-agent-suggested-comment-actions button {
  min-height: 29px;
  border: 1px solid rgba(129, 140, 248, .16);
  border-radius: 999px;
  background: rgba(129, 140, 248, .06);
  color: rgba(224, 231, 255, .88);
  padding: 0 9px;
  font-size: 10px;
  font-weight: 850;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-comment-actions button:hover,
#vidu-elena-global-layer .vidu-agent-suggested-comment-actions button:hover,
.vidu-agent-suggested-comment-actions button:hover {
  border-color: rgba(129, 140, 248, .32);
  background: rgba(129, 140, 248, .11);
}

#vidu-pipeline-dashboard .vidu-agent-suggested-comment-slot,
#vidu-elena-global-layer .vidu-agent-suggested-comment-slot,
.vidu-agent-suggested-comment-slot {
  display: grid;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-comment-card,
#vidu-elena-global-layer .vidu-agent-suggested-comment-card,
.vidu-agent-suggested-comment-card,
#vidu-pipeline-dashboard .vidu-agent-suggested-action-card,
#vidu-elena-global-layer .vidu-agent-suggested-action-card,
.vidu-agent-suggested-action-card {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(96, 165, 250, .15);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(59, 130, 246, .075), rgba(129, 140, 248, .045));
  padding: 9px;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-comment-card header,
#vidu-elena-global-layer .vidu-agent-suggested-comment-card header,
.vidu-agent-suggested-comment-card header,
#vidu-pipeline-dashboard .vidu-agent-suggested-comment-card footer,
#vidu-elena-global-layer .vidu-agent-suggested-comment-card footer,
.vidu-agent-suggested-comment-card footer,
#vidu-pipeline-dashboard .vidu-agent-suggested-action-card header,
#vidu-elena-global-layer .vidu-agent-suggested-action-card header,
.vidu-agent-suggested-action-card header,
#vidu-pipeline-dashboard .vidu-agent-suggested-action-card footer,
#vidu-elena-global-layer .vidu-agent-suggested-action-card footer,
.vidu-agent-suggested-action-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-comment-card header span,
#vidu-elena-global-layer .vidu-agent-suggested-comment-card header span,
.vidu-agent-suggested-comment-card header span,
#vidu-pipeline-dashboard .vidu-agent-suggested-action-card header span,
#vidu-elena-global-layer .vidu-agent-suggested-action-card header span,
.vidu-agent-suggested-action-card header span {
  color: rgba(147, 197, 253, .82);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-comment-card header strong,
#vidu-elena-global-layer .vidu-agent-suggested-comment-card header strong,
.vidu-agent-suggested-comment-card header strong,
#vidu-pipeline-dashboard .vidu-agent-suggested-action-card header strong,
#vidu-elena-global-layer .vidu-agent-suggested-action-card header strong,
.vidu-agent-suggested-action-card header strong {
  color: rgba(248, 250, 252, .92);
  font-size: 12px;
  font-weight: 860;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-comment-card p,
#vidu-elena-global-layer .vidu-agent-suggested-comment-card p,
.vidu-agent-suggested-comment-card p,
#vidu-pipeline-dashboard .vidu-agent-suggested-action-card p,
#vidu-elena-global-layer .vidu-agent-suggested-action-card p,
.vidu-agent-suggested-action-card p {
  margin: 0;
  color: rgba(226, 232, 240, .88);
  font-size: 11px;
  line-height: 1.4;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-body,
#vidu-elena-global-layer .vidu-agent-suggested-action-body,
.vidu-agent-suggested-action-body {
  display: grid;
  gap: 5px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .035);
  padding: 8px;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-body b,
#vidu-elena-global-layer .vidu-agent-suggested-action-body b,
.vidu-agent-suggested-action-body b {
  color: rgba(248, 250, 252, .92);
  font-size: 12px;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-body i,
#vidu-elena-global-layer .vidu-agent-suggested-action-body i,
.vidu-agent-suggested-action-body i {
  justify-self: start;
  border-radius: 999px;
  background: rgba(96, 165, 250, .11);
  color: rgba(191, 219, 254, .9);
  padding: 3px 7px;
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-body small,
#vidu-elena-global-layer .vidu-agent-suggested-action-body small,
.vidu-agent-suggested-action-body small {
  color: rgba(148, 163, 184, .78);
  font-size: 10px;
  line-height: 1.3;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-capability,
#vidu-elena-global-layer .vidu-agent-suggested-action-capability,
.vidu-agent-suggested-action-capability {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 10px;
  background: rgba(0, 0, 0, .12);
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-capability div,
#vidu-elena-global-layer .vidu-agent-suggested-action-capability div,
.vidu-agent-suggested-action-capability div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-capability dt,
#vidu-elena-global-layer .vidu-agent-suggested-action-capability dt,
.vidu-agent-suggested-action-capability dt,
#vidu-pipeline-dashboard .vidu-agent-suggested-action-capability dd,
#vidu-elena-global-layer .vidu-agent-suggested-action-capability dd,
.vidu-agent-suggested-action-capability dd {
  margin: 0;
  font-size: 9px;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-capability dt,
#vidu-elena-global-layer .vidu-agent-suggested-action-capability dt,
.vidu-agent-suggested-action-capability dt {
  color: rgba(148, 163, 184, .70);
  font-weight: 760;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-capability dd,
#vidu-elena-global-layer .vidu-agent-suggested-action-capability dd,
.vidu-agent-suggested-action-capability dd {
  color: rgba(226, 232, 240, .84);
  font-weight: 840;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-fit,
#vidu-elena-global-layer .vidu-agent-suggested-action-fit,
.vidu-agent-suggested-action-fit {
  margin: 0;
  padding: 7px 8px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 9px;
  background: rgba(255, 255, 255, .025);
  color: rgba(203, 213, 225, .74);
  font-size: 10px;
  line-height: 1.35;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-fit.is-strong,
#vidu-elena-global-layer .vidu-agent-suggested-action-fit.is-strong,
.vidu-agent-suggested-action-fit.is-strong {
  border-color: rgba(34, 197, 94, .14);
  color: rgba(187, 247, 208, .86);
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-fit.is-weak,
#vidu-elena-global-layer .vidu-agent-suggested-action-fit.is-weak,
.vidu-agent-suggested-action-fit.is-weak {
  border-color: rgba(248, 113, 113, .15);
  color: rgba(254, 202, 202, .84);
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-safety,
#vidu-elena-global-layer .vidu-agent-suggested-action-safety,
.vidu-agent-suggested-action-safety {
  margin: 0;
  border-radius: 9px;
  background: rgba(250, 204, 21, .055);
  color: rgba(254, 240, 138, .82);
  border: 1px solid rgba(250, 204, 21, .1);
  padding: 7px 8px;
  font-size: 10px;
  line-height: 1.35;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-safety span,
#vidu-elena-global-layer .vidu-agent-suggested-action-safety span,
.vidu-agent-suggested-action-safety span {
  color: rgba(226, 232, 240, .66);
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-safety.is-safe_internal_state,
#vidu-elena-global-layer .vidu-agent-suggested-action-safety.is-safe_internal_state,
.vidu-agent-suggested-action-safety.is-safe_internal_state {
  background: rgba(34, 197, 94, .06);
  border-color: rgba(34, 197, 94, .14);
  color: rgba(187, 247, 208, .88);
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-safety.is-requires_human_approval,
#vidu-elena-global-layer .vidu-agent-suggested-action-safety.is-requires_human_approval,
.vidu-agent-suggested-action-safety.is-requires_human_approval {
  background: rgba(250, 204, 21, .055);
  border-color: rgba(250, 204, 21, .14);
  color: rgba(254, 240, 138, .86);
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-safety.is-requires_owner,
#vidu-elena-global-layer .vidu-agent-suggested-action-safety.is-requires_owner,
.vidu-agent-suggested-action-safety.is-requires_owner {
  background: rgba(168, 85, 247, .065);
  border-color: rgba(168, 85, 247, .16);
  color: rgba(221, 214, 254, .88);
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-safety.is-not_supported_yet,
#vidu-elena-global-layer .vidu-agent-suggested-action-safety.is-not_supported_yet,
.vidu-agent-suggested-action-safety.is-not_supported_yet,
#vidu-pipeline-dashboard .vidu-agent-suggested-action-safety.is-dangerous_external_action,
#vidu-elena-global-layer .vidu-agent-suggested-action-safety.is-dangerous_external_action,
.vidu-agent-suggested-action-safety.is-dangerous_external_action {
  background: rgba(248, 113, 113, .06);
  border-color: rgba(248, 113, 113, .16);
  color: rgba(254, 202, 202, .88);
}

#vidu-pipeline-dashboard .vidu-agent-suggested-comment-card footer em,
#vidu-elena-global-layer .vidu-agent-suggested-comment-card footer em,
.vidu-agent-suggested-comment-card footer em,
#vidu-pipeline-dashboard .vidu-agent-suggested-action-card footer em,
#vidu-elena-global-layer .vidu-agent-suggested-action-card footer em,
.vidu-agent-suggested-action-card footer em {
  color: rgba(148, 163, 184, .78);
  font-size: 10px;
  font-style: normal;
  font-weight: 780;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-comment-card footer div,
#vidu-elena-global-layer .vidu-agent-suggested-comment-card footer div,
.vidu-agent-suggested-comment-card footer div,
#vidu-pipeline-dashboard .vidu-agent-suggested-action-card footer div,
#vidu-elena-global-layer .vidu-agent-suggested-action-card footer div,
.vidu-agent-suggested-action-card footer div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-comment-card footer button,
#vidu-elena-global-layer .vidu-agent-suggested-comment-card footer button,
.vidu-agent-suggested-comment-card footer button,
#vidu-pipeline-dashboard .vidu-agent-suggested-action-card footer button,
#vidu-elena-global-layer .vidu-agent-suggested-action-card footer button,
.vidu-agent-suggested-action-card footer button {
  min-height: 29px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 9px;
  background: rgba(255, 255, 255, .035);
  color: rgba(203, 213, 225, .86);
  padding: 0 9px;
  font-size: 10px;
  font-weight: 850;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-agent-suggested-comment-card footer button[data-execution-agent-comment-add],
#vidu-elena-global-layer .vidu-agent-suggested-comment-card footer button[data-execution-agent-comment-add],
.vidu-agent-suggested-comment-card footer button[data-execution-agent-comment-add],
#vidu-pipeline-dashboard .vidu-agent-suggested-action-card footer button[data-execution-agent-action-apply],
#vidu-elena-global-layer .vidu-agent-suggested-action-card footer button[data-execution-agent-action-apply],
.vidu-agent-suggested-action-card footer button[data-execution-agent-action-apply],
#vidu-pipeline-dashboard .vidu-agent-suggested-action-card footer button[data-execution-agent-action-add-note],
#vidu-elena-global-layer .vidu-agent-suggested-action-card footer button[data-execution-agent-action-add-note],
.vidu-agent-suggested-action-card footer button[data-execution-agent-action-add-note] {
  border-color: rgba(96, 165, 250, .22);
  background: rgba(96, 165, 250, .09);
  color: rgba(219, 234, 254, .94);
}

#vidu-pipeline-dashboard .vidu-agent-suggested-action-card footer button[data-execution-agent-action-apply],
#vidu-elena-global-layer .vidu-agent-suggested-action-card footer button[data-execution-agent-action-apply],
.vidu-agent-suggested-action-card footer button[data-execution-agent-action-apply] {
  border-color: rgba(34, 197, 94, .25);
  background: rgba(34, 197, 94, .10);
  color: rgba(187, 247, 208, .95);
}

#vidu-pipeline-dashboard .vidu-execution-comments ol,
#vidu-elena-global-layer .vidu-execution-comments ol,
.vidu-execution-comments ol {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#vidu-pipeline-dashboard .vidu-execution-comments li,
#vidu-elena-global-layer .vidu-execution-comments li,
.vidu-execution-comments li {
  display: grid;
  gap: 4px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 10px;
  background: rgba(255, 255, 255, .03);
  padding: 7px;
}

#vidu-pipeline-dashboard .vidu-execution-comments li > div,
#vidu-elena-global-layer .vidu-execution-comments li > div,
.vidu-execution-comments li > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-execution-comments li strong,
#vidu-elena-global-layer .vidu-execution-comments li strong,
.vidu-execution-comments li strong {
  min-width: 0;
  overflow: hidden;
  color: rgba(226, 232, 240, .92);
  font-size: 11px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-execution-comments li time,
#vidu-elena-global-layer .vidu-execution-comments li time,
.vidu-execution-comments li time {
  flex: 0 0 auto;
  color: rgba(148, 163, 184, .76);
  font-size: 10px;
  font-weight: 780;
}

#vidu-pipeline-dashboard .vidu-execution-comments li p,
#vidu-elena-global-layer .vidu-execution-comments li p,
.vidu-execution-comments li p,
#vidu-pipeline-dashboard .vidu-execution-comments-empty,
#vidu-elena-global-layer .vidu-execution-comments-empty,
.vidu-execution-comments-empty {
  margin: 0;
  color: rgba(203, 213, 225, .84);
  font-size: 11px;
  line-height: 1.38;
}

#vidu-pipeline-dashboard .vidu-execution-comments label,
#vidu-elena-global-layer .vidu-execution-comments label,
.vidu-execution-comments label {
  display: grid;
  gap: 5px;
}

#vidu-pipeline-dashboard .vidu-execution-comments label span,
#vidu-elena-global-layer .vidu-execution-comments label span,
.vidu-execution-comments label span {
  color: rgba(147, 197, 253, .82);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-comments textarea,
#vidu-elena-global-layer .vidu-execution-comments textarea,
.vidu-execution-comments textarea {
  width: 100%;
  min-height: 50px;
  resize: vertical;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 10px;
  background: rgba(2, 6, 23, .35);
  color: rgba(226, 232, 240, .92);
  padding: 8px 9px;
  font-size: 12px;
  line-height: 1.35;
  outline: none;
}

#vidu-pipeline-dashboard .vidu-execution-comments textarea:focus,
#vidu-elena-global-layer .vidu-execution-comments textarea:focus,
.vidu-execution-comments textarea:focus {
  border-color: rgba(129, 140, 248, .34);
  box-shadow: 0 0 0 2px rgba(129, 140, 248, .09);
}

#vidu-pipeline-dashboard .vidu-execution-comments > button,
#vidu-elena-global-layer .vidu-execution-comments > button,
.vidu-execution-comments > button {
  justify-self: start;
  min-height: 31px;
  border: 1px solid rgba(129, 140, 248, .20);
  border-radius: 10px;
  background: rgba(129, 140, 248, .08);
  color: rgba(224, 231, 255, .94);
  padding: 0 10px;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-execution-comments > button:hover,
#vidu-elena-global-layer .vidu-execution-comments > button:hover,
.vidu-execution-comments > button:hover {
  border-color: rgba(129, 140, 248, .36);
  background: rgba(129, 140, 248, .13);
}

#vidu-pipeline-dashboard .vidu-execution-step-decision,
#vidu-elena-global-layer .vidu-execution-step-decision,
.vidu-execution-step-decision,
#vidu-pipeline-dashboard .vidu-execution-step-updated,
#vidu-elena-global-layer .vidu-execution-step-updated,
.vidu-execution-step-updated {
  display: grid;
  gap: 3px;
  margin: 0;
  color: rgba(203, 213, 225, .82);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-execution-step-history,
#vidu-elena-global-layer .vidu-execution-step-history,
.vidu-execution-step-history {
  display: grid;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-execution-step-history ol,
#vidu-elena-global-layer .vidu-execution-step-history ol,
.vidu-execution-step-history ol {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 18px;
}

#vidu-pipeline-dashboard .vidu-execution-step-history li,
#vidu-elena-global-layer .vidu-execution-step-history li,
.vidu-execution-step-history li {
  color: rgba(226, 232, 240, .86);
  font-size: 11px;
  line-height: 1.3;
}

#vidu-pipeline-dashboard .vidu-execution-step-history li span,
#vidu-elena-global-layer .vidu-execution-step-history li span,
.vidu-execution-step-history li span {
  display: block;
  font-weight: 850;
}

#vidu-pipeline-dashboard .vidu-execution-step-history li em,
#vidu-elena-global-layer .vidu-execution-step-history li em,
.vidu-execution-step-history li em {
  display: block;
  color: rgba(254, 202, 202, .88);
  font-style: normal;
}

#vidu-pipeline-dashboard .vidu-execution-step-actions,
#vidu-elena-global-layer .vidu-execution-step-actions,
.vidu-execution-step-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

#vidu-pipeline-dashboard .vidu-execution-step button,
#vidu-elena-global-layer .vidu-execution-step button,
.vidu-execution-step button {
  min-width: 112px;
  min-height: 31px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 10px;
  background: rgba(255, 255, 255, .035);
  color: rgba(148, 163, 184, .78);
  line-height: 1;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 850;
  cursor: not-allowed;
}

#vidu-pipeline-dashboard .vidu-execution-step-actions button,
#vidu-elena-global-layer .vidu-execution-step-actions button,
.vidu-execution-step-actions button {
  flex: 1 1 auto;
  width: auto;
  padding: 0 9px;
}

#vidu-pipeline-dashboard .vidu-execution-step-actions button:not(:disabled),
#vidu-elena-global-layer .vidu-execution-step-actions button:not(:disabled),
.vidu-execution-step-actions button:not(:disabled) {
  border-color: rgba(96, 165, 250, .18);
  background: rgba(96, 165, 250, .075);
  color: rgba(219, 234, 254, .94);
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-execution-step-actions button:not(:disabled):hover,
#vidu-elena-global-layer .vidu-execution-step-actions button:not(:disabled):hover,
.vidu-execution-step-actions button:not(:disabled):hover {
  border-color: rgba(96, 165, 250, .34);
  background: rgba(96, 165, 250, .12);
  color: rgba(239, 246, 255, .98);
}

#vidu-pipeline-dashboard .vidu-execution-step .vidu-execution-runtime-refresh:not(:disabled),
#vidu-elena-global-layer .vidu-execution-step .vidu-execution-runtime-refresh:not(:disabled),
.vidu-execution-step .vidu-execution-runtime-refresh:not(:disabled) {
  border-color: rgba(96, 165, 250, .18);
  background: rgba(96, 165, 250, .07);
  color: rgba(219, 234, 254, .94);
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-execution-step .vidu-agent-suggested-comment-actions button:not(:disabled),
#vidu-elena-global-layer .vidu-execution-step .vidu-agent-suggested-comment-actions button:not(:disabled),
.vidu-execution-step .vidu-agent-suggested-comment-actions button:not(:disabled),
#vidu-pipeline-dashboard .vidu-execution-step .vidu-agent-suggested-comment-card button:not(:disabled),
#vidu-elena-global-layer .vidu-execution-step .vidu-agent-suggested-comment-card button:not(:disabled),
.vidu-execution-step .vidu-agent-suggested-comment-card button:not(:disabled),
#vidu-pipeline-dashboard .vidu-execution-step .vidu-agent-suggested-action-card button:not(:disabled),
#vidu-elena-global-layer .vidu-execution-step .vidu-agent-suggested-action-card button:not(:disabled),
.vidu-execution-step .vidu-agent-suggested-action-card button:not(:disabled),
#vidu-pipeline-dashboard .vidu-execution-step .vidu-execution-comments > button:not(:disabled),
#vidu-elena-global-layer .vidu-execution-step .vidu-execution-comments > button:not(:disabled),
.vidu-execution-step .vidu-execution-comments > button:not(:disabled) {
  border-color: rgba(129, 140, 248, .20);
  background: rgba(129, 140, 248, .08);
  color: rgba(224, 231, 255, .94);
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-execution-step .vidu-agent-suggested-comment-card button[data-execution-agent-comment-add]:not(:disabled),
#vidu-elena-global-layer .vidu-execution-step .vidu-agent-suggested-comment-card button[data-execution-agent-comment-add]:not(:disabled),
.vidu-execution-step .vidu-agent-suggested-comment-card button[data-execution-agent-comment-add]:not(:disabled),
#vidu-pipeline-dashboard .vidu-execution-step .vidu-agent-suggested-action-card button[data-execution-agent-action-apply]:not(:disabled),
#vidu-elena-global-layer .vidu-execution-step .vidu-agent-suggested-action-card button[data-execution-agent-action-apply]:not(:disabled),
.vidu-execution-step .vidu-agent-suggested-action-card button[data-execution-agent-action-apply]:not(:disabled),
#vidu-pipeline-dashboard .vidu-execution-step .vidu-agent-suggested-action-card button[data-execution-agent-action-add-note]:not(:disabled),
#vidu-elena-global-layer .vidu-execution-step .vidu-agent-suggested-action-card button[data-execution-agent-action-add-note]:not(:disabled),
.vidu-execution-step .vidu-agent-suggested-action-card button[data-execution-agent-action-add-note]:not(:disabled) {
  border-color: rgba(96, 165, 250, .24);
  background: rgba(96, 165, 250, .10);
  color: rgba(219, 234, 254, .96);
}

#vidu-pipeline-dashboard .vidu-execution-step .vidu-agent-suggested-action-card button[data-execution-agent-action-apply]:not(:disabled),
#vidu-elena-global-layer .vidu-execution-step .vidu-agent-suggested-action-card button[data-execution-agent-action-apply]:not(:disabled),
.vidu-execution-step .vidu-agent-suggested-action-card button[data-execution-agent-action-apply]:not(:disabled) {
  border-color: rgba(34, 197, 94, .28);
  background: rgba(34, 197, 94, .11);
  color: rgba(187, 247, 208, .96);
}

#vidu-pipeline-dashboard .vidu-execution-activity,
#vidu-elena-global-layer .vidu-execution-activity,
.vidu-execution-activity {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 13px;
  background: rgba(255, 255, 255, .025);
  padding: 9px;
}

#vidu-pipeline-dashboard .vidu-execution-activity header,
#vidu-elena-global-layer .vidu-execution-activity header,
.vidu-execution-activity header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-execution-activity header span,
#vidu-elena-global-layer .vidu-execution-activity header span,
.vidu-execution-activity header span {
  color: rgba(147, 197, 253, .82);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-activity header b,
#vidu-elena-global-layer .vidu-execution-activity header b,
.vidu-execution-activity header b {
  border-radius: 999px;
  background: rgba(96, 165, 250, .08);
  color: rgba(219, 234, 254, .86);
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 850;
}

#vidu-pipeline-dashboard .vidu-execution-activity ol,
#vidu-elena-global-layer .vidu-execution-activity ol,
.vidu-execution-activity ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#vidu-pipeline-dashboard .vidu-execution-activity li,
#vidu-elena-global-layer .vidu-execution-activity li,
.vidu-execution-activity li {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
  border-left: 2px solid rgba(96, 165, 250, .24);
  border-radius: 10px;
  background: rgba(255, 255, 255, .025);
  padding: 7px 8px;
}

#vidu-pipeline-dashboard .vidu-execution-activity li.is-step_blocked,
#vidu-elena-global-layer .vidu-execution-activity li.is-step_blocked,
.vidu-execution-activity li.is-step_blocked {
  border-left-color: rgba(248, 113, 113, .55);
  background: rgba(248, 113, 113, .055);
}

#vidu-pipeline-dashboard .vidu-execution-activity li.is-assignment_updated,
#vidu-elena-global-layer .vidu-execution-activity li.is-assignment_updated,
.vidu-execution-activity li.is-assignment_updated {
  border-left-color: rgba(45, 212, 191, .42);
}

#vidu-pipeline-dashboard .vidu-execution-activity li.is-details_updated,
#vidu-elena-global-layer .vidu-execution-activity li.is-details_updated,
.vidu-execution-activity li.is-details_updated {
  border-left-color: rgba(168, 85, 247, .38);
}

#vidu-pipeline-dashboard .vidu-execution-activity li.is-input_checklist_updated,
#vidu-elena-global-layer .vidu-execution-activity li.is-input_checklist_updated,
.vidu-execution-activity li.is-input_checklist_updated {
  border-left-color: rgba(250, 204, 21, .42);
}

#vidu-pipeline-dashboard .vidu-execution-activity li.is-runtime_simulation_refreshed,
#vidu-elena-global-layer .vidu-execution-activity li.is-runtime_simulation_refreshed,
.vidu-execution-activity li.is-runtime_simulation_refreshed {
  border-left-color: rgba(56, 189, 248, .46);
}

#vidu-pipeline-dashboard .vidu-execution-activity li.is-comment_added,
#vidu-elena-global-layer .vidu-execution-activity li.is-comment_added,
.vidu-execution-activity li.is-comment_added {
  border-left-color: rgba(129, 140, 248, .46);
}

#vidu-pipeline-dashboard .vidu-execution-activity li.is-agent_comment_added,
#vidu-elena-global-layer .vidu-execution-activity li.is-agent_comment_added,
.vidu-execution-activity li.is-agent_comment_added {
  border-left-color: rgba(96, 165, 250, .52);
  background: rgba(96, 165, 250, .045);
}

#vidu-pipeline-dashboard .vidu-execution-activity li.is-agent_action_suggestion_added,
#vidu-elena-global-layer .vidu-execution-activity li.is-agent_action_suggestion_added,
.vidu-execution-activity li.is-agent_action_suggestion_added {
  border-left-color: rgba(34, 197, 94, .48);
  background: rgba(34, 197, 94, .045);
}

#vidu-pipeline-dashboard .vidu-execution-activity time,
#vidu-elena-global-layer .vidu-execution-activity time,
.vidu-execution-activity time {
  color: rgba(148, 163, 184, .80);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.3;
}

#vidu-pipeline-dashboard .vidu-execution-activity div,
#vidu-elena-global-layer .vidu-execution-activity div,
.vidu-execution-activity div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-execution-activity strong,
#vidu-elena-global-layer .vidu-execution-activity strong,
.vidu-execution-activity strong {
  color: rgba(248, 250, 252, .92);
  font-size: 12px;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-execution-activity p,
#vidu-elena-global-layer .vidu-execution-activity p,
.vidu-execution-activity p {
  margin: 0;
  color: rgba(203, 213, 225, .84);
  font-size: 11px;
  line-height: 1.35;
}

#vidu-pipeline-dashboard .vidu-execution-activity small,
#vidu-elena-global-layer .vidu-execution-activity small,
.vidu-execution-activity small {
  color: rgba(148, 163, 184, .76);
  font-size: 10px;
}

#vidu-pipeline-dashboard .vidu-execution-activity em,
#vidu-elena-global-layer .vidu-execution-activity em,
.vidu-execution-activity em {
  color: rgba(191, 219, 254, .86);
  font-size: 10px;
  font-style: normal;
  line-height: 1.3;
}

#vidu-pipeline-dashboard .vidu-execution-plan-viewer footer,
#vidu-elena-global-layer .vidu-execution-plan-viewer footer,
.vidu-execution-plan-viewer footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-top: 1px solid rgba(255, 255, 255, .06);
  padding-top: 9px;
}

#vidu-pipeline-dashboard .vidu-execution-plan-viewer footer span,
#vidu-elena-global-layer .vidu-execution-plan-viewer footer span,
.vidu-execution-plan-viewer footer span {
  color: rgba(148, 163, 184, .78);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-execution-plan-viewer footer b,
#vidu-elena-global-layer .vidu-execution-plan-viewer footer b,
.vidu-execution-plan-viewer footer b {
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
  color: rgba(203, 213, 225, .82);
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

@media (max-width: 520px) {
  #vidu-pipeline-dashboard .vidu-execution-plan-meta,
  #vidu-elena-global-layer .vidu-execution-plan-meta,
  .vidu-execution-plan-meta {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-execution-runtime-grid,
  #vidu-elena-global-layer .vidu-execution-runtime-grid,
  .vidu-execution-runtime-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  #vidu-pipeline-dashboard .vidu-ai-action-details {
    transition: none;
    transform: none;
  }
}

.vidu-elena-control-modal-shell .vidu-app-modal-dialog {
  width: min(1360px, calc(100vw - 48px));
  max-width: min(1360px, calc(100vw - 48px));
  min-height: min(760px, calc(100vh - 48px));
  max-height: calc(100vh - 48px);
}

.vidu-elena-control-modal-shell .vidu-app-modal-body {
  max-height: calc(100vh - 96px);
  overflow: auto;
  overscroll-behavior: contain;
}

.vidu-elena-control {
  display: grid;
  gap: 18px;
  min-width: 0;
  padding-bottom: 8px;
}

.vidu-elena-hero,
.vidu-elena-card,
.vidu-elena-section,
.vidu-elena-actions {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 22px;
  background:
    radial-gradient(circle at 12% 0%, rgba(132, 80, 255, .12), transparent 34%),
    linear-gradient(180deg, rgba(17, 20, 32, .82), rgba(8, 11, 18, .86));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

.vidu-elena-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  padding: 22px;
}

.vidu-elena-hero span,
.vidu-elena-section-head span {
  color: rgba(125, 211, 252, .72);
  font-size: 11px;
  font-weight: 840;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.vidu-elena-hero h3,
.vidu-elena-section-head strong {
  margin: 6px 0 0;
  color: rgba(248, 250, 252, .96);
  font-size: 22px;
  line-height: 1.12;
}

.vidu-elena-hero p,
.vidu-elena-card p,
.vidu-elena-capability-card p {
  margin: 8px 0 0;
  color: rgba(203, 213, 225, .76);
  font-size: 13px;
  line-height: 1.55;
}

.vidu-elena-presence-preview {
  min-width: 168px;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 7px 18px 7px 8px;
  border-radius: 999px;
  border: 1px solid rgba(132, 110, 255, .32);
  background: linear-gradient(180deg, rgba(15, 17, 28, .90), rgba(8, 10, 16, .94));
  box-shadow: 0 0 26px rgba(109, 93, 252, .15);
}

.vidu-elena-presence-preview i {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 255, 255, .12), transparent 32%),
    linear-gradient(145deg, rgba(58, 45, 108, .82), rgba(16, 21, 40, .88));
  box-shadow: inset 0 0 0 1px rgba(148, 130, 255, .12), 0 0 14px rgba(109, 93, 252, .16);
}

.vidu-elena-presence-preview strong {
  color: rgba(245, 245, 255, .92);
  font-size: 14px;
  font-weight: 700;
}

.vidu-elena-presence-preview span {
  display: block;
  margin-top: 3px;
  color: rgba(125, 211, 252, .72);
  font-size: 10px;
  font-weight: 760;
  line-height: 1.2;
}

.vidu-elena-grid,
.vidu-elena-capability-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.vidu-elena-card,
.vidu-elena-section {
  padding: 18px;
}

.vidu-elena-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.vidu-elena-card-head span {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(125, 211, 252, .08);
  color: rgba(125, 211, 252, .78);
  font-size: 11px;
  font-weight: 860;
}

.vidu-elena-card-head strong {
  color: rgba(248, 250, 252, .92);
  font-size: 15px;
}

.vidu-elena-status-list {
  display: grid;
  gap: 10px;
  margin: 0;
}

.vidu-elena-status-list div,
.vidu-elena-token-list div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 34px;
  border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.vidu-elena-status-list dt,
.vidu-elena-token-list span {
  color: rgba(148, 163, 184, .82);
  font-size: 12px;
  font-weight: 720;
}

.vidu-elena-status-list dd {
  margin: 0;
  color: rgba(226, 232, 240, .90);
  font-size: 12px;
  text-align: right;
}

.vidu-elena-status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .045);
  color: rgba(203, 213, 225, .82);
  font-size: 10px;
  font-weight: 820;
}

.vidu-elena-status-badge.is-available {
  border-color: rgba(45, 212, 191, .18);
  background: rgba(45, 212, 191, .07);
  color: rgba(153, 246, 228, .88);
}

.vidu-elena-status-badge.is-prepared {
  border-color: rgba(125, 211, 252, .18);
  background: rgba(125, 211, 252, .065);
  color: rgba(186, 230, 253, .88);
}

.vidu-elena-status-badge.is-locked,
.vidu-elena-status-badge.is-disabled,
.vidu-elena-status-badge.is-missing {
  border-color: rgba(148, 163, 184, .14);
  background: rgba(148, 163, 184, .055);
  color: rgba(148, 163, 184, .80);
}

.vidu-elena-section-head {
  margin-bottom: 14px;
}

.vidu-elena-capability-card {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

.vidu-elena-capability-card div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.vidu-elena-capability-card strong {
  color: rgba(248, 250, 252, .92);
  font-size: 13px;
}

.vidu-elena-capability-card button,
.vidu-elena-actions button {
  min-height: 34px;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: 999px;
  background: rgba(125, 211, 252, .055);
  color: rgba(226, 232, 240, .88);
  padding: 0 13px;
  font: inherit;
  font-size: 12px;
  font-weight: 780;
}

.vidu-elena-capability-card button:disabled,
.vidu-elena-actions button:disabled {
  border-color: rgba(148, 163, 184, .10);
  background: rgba(148, 163, 184, .04);
  color: rgba(148, 163, 184, .64);
}

.vidu-elena-checklist {
  display: grid;
  gap: 9px;
}

.vidu-elena-checklist div {
  display: flex;
  gap: 8px;
  color: rgba(203, 213, 225, .82);
  font-size: 12px;
}

.vidu-elena-checklist span {
  color: rgba(125, 211, 252, .78);
  font-weight: 860;
}

.vidu-elena-checklist .is-ready span {
  color: rgba(45, 212, 191, .86);
}

.vidu-elena-card.is-safety {
  border-color: rgba(245, 158, 11, .14);
}

.vidu-elena-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
}

.vidu-digital-workforce-panel {
  position: relative;
  overflow: hidden;
  min-width: 0;
}

.vidu-dwf-center {
  border-color: rgba(125, 211, 252, .10);
  background:
    radial-gradient(circle at 12% 0%, rgba(125, 211, 252, .07), transparent 34%),
    rgba(255, 255, 255, .026);
}

.vidu-digital-workforce-panel.is-detail-open {
  min-height: min(620px, calc(100vh - 180px));
}

.vidu-dwf-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.vidu-dwf-head em {
  flex: 0 0 auto;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(125, 211, 252, .16);
  border-radius: 999px;
  background: rgba(125, 211, 252, .055);
  color: rgba(186, 230, 253, .86);
  font-size: 10px;
  font-style: normal;
  font-weight: 820;
}

.vidu-dwf-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  min-width: 0;
}

.vidu-dwf-center-body {
  display: grid;
  gap: 14px;
  min-width: 0;
  overflow: hidden;
}

.vidu-dwf-tab-panels {
  min-width: 0;
}

.vidu-dwf-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 999px;
  background: rgba(0, 0, 0, .16);
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.vidu-dwf-tabs::-webkit-scrollbar {
  height: 0;
}

.vidu-dwf-tabs button {
  flex: 0 0 auto;
  min-width: max-content;
  min-height: 32px;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: rgba(203, 213, 225, .68);
  font: inherit;
  font-size: 11px;
  font-weight: 820;
  cursor: pointer;
  transition: color .16s ease, background .16s ease, border-color .16s ease;
}

.vidu-dwf-tabs button:hover,
.vidu-dwf-tabs button.is-active {
  border-color: rgba(125, 211, 252, .15);
  background: rgba(125, 211, 252, .08);
  color: rgba(226, 232, 240, .94);
}

.vidu-dwf-tab-panel {
  display: none;
  min-width: 0;
}

.vidu-dwf-tab-panel.is-active {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.vidu-dwf-mission-control {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.vidu-dwf-presence-strip {
  display: flex;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  padding: 2px 0 4px;
  scrollbar-width: thin;
}

.vidu-dwf-presence-pill {
  flex: 0 0 auto;
  min-width: 138px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 11px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
}

.vidu-dwf-presence-pill strong {
  min-width: 0;
  color: rgba(248, 250, 252, .92);
  font-size: 12px;
  line-height: 1.1;
}

.vidu-dwf-presence-pill span {
  flex: 0 0 auto;
  color: rgba(148, 163, 184, .82);
  font-size: 10px;
  font-weight: 840;
  text-transform: uppercase;
}

.vidu-dwf-presence-pill.is-working,
.vidu-dwf-presence-pill.is-attention_required {
  border-color: rgba(96, 165, 250, .22);
  background: rgba(59, 130, 246, .08);
}

.vidu-dwf-presence-pill.is-attention_required {
  border-color: rgba(251, 113, 133, .22);
  background: rgba(244, 63, 94, .075);
}

.vidu-dwf-presence-pill.is-watching {
  border-color: rgba(125, 211, 252, .18);
  background: rgba(125, 211, 252, .055);
}

.vidu-dwf-mission-summary {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: 12px;
  min-width: 0;
}

.vidu-dwf-mission-summary article,
.vidu-dwf-mission-summary dl,
.vidu-dwf-mission-card,
.vidu-dwf-agent-focus-panel,
.vidu-dwf-agent-focus-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 18px;
  background: rgba(255, 255, 255, .032);
}

.vidu-dwf-mission-summary article {
  display: grid;
  gap: 6px;
}

.vidu-dwf-mission-summary span,
.vidu-dwf-mission-card > header span,
.vidu-dwf-agent-focus-panel > header span,
.vidu-dwf-agent-focus-card header span {
  color: rgba(125, 211, 252, .72);
  font-size: 10px;
  font-weight: 860;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-dwf-mission-summary strong {
  color: rgba(248, 250, 252, .95);
  font-size: 18px;
  line-height: 1.2;
}

.vidu-dwf-mission-summary p {
  max-width: 760px;
  margin: 0;
  color: rgba(203, 213, 225, .74);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-dwf-mission-summary dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.vidu-dwf-mission-summary dl div {
  min-width: 0;
  padding: 10px;
  border-radius: 14px;
  background: rgba(0, 0, 0, .15);
}

.vidu-dwf-mission-summary dt,
.vidu-dwf-mission-summary dd {
  margin: 0;
}

.vidu-dwf-mission-summary dt {
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  font-weight: 800;
}

.vidu-dwf-mission-summary dd {
  margin-top: 5px;
  color: rgba(248, 250, 252, .92);
  font-size: 18px;
  font-weight: 860;
  line-height: 1;
}

.vidu-dwf-mission-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  min-width: 0;
}

.vidu-dwf-mission-card {
  display: grid;
  align-content: start;
  gap: 11px;
}

.vidu-dwf-mission-card.is-attention {
  border-color: rgba(251, 113, 133, .16);
}

.vidu-dwf-mission-card.is-approval {
  border-color: rgba(250, 204, 21, .16);
}

.vidu-dwf-mission-card.is-opportunity {
  border-color: rgba(52, 211, 153, .15);
}

.vidu-dwf-mission-card.is-blocked {
  border-color: rgba(248, 113, 113, .18);
}

.vidu-dwf-mission-card.is-next {
  border-color: rgba(125, 211, 252, .18);
}

.vidu-dwf-mission-card > header,
.vidu-dwf-agent-focus-panel > header,
.vidu-dwf-agent-focus-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.vidu-dwf-mission-card > header b,
.vidu-dwf-agent-focus-card header b {
  flex: 0 0 auto;
  min-width: 26px;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 999px;
  background: rgba(0, 0, 0, .14);
  color: rgba(226, 232, 240, .82);
  font-size: 10px;
  font-weight: 860;
}

.vidu-dwf-mission-card ol {
  display: grid;
  gap: 8px;
  max-height: 250px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
}

.vidu-dwf-priority-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  min-width: 0;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 14px;
  background: rgba(0, 0, 0, .14);
}

.vidu-dwf-priority-row > b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  border-radius: 999px;
  background: rgba(125, 211, 252, .08);
  color: rgba(186, 230, 253, .86);
  font-size: 10px;
}

.vidu-dwf-priority-row.is-high > b {
  background: rgba(244, 63, 94, .12);
  color: rgba(254, 205, 211, .94);
}

.vidu-dwf-priority-row span {
  min-width: 0;
}

.vidu-dwf-priority-row strong {
  display: block;
  color: rgba(248, 250, 252, .91);
  font-size: 12px;
  line-height: 1.25;
}

.vidu-dwf-priority-row small,
.vidu-dwf-mission-card p,
.vidu-dwf-agent-focus-card p,
.vidu-dwf-agent-focus-card small {
  color: rgba(148, 163, 184, .78);
  font-size: 11px;
  line-height: 1.4;
}

.vidu-dwf-mission-card p {
  margin: 0;
}

.vidu-dwf-agent-focus-panel {
  display: grid;
  gap: 12px;
}

.vidu-dwf-agent-focus-panel > header strong {
  color: rgba(248, 250, 252, .92);
  font-size: 14px;
}

.vidu-dwf-agent-focus-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.vidu-dwf-agent-focus-card {
  display: grid;
  gap: 10px;
}

.vidu-dwf-agent-focus-card.is-attention_required {
  border-color: rgba(251, 113, 133, .18);
}

.vidu-dwf-agent-focus-card header strong {
  display: block;
  color: rgba(248, 250, 252, .92);
  font-size: 15px;
  line-height: 1.2;
}

.vidu-dwf-agent-focus-card p {
  margin: 0;
  min-height: 32px;
}

.vidu-dwf-agent-focus-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.vidu-dwf-agent-focus-card dl div {
  padding: 9px;
  border-radius: 13px;
  background: rgba(0, 0, 0, .13);
}

.vidu-dwf-agent-focus-card dt,
.vidu-dwf-agent-focus-card dd {
  margin: 0;
}

.vidu-dwf-agent-focus-card dt {
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  font-weight: 780;
}

.vidu-dwf-agent-focus-card dd {
  margin-top: 4px;
  color: rgba(248, 250, 252, .9);
  font-size: 16px;
  font-weight: 850;
  line-height: 1;
}

.vidu-dwf-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.vidu-dwf-overview article,
.vidu-dwf-wave-grid article,
.vidu-dwf-initiative-table article,
.vidu-dwf-observation-group,
.vidu-dwf-roadmap article {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 18px;
  background: rgba(255, 255, 255, .032);
}

.vidu-dwf-overview span,
.vidu-dwf-wave-grid span,
.vidu-dwf-observation-group span,
.vidu-dwf-roadmap span {
  display: block;
  color: rgba(125, 211, 252, .70);
  font-size: 10px;
  font-weight: 860;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.vidu-dwf-overview strong {
  display: block;
  margin-top: 6px;
  color: rgba(248, 250, 252, .95);
  font-size: 24px;
  line-height: 1;
}

.vidu-dwf-overview small,
.vidu-dwf-wave-grid b,
.vidu-dwf-roadmap small,
.vidu-dwf-observation-group small {
  color: rgba(148, 163, 184, .74);
  font-size: 11px;
  line-height: 1.4;
}

.vidu-dwf-wave-grid,
.vidu-dwf-initiative-table,
.vidu-dwf-capability-groups,
.vidu-dwf-workload-grid,
.vidu-dwf-lead-intake,
.vidu-dwf-roadmap,
.vidu-dwf-observations {
  display: grid;
  gap: 12px;
}

.vidu-dwf-wave-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vidu-dwf-wave-grid article div,
.vidu-dwf-observation-group > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.vidu-dwf-wave-grid p {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 12px 0 0;
}

.vidu-dwf-wave-grid p b,
.vidu-dwf-roadmap b {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
  color: rgba(226, 232, 240, .78);
  font-style: normal;
  font-size: 10px;
  font-weight: 760;
}

.vidu-dwf-wave-grid p i {
  color: rgba(148, 163, 184, .78);
  font-style: normal;
}

.vidu-dwf-initiative-table dl {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
}

.vidu-dwf-initiative-table dl div {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px;
}

.vidu-dwf-initiative-table dt,
.vidu-dwf-initiative-table dd {
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
}

.vidu-dwf-initiative-table dt {
  color: rgba(148, 163, 184, .72);
  font-weight: 780;
}

.vidu-dwf-initiative-table dd,
.vidu-dwf-initiative-table strong {
  color: rgba(226, 232, 240, .86);
}

.vidu-dwf-observation-group {
  display: grid;
  gap: 10px;
}

.vidu-dwf-observation-group.is-meta {
  border-color: rgba(168, 85, 247, .13);
  background: rgba(168, 85, 247, .035);
}

.vidu-dwf-observation-group.is-operational {
  border-color: rgba(59, 130, 246, .12);
}

.vidu-dwf-observation-group article {
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 13px;
  background: rgba(0, 0, 0, .13);
}

.vidu-dwf-observation-group strong {
  color: rgba(248, 250, 252, .88);
  font-size: 13px;
}

.vidu-dwf-observation-group p,
.vidu-dwf-empty-note {
  margin: 0;
  color: rgba(203, 213, 225, .70);
  font-size: 12px;
  line-height: 1.5;
}

.vidu-dwf-capability-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.vidu-dwf-capability-summary article,
.vidu-dwf-capability-group {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 16px;
  background: rgba(255, 255, 255, .03);
}

.vidu-dwf-capability-summary span,
.vidu-dwf-capability-group header span {
  display: block;
  color: rgba(125, 211, 252, .72);
  font-size: 10px;
  font-weight: 860;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-dwf-capability-summary strong {
  display: block;
  margin-top: 5px;
  color: rgba(248, 250, 252, .94);
  font-size: 22px;
  line-height: 1;
}

.vidu-dwf-agent-capability-matrix {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
}

.vidu-dwf-agent-capability-matrix > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

.vidu-dwf-agent-capability-matrix > header span {
  display: block;
  color: rgba(125, 211, 252, .72);
  font-size: 10px;
  font-weight: 860;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-dwf-agent-capability-matrix > header strong {
  color: rgba(248, 250, 252, .94);
  font-size: 16px;
}

.vidu-dwf-agent-capability-matrix > header b {
  color: rgba(148, 163, 184, .76);
  font-size: 11px;
  font-weight: 820;
}

.vidu-dwf-capability-agent-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vidu-dwf-capability-agent-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 8px;
  background: rgba(255, 255, 255, .032);
}

.vidu-dwf-capability-agent-card > header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.vidu-dwf-capability-agent-card > header span {
  display: block;
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  font-weight: 760;
}

.vidu-dwf-capability-agent-card > header strong {
  color: rgba(248, 250, 252, .92);
  font-size: 13px;
}

.vidu-dwf-capability-agent-card > header b {
  color: rgba(34, 211, 238, .92);
  font-size: 18px;
  line-height: 1;
}

.vidu-dwf-capability-row-list,
.vidu-dwf-capability-mini-grid {
  display: grid;
  gap: 6px;
}

.vidu-dwf-capability-row-list > div,
.vidu-dwf-capability-mini-grid article {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 8px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 8px;
  background: rgba(0, 0, 0, .12);
}

.vidu-dwf-capability-row-list > div > span,
.vidu-dwf-capability-mini-grid b {
  color: rgba(226, 232, 240, .84);
  font-size: 11px;
  font-weight: 760;
}

.vidu-dwf-capability-status {
  flex: 0 0 auto;
  padding: 4px 7px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, .16);
  color: rgba(203, 213, 225, .78);
  background: rgba(148, 163, 184, .065);
  font-size: 9px;
  font-weight: 860;
  text-transform: uppercase;
}

.vidu-dwf-capability-status.is-active,
.vidu-dwf-capability-status.is-advanced {
  border-color: rgba(34, 197, 94, .22);
  color: rgba(187, 247, 208, .92);
  background: rgba(34, 197, 94, .09);
}

.vidu-dwf-capability-status.is-partial {
  border-color: rgba(250, 204, 21, .22);
  color: rgba(254, 240, 138, .92);
  background: rgba(250, 204, 21, .08);
}

.vidu-dwf-capability-status.is-not_started {
  border-color: rgba(248, 113, 113, .18);
  color: rgba(254, 202, 202, .88);
  background: rgba(248, 113, 113, .06);
}

.vidu-dwf-capability-agent-card > p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}

.vidu-dwf-capability-agent-card > p span {
  padding: 5px 8px;
  border-radius: 999px;
  color: rgba(186, 230, 253, .88);
  background: rgba(14, 165, 233, .09);
  font-size: 10px;
  font-weight: 780;
}

@media (max-width: 760px) {
  .vidu-dwf-capability-agent-grid {
    grid-template-columns: 1fr;
  }
}

.vidu-dwf-capability-group {
  display: grid;
  gap: 11px;
}

.vidu-dwf-capability-group header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.vidu-dwf-capability-group header b {
  color: rgba(148, 163, 184, .74);
  font-size: 10px;
  font-weight: 820;
}

.vidu-dwf-capability-group > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vidu-dwf-capability-card {
  min-width: 0;
  display: grid;
  gap: 8px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 13px;
  background: rgba(0, 0, 0, .14);
}

.vidu-dwf-capability-card.is-supported {
  border-color: rgba(34, 197, 94, .12);
}

.vidu-dwf-capability-card.is-future {
  border-color: rgba(248, 113, 113, .13);
  background: rgba(248, 113, 113, .025);
}

.vidu-dwf-capability-card strong {
  color: rgba(248, 250, 252, .9);
  font-size: 13px;
}

.vidu-dwf-capability-card p {
  margin: 0;
  color: rgba(203, 213, 225, .68);
  font-size: 11px;
  line-height: 1.45;
}

.vidu-dwf-capability-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.vidu-dwf-capability-card dl div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.vidu-dwf-capability-card dt,
.vidu-dwf-capability-card dd {
  margin: 0;
  font-size: 10px;
  line-height: 1.3;
}

.vidu-dwf-capability-card dt {
  color: rgba(148, 163, 184, .68);
  font-weight: 760;
}

.vidu-dwf-capability-card dd {
  color: rgba(226, 232, 240, .82);
  font-weight: 820;
}

.vidu-dwf-capability-card small {
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  line-height: 1.35;
}

.vidu-dwf-agent-capabilities {
  gap: 10px;
}

.vidu-dwf-agent-capabilities > p {
  margin: 0;
  color: rgba(203, 213, 225, .72);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-dwf-agent-capabilities > div {
  display: grid;
  gap: 8px;
}

.vidu-dwf-agent-capability-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 12px;
  background: rgba(0, 0, 0, .12);
}

.vidu-dwf-agent-capability-group span {
  flex: 0 0 100%;
  color: rgba(125, 211, 252, .72);
  font-size: 9px;
  font-weight: 860;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-dwf-agent-capability-group b,
.vidu-dwf-agent-capability-group i {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  color: rgba(226, 232, 240, .80);
  font-size: 10px;
  font-style: normal;
  font-weight: 780;
}

.vidu-dwf-agent-capability-group.is-supported_now b {
  background: rgba(34, 197, 94, .075);
  color: rgba(187, 247, 208, .88);
}

.vidu-dwf-agent-capability-group.is-future_capabilities b,
.vidu-dwf-agent-capability-group.is-suggested_only b {
  background: rgba(96, 165, 250, .075);
  color: rgba(191, 219, 254, .88);
}

.vidu-dwf-agent-capability-group.is-should_not_suggest b {
  background: rgba(248, 113, 113, .07);
  color: rgba(254, 202, 202, .84);
}

.vidu-dwf-workload-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vidu-dwf-lead-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.vidu-dwf-lead-summary article,
.vidu-dwf-lead-column,
.vidu-dwf-lead-card {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .03);
}

.vidu-dwf-lead-summary article {
  padding: 12px;
  border-radius: 15px;
}

.vidu-dwf-lead-summary span,
.vidu-dwf-lead-column > header span,
.vidu-dwf-lead-missing span,
.vidu-dwf-lead-proposal > span {
  display: block;
  color: rgba(125, 211, 252, .72);
  font-size: 9px;
  font-weight: 860;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-dwf-lead-summary strong {
  display: block;
  margin-top: 4px;
  color: rgba(248, 250, 252, .94);
  font-size: 22px;
  line-height: 1;
}

.vidu-dwf-opportunity-review {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
  padding: 13px;
  border: 1px solid rgba(125, 211, 252, .08);
  border-radius: 18px;
  background: rgba(255, 255, 255, .028);
}

.vidu-dwf-opportunity-review > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.vidu-dwf-opportunity-review > header span,
.vidu-dwf-opportunity-missing span {
  display: block;
  color: rgba(125, 211, 252, .72);
  font-size: 9px;
  font-weight: 860;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-dwf-opportunity-review > header strong {
  display: block;
  margin-top: 4px;
  color: rgba(248, 250, 252, .92);
  font-size: 15px;
}

.vidu-dwf-opportunity-review > header b {
  flex: 0 0 auto;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(125, 211, 252, .08);
  color: rgba(186, 230, 253, .9);
  font-size: 10px;
}

.vidu-dwf-opportunity-review > div {
  display: grid;
  gap: 10px;
}

.vidu-dwf-opportunity-card {
  min-width: 0;
  display: grid;
  gap: 11px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 15px;
  background: rgba(0, 0, 0, .14);
}

.vidu-dwf-opportunity-card.is-high {
  border-color: rgba(34, 197, 94, .14);
  background: rgba(34, 197, 94, .035);
}

.vidu-dwf-opportunity-card.is-medium {
  border-color: rgba(251, 191, 36, .13);
}

.vidu-dwf-opportunity-card > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.vidu-dwf-opportunity-card > header span,
.vidu-dwf-opportunity-card > header small {
  display: block;
  color: rgba(148, 163, 184, .74);
  font-size: 10px;
  line-height: 1.35;
}

.vidu-dwf-opportunity-card > header strong {
  display: block;
  margin: 4px 0 3px;
  color: rgba(248, 250, 252, .92);
  font-size: 14px;
  line-height: 1.3;
}

.vidu-dwf-opportunity-scores {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.vidu-dwf-opportunity-scores b {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(14, 165, 233, .075);
  color: rgba(224, 242, 254, .9);
  font-size: 10px;
  font-weight: 840;
}

.vidu-dwf-opportunity-missing {
  display: grid;
  gap: 6px;
}

.vidu-dwf-opportunity-missing p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}

.vidu-dwf-opportunity-missing b,
.vidu-dwf-opportunity-missing i {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(251, 191, 36, .075);
  color: rgba(253, 230, 138, .86);
  font-size: 10px;
  font-style: normal;
  font-weight: 760;
}

.vidu-dwf-opportunity-missing i {
  background: rgba(34, 197, 94, .07);
  color: rgba(187, 247, 208, .86);
}

.vidu-dwf-quote-readiness {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(96, 165, 250, .16);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(37, 99, 235, .11), rgba(15, 23, 42, .18));
}

.vidu-dwf-quote-readiness header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.vidu-dwf-quote-readiness header span {
  color: rgba(147, 197, 253, .86);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-dwf-quote-readiness header b,
.vidu-dwf-quote-readiness dd {
  color: rgba(248, 250, 252, .9);
}

.vidu-dwf-quote-readiness dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.vidu-dwf-quote-readiness div {
  min-width: 0;
}

.vidu-dwf-quote-readiness dt {
  color: rgba(148, 163, 184, .68);
  font-size: 9px;
  text-transform: uppercase;
}

.vidu-dwf-quote-readiness dd {
  margin: 2px 0 0;
  font-size: 11px;
  font-weight: 760;
}

.vidu-dwf-quote-readiness p {
  display: grid;
  gap: 2px;
  margin: 0;
  color: rgba(203, 213, 225, .72);
  font-size: 11px;
  line-height: 1.35;
}

.vidu-dwf-quote-readiness p b {
  color: rgba(248, 250, 252, .84);
  font-size: 10px;
  text-transform: uppercase;
}

.vidu-dwf-quote-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 2px;
}

.vidu-dwf-quote-actions button {
  border: 1px solid rgba(147, 197, 253, .24);
  border-radius: 999px;
  background: rgba(59, 130, 246, .14);
  color: rgba(219, 234, 254, .94);
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
  padding: 8px 10px;
}

.vidu-dwf-quote-actions button:hover {
  border-color: rgba(147, 197, 253, .4);
  background: rgba(59, 130, 246, .22);
}

.vidu-dwf-quote-actions small {
  color: rgba(148, 163, 184, .78);
  font-size: 10px;
  text-align: right;
}

.vidu-dwf-opportunity-agents {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.vidu-dwf-opportunity-agents p {
  min-width: 0;
  display: grid;
  gap: 3px;
  margin: 0;
  padding: 9px;
  border-radius: 11px;
  background: rgba(255, 255, 255, .035);
  color: rgba(203, 213, 225, .72);
  font-size: 11px;
  line-height: 1.4;
}

.vidu-dwf-opportunity-agents b {
  color: rgba(248, 250, 252, .88);
  font-size: 11px;
}

.vidu-dwf-opportunity-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.vidu-dwf-opportunity-buttons button:disabled {
  cursor: not-allowed;
}

.vidu-dwf-opportunity-buttons button.is-danger {
  border-color: rgba(248, 113, 113, .34);
  background: rgba(127, 29, 29, .18);
  color: rgba(254, 202, 202, .92);
}

.vidu-dwf-inbox {
  display: grid;
  gap: 12px;
}

.vidu-dwf-inbox-head,
.vidu-dwf-inbox-filters {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(125, 211, 252, .09);
  border-radius: 18px;
  background: rgba(255, 255, 255, .028);
}

.vidu-dwf-inbox-head span {
  display: block;
  color: rgba(125, 211, 252, .72);
  font-size: 9px;
  font-weight: 860;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-dwf-inbox-head strong {
  display: block;
  margin-top: 4px;
  color: rgba(248, 250, 252, .92);
  font-size: 14px;
  line-height: 1.35;
}

.vidu-dwf-inbox-head button,
.vidu-dwf-inbox-filters button,
.vidu-dwf-insight-card footer button {
  flex: 0 0 auto;
  min-height: 30px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 999px;
  background: rgba(15, 23, 42, .42);
  color: rgba(226, 232, 240, .86);
  cursor: pointer;
  font-size: 10px;
  font-weight: 820;
  padding: 7px 10px;
}

.vidu-dwf-inbox-head button:hover,
.vidu-dwf-inbox-filters button:hover,
.vidu-dwf-insight-card footer button:hover {
  border-color: rgba(125, 211, 252, .34);
  background: rgba(14, 165, 233, .12);
}

.vidu-dwf-inbox-filters {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  padding: 10px;
}

.vidu-dwf-inbox-filters > div {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.vidu-dwf-inbox-filters button.is-active {
  border-color: rgba(125, 211, 252, .38);
  background: rgba(14, 165, 233, .16);
  color: rgba(224, 242, 254, .95);
}

.vidu-dwf-inbox-filters button b {
  margin-left: 5px;
  color: rgba(125, 211, 252, .84);
}

.vidu-dwf-insight-feed {
  display: grid;
  gap: 10px;
}

.vidu-dwf-insight-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  background: rgba(0, 0, 0, .14);
}

.vidu-dwf-insight-card.is-info,
.vidu-dwf-insight-card.is-low {
  border-color: rgba(125, 211, 252, .10);
}

.vidu-dwf-insight-card.is-medium {
  border-color: rgba(251, 191, 36, .16);
  background: rgba(251, 191, 36, .035);
}

.vidu-dwf-insight-card.is-high,
.vidu-dwf-insight-card.is-critical {
  border-color: rgba(248, 113, 113, .20);
  background: rgba(127, 29, 29, .10);
}

.vidu-dwf-insight-card.is-agent-janine {
  border-color: rgba(251, 191, 36, .34);
  background: linear-gradient(180deg, rgba(251, 191, 36, .12), rgba(0, 0, 0, .12));
}

.vidu-dwf-insight-card.is-agent-janine .vidu-dwf-severity {
  border-color: rgba(251, 191, 36, .34);
}

.vidu-dwf-insight-card.is-agent-sophia {
  border-color: rgba(45, 212, 191, .32);
  background: linear-gradient(180deg, rgba(45, 212, 191, .10), rgba(0, 0, 0, .12));
}

.vidu-dwf-insight-card.is-agent-sophia .vidu-dwf-severity {
  border-color: rgba(45, 212, 191, .34);
}

.vidu-dwf-insight-card.is-agent-marcus {
  border-color: rgba(96, 165, 250, .34);
  background: linear-gradient(180deg, rgba(96, 165, 250, .11), rgba(0, 0, 0, .12));
}

.vidu-dwf-insight-card.is-agent-marcus .vidu-dwf-severity {
  border-color: rgba(96, 165, 250, .34);
}

.vidu-dwf-insight-card.is-agent-victor {
  border-color: rgba(251, 113, 133, .36);
  background: linear-gradient(180deg, rgba(251, 113, 133, .11), rgba(0, 0, 0, .12));
}

.vidu-dwf-insight-card.is-agent-victor .vidu-dwf-severity {
  border-color: rgba(251, 113, 133, .38);
}

.vidu-dwf-insight-card.is-agent-daniel {
  border-color: rgba(167, 139, 250, .34);
  background: linear-gradient(180deg, rgba(167, 139, 250, .11), rgba(0, 0, 0, .12));
}

.vidu-dwf-insight-card.is-agent-daniel .vidu-dwf-severity {
  border-color: rgba(167, 139, 250, .38);
}

.vidu-dwf-insight-card.is-agent-nora {
  border-color: rgba(16, 185, 129, .34);
  background: linear-gradient(180deg, rgba(16, 185, 129, .11), rgba(0, 0, 0, .12));
}

.vidu-dwf-insight-card.is-agent-nora .vidu-dwf-severity {
  border-color: rgba(16, 185, 129, .38);
  color: rgba(209, 250, 229, .95);
}

.vidu-dwf-insight-card.is-agent-nora .vidu-dwf-insight-suggested-action {
  border-color: rgba(16, 185, 129, .24);
  background: rgba(6, 78, 59, .18);
}

.vidu-dwf-insight-card.is-insight-missing_receipt,
.vidu-dwf-insight-card.is-insight-missing_accounting_document,
.vidu-dwf-insight-card.is-insight-invoice_not_ready_for_accounting,
.vidu-dwf-insight-card.is-insight-vat_review_needed,
.vidu-dwf-insight-card.is-insight-monthly_closing_required,
.vidu-dwf-insight-card.is-insight-accounting_readiness_low,
.vidu-dwf-insight-card.is-insight-reconciliation_issue,
.vidu-dwf-insight-card.is-insight-unmatched_bank_item {
  box-shadow: inset 3px 0 0 rgba(16, 185, 129, .62);
}

.vidu-dwf-insight-card header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.vidu-dwf-insight-card header > div:not(.vidu-dwf-agent-avatar) {
  min-width: 0;
  flex: 1 1 auto;
}

.vidu-dwf-insight-card header span,
.vidu-dwf-insight-card header small,
.vidu-dwf-insight-related {
  display: block;
  color: rgba(148, 163, 184, .74);
  font-size: 10px;
  line-height: 1.35;
}

.vidu-dwf-insight-card header strong {
  display: block;
  margin: 3px 0;
  color: rgba(248, 250, 252, .92);
  font-size: 14px;
  line-height: 1.3;
}

.vidu-dwf-insight-card p {
  margin: 0;
  color: rgba(203, 213, 225, .76);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-dwf-insight-suggested-action {
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 8px;
  background: rgba(15, 23, 42, .34);
}

.vidu-dwf-insight-suggested-action span,
.vidu-dwf-insight-suggested-action small {
  color: rgba(148, 163, 184, .82);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-dwf-insight-suggested-action strong {
  color: rgba(248, 250, 252, .92);
  font-size: 12px;
  line-height: 1.25;
}

.vidu-dwf-severity {
  flex: 0 0 auto;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(125, 211, 252, .08);
  color: rgba(186, 230, 253, .9);
  font-size: 9px;
  font-weight: 860;
  text-transform: uppercase;
}

.vidu-dwf-severity.is-medium {
  background: rgba(251, 191, 36, .11);
  color: rgba(253, 230, 138, .94);
}

.vidu-dwf-severity.is-high,
.vidu-dwf-severity.is-critical {
  background: rgba(248, 113, 113, .12);
  color: rgba(254, 202, 202, .94);
}

.vidu-dwf-insight-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 2px;
}

.vidu-dwf-insight-card footer span {
  color: rgba(148, 163, 184, .78);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-dwf-insight-card footer div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.vidu-dwf-insight-card footer button.is-action {
  cursor: not-allowed;
  opacity: .72;
}

.vidu-dwf-operations-feed {
  display: grid;
  gap: 12px;
}

.vidu-dwf-operations-head,
.vidu-dwf-operation-filters {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(125, 211, 252, .09);
  border-radius: 18px;
  background: rgba(255, 255, 255, .028);
}

.vidu-dwf-operations-head span {
  display: block;
  color: rgba(125, 211, 252, .72);
  font-size: 9px;
  font-weight: 860;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-dwf-operations-head strong {
  display: block;
  margin-top: 4px;
  color: rgba(248, 250, 252, .92);
  font-size: 14px;
  line-height: 1.35;
}

.vidu-dwf-operations-head dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(54px, 1fr));
  gap: 8px;
  margin: 0;
}

.vidu-dwf-operations-head dl div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 12px;
  background: rgba(15, 23, 42, .24);
}

.vidu-dwf-operations-head dt,
.vidu-dwf-operation-card section span {
  color: rgba(148, 163, 184, .76);
  font-size: 9px;
  font-weight: 840;
  text-transform: uppercase;
}

.vidu-dwf-operations-head dd {
  margin: 0;
  color: rgba(248, 250, 252, .94);
  font-size: 15px;
  font-weight: 860;
}

.vidu-dwf-operation-filters {
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 10px;
}

.vidu-dwf-operation-filters button {
  flex: 0 0 auto;
  min-height: 30px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 999px;
  background: rgba(15, 23, 42, .42);
  color: rgba(226, 232, 240, .86);
  cursor: pointer;
  font-size: 10px;
  font-weight: 820;
  padding: 7px 10px;
}

.vidu-dwf-operation-filters button:hover,
.vidu-dwf-operation-filters button.is-active {
  border-color: rgba(125, 211, 252, .38);
  background: rgba(14, 165, 233, .16);
  color: rgba(224, 242, 254, .95);
}

.vidu-dwf-operation-feed-list {
  display: grid;
  gap: 10px;
}

.vidu-dwf-operation-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  background: rgba(0, 0, 0, .14);
}

.vidu-dwf-operation-card.is-high,
.vidu-dwf-operation-card.is-critical {
  border-color: rgba(248, 113, 113, .22);
  background: linear-gradient(180deg, rgba(127, 29, 29, .12), rgba(0, 0, 0, .12));
}

.vidu-dwf-operation-card.is-medium {
  border-color: rgba(251, 191, 36, .18);
}

.vidu-dwf-operation-card header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.vidu-dwf-operation-card header > div:not(.vidu-dwf-agent-avatar) {
  min-width: 0;
  flex: 1 1 auto;
}

.vidu-dwf-operation-card header span,
.vidu-dwf-operation-card header small,
.vidu-dwf-operation-related {
  display: block;
  color: rgba(148, 163, 184, .74);
  font-size: 10px;
  line-height: 1.35;
}

.vidu-dwf-operation-card header strong {
  display: block;
  margin: 3px 0;
  color: rgba(248, 250, 252, .92);
  font-size: 14px;
  line-height: 1.3;
}

.vidu-dwf-operation-card header aside {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
  max-width: 118px;
}

.vidu-dwf-operation-card header aside b,
.vidu-dwf-operation-card header aside i {
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: rgba(125, 211, 252, .08);
  color: rgba(186, 230, 253, .9);
  font-size: 8px;
  font-style: normal;
  font-weight: 860;
  padding: 0 6px;
  text-transform: uppercase;
}

.vidu-dwf-operation-card header aside i {
  max-width: 82px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-dwf-operation-card header aside b.is-priority-high,
.vidu-dwf-operation-card header aside b.is-priority-critical {
  background: rgba(248, 113, 113, .12);
  color: rgba(254, 202, 202, .94);
}

.vidu-dwf-operation-card p {
  margin: 0;
  color: rgba(203, 213, 225, .76);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-dwf-operation-card section {
  display: grid;
  gap: 7px;
  padding: 9px 10px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 8px;
  background: rgba(15, 23, 42, .30);
}

.vidu-dwf-operation-card section div {
  display: grid;
  gap: 2px;
}

.vidu-dwf-operation-card section strong {
  color: rgba(248, 250, 252, .9);
  font-size: 12px;
  line-height: 1.35;
}

.vidu-dwf-operation-card footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
}

.vidu-dwf-operation-status-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}

.vidu-dwf-operation-status-actions span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 999px;
  background: rgba(15, 23, 42, .38);
  color: rgba(226, 232, 240, .82);
  font-size: 9px;
  font-weight: 860;
  padding: 0 8px;
  text-transform: uppercase;
}

.vidu-dwf-operation-status-actions button {
  min-height: 28px;
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 999px;
  background: rgba(14, 165, 233, .08);
  color: rgba(224, 242, 254, .9);
  cursor: pointer;
  font-size: 10px;
  font-weight: 820;
  padding: 6px 9px;
}

.vidu-dwf-operation-status-actions button[data-dwf-operation-status="acknowledged"] {
  border-color: rgba(125, 211, 252, .22);
  background: rgba(14, 165, 233, .075);
  color: rgba(224, 242, 254, .92);
}

.vidu-dwf-operation-status-actions button[data-dwf-operation-status="reviewed"] {
  border-color: rgba(45, 212, 191, .24);
  background: rgba(20, 184, 166, .075);
  color: rgba(204, 251, 241, .92);
}

.vidu-dwf-operation-status-actions button[data-dwf-operation-status="dismissed"] {
  border-color: rgba(251, 191, 36, .18);
  background: rgba(120, 53, 15, .09);
  color: rgba(253, 230, 138, .88);
}

.vidu-dwf-operation-status-actions button[data-dwf-operation-status="acknowledged"]:hover:not(:disabled) {
  border-color: rgba(125, 211, 252, .36);
  background: rgba(14, 165, 233, .16);
}

.vidu-dwf-operation-status-actions button[data-dwf-operation-status="reviewed"]:hover:not(:disabled) {
  border-color: rgba(45, 212, 191, .38);
  background: rgba(20, 184, 166, .14);
}

.vidu-dwf-operation-status-actions button[data-dwf-operation-status="dismissed"]:hover:not(:disabled) {
  border-color: rgba(251, 191, 36, .30);
  background: rgba(120, 53, 15, .16);
}

.vidu-dwf-operation-status-actions button:disabled {
  cursor: wait;
  opacity: .62;
}

.vidu-dwf-insight-feedback {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding-top: 2px;
}

.vidu-dwf-insight-feedback > span {
  flex: 1 0 100%;
  color: rgba(148, 163, 184, .68);
  font-size: 9px;
  font-weight: 780;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-dwf-insight-feedback-button {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px 5px 7px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 999px;
  background: rgba(15, 23, 42, .42);
  color: rgba(203, 213, 225, .84);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  cursor: pointer;
  font: inherit;
  font-size: 10px;
  font-weight: 760;
  line-height: 1;
  transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

.vidu-dwf-insight-feedback-button::before {
  width: 17px;
  height: 17px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 50%;
  background: rgba(148, 163, 184, .07);
  color: rgba(203, 213, 225, .76);
  font-size: 10px;
  font-weight: 900;
}

.vidu-dwf-insight-feedback-button.is-useful::before { content: "✓"; }
.vidu-dwf-insight-feedback-button.is-not-useful::before { content: "–"; }
.vidu-dwf-insight-feedback-button.is-false-alarm::before { content: "!"; }

.vidu-dwf-insight-feedback-button:hover:not(:disabled) {
  border-color: rgba(125, 211, 252, .32);
  background: rgba(14, 165, 233, .10);
  color: rgba(240, 249, 255, .94);
  transform: translateY(-1px);
}

.vidu-dwf-insight-feedback-button.is-useful.is-selected {
  border-color: rgba(45, 212, 191, .34);
  background: rgba(20, 184, 166, .12);
  color: rgba(204, 251, 241, .94);
}

.vidu-dwf-insight-feedback-button.is-not-useful.is-selected {
  border-color: rgba(148, 163, 184, .30);
  background: rgba(100, 116, 139, .14);
  color: rgba(226, 232, 240, .92);
}

.vidu-dwf-insight-feedback-button.is-false-alarm.is-selected {
  border-color: rgba(251, 191, 36, .30);
  background: rgba(120, 53, 15, .14);
  color: rgba(253, 230, 138, .92);
}

.vidu-dwf-insight-feedback-button:disabled {
  cursor: default;
  opacity: .82;
  transform: none;
}

.vidu-dwf-operation-status-actions.is-drawer {
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 12px;
  background: rgba(15, 23, 42, .24);
}

.vidu-dwf-operation-error {
  margin: 0;
  padding: 8px 10px;
  border: 1px solid rgba(248, 113, 113, .20);
  border-radius: 10px;
  background: rgba(127, 29, 29, .14);
  color: rgba(254, 202, 202, .9);
  font-size: 11px;
  line-height: 1.4;
}

.vidu-dwf-operation-card {
  cursor: pointer;
}

.vidu-dwf-operation-card:hover,
.vidu-dwf-operation-card.is-selected {
  border-color: rgba(125, 211, 252, .28);
  background: rgba(14, 165, 233, .07);
}

.vidu-dwf-operation-detail-drawer {
  width: min(480px, calc(100% - 28px));
  gap: 10px;
  padding: 14px;
}

.vidu-dwf-operation-detail-drawer .vidu-dwf-detail-head {
  gap: 11px;
  padding-bottom: 10px;
}

.vidu-dwf-operation-detail-drawer .vidu-dwf-agent-avatar.is-large,
.vidu-dwf-operation-detail-drawer .vidu-dwf-agent-avatar[data-size="large"] {
  width: 44px;
  height: 44px;
}

.vidu-dwf-operation-detail-drawer .vidu-dwf-detail-head h4 {
  font-size: 20px;
}

.vidu-dwf-operation-detail-drawer .vidu-dwf-detail-block {
  gap: 8px;
  padding: 11px;
}

.vidu-dwf-detail-status b.is-priority-critical,
.vidu-dwf-detail-status b.is-priority-high {
  border-color: rgba(248, 113, 113, .26);
  background: rgba(127, 29, 29, .18);
  color: rgba(254, 202, 202, .95);
}

.vidu-dwf-detail-status b.is-priority-medium {
  border-color: rgba(251, 191, 36, .24);
  background: rgba(120, 53, 15, .16);
  color: rgba(253, 230, 138, .94);
}

.vidu-dwf-operation-detail-block dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.vidu-dwf-operation-detail-block dl div {
  display: grid;
  grid-template-columns: minmax(90px, .42fr) minmax(0, 1fr);
  gap: 10px;
  padding-top: 7px;
  border-top: 1px solid rgba(255, 255, 255, .055);
}

.vidu-dwf-operation-detail-block dt {
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  font-weight: 780;
}

.vidu-dwf-operation-detail-block dd {
  min-width: 0;
  margin: 0;
  color: rgba(226, 232, 240, .86);
  font-size: 11px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.vidu-dwf-operation-detail-block p strong {
  color: rgba(226, 232, 240, .9);
}

.vidu-dwf-operation-safety-note {
  border-color: rgba(45, 212, 191, .18);
  background: rgba(20, 184, 166, .055);
}

.vidu-dwf-opportunity-buttons button.is-danger:hover {
  border-color: rgba(248, 113, 113, .52);
  background: rgba(127, 29, 29, .28);
}

.vidu-dwf-opportunity-buttons button.is-muted {
  border-color: rgba(148, 163, 184, .24);
  background: rgba(148, 163, 184, .08);
  color: rgba(226, 232, 240, .78);
}

.vidu-dwf-opportunity-buttons button.is-restore {
  border-color: rgba(96, 165, 250, .34);
  background: rgba(37, 99, 235, .16);
  color: rgba(191, 219, 254, .95);
}

.vidu-dwf-opportunity-safety {
  display: block;
  max-width: 430px;
  color: rgba(148, 163, 184, .74);
  font-size: 10px;
  line-height: 1.35;
}

.vidu-dwf-lead-intake {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}

.vidu-dwf-lead-column {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
}

.vidu-dwf-lead-column.is-new_leads {
  border-color: rgba(59, 130, 246, .12);
}

.vidu-dwf-lead-column.is-under_review {
  border-color: rgba(251, 191, 36, .12);
}

.vidu-dwf-lead-column.is-proposal_ready {
  border-color: rgba(34, 197, 94, .13);
}

.vidu-dwf-lead-column > header,
.vidu-dwf-lead-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.vidu-dwf-lead-column > header strong {
  display: block;
  margin-top: 4px;
  color: rgba(248, 250, 252, .9);
  font-size: 14px;
}

.vidu-dwf-lead-column > header b {
  flex: 0 0 auto;
  min-width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(125, 211, 252, .08);
  color: rgba(186, 230, 253, .92);
  font-size: 10px;
}

.vidu-dwf-lead-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(0, 0, 0, .14);
}

.vidu-dwf-lead-card header span {
  display: block;
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  font-weight: 760;
}

.vidu-dwf-lead-card header strong {
  display: block;
  margin-top: 3px;
  color: rgba(248, 250, 252, .9);
  font-size: 13px;
  line-height: 1.3;
}

.vidu-dwf-lead-card p,
.vidu-dwf-lead-proposal small {
  margin: 0;
  color: rgba(203, 213, 225, .70);
  font-size: 11px;
  line-height: 1.45;
}

.vidu-dwf-lead-card .vidu-dwf-lead-next-step {
  padding: 8px 10px;
  border-radius: 11px;
  background: rgba(125, 211, 252, .055);
  color: rgba(224, 242, 254, .86);
  font-weight: 760;
}

.vidu-dwf-lead-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.vidu-dwf-lead-card dl div {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 7px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .035);
}

.vidu-dwf-lead-card dt,
.vidu-dwf-lead-card dd {
  margin: 0;
  font-size: 10px;
  line-height: 1.25;
}

.vidu-dwf-lead-card dt {
  color: rgba(148, 163, 184, .68);
}

.vidu-dwf-lead-card dd {
  color: rgba(226, 232, 240, .86);
  font-weight: 840;
}

.vidu-dwf-lead-missing {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.vidu-dwf-lead-missing span {
  flex: 0 0 100%;
}

.vidu-dwf-lead-missing b,
.vidu-dwf-lead-missing i {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(251, 191, 36, .075);
  color: rgba(253, 230, 138, .86);
  font-size: 10px;
  font-style: normal;
  font-weight: 760;
}

.vidu-dwf-lead-missing i {
  background: rgba(34, 197, 94, .07);
  color: rgba(187, 247, 208, .86);
}

.vidu-dwf-lead-proposal {
  display: grid;
  gap: 7px;
  padding: 10px;
  border: 1px solid rgba(125, 211, 252, .09);
  border-radius: 12px;
  background: rgba(14, 165, 233, .035);
}

.vidu-dwf-lead-proposal ol {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 16px;
}

.vidu-dwf-lead-proposal li {
  color: rgba(203, 213, 225, .78);
  font-size: 11px;
  line-height: 1.4;
}

.vidu-dwf-lead-proposal li b {
  color: rgba(248, 250, 252, .88);
  margin-right: 6px;
}

.vidu-dwf-lead-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 2px;
}

.vidu-dwf-lead-actions div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.vidu-dwf-lead-actions span,
.vidu-dwf-lead-actions small {
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  line-height: 1.25;
}

.vidu-dwf-lead-actions strong {
  color: rgba(226, 232, 240, .88);
  font-size: 12px;
  line-height: 1.25;
}

.vidu-dwf-lead-actions button {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(125, 211, 252, .16);
  border-radius: 999px;
  background: rgba(14, 165, 233, .09);
  color: rgba(224, 242, 254, .92);
  cursor: pointer;
  font-size: 11px;
  font-weight: 820;
}

.vidu-dwf-lead-actions button:hover {
  border-color: rgba(125, 211, 252, .28);
  background: rgba(14, 165, 233, .14);
}

.vidu-dwf-lead-actions button:disabled {
  cursor: wait;
  opacity: .65;
}

.vidu-dwf-workload-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 16px;
  background: rgba(255, 255, 255, .03);
}

.vidu-dwf-workload-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.vidu-dwf-workload-card header span {
  display: block;
  color: rgba(125, 211, 252, .70);
  font-size: 9px;
  font-weight: 860;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-dwf-workload-card header strong {
  display: block;
  margin-top: 4px;
  color: rgba(248, 250, 252, .92);
  font-size: 15px;
}

.vidu-dwf-workload-card header b {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(125, 211, 252, .08);
  color: rgba(186, 230, 253, .9);
  font-size: 10px;
}

.vidu-dwf-workload-card dl,
.vidu-dwf-work-context dl {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.vidu-dwf-workload-card dl div,
.vidu-dwf-work-context dl div {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 7px;
  border-radius: 10px;
  background: rgba(0, 0, 0, .14);
}

.vidu-dwf-workload-card dt,
.vidu-dwf-work-context dt,
.vidu-dwf-workload-card dd,
.vidu-dwf-work-context dd {
  margin: 0;
  font-size: 10px;
  line-height: 1.25;
}

.vidu-dwf-workload-card dt,
.vidu-dwf-work-context dt {
  color: rgba(148, 163, 184, .68);
}

.vidu-dwf-workload-card dd,
.vidu-dwf-work-context dd {
  color: rgba(226, 232, 240, .88);
  font-weight: 860;
}

.vidu-dwf-workload-card p,
.vidu-dwf-work-context > p {
  margin: 0;
  color: rgba(203, 213, 225, .72);
  font-size: 11px;
  line-height: 1.45;
}

.vidu-dwf-workload-card p b,
.vidu-dwf-workload-card p small {
  display: block;
}

.vidu-dwf-workload-card p b {
  color: rgba(248, 250, 252, .84);
}

.vidu-dwf-workload-card p small {
  color: rgba(148, 163, 184, .75);
}

.vidu-dwf-work-context {
  gap: 10px;
}

.vidu-dwf-work-context-list {
  display: grid;
  gap: 7px;
}

.vidu-dwf-work-context-list > span {
  color: rgba(125, 211, 252, .70);
  font-size: 9px;
  font-weight: 860;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-dwf-work-context-list article {
  display: grid;
  gap: 3px;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 11px;
  background: rgba(0, 0, 0, .13);
}

.vidu-dwf-work-context-list strong {
  color: rgba(248, 250, 252, .86);
  font-size: 12px;
}

.vidu-dwf-work-context-list small,
.vidu-dwf-work-context-list em,
.vidu-dwf-work-context-list p {
  margin: 0;
  color: rgba(148, 163, 184, .74);
  font-size: 10px;
  font-style: normal;
  line-height: 1.35;
}

.vidu-dwf-roadmap article {
  display: grid;
  gap: 10px;
}

.vidu-dwf-roadmap article > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-dwf-roadmap b small {
  display: block;
  margin-left: 2px;
}

.vidu-dwf-agent-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 18px;
  background:
    radial-gradient(circle at 18% 0%, rgba(125, 211, 252, .085), transparent 34%),
    rgba(255, 255, 255, .032);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.vidu-dwf-agent-card:hover,
.vidu-dwf-agent-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(125, 211, 252, .18);
  background:
    radial-gradient(circle at 18% 0%, rgba(125, 211, 252, .12), transparent 34%),
    rgba(255, 255, 255, .045);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 14px 34px rgba(0, 0, 0, .22);
  outline: none;
}

.vidu-dwf-agent-card.is-selected {
  border-color: rgba(125, 211, 252, .28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 0 1px rgba(125, 211, 252, .10);
}

.vidu-dwf-agent-card.is-active {
  border-color: rgba(45, 212, 191, .18);
  background:
    radial-gradient(circle at 18% 0%, rgba(45, 212, 191, .11), transparent 34%),
    rgba(255, 255, 255, .035);
}

.vidu-dwf-agent-top {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}

.vidu-dwf-agent-avatar {
  --vidu-agent-color: #7dd3fc;
  flex: 0 0 56px;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  aspect-ratio: 1 / 1;
  display: inline-grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--vidu-agent-color) 34%, rgba(255, 255, 255, .10));
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 24%, color-mix(in srgb, var(--vidu-agent-color) 24%, transparent), transparent 58%),
    rgba(255, 255, 255, .045);
  color: rgba(248, 250, 252, .96);
  font-size: 12px;
  font-weight: 920;
  box-shadow: 0 0 24px color-mix(in srgb, var(--vidu-agent-color) 12%, transparent);
  overflow: hidden;
}

.vidu-dwf-agent-avatar.is-large {
  flex-basis: 72px;
  width: 72px;
  min-width: 72px;
  max-width: 72px;
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  font-size: 15px;
}

.vidu-dwf-agent-avatar.is-small {
  flex-basis: 44px;
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  font-size: 10px;
}

.vidu-dwf-agent-avatar img {
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: inherit;
}

.vidu-dwf-agent-card .vidu-dwf-agent-avatar,
.vidu-dwf-directory-card .vidu-dwf-agent-avatar,
.vidu-dwf-activation-card .vidu-dwf-agent-avatar,
.vidu-dwf-detail-drawer .vidu-dwf-agent-avatar,
.vidu-ai-collaboration-card .vidu-dwf-agent-avatar {
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}

.vidu-dwf-agent-card .vidu-dwf-agent-avatar img,
.vidu-dwf-directory-card .vidu-dwf-agent-avatar img,
.vidu-dwf-activation-card .vidu-dwf-agent-avatar img,
.vidu-dwf-detail-drawer .vidu-dwf-agent-avatar img,
.vidu-ai-collaboration-card .vidu-dwf-agent-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 50%;
}

.vidu-dwf-agent-top strong,
.vidu-dwf-agent-top span {
  display: block;
  min-width: 0;
}

.vidu-dwf-agent-top strong {
  color: rgba(248, 250, 252, .95);
  font-size: 15px;
  line-height: 1.15;
}

.vidu-dwf-agent-top span {
  margin-top: 4px;
  color: rgba(203, 213, 225, .72);
  font-size: 11px;
  line-height: 1.35;
}

.vidu-dwf-agent-top .vidu-elena-status-badge {
  margin-left: auto;
}

.vidu-dwf-agent-bio {
  margin: 0;
  color: rgba(203, 213, 225, .74);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-dwf-activation-progress {
  display: grid;
  gap: 7px;
}

.vidu-dwf-activation-progress span {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: rgba(203, 213, 225, .74);
  font-size: 10px;
  font-weight: 760;
}

.vidu-dwf-activation-progress b,
.vidu-dwf-activation-progress i {
  font-style: normal;
  font-weight: 820;
}

.vidu-dwf-activation-progress em {
  position: relative;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  overflow: hidden;
}

.vidu-dwf-activation-progress em::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--vidu-agent-progress, 0%);
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(125, 211, 252, .72), rgba(45, 212, 191, .72));
}

.vidu-dwf-agent-meta {
  display: grid;
  gap: 7px;
  margin: 0;
}

.vidu-dwf-agent-meta div {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(255, 255, 255, .045);
}

.vidu-dwf-agent-meta dt,
.vidu-dwf-agent-meta dd {
  min-width: 0;
  margin: 0;
  font-size: 10px;
  line-height: 1.3;
}

.vidu-dwf-agent-meta dt {
  color: rgba(148, 163, 184, .72);
  font-weight: 760;
}

.vidu-dwf-agent-meta dd {
  color: rgba(226, 232, 240, .84);
  text-align: right;
  overflow-wrap: anywhere;
}

.vidu-dwf-agent-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.vidu-dwf-agent-list span {
  width: 100%;
  color: rgba(125, 211, 252, .68);
  font-size: 10px;
  font-weight: 840;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-dwf-agent-list b,
.vidu-dwf-agent-list i {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .065);
  background: rgba(255, 255, 255, .04);
  color: rgba(226, 232, 240, .78);
  font-size: 10px;
  font-style: normal;
  font-weight: 740;
}

.vidu-dwf-agent-list.is-muted b,
.vidu-dwf-agent-list.is-muted i {
  color: rgba(148, 163, 184, .74);
}

.vidu-dwf-card-open {
  justify-self: start;
  min-height: 28px;
  padding: 0 11px;
  border: 1px solid rgba(125, 211, 252, .13);
  border-radius: 999px;
  background: rgba(125, 211, 252, .055);
  color: rgba(186, 230, 253, .82);
  font: inherit;
  font-size: 10px;
  font-weight: 820;
  pointer-events: none;
}

.vidu-dwf-directory {
  display: grid;
  gap: 18px;
}

.vidu-dwf-directory > section {
  display: grid;
  gap: 12px;
}

.vidu-dwf-directory > section > header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vidu-dwf-directory > section > header span {
  color: rgba(125, 211, 252, .68);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-dwf-directory > section > header strong {
  color: rgba(248, 250, 252, .94);
  font-size: 16px;
}

.vidu-dwf-directory > section > header b {
  margin-left: auto;
  padding: 4px 8px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
  color: rgba(226, 232, 240, .78);
  font-size: 10px;
}

.vidu-dwf-directory > section > div,
.vidu-dwf-activation-dashboard {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.vidu-dwf-directory-card,
.vidu-dwf-activation-card {
  min-width: 0;
  display: grid;
  gap: 11px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 17px;
  background:
    radial-gradient(circle at 16% 0%, rgba(125, 211, 252, .075), transparent 34%),
    rgba(255, 255, 255, .032);
}

.vidu-dwf-directory-card.is-digital {
  cursor: pointer;
}

.vidu-dwf-directory-card:hover,
.vidu-dwf-directory-card:focus-visible {
  border-color: rgba(125, 211, 252, .18);
  outline: none;
}

.vidu-dwf-directory-card > header,
.vidu-dwf-activation-card > header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vidu-dwf-directory-card > header > div,
.vidu-dwf-activation-card > header > div {
  min-width: 0;
  flex: 1 1 auto;
}

.vidu-dwf-directory-card > header strong,
.vidu-dwf-activation-card > header strong {
  display: block;
  color: rgba(248, 250, 252, .94);
  font-size: 14px;
  line-height: 1.15;
}

.vidu-dwf-directory-card > header span,
.vidu-dwf-activation-card > header span {
  display: block;
  margin-top: 3px;
  color: rgba(203, 213, 225, .70);
  font-size: 11px;
  line-height: 1.3;
}

.vidu-dwf-directory-card > header .vidu-dwf-agent-email {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: rgba(125, 211, 252, .72);
  font-size: 10px;
  font-style: normal;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-dwf-directory-card > header b,
.vidu-dwf-activation-card > header b {
  flex: 0 0 auto;
  padding: 4px 7px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .075);
  background: rgba(255, 255, 255, .04);
  color: rgba(226, 232, 240, .76);
  font-size: 9px;
  line-height: 1;
}

.vidu-dwf-directory-card p {
  margin: 0;
  color: rgba(203, 213, 225, .72);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-dwf-directory-card small {
  color: rgba(148, 163, 184, .70);
  font-size: 10px;
}

.vidu-dwf-directory-card dl,
.vidu-dwf-activation-card dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.vidu-dwf-directory-card dl div,
.vidu-dwf-activation-card dl div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.vidu-dwf-directory-card dt,
.vidu-dwf-directory-card dd,
.vidu-dwf-activation-card dt,
.vidu-dwf-activation-card dd {
  margin: 0;
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  line-height: 1.3;
}

.vidu-dwf-directory-card dd,
.vidu-dwf-activation-card dd {
  color: rgba(226, 232, 240, .80);
  text-align: right;
}

.vidu-dwf-directory-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.vidu-dwf-directory-pills span {
  padding: 4px 7px;
  border: 1px solid rgba(125, 211, 252, .12);
  border-radius: 999px;
  background: rgba(125, 211, 252, .045);
  color: rgba(186, 230, 253, .78);
  font-size: 9px;
  font-weight: 760;
}

.vidu-dwf-activation-checklist {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vidu-dwf-activation-checklist li {
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  line-height: 1.25;
}

.vidu-dwf-activation-checklist li span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .045);
}

.vidu-dwf-activation-checklist li.is-done {
  color: rgba(226, 232, 240, .84);
}

.vidu-dwf-activation-checklist li.is-done span {
  border-color: rgba(45, 212, 191, .36);
  background: rgba(45, 212, 191, .30);
}

.vidu-dwf-detail-drawer {
  position: absolute;
  top: 14px;
  right: 14px;
  bottom: 14px;
  z-index: 3;
  width: min(420px, calc(100% - 28px));
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 22px;
  background:
    radial-gradient(circle at 18% 0%, rgba(125, 211, 252, .10), transparent 34%),
    linear-gradient(180deg, rgba(15, 18, 30, .96), rgba(7, 9, 15, .98));
  box-shadow: 0 28px 90px rgba(0, 0, 0, .44), inset 0 1px 0 rgba(255, 255, 255, .055);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.vidu-dwf-detail-head {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.vidu-dwf-detail-head > div:not(.vidu-dwf-agent-avatar) {
  min-width: 0;
  flex: 1 1 auto;
}

.vidu-dwf-detail-head span,
.vidu-dwf-detail-block span,
.vidu-dwf-detail-extra-head span {
  color: rgba(125, 211, 252, .70);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.vidu-dwf-detail-head h4 {
  margin: 5px 0 0;
  color: rgba(248, 250, 252, .96);
  font-size: 22px;
  line-height: 1.08;
}

.vidu-dwf-detail-head p {
  margin: 5px 0 0;
  color: rgba(203, 213, 225, .72);
  font-size: 12px;
  line-height: 1.4;
}

.vidu-dwf-detail-close {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  color: rgba(226, 232, 240, .82);
  font: inherit;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.vidu-dwf-detail-close:hover {
  border-color: rgba(248, 113, 113, .20);
  background: rgba(248, 113, 113, .075);
  color: rgba(254, 202, 202, .92);
}

.vidu-dwf-detail-status,
.vidu-dwf-detail-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.vidu-dwf-detail-status b,
.vidu-dwf-detail-pills b {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
  color: rgba(226, 232, 240, .78);
  font-size: 10px;
  font-weight: 760;
}

.vidu-dwf-planned-note {
  padding: 11px 12px;
  border: 1px solid rgba(245, 158, 11, .15);
  border-radius: 14px;
  background: rgba(245, 158, 11, .055);
  color: rgba(253, 230, 138, .82);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-dwf-detail-block,
.vidu-dwf-detail-extra {
  display: grid;
  gap: 9px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 16px;
  background: rgba(255, 255, 255, .032);
}

.vidu-dwf-detail-block p {
  margin: 0;
  color: rgba(203, 213, 225, .70);
  font-size: 12px;
  line-height: 1.5;
}

.vidu-dwf-detail-block.is-victor-validation-focus {
  border-color: rgba(251, 113, 133, .24);
  background: rgba(251, 113, 133, .055);
}

.vidu-dwf-detail-block.is-daniel-architecture-focus {
  border-color: rgba(167, 139, 250, .24);
  background: rgba(167, 139, 250, .055);
}

.vidu-dwf-capability-overview > header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.vidu-dwf-capability-overview > header strong {
  color: rgba(34, 211, 238, .95);
  font-size: 24px;
  line-height: 1;
}

.vidu-dwf-capability-overview > small {
  color: rgba(148, 163, 184, .78);
  font-size: 10px;
  line-height: 1.4;
}

.vidu-dwf-signature-preview {
  max-width: 100%;
  overflow: auto;
  padding: 12px;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: 14px;
  background: rgba(248, 250, 252, .96);
}

.vidu-dwf-signature-preview table {
  max-width: 100% !important;
}

.vidu-dwf-signature-preview img {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  object-fit: cover;
  object-position: center center;
}

.vidu-dwf-agent-identity-block dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.vidu-dwf-agent-identity-hero {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.vidu-dwf-agent-identity-hero > div:not(.vidu-dwf-agent-avatar) {
  min-width: 0;
}

.vidu-dwf-agent-identity-hero strong,
.vidu-dwf-agent-identity-hero small {
  display: block;
  min-width: 0;
}

.vidu-dwf-agent-identity-hero strong {
  color: rgba(248, 250, 252, .94);
  font-size: 15px;
  line-height: 1.2;
}

.vidu-dwf-agent-identity-hero small {
  margin-top: 4px;
  color: rgba(203, 213, 225, .70);
  font-size: 11px;
  line-height: 1.35;
}

.vidu-dwf-agent-identity-block dl div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-top: 7px;
  border-top: 1px solid rgba(255, 255, 255, .045);
}

.vidu-dwf-agent-identity-block dt,
.vidu-dwf-agent-identity-block dd {
  margin: 0;
  min-width: 0;
  color: rgba(203, 213, 225, .78);
  font-size: 10px;
}

.vidu-dwf-agent-identity-block dt {
  color: rgba(148, 163, 184, .74);
  font-weight: 760;
}

.vidu-dwf-agent-identity-block dd {
  text-align: right;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.vidu-dwf-detail-extra {
  background:
    radial-gradient(circle at 14% 0%, rgba(45, 212, 191, .07), transparent 34%),
    rgba(255, 255, 255, .028);
}

.vidu-dwf-detail-extra-head strong {
  display: block;
  margin-top: 4px;
  color: rgba(248, 250, 252, .88);
  font-size: 13px;
}

.vidu-dwf-permission-list,
.vidu-dwf-initiative-list {
  display: grid;
  gap: 7px;
  margin: 0;
}

.vidu-dwf-permission-list div,
.vidu-dwf-initiative-list article {
  display: grid;
  gap: 3px;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 12px;
  background: rgba(0, 0, 0, .12);
}

.vidu-dwf-permission-list dt,
.vidu-dwf-permission-list dd {
  margin: 0;
  font-size: 11px;
}

.vidu-dwf-permission-list dt,
.vidu-dwf-initiative-list small {
  color: rgba(148, 163, 184, .74);
}

.vidu-dwf-permission-list dd,
.vidu-dwf-initiative-list strong {
  color: rgba(226, 232, 240, .86);
}

.vidu-dwf-state {
  grid-column: 1 / -1;
  min-height: 84px;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(255, 255, 255, .09);
  border-radius: 18px;
  background: rgba(255, 255, 255, .026);
  color: rgba(203, 213, 225, .70);
  font-size: 12px;
  font-weight: 760;
}

.vidu-dwf-state.is-error {
  border-color: rgba(248, 113, 113, .18);
  background: rgba(248, 113, 113, .045);
  color: rgba(254, 202, 202, .86);
}

#vidu-pipeline-dashboard .vidu-ai-prompts {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

#vidu-pipeline-dashboard .vidu-ai-prompts button {
  min-height: 28px;
  max-width: 100%;
  padding: 0 9px;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: 999px;
  background: rgba(125, 211, 252, .045);
  color: rgba(226, 232, 240, .80);
  font-size: 11px;
  font-weight: 720;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-ai-prompts button:hover {
  border-color: rgba(125, 211, 252, .30);
  background: rgba(125, 211, 252, .085);
}

#vidu-pipeline-dashboard .vidu-ai-composer {
  display: grid;
  flex: 0 0 auto;
  gap: 9px;
  margin-top: auto;
  padding: 12px 13px 13px;
  border-top: 1px solid rgba(255, 255, 255, .07);
}

#vidu-pipeline-dashboard .vidu-ai-composer textarea {
  width: 100%;
  min-height: 52px;
  max-height: 140px;
  resize: none;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 17px;
  background: rgba(255, 255, 255, .047);
  color: rgba(248, 250, 252, .94);
  padding: 11px 12px;
  font: inherit;
  font-size: 13px;
  outline: none;
  overflow-y: auto;
}

#vidu-pipeline-dashboard .vidu-ai-composer textarea:focus {
  border-color: rgba(125, 211, 252, .34);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .10);
}

#vidu-pipeline-dashboard .vidu-ai-composer-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-ai-mic,
#vidu-pipeline-dashboard .vidu-ai-send {
  min-height: 34px;
  border-radius: 999px;
  font: inherit;
  font-weight: 800;
}

#vidu-pipeline-dashboard .vidu-ai-mic {
  width: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .10);
  background: rgba(255, 255, 255, .035);
  color: rgba(216, 180, 254, .92);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

#vidu-pipeline-dashboard .vidu-ai-mic:hover {
  border-color: rgba(168, 85, 247, .48);
  background: rgba(168, 85, 247, .14);
  color: #f3e8ff;
  transform: translateY(-1px);
}

#vidu-pipeline-dashboard .vidu-ai-send {
  border: 0;
  padding: 0 15px;
  background: linear-gradient(135deg, var(--vidu-color-brand-primary, #6d5dfc), var(--vidu-color-brand-secondary, #38bdf8));
  color: #fff;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(56, 189, 248, .14);
}

@keyframes elena-border-flow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes elena-presence-breathe {
  0%,
  100% {
    box-shadow:
      0 16px 38px rgba(0, 0, 0, .34),
      0 0 17px rgba(var(--elena-glow-rgb), var(--elena-glow-opacity)),
      inset 0 1px 0 rgba(255, 255, 255, .052),
      inset 0 0 0 1px rgba(132, 110, 255, .075);
  }
  50% {
    box-shadow:
      0 16px 39px rgba(0, 0, 0, .35),
      0 0 20px rgba(var(--elena-glow-rgb), calc(var(--elena-glow-opacity) + .035)),
      inset 0 1px 0 rgba(255, 255, 255, .060),
      inset 0 0 0 1px rgba(132, 110, 255, .09);
  }
}

@keyframes elena-edge-glow {
  0%,
  100% {
    opacity: .30;
    transform: scale(.98);
  }
  50% {
    opacity: .42;
    transform: scale(1.02);
  }
}

@keyframes elena-icon-life {
  0%,
  78%,
  100% {
    filter: brightness(1);
  }
  86% {
    filter: brightness(calc(1 + var(--elena-orb-life)));
  }
}

@keyframes elena-listening-field {
  0%,
  100% {
    opacity: .20;
    transform: scale(.98);
  }
  50% {
    opacity: .44;
    transform: scale(1.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  #vidu-pipeline-dashboard .vidu-ai-launcher,
  #vidu-pipeline-dashboard .vidu-ai-panel,
  #vidu-pipeline-dashboard .vidu-ai-launcher-orb,
  #vidu-pipeline-dashboard .vidu-ai-launcher::before,
  #vidu-pipeline-dashboard .vidu-ai-launcher::after {
    animation: none;
    transition: none;
    filter: none;
  }
}

@media (max-width: 640px) {
  #vidu-pipeline-dashboard .vidu-ai-launcher,
  #vidu-pipeline-dashboard .vidu-ai-panel {
    right: 14px;
    bottom: 14px;
    left: 14px;
  }

  #vidu-pipeline-dashboard .vidu-ai-launcher {
    left: auto;
  }

  #vidu-pipeline-dashboard .vidu-ai-panel {
    width: auto;
    max-height: min(76vh, 680px);
    border-radius: 24px;
  }
}

@media (max-width: 760px) {
  .vidu-elena-control-modal-shell .vidu-app-modal-dialog {
    width: min(100vw - 24px, 720px);
    max-width: calc(100vw - 24px);
    min-height: 0;
    max-height: calc(100vh - 24px);
  }

  .vidu-elena-control-modal-shell .vidu-app-modal-body {
    max-height: calc(100vh - 72px);
  }

  .vidu-elena-hero,
  .vidu-elena-grid,
  .vidu-elena-capability-grid,
  .vidu-dwf-grid,
  .vidu-dwf-overview,
  .vidu-dwf-mission-summary,
  .vidu-dwf-mission-cards,
  .vidu-dwf-agent-focus-grid,
  .vidu-dwf-wave-grid,
  .vidu-dwf-lead-summary,
	  .vidu-dwf-lead-intake,
	  .vidu-dwf-inbox-filters,
	  .vidu-dwf-directory > section > div,
  .vidu-dwf-activation-dashboard,
  #vidu-pipeline-dashboard .vidu-ai-collaboration-grid,
  #vidu-elena-global-layer .vidu-ai-collaboration-grid {
    grid-template-columns: 1fr;
  }

  .vidu-dwf-opportunity-agents {
    grid-template-columns: 1fr;
  }

  .vidu-dwf-quote-readiness dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-quote-input-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-execution-input-row {
    grid-template-columns: 1fr;
  }

  .vidu-dwf-proposal-card header,
  .vidu-execution-plan-head,
  .vidu-quote-inputs > header {
    align-items: flex-start;
    flex-direction: column;
  }

  .vidu-dwf-proposal-card footer,
  .vidu-execution-step-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .vidu-dwf-proposal-card button,
  .vidu-execution-step button {
    width: 100%;
  }

  .vidu-dwf-quote-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .vidu-dwf-quote-actions small {
    text-align: left;
  }

	  .vidu-dwf-opportunity-card > header,
	  .vidu-dwf-mission-card > header,
	  .vidu-dwf-agent-focus-panel > header,
	  .vidu-dwf-inbox-head,
	  .vidu-dwf-insight-card footer,
	  .vidu-dwf-lead-actions {
	    align-items: stretch;
	    flex-direction: column;
	  }

	  .vidu-dwf-opportunity-buttons {
	    justify-content: flex-start;
	  }

	  .vidu-dwf-insight-card footer div {
	    justify-content: flex-start;
	  }

  .vidu-dwf-tabs {
    border-radius: 18px;
  }

  .vidu-dwf-tabs button {
    flex: 0 0 auto;
  }

  .vidu-elena-presence-preview {
    justify-self: start;
  }

  .vidu-dwf-detail-drawer {
    position: relative;
    inset: auto;
    width: 100%;
    max-height: none;
    margin-top: 12px;
  }

  .vidu-digital-workforce-panel.is-detail-open {
    min-height: 0;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  .vidu-dwf-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-dwf-overview,
  .vidu-dwf-mission-summary,
  .vidu-dwf-mission-cards,
	  .vidu-dwf-lead-summary,
	  .vidu-dwf-inbox-filters,
	  .vidu-dwf-opportunity-agents,
  .vidu-dwf-agent-focus-grid,
  .vidu-dwf-workload-grid,
  .vidu-dwf-capability-summary,
  .vidu-dwf-directory > section > div,
  .vidu-dwf-activation-dashboard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-execution-steps > div {
    grid-template-columns: repeat(2, minmax(280px, 1fr));
  }
}

@media (max-height: 820px) and (min-width: 761px) {
  .vidu-elena-control-modal-shell .vidu-app-modal-dialog {
    min-height: 0;
  }
}

#vidu-pipeline-dashboard .vidu-topbar-avatar-btn {
  appearance: none;
  width: 36px;
  height: 36px;
  min-width: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--vidu-text-primary);
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  position: relative;
  cursor: pointer;
  transition:
    opacity var(--vidu-duration-fast) var(--vidu-ease-standard),
    transform var(--vidu-duration-fast) var(--vidu-ease-standard),
    box-shadow var(--vidu-duration-fast) var(--vidu-ease-standard);
}

#vidu-pipeline-dashboard .vidu-topbar-avatar-btn:hover,
#vidu-pipeline-dashboard .vidu-topbar-avatar-btn:focus-visible {
  opacity: .92;
  transform: translateY(-1px) scale(1.03);
  box-shadow: var(--vidu-glow-soft);
  outline: none;
}

#vidu-pipeline-dashboard .vidu-topbar-avatar-btn .vidu-user-avatar,
#vidu-pipeline-dashboard .vidu-topbar-avatar-btn img {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  object-fit: cover;
  display: block;
}

#vidu-pipeline-dashboard .vidu-topbar-avatar-status {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--vidu-accent-success);
  box-shadow: 0 0 0 2px var(--vidu-surface-1);
}

#vidu-pipeline-dashboard .vidu-topbar-notifications.has-unread::after {
  content: attr(data-unread-count);
  position: absolute;
  top: -5px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: #ef4444;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  box-shadow: 0 0 0 3px var(--vidu-surface-1);
}

#vidu-pipeline-dashboard .vidu-topbar .vidu-dashboard-view-switch {
  flex: 0 0 auto;
  gap: 2px;
  padding: 4px;
  min-height: 38px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--vidu-control-bg) 76%, transparent);
  border-color: color-mix(in srgb, var(--vidu-control-border) 72%, transparent);
}

#vidu-pipeline-dashboard .vidu-topbar .vidu-view-btn {
  min-height: 30px;
  padding: 0 13px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 750;
  color: var(--vidu-text-secondary);
}

#vidu-pipeline-dashboard .vidu-topbar .vidu-view-btn.is-active {
  background: var(--vidu-control-bg-active);
  color: var(--vidu-control-text-active);
  box-shadow: 0 8px 22px color-mix(in srgb, var(--vidu-surface-0) 42%, transparent);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-topbar .vidu-view-btn.is-active {
  color: rgba(255,255,255,.96);
}

#vidu-pipeline-dashboard .vidu-topbar .vidu-btn-new-offer {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-dashboard-quick-filters[hidden],
#vidu-pipeline-dashboard .vidu-dashboard-quick-filters[data-feature-hidden="quick-filters"] {
  display: none;
}

#vidu-pipeline-dashboard .vidu-topbar-background-panel {
  position: absolute;
  right: clamp(18px, 2vw, 34px);
  top: calc(100% + 12px);
  width: min(380px, calc(100vw - 34px));
  padding: 14px;
  border-radius: 24px;
  background: var(--vidu-surface-3);
  border: 1px solid var(--vidu-border-soft);
  box-shadow: var(--vidu-shadow-floating);
  backdrop-filter: blur(22px) saturate(1.12);
  -webkit-backdrop-filter: blur(22px) saturate(1.12);
  z-index: 80;
}

#vidu-pipeline-dashboard .vidu-topbar-background-head {
  display: grid;
  gap: 3px;
  margin-bottom: 12px;
}

#vidu-pipeline-dashboard .vidu-topbar-background-head span {
  color: var(--vidu-text-faint);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  letter-spacing: var(--vidu-letter-label);
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-topbar-background-head strong {
  color: var(--vidu-text-primary);
  font-size: var(--vidu-text-sm);
}

#vidu-pipeline-dashboard .vidu-topbar-background-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-topbar-background-choice {
  appearance: none;
  position: relative;
  border: 1px solid var(--vidu-border-soft);
  background: var(--vidu-control-bg);
  color: var(--vidu-text-primary);
  min-height: 74px;
  border-radius: 17px;
  padding: 10px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 2px 9px;
  text-align: left;
  cursor: pointer;
  transition:
    background var(--vidu-duration-fast) var(--vidu-ease-standard),
    border-color var(--vidu-duration-fast) var(--vidu-ease-standard),
    transform var(--vidu-duration-fast) var(--vidu-ease-standard),
    box-shadow var(--vidu-duration-fast) var(--vidu-ease-standard);
}

#vidu-pipeline-dashboard .vidu-topbar-background-choice:hover,
#vidu-pipeline-dashboard .vidu-topbar-background-choice.is-active {
  background: var(--vidu-control-bg-hover);
  border-color: var(--vidu-control-border-active);
  transform: translateY(-1px);
  box-shadow: var(--vidu-glow-soft);
}

#vidu-pipeline-dashboard .vidu-topbar-background-choice.is-active::after {
  content: "✓";
  position: absolute;
  right: 10px;
  top: 9px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: color-mix(in srgb, var(--vidu-accent-success) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--vidu-accent-success) 36%, transparent);
  color: color-mix(in srgb, var(--vidu-accent-success) 86%, var(--vidu-text-primary));
  font-size: 11px;
  font-weight: 800;
}

#vidu-pipeline-dashboard .vidu-topbar-background-choice.is-saving {
  opacity: .72;
  cursor: progress;
}

#vidu-pipeline-dashboard .vidu-bg-swatch {
  grid-row: 1 / 3;
  width: 30px;
  height: 30px;
  border-radius: 11px;
  border: 1px solid color-mix(in srgb, var(--vidu-text-primary) 14%, transparent);
  background: linear-gradient(135deg, #111827, #0b0f1d);
}

#vidu-pipeline-dashboard .vidu-topbar-background-custom {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--vidu-border-soft);
}

#vidu-pipeline-dashboard .vidu-topbar-background-custom-copy {
  display: grid;
  gap: 2px;
}

#vidu-pipeline-dashboard .vidu-topbar-background-custom-copy span {
  color: var(--vidu-text-faint);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  letter-spacing: var(--vidu-letter-label);
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-topbar-background-custom-copy strong {
  color: var(--vidu-text-primary);
  font-size: var(--vidu-text-sm);
}

#vidu-pipeline-dashboard .vidu-topbar-background-custom-copy small,
#vidu-pipeline-dashboard .vidu-topbar-background-status {
  color: var(--vidu-text-muted);
  font-size: 11px;
  line-height: 1.35;
}

#vidu-pipeline-dashboard .vidu-topbar-background-preview {
  position: relative;
  min-height: 96px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 16px;
  background:
    linear-gradient(rgba(0,0,0,.48), rgba(0,0,0,.48)),
    radial-gradient(circle at 30% 20%, rgba(96,165,250,.18), transparent 42%),
    var(--vidu-control-bg);
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-topbar-background-preview span {
  position: absolute;
  left: 10px;
  bottom: 9px;
  padding: 5px 8px;
  border-radius: 999px;
  border: 1px solid var(--vidu-border-soft);
  background: rgba(0,0,0,.38);
  color: var(--vidu-text-secondary);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-topbar-background-actions {
  display: flex;
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-topbar-background-upload,
#vidu-pipeline-dashboard [data-vidu-user-background-reset] {
  appearance: none;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  background: var(--vidu-control-bg);
  color: var(--vidu-text-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-topbar-background-upload input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#vidu-pipeline-dashboard .vidu-topbar-background-upload:hover,
#vidu-pipeline-dashboard [data-vidu-user-background-reset]:hover {
  background: var(--vidu-control-bg-hover);
  border-color: var(--vidu-control-border-active);
}

#vidu-pipeline-dashboard .vidu-bg-swatch.is-blue_haze { background: linear-gradient(135deg, #0f172a, #1d4ed8 55%, #93c5fd); }
#vidu-pipeline-dashboard .vidu-bg-swatch.is-graphite { background: linear-gradient(135deg, #050505, #27272a 64%, #71717a); }
#vidu-pipeline-dashboard .vidu-bg-swatch.is-red_pulse { background: linear-gradient(135deg, #09090b, #7f1d1d 58%, #fb7185); }
#vidu-pipeline-dashboard .vidu-bg-swatch.is-editorial_dark { background: linear-gradient(135deg, #020617, #111827 62%, #4c1d95); }
#vidu-pipeline-dashboard .vidu-bg-swatch.is-soft_fog { background: linear-gradient(135deg, #f8fafc, #dbeafe 58%, #e9d5ff); }

#vidu-pipeline-dashboard .vidu-topbar-background-choice span {
  color: var(--vidu-text-primary);
  font-weight: 750;
  font-size: 13px;
}

#vidu-pipeline-dashboard .vidu-topbar-background-choice small {
  color: var(--vidu-text-faint);
  font-size: 11px;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-topbar-background-notice {
  margin-top: 10px;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--vidu-accent-success) 26%, transparent);
  background: color-mix(in srgb, var(--vidu-accent-success) 10%, var(--vidu-control-bg));
  color: var(--vidu-text-primary);
  font-size: var(--vidu-text-sm);
  font-weight: 650;
  padding: 9px 10px;
}

#vidu-pipeline-dashboard .vidu-topbar-background-notice[data-tone="error"] {
  border-color: color-mix(in srgb, var(--vidu-accent-danger) 30%, transparent);
  background: color-mix(in srgb, var(--vidu-accent-danger) 10%, var(--vidu-control-bg));
}

#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-sidebar-toggle {
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 1440px) {
  #vidu-pipeline-dashboard .vidu-pipeline-toolbar.vidu-topbar {
    gap: 8px;
    padding-inline: 14px;
  }

  #vidu-pipeline-dashboard .vidu-topbar-filters {
    grid-template-columns: minmax(150px, 260px) minmax(82px, 108px) minmax(82px, 108px) minmax(88px, 102px) minmax(88px, 102px) 30px;
    gap: 7px;
  }

  #vidu-pipeline-dashboard .vidu-topbar-actions {
    gap: 6px;
  }

  #vidu-pipeline-dashboard .vidu-topbar .vidu-btn-new-offer {
    display: none;
  }
}

@media (max-width: 920px) {
  #vidu-pipeline-dashboard .vidu-workspace-top {
    top: 12px;
    max-width: calc(100vw - 24px);
  }

  #vidu-pipeline-dashboard .vidu-floating-logo {
    display: none;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar.vidu-topbar {
    width: 100%;
    padding: 12px;
    border-radius: 28px;
    flex-wrap: wrap;
  }

  #vidu-pipeline-dashboard .vidu-topbar-filters {
    order: 2;
    flex-basis: 100%;
    grid-template-columns: minmax(0, 1fr) 42px;
  }

  #vidu-pipeline-dashboard .vidu-topbar-filter-field,
  #vidu-pipeline-dashboard .vidu-topbar-date-field {
    display: none;
  }

  #vidu-pipeline-dashboard .vidu-topbar-actions {
    margin-left: auto;
    justify-content: space-between;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  #vidu-pipeline-dashboard .vidu-topbar .vidu-dashboard-view-switch {
    order: -1;
  }
}

@media (max-width: 640px) {
  #vidu-pipeline-dashboard .vidu-topbar-profile-btn {
    width: 38px;
    min-width: 38px;
    padding: 4px;
  }

  #vidu-pipeline-dashboard .vidu-topbar-profile-chevron,
  #vidu-pipeline-dashboard .vidu-topbar .vidu-btn-new-offer {
    display: none;
  }

  #vidu-pipeline-dashboard .vidu-topbar-background-grid {
    grid-template-columns: 1fr;
  }
}

.vidu-dashboard-view-board {
  margin-top: 2px;
}

.vidu-btn-new-offer {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 700;
  padding: 10px 16px;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(34,197,94,0.25);
}

.vidu-btn-new-offer:hover {
  box-shadow: 0 10px 24px rgba(34,197,94,0.35);
}

/* =========================
   BADGES
   ========================= */

#vidu-pipeline-dashboard .vidu-badge,
.vidu-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: .05em;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.06);
}

.vidu-badge-type-lead,
#vidu-pipeline-dashboard .vidu-badge-type-lead,
.vidu-badge-status-new,
.vidu-badge-project-new,
.vidu-badge-offer-new {
  background: rgba(59,130,246,0.12) !important;
  color: var(--vidu-blue) !important;
  border-color: rgba(59,130,246,0.25) !important;
}

.vidu-badge-type-offer,
#vidu-pipeline-dashboard .vidu-badge-type-offer,
.vidu-badge-status-sent {
  background: rgba(250,204,21,0.13) !important;
  color: var(--vidu-yellow) !important;
  border-color: rgba(250,204,21,0.28) !important;
}

.vidu-badge-type-project,
#vidu-pipeline-dashboard .vidu-badge-type-project,
.vidu-badge-status-running,
.vidu-badge-offer-progress {
  background: rgba(249,115,22,0.14) !important;
  color: var(--vidu-orange) !important;
  border-color: rgba(249,115,22,0.28) !important;
}

.vidu-badge-project-billing,
.vidu-badge-offer-sent {
  background: rgba(139,92,246,0.14) !important;
  color: var(--vidu-purple) !important;
  border-color: rgba(139,92,246,0.30) !important;
}

.vidu-badge-status,
#vidu-pipeline-dashboard .vidu-badge-status {
  background: rgba(255,255,255,0.04);
  color: #d3d3d8;
}

#vidu-pipeline-dashboard .vidu-chip,
.vidu-chip {
  min-height: 26px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.08) !important;
  background: rgba(18,18,22,0.54) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    0 0 18px rgba(255,255,255,0.035);
  color: rgba(255,255,255,0.82) !important;
}

#vidu-pipeline-dashboard .vidu-chip--blue,
.vidu-chip--blue {
  border-color: rgba(96,165,250,0.30) !important;
  background: rgba(96,165,250,0.105) !important;
  color: #bfdbfe !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 0 18px rgba(96,165,250,0.10);
}

#vidu-pipeline-dashboard .vidu-chip--yellow,
.vidu-chip--yellow {
  border-color: rgba(250,204,21,0.30) !important;
  background: rgba(250,204,21,0.105) !important;
  color: #fde68a !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 0 18px rgba(250,204,21,0.09);
}

#vidu-pipeline-dashboard .vidu-chip--orange,
.vidu-chip--orange {
  border-color: rgba(249,115,22,0.32) !important;
  background: rgba(249,115,22,0.115) !important;
  color: #fed7aa !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 0 18px rgba(249,115,22,0.10);
}

#vidu-pipeline-dashboard .vidu-chip--purple,
.vidu-chip--purple {
  border-color: rgba(168,85,247,0.32) !important;
  background: rgba(168,85,247,0.12) !important;
  color: #e9d5ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 0 18px rgba(168,85,247,0.11);
}

#vidu-pipeline-dashboard .vidu-chip--red,
.vidu-chip--red {
  border-color: rgba(248,113,113,0.32) !important;
  background: rgba(248,113,113,0.105) !important;
  color: #fecaca !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 0 18px rgba(248,113,113,0.10);
}

#vidu-pipeline-dashboard .vidu-chip--green,
.vidu-chip--green {
  border-color: rgba(74,222,128,0.30) !important;
  background: rgba(74,222,128,0.105) !important;
  color: #bbf7d0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 0 18px rgba(74,222,128,0.10);
}

#vidu-pipeline-dashboard .vidu-workspace-chip,
.vidu-workspace-chip {
  --workspace-color: #8b5cf6;
  --workspace-rgb: 139, 92, 246;
  border-color: rgba(var(--workspace-rgb), .34) !important;
  background:
    linear-gradient(135deg, rgba(var(--workspace-rgb), .16), rgba(var(--workspace-rgb), .06)) !important;
  color: color-mix(in srgb, var(--workspace-color) 68%, #ffffff 32%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 10px 24px rgba(var(--workspace-rgb), .08) !important;
}

#vidu-pipeline-dashboard .vidu-workspace-chip::before,
.vidu-workspace-chip::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 999px;
  background: var(--workspace-color);
  box-shadow: none;
}

#vidu-pipeline-dashboard .vidu-marketing-campaign-chip,
.vidu-marketing-campaign-chip {
  --vidu-chip-token-color: #fb923c;
  border-color: color-mix(in srgb, #fb923c 34%, transparent);
  background: color-mix(in srgb, #fb923c 13%, rgba(18, 18, 21, 0.82));
  color: #fed7aa;
}

#vidu-pipeline-dashboard .vidu-marketing-campaign-chip::before,
.vidu-marketing-campaign-chip::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fb923c;
  box-shadow: 0 0 10px rgba(251, 146, 60, 0.42);
}

#vidu-pipeline-dashboard .vidu-lead-age-chip {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.035);
  color: rgba(255,255,255,0.62);
  font-size: 10px;
  font-weight: 840;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
}

#vidu-pipeline-dashboard .vidu-lead-age-chip.lead-age--fresh {
  border-color: rgba(148,163,184,0.18);
  background: rgba(148,163,184,0.06);
  color: rgba(226,232,240,0.68);
}

#vidu-pipeline-dashboard .vidu-lead-age-chip.lead-age--warm {
  border-color: rgba(100,116,139,0.30);
  background: rgba(100,116,139,0.105);
  color: rgba(203,213,225,0.74);
}

#vidu-pipeline-dashboard .vidu-lead-age-chip.lead-age--attention {
  border-color: rgba(180,129,64,0.28);
  background: rgba(180,129,64,0.105);
  color: rgba(244,214,170,0.78);
}

#vidu-pipeline-dashboard .vidu-lead-age-chip.lead-age--old {
  border-color: rgba(168,91,56,0.30);
  background: rgba(168,91,56,0.105);
  color: rgba(249,190,159,0.80);
}

#vidu-pipeline-dashboard .vidu-lead-age-chip.lead-age--critical {
  border-color: rgba(136,50,78,0.34);
  background: rgba(136,50,78,0.13);
  color: rgba(245,174,193,0.82);
}

#vidu-pipeline-dashboard .vidu-dashboard-status-empty {
  color: rgba(255,255,255,0.30);
  font-size: 12px;
}

/* =========================
   ICON BUTTONS — GLOBAL + PROJECT
   ========================= */

#vidu-pipeline-dashboard .vidu-icon-btn,
.vidu-icon-action,
.vidu-project-icon-btn,
.vidu-project-invite-btn,
.vidu-project-check-delete-item,
.vidu-project-check-delete-block {
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  padding: 0 !important;
  border-radius: 13px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  display: inline-grid !important;
  place-items: center !important;
  line-height: 0 !important;
  font-size: 0 !important;
  text-align: center;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  transition: background .16s ease, transform .16s ease, border-color .16s ease, opacity .16s ease;
  box-shadow: var(--vidu-shadow-card);
}

#vidu-pipeline-dashboard .vidu-icon-btn:hover,
.vidu-icon-action:hover,
.vidu-project-icon-btn:hover,
.vidu-project-invite-btn:hover,
.vidu-project-check-delete-item:hover,
.vidu-project-check-delete-block:hover {
  background: var(--vidu-control-bg-hover);
  border-color: var(--vidu-control-border-active);
  color: var(--vidu-text-primary);
  transform: translateY(-1px);
}

#vidu-pipeline-dashboard .vidu-icon-btn svg,
.vidu-icon-action svg,
.vidu-project-icon-btn svg,
.vidu-project-check-delete-item svg,
.vidu-project-check-delete-block svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  margin: 0 !important;
  position: static !important;
  transform: none !important;
  stroke: currentColor;
}

#vidu-pipeline-dashboard .vidu-icon-btn-danger,
.vidu-icon-btn-danger,
.vidu-project-check-delete-item,
.vidu-project-check-delete-block {
  color: var(--vidu-red) !important;
  background: rgba(255,80,80,0.08) !important;
  border-color: rgba(255,143,143,0.18) !important;
}

#vidu-pipeline-dashboard .vidu-icon-btn-open,
.vidu-project-icon-blue {
  color: var(--vidu-blue) !important;
  background: rgba(59,130,246,0.11) !important;
  border-color: rgba(59,130,246,0.22) !important;
}

.vidu-project-icon-gray {
  color: #d4d4d8 !important;
  background: rgba(161,161,170,0.10) !important;
  border-color: rgba(161,161,170,0.20) !important;
}

.vidu-project-icon-green {
  color: var(--vidu-green) !important;
  background: rgba(34,197,94,0.10) !important;
  border-color: rgba(34,197,94,0.22) !important;
}

.vidu-project-icon-orange {
  color: var(--vidu-orange) !important;
  background: rgba(249,115,22,0.11) !important;
  border-color: rgba(249,115,22,0.24) !important;
}

.vidu-project-icon-purple,
.vidu-project-icon-purple.is-active {
  color: var(--vidu-purple) !important;
  background: rgba(139,92,246,0.12) !important;
  border-color: rgba(139,92,246,0.25) !important;
}

html:not(.vidu-floating-tooltips-ready) [data-tooltip]::after {
  content: attr(data-tooltip);
  display: none;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%) translateY(4px);
  white-space: nowrap;
  background: rgba(15,15,17,0.96);
  color: #fff;
  font-size: 11px;
  line-height: 1;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  opacity: 0;
  pointer-events: none;
  transition: opacity .14s ease, transform .14s ease, border-color .14s ease, background-color .14s ease;
  z-index: 99999;
  box-shadow: 0 8px 20px rgba(0,0,0,0.28);
}

html:not(.vidu-floating-tooltips-ready) [data-tooltip]:hover::after {
  display: block;
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.vidu-floating-tooltip {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2147483000;
  transform: translate(-50%, calc(-100% - 10px));
  white-space: nowrap;
  background: rgba(15,15,17,0.98);
  color: #fff;
  font-size: 11px;
  line-height: 1;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 10px 24px rgba(0,0,0,0.34);
  transition: opacity .12s ease, transform .12s ease;
}

.vidu-floating-tooltip.is-visible {
  opacity: 1;
}

.vidu-floating-tooltip.is-sidebar-tooltip {
  transform: translateY(-2px) scale(.98);
  background: #fff;
  color: #0b0b0f;
  border: 0;
  border-radius: 12px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 600;
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
  transition: opacity .14s ease, transform .14s ease;
}

.vidu-floating-tooltip.is-sidebar-tooltip.is-visible {
  transform: translateY(-4px) scale(1);
}

.vidu-floating-tooltip,
.vidu-timeline-floating-popover,
.vidu-timeline-popover,
#vidu-pipeline-dashboard .vidu-pipeline-toolbar::after,
#vidu-pipeline-dashboard .vidu-project-feed::before,
#vidu-pipeline-dashboard .vidu-timeline-track::before,
#vidu-pipeline-dashboard .vidu-timeline-track::after,
#vidu-pipeline-dashboard .vidu-project-drag-handle::before,
#vidu-pipeline-dashboard .vidu-project-drag-handle::after {
  pointer-events: none !important;
}

.vidu-app-modal:not(.is-open),
#vidu-archive-confirm-overlay:not(:has(.vidu-archive-confirm-dialog)),
#vidu-project-start-confirm-overlay:not(:has(.vidu-project-start-confirm-dialog)),
#vidu-timeline-edit-overlay:not(:has(.vidu-timeline-edit-dialog)) {
  pointer-events: none !important;
}

/* =========================
   LIST CARDS
   ========================= */

#vidu-pipeline-dashboard .vidu-pipeline-list {
  gap: 0;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid var(--vidu-dashboard-row-border);
  background: var(--vidu-surface-muted);
}

#vidu-pipeline-dashboard .vidu-dashboard-table-head {
  display: grid;
  grid-template-columns: minmax(300px, 1.55fr) 104px 132px minmax(220px, 1.15fr) 124px minmax(190px, .95fr) 188px;
  gap: 12px;
  align-items: center;
  min-height: 38px;
  padding: 0 16px 0 50px;
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--vidu-dashboard-row-border);
}

#vidu-pipeline-dashboard .vidu-dashboard-table-head span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-pipeline-card {
  position: relative;
  display: block;
  padding: 0;
  background: var(--vidu-dashboard-row-bg);
  border: 0;
  border-bottom: 1px solid var(--vidu-dashboard-row-border);
  border-radius: 0;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
  box-shadow: none;
}

#vidu-pipeline-dashboard .vidu-pipeline-card:hover {
  transform: none;
  background: var(--vidu-dashboard-row-bg-hover);
}

#vidu-pipeline-dashboard .vidu-dashboard-row-summary {
  min-height: 54px;
  display: grid;
  grid-template-columns: 24px minmax(300px, 1.55fr) 104px 132px minmax(220px, 1.15fr) 124px minmax(190px, .95fr) 188px;
  gap: 12px;
  align-items: center;
  padding: 7px 16px;
}

#vidu-pipeline-dashboard .vidu-dashboard-expand-btn {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--vidu-control-text);
  cursor: pointer;
  transition: background .16s ease, color .16s ease, transform .18s cubic-bezier(0.22, 1, 0.36, 1);
}

#vidu-pipeline-dashboard .vidu-dashboard-expand-btn svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
}

#vidu-pipeline-dashboard .vidu-dashboard-row.is-expanded .vidu-dashboard-expand-btn {
  transform: rotate(90deg);
  color: var(--vidu-control-text-active);
  background: var(--vidu-control-bg-active);
}

#vidu-pipeline-dashboard .vidu-dashboard-project-cell,
#vidu-pipeline-dashboard .vidu-dashboard-activity-cell,
#vidu-pipeline-dashboard .vidu-dashboard-next-cell {
  min-width: 0;
  display: grid;
  gap: 3px;
}

#vidu-pipeline-dashboard .vidu-dashboard-type-cell,
#vidu-pipeline-dashboard .vidu-dashboard-status-cell {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-dashboard-project-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--vidu-text-primary);
  font-size: 13.5px;
  font-weight: 850;
  line-height: 1.22;
}

#vidu-pipeline-dashboard .vidu-dashboard-project-client {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--vidu-text-secondary);
  font-size: 11.5px;
}

#vidu-pipeline-dashboard .vidu-dashboard-activity-cell {
  position: relative;
  padding-left: 14px;
}

#vidu-pipeline-dashboard .vidu-dashboard-activity-dot {
  position: absolute;
  left: 0;
  top: 5px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #60a5fa;
  box-shadow: 0 0 0 3px rgba(96,165,250,0.10);
}

#vidu-pipeline-dashboard .vidu-dashboard-activity-cell strong,
#vidu-pipeline-dashboard .vidu-dashboard-next-cell,
#vidu-pipeline-dashboard .vidu-dashboard-deadline-cell {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--vidu-text-primary);
  font-size: 12px;
  font-weight: 650;
}

#vidu-pipeline-dashboard .vidu-dashboard-activity-cell small {
  color: var(--vidu-text-muted);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-dashboard-deadline-cell:not(.is-empty) {
  color: #ff7b7b;
  font-weight: 850;
}

#vidu-pipeline-dashboard .vidu-pipeline-card-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

#vidu-pipeline-dashboard .vidu-dashboard-actions .vidu-icon-btn {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  border-radius: 10px;
  opacity: .72;
  transform: translateX(4px);
  transition:
    opacity .18s ease,
    transform .18s cubic-bezier(0.22, 1, 0.36, 1),
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease;
}

#vidu-pipeline-dashboard .vidu-dashboard-row:hover .vidu-dashboard-actions .vidu-icon-btn,
#vidu-pipeline-dashboard .vidu-dashboard-row.is-expanded .vidu-dashboard-actions .vidu-icon-btn {
  opacity: 1;
  transform: translateX(0);
}

#vidu-pipeline-dashboard .vidu-dashboard-actions .vidu-icon-btn:nth-child(2) { transition-delay: 18ms; }
#vidu-pipeline-dashboard .vidu-dashboard-actions .vidu-icon-btn:nth-child(3) { transition-delay: 34ms; }
#vidu-pipeline-dashboard .vidu-dashboard-actions .vidu-icon-btn:nth-child(4) { transition-delay: 50ms; }
#vidu-pipeline-dashboard .vidu-dashboard-actions .vidu-icon-btn:nth-child(5) { transition-delay: 66ms; }

#vidu-pipeline-dashboard .vidu-dashboard-actions .vidu-icon-btn:hover {
  border-color: rgba(147,197,253,0.30);
  box-shadow: 0 0 22px rgba(59,130,246,0.12);
}

#vidu-pipeline-dashboard .vidu-dashboard-row-detail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 16px 0 50px;
  transform: translateY(-4px);
  transition:
    max-height 280ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 180ms ease,
    transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
    padding 280ms cubic-bezier(0.22, 1, 0.36, 1);
}

#vidu-pipeline-dashboard .vidu-dashboard-row.is-expanded .vidu-dashboard-row-detail {
  max-height: 560px;
  opacity: 1;
  padding-bottom: 12px;
  transform: translateY(0);
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-panel {
  min-width: 0;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.065);
  background: rgba(255,255,255,0.026);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.025);
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-panel span {
  display: block;
  margin-bottom: 8px;
  color: rgba(255,255,255,0.44);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-panel strong {
  display: block;
  color: rgba(255,255,255,0.88);
  font-size: 13px;
  margin-bottom: 5px;
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-panel small,
#vidu-pipeline-dashboard .vidu-dashboard-money {
  color: rgba(255,255,255,0.52);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-dashboard-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 8px;
  margin-top: 10px;
}

#vidu-pipeline-dashboard .vidu-dashboard-metric-grid small {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 7px 8px;
  border-radius: 10px;
  background: rgba(255,255,255,0.026);
  color: rgba(255,255,255,0.44);
}

#vidu-pipeline-dashboard .vidu-dashboard-metric-grid small b {
  color: rgba(255,255,255,0.82);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-panel.is-loading {
  position: relative;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-panel.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.045), transparent);
  transform: translateX(-100%);
  animation: viduDashboardSkeleton 1.2s ease infinite;
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-list {
  display: grid;
  gap: 6px;
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-list li {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: rgba(255,255,255,0.68);
  font-size: 12px;
  line-height: 1.35;
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-list li::before {
  content: "";
  width: 5px;
  height: 5px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: rgba(147,197,253,0.75);
  box-shadow: 0 0 12px rgba(147,197,253,0.16);
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-list li span {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-list li.vidu-dashboard-offer-section-row {
  align-items: flex-start;
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-list li.vidu-dashboard-offer-section-row span {
  display: grid;
  gap: 2px;
  white-space: normal;
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-list li.vidu-dashboard-offer-section-row span b {
  color: rgba(255,255,255,0.80);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-list li.vidu-dashboard-offer-section-row span small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(255,255,255,0.46);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-list li em,
#vidu-pipeline-dashboard .vidu-dashboard-detail-list li small,
#vidu-pipeline-dashboard .vidu-dashboard-detail-panel span b {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 2px 6px;
  background: rgba(139,92,246,0.12);
  color: rgba(221,214,254,0.88);
  font-size: 10px;
  font-style: normal;
  font-weight: 760;
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-list li.vidu-dashboard-offer-section-row span small {
  flex: initial;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(255,255,255,0.46);
  font-size: 11px;
  font-weight: 560;
}

#vidu-pipeline-dashboard .vidu-dashboard-detail-link {
  display: inline-flex;
  margin-top: 9px;
  color: rgba(147,197,253,0.92);
  font-size: 12px;
  font-weight: 720;
  text-decoration: none;
}

#vidu-pipeline-dashboard .vidu-dashboard-quick-link-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
  margin-top: 10px;
}

#vidu-pipeline-dashboard .vidu-dashboard-quick-link-grid a,
#vidu-pipeline-dashboard .vidu-dashboard-quick-link-grid span {
  min-height: 28px;
  display: flex;
  align-items: center;
  padding: 0 9px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.028);
  color: rgba(255,255,255,0.72);
  font-size: 12px;
  font-weight: 680;
  text-decoration: none;
}

#vidu-pipeline-dashboard .vidu-dashboard-quick-link-grid a {
  color: rgba(147,197,253,0.94);
}

@keyframes viduDashboardSkeleton {
  to { transform: translateX(100%); }
}

#vidu-pipeline-dashboard .vidu-pipeline-card-archive,
#vidu-pipeline-dashboard .vidu-board-card-archive {
  display: none !important;
}

/* Elena light theme */
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-operator,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-operator {
  --elena-presence-a: rgba(15, 23, 42, .18);
  --elena-presence-b: rgba(71, 85, 105, .14);
  --elena-presence-c: rgba(148, 163, 184, .16);
  --elena-glow-rgb: 15, 23, 42;
  --elena-glow-opacity: .05;
  --elena-orb-a: rgba(255, 255, 255, .98);
  --elena-orb-b: rgba(226, 232, 240, .92);
  --elena-orb-life: .04;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-launcher,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-launcher {
  border: 1px solid rgba(15, 23, 42, .12);
  background:
    radial-gradient(circle at 18% 24%, rgba(255, 255, 255, .76), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .94));
  color: rgba(15, 23, 42, .88);
  box-shadow:
    0 16px 38px rgba(15, 23, 42, .13),
    inset 0 1px 0 rgba(255, 255, 255, .88),
    inset 0 0 0 1px rgba(255, 255, 255, .70);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-launcher::before,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-launcher::before {
  background:
    linear-gradient(120deg, rgba(255, 255, 255, .72), rgba(15, 23, 42, .12), rgba(148, 163, 184, .18), rgba(255, 255, 255, .68));
  opacity: .92;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-launcher::after,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-launcher::after {
  background: radial-gradient(ellipse at 50% 50%, rgba(15, 23, 42, .10), transparent 64%);
  opacity: .20;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-launcher > span:not(.vidu-ai-launcher-orb),
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-launcher > span:not(.vidu-ai-launcher-orb) {
  color: rgba(15, 23, 42, .88);
  text-shadow: none;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-launcher:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-launcher:focus-visible,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-launcher:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-launcher:focus-visible {
  box-shadow:
    0 19px 44px rgba(15, 23, 42, .16),
    inset 0 1px 0 rgba(255, 255, 255, .94),
    inset 0 0 0 1px rgba(15, 23, 42, .08);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-launcher-orb,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-launcher-orb {
  background:
    radial-gradient(circle at 36% 24%, rgba(255, 255, 255, .94), transparent 34%),
    linear-gradient(145deg, var(--elena-orb-a), var(--elena-orb-b));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    inset 0 -12px 20px rgba(15, 23, 42, .06),
    inset 0 0 0 1px rgba(15, 23, 42, .11),
    0 7px 16px rgba(15, 23, 42, .08);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-launcher-orb svg,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-launcher-orb svg {
  color: rgba(15, 23, 42, .76);
  filter: none;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-panel,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-panel {
  border-color: rgba(15, 23, 42, .12);
  background:
    radial-gradient(circle at 24% 0%, rgba(255, 255, 255, .82), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 249, 251, .97));
  box-shadow:
    0 28px 74px rgba(15, 23, 42, .17),
    inset 0 1px 0 rgba(255, 255, 255, .86);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-panel-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-panel-head,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-composer,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-composer {
  border-color: rgba(15, 23, 42, .10);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-panel-head strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-panel-head strong,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-summary strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-summary strong {
  color: rgba(15, 23, 42, .92);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-panel-head span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-message span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-card header > span:not(.vidu-ai-action-icon),
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-details-toggle,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-panel-head span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-message span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-card header > span:not(.vidu-ai-action-icon),
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-details-toggle {
  color: rgba(51, 65, 85, .78) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-context,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-context {
  color: rgba(51, 65, 85, .64);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-context span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-context span {
  color: rgba(15, 23, 42, .82);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-context em,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-context em {
  color: rgba(51, 65, 85, .72);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-close,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-close,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-mic,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-mic {
  border-color: rgba(15, 23, 42, .12);
  background: rgba(255, 255, 255, .78);
  color: rgba(51, 65, 85, .72);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-close:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-close:hover {
  background: rgba(241, 245, 249, .96);
  color: rgba(15, 23, 42, .92);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-message,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-message {
  border-color: rgba(15, 23, 42, .10);
  background: rgba(255, 255, 255, .78);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-message.is-user,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-message.is-user {
  background: linear-gradient(135deg, rgba(15, 23, 42, .88), rgba(51, 65, 85, .82));
  border-color: rgba(15, 23, 42, .18);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-message p,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-message p,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-card dd,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-card dd {
  color: rgba(15, 23, 42, .84);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-message.is-user p,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-message.is-user p {
  color: rgba(255, 255, 255, .94);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-message.is-user span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-message.is-user span {
  color: rgba(255, 255, 255, .72) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-card {
  border-color: rgba(15, 23, 42, .11);
  background:
    radial-gradient(circle at 0% 0%, rgba(255, 255, 255, .78), transparent 38%),
    rgba(255, 255, 255, .74);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-icon,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-icon,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-fields span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-fields span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-prompts button,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-prompts button {
  border-color: rgba(15, 23, 42, .12);
  background: rgba(248, 250, 252, .88);
  color: rgba(30, 41, 59, .82);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-summary p,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-card p,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-card small,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-card dt,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-summary p,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-card p,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-card small,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-card dt {
  color: rgba(71, 85, 105, .76);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-card header b,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-card dl div,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-card button,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-card header b,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-card dl div,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-card button {
  border-color: rgba(15, 23, 42, .10);
  background: rgba(255, 255, 255, .72);
  color: rgba(51, 65, 85, .80);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-card footer button:first-child,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-send,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-card footer button:first-child,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-send {
  border: 1px solid rgba(15, 23, 42, .18);
  background: linear-gradient(135deg, rgba(15, 23, 42, .94), rgba(51, 65, 85, .92));
  color: rgba(255, 255, 255, .96);
  box-shadow: 0 10px 22px rgba(15, 23, 42, .12);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-card button:hover:not(:disabled),
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-prompts button:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-card button:hover:not(:disabled),
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-prompts button:hover {
  border-color: rgba(15, 23, 42, .18);
  background: rgba(241, 245, 249, .96);
  color: rgba(15, 23, 42, .92);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-card footer button:first-child:hover:not(:disabled),
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-card footer button:first-child:hover:not(:disabled) {
  background: linear-gradient(135deg, rgba(2, 6, 23, .96), rgba(30, 41, 59, .94));
  color: #fff;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-missing,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-missing {
  border-color: rgba(180, 83, 9, .18);
  background: rgba(254, 243, 199, .62);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-missing > strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-missing > strong {
  color: rgba(146, 64, 14, .90);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-action-missing ul,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-action-missing ul {
  color: rgba(92, 55, 20, .82);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-composer textarea,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-composer textarea {
  border-color: rgba(15, 23, 42, .12);
  background: rgba(255, 255, 255, .88);
  color: rgba(15, 23, 42, .90);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-composer textarea::placeholder,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-composer textarea::placeholder {
  color: rgba(71, 85, 105, .48);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-ai-composer textarea:focus,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-ai-composer textarea:focus {
  border-color: rgba(15, 23, 42, .22);
  box-shadow: 0 0 0 3px rgba(15, 23, 42, .07);
}

[data-vidu-theme="light"] .vidu-elena-control-modal-shell .vidu-app-modal-dialog,
.vidu-app-modal[data-vidu-theme="light"].vidu-elena-control-modal-shell .vidu-app-modal-dialog {
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 249, 251, .97));
  border-color: rgba(15, 23, 42, .12);
  box-shadow: 0 30px 90px rgba(15, 23, 42, .18);
}

[data-vidu-theme="light"] .vidu-elena-control-modal-shell .vidu-app-modal-body,
.vidu-app-modal[data-vidu-theme="light"].vidu-elena-control-modal-shell .vidu-app-modal-body {
  background: transparent;
  color: rgba(15, 23, 42, .88);
}

[data-vidu-theme="light"] .vidu-elena-hero,
[data-vidu-theme="light"] .vidu-elena-card,
[data-vidu-theme="light"] .vidu-elena-section,
[data-vidu-theme="light"] .vidu-elena-actions,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-hero,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-card,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-section,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-actions {
  border-color: rgba(15, 23, 42, .11);
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, .78), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(248, 250, 252, .82));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .82),
    0 10px 30px rgba(15, 23, 42, .06);
}

[data-vidu-theme="light"] .vidu-elena-hero span,
[data-vidu-theme="light"] .vidu-elena-section-head span,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-hero span,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-section-head span {
  color: rgba(51, 65, 85, .68);
}

[data-vidu-theme="light"] .vidu-elena-hero h3,
[data-vidu-theme="light"] .vidu-elena-section-head strong,
[data-vidu-theme="light"] .vidu-elena-card-head strong,
[data-vidu-theme="light"] .vidu-elena-capability-card strong,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-hero h3,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-section-head strong,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-card-head strong,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-capability-card strong {
  color: rgba(15, 23, 42, .92);
}

[data-vidu-theme="light"] .vidu-elena-hero p,
[data-vidu-theme="light"] .vidu-elena-card p,
[data-vidu-theme="light"] .vidu-elena-capability-card p,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-hero p,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-card p,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-capability-card p {
  color: rgba(51, 65, 85, .72);
}

[data-vidu-theme="light"] .vidu-elena-presence-preview,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-presence-preview {
  border-color: rgba(15, 23, 42, .14);
  background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(241, 245, 249, .90));
  box-shadow: 0 12px 26px rgba(15, 23, 42, .08);
}

[data-vidu-theme="light"] .vidu-elena-presence-preview i,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-presence-preview i {
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 255, 255, .92), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(226, 232, 240, .92));
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .12), 0 8px 18px rgba(15, 23, 42, .08);
}

[data-vidu-theme="light"] .vidu-elena-presence-preview strong,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-presence-preview strong {
  color: rgba(15, 23, 42, .88);
}

[data-vidu-theme="light"] .vidu-elena-card-head span,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-card-head span {
  background: rgba(15, 23, 42, .06);
  color: rgba(51, 65, 85, .76);
}

[data-vidu-theme="light"] .vidu-elena-status-list div,
[data-vidu-theme="light"] .vidu-elena-token-list div,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-status-list div,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-token-list div {
  border-bottom-color: rgba(15, 23, 42, .09);
}

[data-vidu-theme="light"] .vidu-elena-status-list dt,
[data-vidu-theme="light"] .vidu-elena-token-list span,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-status-list dt,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-token-list span {
  color: rgba(51, 65, 85, .68);
}

[data-vidu-theme="light"] .vidu-elena-status-list dd,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-status-list dd {
  color: rgba(15, 23, 42, .84);
}

[data-vidu-theme="light"] .vidu-elena-status-badge,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-status-badge {
  border-color: rgba(15, 23, 42, .11);
  background: rgba(248, 250, 252, .86);
  color: rgba(51, 65, 85, .78);
}

[data-vidu-theme="light"] .vidu-elena-status-badge.is-available,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-status-badge.is-available {
  border-color: rgba(22, 163, 74, .18);
  background: rgba(220, 252, 231, .66);
  color: rgba(21, 128, 61, .86);
}

[data-vidu-theme="light"] .vidu-elena-status-badge.is-prepared,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-status-badge.is-prepared {
  border-color: rgba(51, 65, 85, .16);
  background: rgba(241, 245, 249, .90);
  color: rgba(30, 41, 59, .82);
}

[data-vidu-theme="light"] .vidu-elena-capability-card,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-capability-card {
  border-color: rgba(15, 23, 42, .10);
  background: rgba(255, 255, 255, .70);
}

[data-vidu-theme="light"] .vidu-elena-capability-card button,
[data-vidu-theme="light"] .vidu-elena-actions button,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-capability-card button,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-actions button {
  border-color: rgba(15, 23, 42, .12);
  background: rgba(255, 255, 255, .78);
  color: rgba(30, 41, 59, .82);
}

[data-vidu-theme="light"] .vidu-elena-capability-card button:disabled,
[data-vidu-theme="light"] .vidu-elena-actions button:disabled,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-capability-card button:disabled,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-actions button:disabled {
  border-color: rgba(15, 23, 42, .08);
  background: rgba(241, 245, 249, .64);
  color: rgba(71, 85, 105, .54);
}

[data-vidu-theme="light"] .vidu-elena-checklist div,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-checklist div {
  color: rgba(51, 65, 85, .76);
}

[data-vidu-theme="light"] .vidu-elena-checklist span,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-checklist span {
  color: rgba(30, 41, 59, .78);
}

[data-vidu-theme="light"] .vidu-elena-checklist .is-ready span,
.vidu-app-modal[data-vidu-theme="light"] .vidu-elena-checklist .is-ready span {
  color: rgba(21, 128, 61, .84);
}


/* Elena global layer mirrored styles */
#vidu-elena-global-layer {
  position: fixed;
  inset: 0;
  z-index: 2147483600;
  pointer-events: none;
}

#vidu-elena-global-layer .vidu-ai-operator,
#vidu-elena-global-layer .vidu-ai-panel,
#vidu-elena-global-layer .vidu-ai-launcher {
  pointer-events: auto;
}

/* =========================
   VIDU AI OPERATING ASSISTANT
   ========================= */

#vidu-elena-global-layer .vidu-ai-operator {
  position: relative;
  z-index: 2147483000;
  pointer-events: none;
  --elena-presence-a: rgba(154, 84, 255, .76);
  --elena-presence-b: rgba(104, 94, 244, .66);
  --elena-presence-c: rgba(82, 132, 255, .54);
  --elena-glow-rgb: 109, 93, 252;
  --elena-glow-opacity: .16;
  --elena-orb-a: rgba(58, 45, 108, .82);
  --elena-orb-b: rgba(16, 21, 40, .88);
  --elena-orb-life: .08;
}

#vidu-elena-global-layer .vidu-ai-operator[data-presence-state="suggestion"] {
  --elena-presence-a: rgba(176, 96, 255, .78);
  --elena-presence-b: rgba(132, 80, 255, .64);
  --elena-presence-c: rgba(196, 92, 232, .48);
  --elena-glow-rgb: 151, 71, 255;
  --elena-glow-opacity: .20;
  --elena-orb-a: rgba(67, 42, 120, .84);
  --elena-orb-b: rgba(20, 18, 48, .88);
  --elena-orb-life: .10;
}

#vidu-elena-global-layer .vidu-ai-operator[data-presence-state="approval"] {
  --elena-presence-a: rgba(72, 190, 222, .68);
  --elena-presence-b: rgba(80, 122, 236, .62);
  --elena-presence-c: rgba(132, 80, 255, .46);
  --elena-glow-rgb: 45, 212, 191;
  --elena-glow-opacity: .21;
  --elena-orb-a: rgba(34, 70, 98, .80);
  --elena-orb-b: rgba(18, 26, 54, .88);
  --elena-orb-life: .11;
}

#vidu-elena-global-layer .vidu-ai-operator[data-presence-state="attention"] {
  --elena-presence-a: rgba(238, 156, 36, .62);
  --elena-presence-b: rgba(174, 88, 178, .52);
  --elena-presence-c: rgba(92, 108, 230, .42);
  --elena-glow-rgb: 245, 158, 11;
  --elena-glow-opacity: .18;
  --elena-orb-a: rgba(82, 57, 36, .80);
  --elena-orb-b: rgba(28, 24, 52, .88);
  --elena-orb-life: .10;
}

#vidu-elena-global-layer .vidu-ai-operator[data-presence-state="listening"] {
  --elena-presence-a: rgba(70, 178, 224, .70);
  --elena-presence-b: rgba(64, 204, 194, .54);
  --elena-presence-c: rgba(116, 94, 244, .46);
  --elena-glow-rgb: 56, 189, 248;
  --elena-glow-opacity: .22;
  --elena-orb-a: rgba(32, 72, 104, .82);
  --elena-orb-b: rgba(16, 36, 58, .88);
  --elena-orb-life: .12;
}

#vidu-elena-global-layer .vidu-ai-launcher,
#vidu-elena-global-layer .vidu-ai-panel {
  pointer-events: auto;
}

#vidu-elena-global-layer .vidu-ai-launcher {
  position: fixed;
  right: clamp(18px, 3vw, 34px);
  bottom: clamp(18px, 3vw, 34px);
  z-index: 2147483000;
  width: fit-content;
  min-width: 0;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 6px 15px 6px 7px;
  border: 0;
  border-radius: 999px;
  background:
    radial-gradient(circle at 18% 24%, rgba(132, 80, 255, .11), transparent 35%),
    linear-gradient(180deg, rgba(16, 18, 29, .92), rgba(7, 9, 15, .96));
  color: rgba(245, 245, 255, .92);
  font: inherit;
  font-size: 13px;
  font-weight: 690;
  letter-spacing: .01em;
  box-shadow:
    0 15px 34px rgba(0, 0, 0, .36),
    0 0 20px rgba(var(--elena-glow-rgb), var(--elena-glow-opacity)),
    inset 0 1px 0 rgba(255, 255, 255, .052),
    inset 0 0 0 1px rgba(132, 110, 255, .075);
  cursor: pointer;
  backdrop-filter: blur(18px);
  isolation: isolate;
  animation: elena-presence-breathe 12s ease-in-out infinite;
  transform-origin: center;
  transition: opacity .18s ease, transform .18s ease, box-shadow .18s ease;
}

#vidu-elena-global-layer .vidu-ai-launcher::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.35px;
  border-radius: inherit;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, .10), var(--elena-presence-a), var(--elena-presence-b), var(--elena-presence-c), rgba(255, 255, 255, .08), var(--elena-presence-a));
  background-size: 260% 260%;
  background-position: 0% 50%;
  opacity: .88;
  pointer-events: none;
  z-index: 0;
  will-change: background-position;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: elena-border-flow 22s ease-in-out infinite;
}

#vidu-elena-global-layer .vidu-ai-launcher::after {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: inherit;
  background: radial-gradient(ellipse at 50% 50%, rgba(var(--elena-glow-rgb), .18), transparent 64%);
  opacity: .34;
  filter: blur(18px);
  pointer-events: none;
  z-index: -1;
  animation: elena-edge-glow 12s ease-in-out infinite;
}

#vidu-elena-global-layer .vidu-ai-launcher > span {
  position: relative;
  z-index: 1;
}

#vidu-elena-global-layer .vidu-ai-launcher > span:not(.vidu-ai-launcher-orb) {
  color: rgba(245, 245, 255, .92);
  text-shadow: 0 1px 12px rgba(255, 255, 255, .08);
}

#vidu-elena-global-layer .vidu-ai-launcher.is-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px) scale(.96);
}

#vidu-elena-global-layer .vidu-ai-launcher:hover,
#vidu-elena-global-layer .vidu-ai-launcher:focus-visible {
  transform: translateY(-2px);
  box-shadow:
    0 17px 38px rgba(0, 0, 0, .39),
    0 0 24px rgba(var(--elena-glow-rgb), calc(var(--elena-glow-opacity) + .04)),
    inset 0 1px 0 rgba(255, 255, 255, .065),
    inset 0 0 0 1px rgba(132, 110, 255, .10);
  outline: none;
}

#vidu-elena-global-layer .vidu-ai-launcher:hover::before,
#vidu-elena-global-layer .vidu-ai-launcher:focus-visible::before {
  opacity: .95;
  animation-duration: 18s;
}

#vidu-elena-global-layer .vidu-ai-launcher-orb {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background:
    radial-gradient(circle at 36% 24%, rgba(255, 255, 255, .115), transparent 32%),
    radial-gradient(circle at 44% 42%, rgba(132, 80, 255, .20), transparent 48%),
    linear-gradient(145deg, var(--elena-orb-a), var(--elena-orb-b));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .105),
    inset 0 -13px 24px rgba(0, 0, 0, .20),
    inset 0 0 0 1px rgba(148, 130, 255, .11),
    0 0 12px rgba(var(--elena-glow-rgb), .14);
  animation: elena-icon-life 22s ease-in-out infinite;
}

#vidu-elena-global-layer .vidu-ai-operator[data-presence-state="listening"] .vidu-ai-launcher::after {
  content: "";
  position: absolute;
  inset: -12px;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: inherit;
  background: radial-gradient(ellipse at 50% 50%, rgba(125, 211, 252, .14), transparent 62%);
  opacity: .48;
  filter: blur(12px);
  pointer-events: none;
  z-index: -1;
  animation: elena-listening-field 7s ease-in-out infinite;
}

#vidu-elena-global-layer .vidu-ai-launcher svg,
#vidu-elena-global-layer .vidu-ai-mic svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
}

#vidu-elena-global-layer .vidu-ai-launcher-orb svg {
  width: 19px;
  height: 19px;
  color: rgba(248, 250, 255, .84);
  filter: drop-shadow(0 0 5px rgba(255, 255, 255, .10));
}

#vidu-elena-global-layer .vidu-ai-panel {
  position: fixed;
  right: clamp(18px, 3vw, 34px);
  bottom: clamp(18px, 3vw, 34px);
  z-index: 2147483000;
  width: min(760px, calc(100vw - 28px));
  height: auto;
  max-width: calc(100vw - 48px);
  max-height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .095);
  border-radius: 26px;
  background:
    radial-gradient(circle at 24% 0%, rgba(109, 93, 252, .13), transparent 38%),
    linear-gradient(180deg, rgba(18, 22, 34, .96), rgba(8, 11, 18, .94));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .44), 0 0 34px rgba(56, 189, 248, .09);
  backdrop-filter: blur(24px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(16px) scale(.96);
  filter: blur(4px);
  transform-origin: right bottom;
  transition:
    opacity .26s cubic-bezier(.22, 1, .36, 1),
    transform .26s cubic-bezier(.22, 1, .36, 1),
    filter .26s cubic-bezier(.22, 1, .36, 1);
}

#vidu-elena-global-layer .vidu-ai-panel.is-compact {
  width: min(360px, calc(100vw - 28px));
}

#vidu-elena-global-layer .vidu-ai-panel.has-living-object {
  width: min(1040px, calc(100vw - 28px));
}

@media (min-width: 768px) {
  #vidu-elena-global-layer .vidu-ai-panel {
    min-width: 520px;
    min-height: 0;
  }

  #vidu-elena-global-layer .vidu-ai-panel.has-living-object {
    min-width: min(920px, calc(100vw - 48px));
  }
}

#vidu-elena-global-layer .vidu-ai-panel.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

#vidu-elena-global-layer .vidu-ai-panel[data-operations-view="operations"] {
  height: min(760px, calc(100vh - 48px));
}

#vidu-elena-global-layer .vidu-ai-panel.is-closing {
  opacity: 0;
  transform: translateY(16px) scale(.96);
  filter: blur(4px);
}

#vidu-elena-global-layer .vidu-ai-panel[hidden] {
  display: none !important;
}

body.is-resizing-elena {
  cursor: nwse-resize;
  user-select: none;
}

body.is-resizing-elena * {
  user-select: none !important;
}

#vidu-elena-global-layer .vidu-elena-resize-handle {
  position: absolute;
  z-index: 4;
  display: block;
  opacity: 0;
  border-radius: 999px;
  background: transparent;
  pointer-events: auto;
  touch-action: none;
  transition: opacity .16s ease, box-shadow .16s ease, background .16s ease;
}

#vidu-elena-global-layer .vidu-elena-resize-handle:hover,
#vidu-elena-global-layer .vidu-elena-resize-handle.is-active {
  opacity: 1;
  background: rgba(92, 200, 255, .12);
  box-shadow: 0 0 18px rgba(92, 200, 255, .14);
}

#vidu-elena-global-layer .vidu-elena-resize-handle-left {
  left: -5px;
  top: 16px;
  bottom: 16px;
  width: 10px;
  cursor: ew-resize;
}

#vidu-elena-global-layer .vidu-elena-resize-handle-top {
  top: -5px;
  left: 16px;
  right: 16px;
  height: 10px;
  cursor: ns-resize;
}

#vidu-elena-global-layer .vidu-elena-resize-handle-top-left {
  top: -7px;
  left: -7px;
  width: 18px;
  height: 18px;
  cursor: nwse-resize;
}

#vidu-elena-global-layer .vidu-ai-panel-head {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 15px 12px 17px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}

#vidu-elena-global-layer .vidu-ai-panel-head > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#vidu-elena-global-layer .vidu-elena-header-actions {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  white-space: nowrap;
}

#vidu-elena-global-layer .vidu-elena-icon-btn {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  color: rgba(226, 232, 240, .78);
  font: inherit;
  line-height: 1;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

#vidu-elena-global-layer .vidu-elena-icon-btn svg {
  width: 20px;
  height: 20px;
  display: block;
  stroke: currentColor;
}

#vidu-elena-global-layer .vidu-elena-icon-btn:hover,
#vidu-elena-global-layer .vidu-elena-icon-btn:focus-visible {
  border-color: rgba(125, 211, 252, .22);
  background: rgba(125, 211, 252, .08);
  color: rgba(248, 250, 252, .94);
}

#vidu-elena-global-layer .vidu-elena-icon-btn.is-active,
#vidu-elena-global-layer .vidu-elena-icon-btn[aria-expanded="true"] {
  border-color: rgba(125, 211, 252, .30);
  background: rgba(125, 211, 252, .105);
  color: rgba(248, 250, 252, .96);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .055);
}

@media (max-width: 767px) {
  #vidu-elena-global-layer .vidu-elena-header-actions {
    gap: 6px;
  }

  #vidu-elena-global-layer .vidu-elena-icon-btn {
    width: 40px;
    height: 40px;
  }

  #vidu-elena-global-layer .vidu-elena-icon-btn[data-vidu-ai-reset-size] {
    display: none;
  }

  #vidu-elena-global-layer .vidu-ai-panel {
    width: min(430px, calc(100vw - 24px));
    height: min(78vh, 720px);
    max-height: min(78vh, 720px);
  }

  #vidu-elena-global-layer .vidu-elena-resize-handle {
    display: none;
  }
}

#vidu-elena-global-layer .vidu-ai-panel-head strong {
  color: rgba(248, 250, 252, .96);
  font-size: 15px;
  font-weight: 880;
}

#vidu-elena-global-layer .vidu-ai-panel-head span {
  color: rgba(125, 211, 252, .74);
  font-size: 10px;
  font-weight: 760;
}

#vidu-elena-global-layer .vidu-operations-shell-tabs {
  flex: 0 0 auto;
  display: inline-flex;
  gap: 4px;
  margin: 10px 14px 8px;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
  align-self: flex-start;
}

#vidu-elena-global-layer .vidu-operations-shell-tabs button {
  min-height: 30px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(148, 163, 184, .86);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 820;
  padding: 0 12px;
}

#vidu-elena-global-layer .vidu-operations-shell-tabs button.is-active {
  background: rgba(248, 250, 252, .10);
  color: rgba(248, 250, 252, .95);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

#vidu-elena-global-layer .vidu-operations-shell-panel {
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#vidu-elena-global-layer .vidu-operations-shell-panel[hidden] {
  display: none !important;
}

#vidu-elena-global-layer [data-vidu-operations-root] {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 14px 14px 14px;
}

#vidu-elena-global-layer .vidu-operations-center {
  display: grid;
  gap: 12px;
}

#vidu-elena-global-layer .vidu-operations-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

#vidu-elena-global-layer .vidu-operations-hero > div:first-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

#vidu-elena-global-layer .vidu-operations-hero > div:last-child {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 7px;
}

#vidu-elena-global-layer .vidu-operations-hero span,
#vidu-elena-global-layer .vidu-operations-section-head span {
  display: block;
  color: rgba(125, 211, 252, .72);
  font-size: 10px;
  font-weight: 860;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-elena-global-layer .vidu-operations-hero strong,
#vidu-elena-global-layer .vidu-operations-section-head strong {
  display: block;
  margin-top: 4px;
  color: rgba(248, 250, 252, .95);
  font-size: 18px;
  line-height: 1.15;
}

#vidu-elena-global-layer .vidu-operations-hero p {
  max-width: 560px;
  margin: 0;
  color: rgba(203, 213, 225, .74);
  font-size: 12px;
  line-height: 1.45;
}

#vidu-elena-global-layer .vidu-operations-hero button {
  flex: 0 0 auto;
  min-height: 32px;
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 999px;
  background: rgba(14, 165, 233, .08);
  color: rgba(224, 242, 254, .92);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 820;
  padding: 0 12px;
}

#vidu-elena-global-layer .vidu-operations-hero button[data-vidu-operations-refresh] {
  border-color: rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .045);
  color: rgba(226, 232, 240, .82);
}

#vidu-elena-global-layer .vidu-operations-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

#vidu-elena-global-layer .vidu-operations-summary button {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 12px;
  background: rgba(255, 255, 255, .035);
  color: rgba(226, 232, 240, .88);
  cursor: pointer;
  text-align: left;
}

#vidu-elena-global-layer .vidu-operations-summary button:hover {
  border-color: rgba(125, 211, 252, .24);
  background: rgba(14, 165, 233, .08);
}

#vidu-elena-global-layer .vidu-operations-summary span {
  overflow: hidden;
  color: rgba(148, 163, 184, .78);
  font-size: 10px;
  font-weight: 780;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-elena-global-layer .vidu-operations-summary strong {
  color: rgba(248, 250, 252, .96);
  font-size: 18px;
  line-height: 1;
}

#vidu-elena-global-layer .vidu-operations-focus {
  display: grid;
  gap: 9px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 16px;
  background: rgba(255, 255, 255, .03);
}

#vidu-elena-global-layer .vidu-operations-focus > div:not(.vidu-operations-section-head) {
  display: grid;
  gap: 7px;
}

#vidu-elena-global-layer .vidu-operations-focus button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 9px;
  align-items: center;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 10px;
  background: rgba(7, 10, 18, .34);
  color: rgba(226, 232, 240, .88);
  cursor: pointer;
  text-align: left;
}

#vidu-elena-global-layer .vidu-operations-focus button:hover {
  border-color: rgba(125, 211, 252, .20);
  background: rgba(14, 165, 233, .065);
}

#vidu-elena-global-layer .vidu-operations-focus b {
  grid-row: span 2;
  min-height: 23px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: rgba(125, 211, 252, .08);
  color: rgba(186, 230, 253, .92);
  font-size: 9px;
  padding: 0 7px;
  text-transform: uppercase;
}

#vidu-elena-global-layer .vidu-operations-focus span {
  min-width: 0;
  overflow: hidden;
  color: rgba(248, 250, 252, .9);
  font-size: 12px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-elena-global-layer .vidu-operations-focus small,
#vidu-elena-global-layer .vidu-operations-focus p,
#vidu-elena-global-layer .vidu-operations-loading span {
  margin: 0;
  color: rgba(148, 163, 184, .78);
  font-size: 11px;
  line-height: 1.4;
}

#vidu-elena-global-layer .vidu-operations-loading {
  display: grid;
  gap: 7px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

#vidu-elena-global-layer .vidu-operations-loading div {
  display: grid;
  gap: 7px;
  margin-top: 4px;
}

#vidu-elena-global-layer .vidu-operations-loading i {
  height: 34px;
  display: block;
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(255,255,255,.045), rgba(125,211,252,.08), rgba(255,255,255,.045));
  background-size: 220% 100%;
  animation: viduOperationsSkeleton 1.1s ease-in-out infinite;
}

#vidu-elena-global-layer .vidu-operations-loading i:nth-child(2) {
  width: 86%;
}

#vidu-elena-global-layer .vidu-operations-loading i:nth-child(3) {
  width: 72%;
}

@keyframes viduOperationsSkeleton {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

#vidu-elena-global-layer .vidu-operations-loading strong {
  color: rgba(248, 250, 252, .92);
  font-size: 13px;
}

#vidu-elena-global-layer .vidu-operations-loading.is-error {
  border-color: rgba(248, 113, 113, .18);
  background: rgba(127, 29, 29, .12);
}

#vidu-elena-global-layer .vidu-operations-center .vidu-dwf-operations-feed {
  margin-top: 2px;
}

#vidu-elena-global-layer .vidu-operations-center .vidu-dwf-operations-head {
  display: none;
}

#vidu-elena-global-layer .vidu-operations-center .vidu-dwf-operation-card {
  border-radius: 12px;
}

#vidu-elena-global-layer .vidu-ai-context {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  margin: 8px 14px 0;
  color: rgba(148, 163, 184, .76);
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
}

#vidu-elena-global-layer .vidu-ai-context[hidden],
#vidu-pipeline-dashboard .vidu-ai-context[hidden] {
  display: none !important;
}

#vidu-elena-global-layer .vidu-ai-context span,
#vidu-elena-global-layer .vidu-ai-context i,
#vidu-elena-global-layer .vidu-ai-context em {
  min-width: 0;
  display: inline-block;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

#vidu-elena-global-layer .vidu-ai-context span {
  color: rgba(226, 232, 240, .88);
  font-weight: 760;
}

#vidu-elena-global-layer .vidu-ai-context i::before,
#vidu-elena-global-layer .vidu-ai-context em::before {
  content: "·";
  margin-right: 6px;
  color: rgba(148, 163, 184, .46);
}

#vidu-elena-global-layer .vidu-ai-context em {
  max-width: 110px;
  color: rgba(125, 211, 252, .78);
}

#vidu-elena-global-layer .vidu-ai-target-agent {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
  margin: 12px 14px 0;
  padding: 9px 10px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 14px;
  background: rgba(15, 23, 42, .46);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

#vidu-elena-global-layer .vidu-ai-context + .vidu-ai-target-agent {
  margin-top: 12px;
}

#vidu-elena-global-layer .vidu-ai-target-agent[hidden] {
  display: none !important;
}

#vidu-elena-global-layer .vidu-ai-target-agent-avatar {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(15, 23, 42, .72);
  color: rgba(226, 232, 240, .88);
  font-size: 11px;
  font-weight: 800;
}

#vidu-elena-global-layer .vidu-ai-target-agent-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#vidu-elena-global-layer .vidu-ai-target-agent-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

#vidu-elena-global-layer .vidu-ai-target-agent-copy strong,
#vidu-elena-global-layer .vidu-ai-target-agent-copy small,
#vidu-elena-global-layer .vidu-ai-target-agent-copy em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
}

#vidu-elena-global-layer .vidu-ai-target-agent-copy strong {
  color: rgba(248, 250, 252, .92);
  font-size: 13px;
  font-weight: 760;
}

#vidu-elena-global-layer .vidu-ai-target-agent-copy small {
  color: rgba(148, 163, 184, .78);
  font-size: 11px;
}

#vidu-elena-global-layer .vidu-ai-target-agent-copy em {
  color: rgba(125, 211, 252, .78);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .02em;
  text-transform: uppercase;
}

#vidu-elena-global-layer .vidu-ai-capabilities {
  display: none;
}

#vidu-elena-global-layer .vidu-ai-capabilities div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

#vidu-elena-global-layer .vidu-ai-capabilities b,
#vidu-elena-global-layer .vidu-ai-capabilities i {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  font-size: 10px;
  font-style: normal;
  font-weight: 780;
}

#vidu-elena-global-layer .vidu-ai-capabilities b {
  border: 1px solid rgba(125, 211, 252, .14);
  background: rgba(125, 211, 252, .055);
  color: rgba(226, 232, 240, .90);
}

#vidu-elena-global-layer .vidu-ai-capabilities i {
  border: 1px solid rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .035);
  color: rgba(148, 163, 184, .78);
}

#vidu-elena-global-layer .vidu-ai-close:hover {
  background: rgba(255, 255, 255, .10);
  color: #fff;
}

#vidu-elena-global-layer .vidu-ai-history-panel {
  flex: 0 0 auto;
  margin: 10px 14px 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 18px;
  background: rgba(7, 10, 18, .70);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

#vidu-elena-global-layer .vidu-ai-history-panel[hidden] {
  display: none !important;
}

#vidu-elena-global-layer .vidu-ai-history-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

#vidu-elena-global-layer .vidu-ai-history-head strong {
  color: rgba(248, 250, 252, .94);
  font-size: 12px;
  font-weight: 860;
}

#vidu-elena-global-layer .vidu-ai-history-head span {
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  font-weight: 720;
}

#vidu-elena-global-layer .vidu-ai-history-list {
  max-height: 176px;
  display: grid;
  gap: 7px;
  overflow-y: auto;
}

#vidu-elena-global-layer .vidu-ai-history-item {
  width: 100%;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 14px;
  background: rgba(255, 255, 255, .035);
  color: rgba(226, 232, 240, .84);
  padding: 8px 10px;
  text-align: left;
  cursor: pointer;
}

#vidu-elena-global-layer .vidu-ai-history-item:hover,
#vidu-elena-global-layer .vidu-ai-history-item.is-active {
  border-color: rgba(125, 211, 252, .22);
  background: rgba(125, 211, 252, .075);
}

#vidu-elena-global-layer .vidu-ai-history-item span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

#vidu-elena-global-layer .vidu-ai-history-item strong {
  min-width: 0;
  overflow: hidden;
  color: rgba(248, 250, 252, .90);
  font-size: 12px;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-elena-global-layer .vidu-ai-history-item small,
#vidu-elena-global-layer .vidu-ai-history-empty {
  color: rgba(148, 163, 184, .74);
  font-size: 10px;
  font-weight: 680;
}

#vidu-elena-global-layer .vidu-ai-history-empty {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 11px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .03);
}

#vidu-elena-global-layer .vidu-ai-history-empty strong {
  color: rgba(226, 232, 240, .86);
  font-size: 12px;
}

#vidu-elena-global-layer .vidu-ai-thread {
  min-height: 0;
  flex: 1 1 auto;
  display: grid;
  align-content: start;
  gap: 11px;
  padding: 14px;
  overflow-y: auto;
}

#vidu-elena-global-layer .vidu-ai-conversation-workspace {
  min-height: 0;
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  overflow: hidden;
}

#vidu-elena-global-layer .vidu-ai-conversation-column {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#vidu-elena-global-layer .vidu-ai-conversation-workspace[data-living-object-active="true"] {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  padding-right: 12px;
}

#vidu-elena-global-layer .vidu-living-object-panel {
  min-width: 0;
  min-height: 0;
  display: none;
  flex-direction: column;
  align-self: stretch;
  margin: 12px 0 0;
  overflow: hidden;
  border: 1px solid rgba(125, 211, 252, .16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(125, 211, 252, .10), transparent 36%),
    rgba(7, 10, 18, .54);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

#vidu-elena-global-layer .vidu-living-object-panel.is-open {
  display: flex;
}

#vidu-elena-global-layer .vidu-living-object-renderer {
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#vidu-elena-global-layer .vidu-living-object-head {
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}

#vidu-elena-global-layer .vidu-living-object-head div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

#vidu-elena-global-layer .vidu-living-object-head span,
#vidu-elena-global-layer .vidu-living-object-field-status,
#vidu-elena-global-layer .vidu-living-object-summary span,
#vidu-elena-global-layer .vidu-living-object-history span {
  color: rgba(125, 211, 252, .72);
  font-size: 10px;
  font-weight: 780;
}

#vidu-elena-global-layer .vidu-living-object-head strong {
  color: rgba(248, 250, 252, .95);
  font-size: 15px;
  line-height: 1.18;
}

#vidu-elena-global-layer .vidu-living-object-head p {
  margin: 0;
  color: rgba(148, 163, 184, .78);
  font-size: 11px;
  line-height: 1.35;
}

#vidu-elena-global-layer .vidu-living-object-head button,
#vidu-elena-global-layer .vidu-living-object-field button,
#vidu-elena-global-layer .vidu-living-object-editor button {
  min-height: 28px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  color: rgba(226, 232, 240, .84);
  cursor: pointer;
  font: inherit;
  font-size: 10px;
  font-weight: 760;
  padding: 0 10px;
}

#vidu-elena-global-layer .vidu-living-object-summary {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  padding: 10px 12px;
}

#vidu-elena-global-layer .vidu-living-object-summary article {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 12px;
  background: rgba(255, 255, 255, .032);
}

#vidu-elena-global-layer .vidu-living-object-summary strong {
  overflow: hidden;
  color: rgba(248, 250, 252, .94);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-elena-global-layer .vidu-living-object-activity {
  flex: 0 0 auto;
  display: grid;
  gap: 3px;
  margin: 0 12px 12px;
  padding: 10px 11px;
  border: 1px solid rgba(125, 211, 252, .16);
  border-radius: 14px;
  background:
    radial-gradient(circle at 100% 0%, rgba(125, 211, 252, .09), transparent 40%),
    rgba(125, 211, 252, .035);
}

#vidu-elena-global-layer .vidu-living-object-activity.is-waiting_for_user {
  border-color: rgba(196, 181, 253, .18);
  background:
    radial-gradient(circle at 100% 0%, rgba(196, 181, 253, .08), transparent 40%),
    rgba(255, 255, 255, .03);
}

#vidu-elena-global-layer .vidu-living-object-activity.is-ready_for_approval,
#vidu-elena-global-layer .vidu-living-object-activity.is-approved {
  border-color: rgba(134, 239, 172, .18);
  background:
    radial-gradient(circle at 100% 0%, rgba(134, 239, 172, .08), transparent 40%),
    rgba(134, 239, 172, .035);
}

#vidu-elena-global-layer .vidu-living-object-activity span {
  color: rgba(125, 211, 252, .74);
  font-size: 10px;
  font-weight: 780;
}

#vidu-elena-global-layer .vidu-living-object-activity strong {
  color: rgba(248, 250, 252, .94);
  font-size: 13px;
  line-height: 1.2;
}

#vidu-elena-global-layer .vidu-living-object-activity p {
  margin: 0;
  color: rgba(203, 213, 225, .78);
  font-size: 11px;
  line-height: 1.35;
}

#vidu-elena-global-layer .vidu-living-object-fields {
  min-height: 0;
  flex: 1 1 auto;
  display: grid;
  align-content: start;
  gap: 8px;
  overflow-y: auto;
  padding: 0 12px 12px;
}

#vidu-elena-global-layer .vidu-living-object-field {
  min-width: 0;
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 14px;
  background: rgba(255, 255, 255, .034);
}

#vidu-elena-global-layer .vidu-living-object-field.is-current,
#vidu-elena-global-layer .vidu-living-object-field.is-updating,
#vidu-elena-global-layer .vidu-living-object-field.is-building {
  border-color: rgba(125, 211, 252, .23);
  background:
    radial-gradient(circle at 100% 0%, rgba(125, 211, 252, .08), transparent 42%),
    rgba(255, 255, 255, .04);
}

#vidu-elena-global-layer .vidu-living-object-field.is-waiting,
#vidu-elena-global-layer .vidu-living-object-field.is-next {
  border-color: rgba(167, 139, 250, .20);
  background:
    radial-gradient(circle at 100% 0%, rgba(167, 139, 250, .07), transparent 42%),
    rgba(255, 255, 255, .035);
}

#vidu-elena-global-layer .vidu-living-object-field.is-empty,
#vidu-elena-global-layer .vidu-living-object-field.is-pending {
  background: rgba(255, 255, 255, .024);
}

#vidu-elena-global-layer .vidu-living-object-field.is-locked {
  opacity: .76;
  background: rgba(255, 255, 255, .022);
}

#vidu-elena-global-layer .vidu-living-object-field header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

#vidu-elena-global-layer .vidu-living-object-field summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  list-style: none;
  cursor: pointer;
}

#vidu-elena-global-layer .vidu-living-object-field summary::-webkit-details-marker {
  display: none;
}

#vidu-elena-global-layer .vidu-living-object-field header div,
#vidu-elena-global-layer .vidu-living-object-field summary div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

#vidu-elena-global-layer .vidu-living-object-field strong {
  color: rgba(248, 250, 252, .93);
  font-size: 13px;
}

#vidu-elena-global-layer .vidu-living-object-field small {
  overflow: hidden;
  color: rgba(148, 163, 184, .62);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-elena-global-layer .vidu-living-object-field p {
  margin: 0;
  color: rgba(226, 232, 240, .84);
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
}

#vidu-elena-global-layer .vidu-living-object-field-body {
  min-width: 0;
  display: grid;
  gap: 6px;
}

#vidu-elena-global-layer .vidu-living-object-field-placeholder {
  color: rgba(148, 163, 184, .70);
  font-style: italic;
}

#vidu-elena-global-layer .vidu-living-object-field-placeholder.is-silent {
  display: none;
}

#vidu-elena-global-layer .vidu-living-object-field-status.is-completed {
  color: rgba(134, 239, 172, .84);
}

#vidu-elena-global-layer .vidu-living-object-field-status.is-current,
#vidu-elena-global-layer .vidu-living-object-field-status.is-updating,
#vidu-elena-global-layer .vidu-living-object-field-status.is-building {
  color: rgba(125, 211, 252, .86);
}

#vidu-elena-global-layer .vidu-living-object-field-status.is-waiting,
#vidu-elena-global-layer .vidu-living-object-field-status.is-next {
  color: rgba(196, 181, 253, .86);
}

#vidu-elena-global-layer .vidu-living-object-field-status.is-empty,
#vidu-elena-global-layer .vidu-living-object-field-status.is-pending,
#vidu-elena-global-layer .vidu-living-object-field-status.is-locked {
  color: rgba(148, 163, 184, .70);
}

#vidu-elena-global-layer .vidu-living-object-field-status.is-edited {
  color: rgba(216, 180, 254, .86);
}

#vidu-elena-global-layer .vidu-living-object-field-action {
  opacity: 0;
  transform: translateY(-1px);
  transition:
    opacity .16s ease,
    transform .16s ease,
    border-color .16s ease,
    background .16s ease;
}

#vidu-elena-global-layer .vidu-living-object-field:hover .vidu-living-object-field-action,
#vidu-elena-global-layer .vidu-living-object-field:focus-within .vidu-living-object-field-action {
  opacity: 1;
  transform: translateY(0);
}

#vidu-elena-global-layer .vidu-living-object-field-action:hover {
  border-color: rgba(125, 211, 252, .24);
  background: rgba(125, 211, 252, .08);
}

#vidu-elena-global-layer .vidu-living-object-field-action-menu {
  display: none;
}

#vidu-elena-global-layer .vidu-living-object-editor {
  display: grid;
  gap: 8px;
}

#vidu-elena-global-layer .vidu-living-object-editor textarea {
  width: 100%;
  min-height: 90px;
  resize: vertical;
  border: 1px solid rgba(125, 211, 252, .22);
  border-radius: 12px;
  background: rgba(7, 10, 18, .56);
  color: rgba(248, 250, 252, .92);
  font: inherit;
  font-size: 12px;
  line-height: 1.45;
  padding: 9px;
}

#vidu-elena-global-layer .vidu-living-object-editor footer {
  display: flex;
  gap: 8px;
}

#vidu-elena-global-layer .vidu-living-object-history {
  flex: 0 0 auto;
  display: grid;
  gap: 8px;
  max-height: 170px;
  overflow-y: auto;
  padding: 11px 12px 12px;
  border-top: 1px solid rgba(255, 255, 255, .07);
}

#vidu-elena-global-layer .vidu-living-object-history header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

#vidu-elena-global-layer .vidu-living-object-history strong {
  color: rgba(248, 250, 252, .92);
  font-size: 12px;
}

#vidu-elena-global-layer .vidu-living-object-history article {
  display: grid;
  gap: 2px;
  padding: 8px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .03);
}

#vidu-elena-global-layer .vidu-living-object-history p {
  margin: 0;
  color: rgba(203, 213, 225, .80);
  font-size: 11px;
  line-height: 1.35;
}

#vidu-elena-global-layer .vidu-ai-panel.has-no-messages .vidu-ai-thread {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

#vidu-elena-global-layer .vidu-ai-panel.has-no-messages .vidu-ai-composer {
  margin-top: auto;
}

#vidu-elena-global-layer .vidu-ai-panel.has-messages .vidu-ai-thread {
  flex: 1 1 auto;
  min-height: 120px;
  overflow-y: auto;
}

#vidu-elena-global-layer .vidu-ai-panel.has-messages .vidu-ai-composer {
  margin-top: auto;
}

@media (min-width: 768px) {
  #vidu-elena-global-layer .vidu-ai-panel.has-messages {
    height: min(560px, calc(100vh - 48px));
    min-height: 560px;
  }

  #vidu-elena-global-layer .vidu-ai-panel.has-messages[data-operations-view="operations"] {
    height: min(760px, calc(100vh - 48px));
    min-height: min(640px, calc(100vh - 48px));
  }
}

#vidu-elena-global-layer .vidu-ai-message {
  max-width: 88%;
  display: grid;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 17px;
  background: rgba(255, 255, 255, .047);
}

#vidu-elena-global-layer .vidu-ai-message.is-user {
  justify-self: end;
  background: linear-gradient(135deg, rgba(109, 93, 252, .24), rgba(56, 189, 248, .14));
}

#vidu-elena-global-layer .vidu-ai-message span {
  color: rgba(125, 211, 252, .76);
  font-size: 10px;
  font-weight: 840;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-elena-global-layer .vidu-ai-message p {
  margin: 0;
  color: rgba(241, 245, 249, .92);
  font-size: 13px;
  line-height: 1.45;
  white-space: pre-wrap;
}

#vidu-elena-global-layer .vidu-ai-action-card {
  max-width: 92%;
  display: grid;
  gap: 9px;
  padding: 11px;
  border: 1px solid rgba(125, 211, 252, .15);
  border-radius: 19px;
  background:
    radial-gradient(circle at 0% 0%, rgba(125, 211, 252, .10), transparent 38%),
    rgba(255, 255, 255, .045);
}

#vidu-elena-global-layer .vidu-ai-action-summary {
  display: flex;
  align-items: center;
  gap: 9px;
}

#vidu-elena-global-layer .vidu-ai-action-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(125, 211, 252, .16);
  background: rgba(125, 211, 252, .07);
  color: rgba(186, 230, 253, .90);
  font-size: 15px;
}

#vidu-elena-global-layer .vidu-ai-action-summary div {
  min-width: 0;
  display: grid;
  gap: 2px;
  flex: 1 1 auto;
}

#vidu-elena-global-layer .vidu-ai-action-summary strong {
  overflow: hidden;
  color: rgba(248, 250, 252, .94);
  font-size: 13px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-elena-global-layer .vidu-ai-action-summary p {
  overflow: hidden;
  color: rgba(148, 163, 184, .76);
  font-size: 11px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-elena-global-layer .vidu-ai-action-card header > span:not(.vidu-ai-action-icon) {
  color: rgba(125, 211, 252, .78);
  font-size: 10px;
  font-weight: 840;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-elena-global-layer .vidu-ai-action-card header b {
  min-height: 22px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .045);
  color: rgba(203, 213, 225, .78);
  font-size: 10px;
  font-weight: 820;
  text-transform: uppercase;
}

#vidu-elena-global-layer .vidu-ai-action-card header b.is-high {
  border-color: rgba(34, 197, 94, .18);
  background: rgba(34, 197, 94, .08);
  color: rgba(187, 247, 208, .88);
}

#vidu-elena-global-layer .vidu-ai-action-card header b.is-medium {
  border-color: rgba(125, 211, 252, .17);
  background: rgba(125, 211, 252, .07);
  color: rgba(186, 230, 253, .88);
}

#vidu-elena-global-layer .vidu-ai-action-card header b.is-low {
  border-color: rgba(245, 158, 11, .18);
  background: rgba(245, 158, 11, .08);
  color: rgba(253, 230, 138, .88);
}

#vidu-elena-global-layer .vidu-ai-action-card p {
  margin: 0;
  color: rgba(203, 213, 225, .76);
  font-size: 12px;
  line-height: 1.45;
}

#vidu-elena-global-layer .vidu-ai-action-details-toggle {
  width: fit-content;
  min-height: 24px;
  padding: 0 9px;
  justify-self: start;
  color: rgba(125, 211, 252, .82) !important;
}

#vidu-elena-global-layer .vidu-ai-action-details {
  display: grid;
  gap: 9px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-3px);
  transition:
    max-height .24s cubic-bezier(.22, 1, .36, 1),
    opacity .18s ease,
    transform .18s ease;
}

#vidu-elena-global-layer .vidu-ai-action-card.is-expanded .vidu-ai-action-details {
  max-height: 760px;
  opacity: 1;
  transform: translateY(0);
}

#vidu-elena-global-layer .vidu-ai-action-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

#vidu-elena-global-layer .vidu-ai-action-card dl div {
  min-width: 0;
  display: grid;
  gap: 2px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 11px;
  padding: 7px 8px;
  background: rgba(255, 255, 255, .028);
}

#vidu-elena-global-layer .vidu-ai-action-card dt,
#vidu-elena-global-layer .vidu-ai-action-card dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-elena-global-layer .vidu-ai-action-card dt {
  color: rgba(148, 163, 184, .70);
  font-size: 9px;
  font-weight: 820;
  letter-spacing: .07em;
  text-transform: uppercase;
}

#vidu-elena-global-layer .vidu-ai-action-card dd {
  color: rgba(226, 232, 240, .90);
  font-size: 11px;
  font-weight: 760;
}

#vidu-elena-global-layer .vidu-ai-action-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#vidu-elena-global-layer .vidu-ai-action-fields span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  border: 1px solid rgba(125, 211, 252, .11);
  background: rgba(125, 211, 252, .045);
  color: rgba(226, 232, 240, .88);
  padding: 0 9px;
  font-size: 11px;
  font-weight: 750;
}

#vidu-elena-global-layer .vidu-ai-action-fields i {
  color: rgba(125, 211, 252, .72);
  font-style: normal;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-elena-global-layer .vidu-ai-action-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

#vidu-elena-global-layer .vidu-ai-action-card button {
  min-height: 27px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  color: rgba(203, 213, 225, .82);
  padding: 0 9px;
  font: inherit;
  font-size: 11px;
  font-weight: 760;
  cursor: pointer;
}

#vidu-elena-global-layer .vidu-ai-action-card footer button:first-child {
  border-color: rgba(125, 211, 252, .18);
  background: linear-gradient(135deg, rgba(109, 93, 252, .14), rgba(56, 189, 248, .08));
  color: rgba(240, 249, 255, .92);
}

#vidu-elena-global-layer .vidu-ai-action-card button:hover:not(:disabled) {
  border-color: rgba(125, 211, 252, .24);
  background: rgba(125, 211, 252, .08);
  color: #fff;
}

#vidu-elena-global-layer .vidu-ai-action-card button:disabled {
  opacity: .64;
  cursor: default;
}

#vidu-elena-global-layer .vidu-ai-action-card small {
  color: rgba(148, 163, 184, .72);
  font-size: 10px;
  line-height: 1.35;
}

#vidu-elena-global-layer .vidu-ai-action-missing {
  display: grid;
  gap: 7px;
  border: 1px solid rgba(245, 158, 11, .13);
  border-radius: 14px;
  padding: 9px;
  background: rgba(245, 158, 11, .045);
}

#vidu-elena-global-layer .vidu-ai-action-missing > strong {
  color: rgba(253, 230, 138, .90);
  font-size: 11px;
}

#vidu-elena-global-layer .vidu-ai-action-missing-list,
#vidu-elena-global-layer .vidu-ai-action-options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#vidu-elena-global-layer .vidu-ai-action-missing-list span,
#vidu-elena-global-layer .vidu-ai-action-options button {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .04);
  color: rgba(203, 213, 225, .80);
  padding: 0 8px;
  font-size: 10px;
  font-weight: 760;
}

#vidu-elena-global-layer .vidu-ai-action-missing-list span.is-missing {
  border-color: rgba(245, 158, 11, .18);
  color: rgba(253, 230, 138, .88);
}

#vidu-elena-global-layer .vidu-ai-action-missing-list span.is-defaulted,
#vidu-elena-global-layer .vidu-ai-action-missing-list span.is-suggested {
  border-color: rgba(125, 211, 252, .13);
  color: rgba(186, 230, 253, .82);
}

#vidu-elena-global-layer .vidu-ai-action-missing-list i {
  color: rgba(148, 163, 184, .78);
  font-style: normal;
  text-transform: uppercase;
}

#vidu-elena-global-layer .vidu-ai-action-missing ul {
  margin: 0;
  padding-left: 16px;
  color: rgba(226, 232, 240, .82);
  font-size: 11px;
  line-height: 1.45;
}

#vidu-elena-global-layer .vidu-ai-action-options button {
  cursor: default;
  opacity: .72;
}

#vidu-elena-global-layer .vidu-ai-action-card.is-prepared {
  border-color: rgba(34, 197, 94, .18);
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 197, 94, .10), transparent 38%),
    rgba(255, 255, 255, .045);
}

@media (prefers-reduced-motion: reduce) {
  #vidu-elena-global-layer .vidu-ai-action-details {
    transition: none;
    transform: none;
  }
}

.vidu-elena-control-modal-shell .vidu-app-modal-dialog {
  width: min(1120px, calc(100vw - 64px));
  max-width: min(1120px, calc(100vw - 64px));
  max-height: calc(100vh - 48px);
}

.vidu-elena-control-modal-shell .vidu-app-modal-body {
  overflow: auto;
}

.vidu-elena-control {
  display: grid;
  gap: 18px;
  padding-bottom: 8px;
}

.vidu-elena-hero,
.vidu-elena-card,
.vidu-elena-section,
.vidu-elena-actions {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 22px;
  background:
    radial-gradient(circle at 12% 0%, rgba(132, 80, 255, .12), transparent 34%),
    linear-gradient(180deg, rgba(17, 20, 32, .82), rgba(8, 11, 18, .86));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

.vidu-elena-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  padding: 22px;
}

.vidu-elena-hero span,
.vidu-elena-section-head span {
  color: rgba(125, 211, 252, .72);
  font-size: 11px;
  font-weight: 840;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.vidu-elena-hero h3,
.vidu-elena-section-head strong {
  margin: 6px 0 0;
  color: rgba(248, 250, 252, .96);
  font-size: 22px;
  line-height: 1.12;
}

.vidu-elena-hero p,
.vidu-elena-card p,
.vidu-elena-capability-card p {
  margin: 8px 0 0;
  color: rgba(203, 213, 225, .76);
  font-size: 13px;
  line-height: 1.55;
}

.vidu-elena-presence-preview {
  min-width: 168px;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 7px 18px 7px 8px;
  border-radius: 999px;
  border: 1px solid rgba(132, 110, 255, .32);
  background: linear-gradient(180deg, rgba(15, 17, 28, .90), rgba(8, 10, 16, .94));
  box-shadow: 0 0 26px rgba(109, 93, 252, .15);
}

.vidu-elena-presence-preview i {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 255, 255, .12), transparent 32%),
    linear-gradient(145deg, rgba(58, 45, 108, .82), rgba(16, 21, 40, .88));
  box-shadow: inset 0 0 0 1px rgba(148, 130, 255, .12), 0 0 14px rgba(109, 93, 252, .16);
}

.vidu-elena-presence-preview strong {
  color: rgba(245, 245, 255, .92);
  font-size: 14px;
  font-weight: 700;
}

.vidu-elena-grid,
.vidu-elena-capability-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.vidu-elena-card,
.vidu-elena-section {
  padding: 18px;
}

.vidu-elena-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.vidu-elena-card-head span {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(125, 211, 252, .08);
  color: rgba(125, 211, 252, .78);
  font-size: 11px;
  font-weight: 860;
}

.vidu-elena-card-head strong {
  color: rgba(248, 250, 252, .92);
  font-size: 15px;
}

.vidu-elena-status-list {
  display: grid;
  gap: 10px;
  margin: 0;
}

.vidu-elena-status-list div,
.vidu-elena-token-list div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 34px;
  border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.vidu-elena-status-list dt,
.vidu-elena-token-list span {
  color: rgba(148, 163, 184, .82);
  font-size: 12px;
  font-weight: 720;
}

.vidu-elena-status-list dd {
  margin: 0;
  color: rgba(226, 232, 240, .90);
  font-size: 12px;
  text-align: right;
}

.vidu-elena-status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .045);
  color: rgba(203, 213, 225, .82);
  font-size: 10px;
  font-weight: 820;
}

.vidu-elena-status-badge.is-available {
  border-color: rgba(45, 212, 191, .18);
  background: rgba(45, 212, 191, .07);
  color: rgba(153, 246, 228, .88);
}

.vidu-elena-status-badge.is-prepared {
  border-color: rgba(125, 211, 252, .18);
  background: rgba(125, 211, 252, .065);
  color: rgba(186, 230, 253, .88);
}

.vidu-elena-status-badge.is-locked,
.vidu-elena-status-badge.is-disabled,
.vidu-elena-status-badge.is-missing {
  border-color: rgba(148, 163, 184, .14);
  background: rgba(148, 163, 184, .055);
  color: rgba(148, 163, 184, .80);
}

.vidu-elena-section-head {
  margin-bottom: 14px;
}

.vidu-elena-capability-card {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

.vidu-elena-capability-card div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.vidu-elena-capability-card strong {
  color: rgba(248, 250, 252, .92);
  font-size: 13px;
}

.vidu-elena-capability-card button,
.vidu-elena-actions button {
  min-height: 34px;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: 999px;
  background: rgba(125, 211, 252, .055);
  color: rgba(226, 232, 240, .88);
  padding: 0 13px;
  font: inherit;
  font-size: 12px;
  font-weight: 780;
}

.vidu-elena-capability-card button:disabled,
.vidu-elena-actions button:disabled {
  border-color: rgba(148, 163, 184, .10);
  background: rgba(148, 163, 184, .04);
  color: rgba(148, 163, 184, .64);
}

.vidu-elena-checklist {
  display: grid;
  gap: 9px;
}

.vidu-elena-checklist div {
  display: flex;
  gap: 8px;
  color: rgba(203, 213, 225, .82);
  font-size: 12px;
}

.vidu-elena-checklist span {
  color: rgba(125, 211, 252, .78);
  font-weight: 860;
}

.vidu-elena-checklist .is-ready span {
  color: rgba(45, 212, 191, .86);
}

.vidu-elena-card.is-safety {
  border-color: rgba(245, 158, 11, .14);
}

.vidu-elena-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
}

#vidu-elena-global-layer .vidu-ai-prompts {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

#vidu-elena-global-layer .vidu-ai-prompts button {
  min-height: 28px;
  max-width: 100%;
  padding: 0 9px;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: 999px;
  background: rgba(125, 211, 252, .045);
  color: rgba(226, 232, 240, .80);
  font-size: 11px;
  font-weight: 720;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

#vidu-elena-global-layer .vidu-ai-prompts button:hover {
  border-color: rgba(125, 211, 252, .30);
  background: rgba(125, 211, 252, .085);
}

#vidu-elena-global-layer .vidu-ai-composer {
  display: grid;
  flex: 0 0 auto;
  gap: 9px;
  margin-top: auto;
  padding: 12px 13px 13px;
  border-top: 1px solid rgba(255, 255, 255, .07);
}

#vidu-elena-global-layer .vidu-ai-composer textarea {
  width: 100%;
  min-height: 52px;
  max-height: 140px;
  resize: none;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 17px;
  background: rgba(255, 255, 255, .047);
  color: rgba(248, 250, 252, .94);
  padding: 11px 12px;
  font: inherit;
  font-size: 13px;
  outline: none;
  overflow-y: auto;
}

#vidu-elena-global-layer .vidu-ai-composer textarea:focus {
  border-color: rgba(125, 211, 252, .34);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .10);
}

#vidu-elena-global-layer .vidu-ai-composer-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

#vidu-elena-global-layer .vidu-ai-mic,
#vidu-elena-global-layer .vidu-ai-send {
  min-height: 34px;
  border-radius: 999px;
  font: inherit;
  font-weight: 800;
}

#vidu-elena-global-layer .vidu-ai-mic {
  width: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .10);
  background: rgba(255, 255, 255, .035);
  color: rgba(216, 180, 254, .92);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

#vidu-elena-global-layer .vidu-ai-mic:hover {
  border-color: rgba(168, 85, 247, .48);
  background: rgba(168, 85, 247, .14);
  color: #f3e8ff;
  transform: translateY(-1px);
}

#vidu-elena-global-layer .vidu-ai-send {
  border: 0;
  padding: 0 15px;
  background: linear-gradient(135deg, var(--vidu-color-brand-primary, #6d5dfc), var(--vidu-color-brand-secondary, #38bdf8));
  color: #fff;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(56, 189, 248, .14);
}

@keyframes elena-border-flow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes elena-presence-breathe {
  0%,
  100% {
    box-shadow:
      0 16px 38px rgba(0, 0, 0, .34),
      0 0 17px rgba(var(--elena-glow-rgb), var(--elena-glow-opacity)),
      inset 0 1px 0 rgba(255, 255, 255, .052),
      inset 0 0 0 1px rgba(132, 110, 255, .075);
  }
  50% {
    box-shadow:
      0 16px 39px rgba(0, 0, 0, .35),
      0 0 20px rgba(var(--elena-glow-rgb), calc(var(--elena-glow-opacity) + .035)),
      inset 0 1px 0 rgba(255, 255, 255, .060),
      inset 0 0 0 1px rgba(132, 110, 255, .09);
  }
}

@keyframes elena-edge-glow {
  0%,
  100% {
    opacity: .30;
    transform: scale(.98);
  }
  50% {
    opacity: .42;
    transform: scale(1.02);
  }
}

@keyframes elena-icon-life {
  0%,
  78%,
  100% {
    filter: brightness(1);
  }
  86% {
    filter: brightness(calc(1 + var(--elena-orb-life)));
  }
}

@keyframes elena-listening-field {
  0%,
  100% {
    opacity: .20;
    transform: scale(.98);
  }
  50% {
    opacity: .44;
    transform: scale(1.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  #vidu-elena-global-layer .vidu-ai-launcher,
  #vidu-elena-global-layer .vidu-ai-panel,
  #vidu-elena-global-layer .vidu-ai-launcher-orb,
  #vidu-elena-global-layer .vidu-ai-launcher::before,
  #vidu-elena-global-layer .vidu-ai-launcher::after {
    animation: none;
    transition: none;
    filter: none;
  }
}

@media (max-width: 640px) {
  #vidu-elena-global-layer .vidu-ai-launcher,
  #vidu-elena-global-layer .vidu-ai-panel {
    right: 14px;
    bottom: 14px;
    left: 14px;
  }

  #vidu-elena-global-layer .vidu-ai-launcher {
    left: auto;
  }

  #vidu-elena-global-layer .vidu-ai-panel {
    width: auto;
    max-height: min(76vh, 680px);
    border-radius: 24px;
  }

  #vidu-elena-global-layer .vidu-ai-conversation-workspace,
  #vidu-elena-global-layer .vidu-ai-conversation-workspace[data-living-object-active="true"] {
    grid-template-columns: minmax(0, 1fr);
    padding-right: 0;
  }

  #vidu-elena-global-layer .vidu-living-object-panel {
    position: absolute;
    inset: auto 8px 8px;
    z-index: 6;
    max-height: min(72vh, 560px);
    margin: 0;
    transform: translateY(calc(100% + 16px));
    transition: transform .22s ease;
  }

  #vidu-elena-global-layer .vidu-living-object-panel.is-open {
    transform: translateY(0);
  }

  #vidu-elena-global-layer .vidu-living-object-renderer.is-mobile {
    overflow: hidden;
  }

  #vidu-elena-global-layer .vidu-living-object-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #vidu-elena-global-layer .vidu-living-object-summary.is-compact {
    padding-bottom: 8px;
  }

  #vidu-elena-global-layer .vidu-living-object-field.is-collapsible:not([open]) {
    gap: 0;
  }

  #vidu-elena-global-layer .vidu-living-object-field.is-collapsible[open] .vidu-living-object-field-body {
    padding-top: 6px;
  }

  #vidu-elena-global-layer .vidu-living-object-field-action {
    opacity: 1;
    transform: none;
    min-width: 30px;
    padding: 0 8px;
  }

  #vidu-elena-global-layer .vidu-living-object-field-action-label {
    display: none;
  }

  #vidu-elena-global-layer .vidu-living-object-field-action-menu {
    display: inline;
  }
}

@media (max-width: 760px) {
  .vidu-elena-control-modal-shell .vidu-app-modal-dialog {
    width: min(100vw - 24px, 720px);
    max-width: calc(100vw - 24px);
  }

  .vidu-elena-hero,
  .vidu-elena-grid,
  .vidu-elena-capability-grid {
    grid-template-columns: 1fr;
  }

  .vidu-elena-presence-preview {
    justify-self: start;
  }
}

/* Elena light theme */
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-operator,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-operator {
  --elena-presence-a: rgba(15, 23, 42, .18);
  --elena-presence-b: rgba(71, 85, 105, .14);
  --elena-presence-c: rgba(148, 163, 184, .16);
  --elena-glow-rgb: 15, 23, 42;
  --elena-glow-opacity: .05;
  --elena-orb-a: rgba(255, 255, 255, .98);
  --elena-orb-b: rgba(226, 232, 240, .92);
  --elena-orb-life: .04;
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-launcher,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-launcher {
  border: 1px solid rgba(15, 23, 42, .12);
  background:
    radial-gradient(circle at 18% 24%, rgba(255, 255, 255, .76), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .94));
  color: rgba(15, 23, 42, .88);
  box-shadow:
    0 16px 38px rgba(15, 23, 42, .13),
    inset 0 1px 0 rgba(255, 255, 255, .88),
    inset 0 0 0 1px rgba(255, 255, 255, .70);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-launcher::before,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-launcher::before {
  background:
    linear-gradient(120deg, rgba(255, 255, 255, .72), rgba(15, 23, 42, .12), rgba(148, 163, 184, .18), rgba(255, 255, 255, .68));
  opacity: .92;
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-launcher::after,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-launcher::after {
  background: radial-gradient(ellipse at 50% 50%, rgba(15, 23, 42, .10), transparent 64%);
  opacity: .20;
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-launcher > span:not(.vidu-ai-launcher-orb),
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-launcher > span:not(.vidu-ai-launcher-orb) {
  color: rgba(15, 23, 42, .88);
  text-shadow: none;
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-launcher:hover,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-launcher:focus-visible,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-launcher:hover,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-launcher:focus-visible {
  box-shadow:
    0 19px 44px rgba(15, 23, 42, .16),
    inset 0 1px 0 rgba(255, 255, 255, .94),
    inset 0 0 0 1px rgba(15, 23, 42, .08);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-launcher-orb,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-launcher-orb {
  background:
    radial-gradient(circle at 36% 24%, rgba(255, 255, 255, .94), transparent 34%),
    linear-gradient(145deg, var(--elena-orb-a), var(--elena-orb-b));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    inset 0 -12px 20px rgba(15, 23, 42, .06),
    inset 0 0 0 1px rgba(15, 23, 42, .11),
    0 7px 16px rgba(15, 23, 42, .08);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-launcher-orb svg,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-launcher-orb svg {
  color: rgba(15, 23, 42, .76);
  filter: none;
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-panel,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-panel {
  border-color: rgba(15, 23, 42, .12);
  background:
    radial-gradient(circle at 24% 0%, rgba(255, 255, 255, .82), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 249, 251, .97));
  box-shadow:
    0 28px 74px rgba(15, 23, 42, .17),
    inset 0 1px 0 rgba(255, 255, 255, .86);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-panel-head,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-panel-head,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-composer,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-composer {
  border-color: rgba(15, 23, 42, .10);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-panel-head strong,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-panel-head strong,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-summary strong,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-summary strong {
  color: rgba(15, 23, 42, .92);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-panel-head span,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-message span,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-card header > span:not(.vidu-ai-action-icon),
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-details-toggle,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-panel-head span,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-message span,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-card header > span:not(.vidu-ai-action-icon),
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-details-toggle {
  color: rgba(51, 65, 85, .78) !important;
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-context,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-context {
  color: rgba(51, 65, 85, .64);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-context span,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-context span {
  color: rgba(15, 23, 42, .82);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-context em,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-context em {
  color: rgba(51, 65, 85, .72);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-target-agent,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-target-agent {
  border-color: rgba(148, 163, 184, .22);
  background: rgba(255, 255, 255, .76);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-target-agent-avatar,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-target-agent-avatar {
  background: rgba(226, 232, 240, .88);
  color: rgba(15, 23, 42, .78);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-target-agent-copy strong,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-target-agent-copy strong {
  color: rgba(15, 23, 42, .86);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-target-agent-copy small,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-target-agent-copy small {
  color: rgba(71, 85, 105, .7);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-target-agent-copy em,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-target-agent-copy em {
  color: rgba(14, 116, 144, .78);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-close,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-close,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-mic,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-mic {
  border-color: rgba(15, 23, 42, .12);
  background: rgba(255, 255, 255, .78);
  color: rgba(51, 65, 85, .72);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-close:hover,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-close:hover {
  background: rgba(241, 245, 249, .96);
  color: rgba(15, 23, 42, .92);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-message,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-message {
  border-color: rgba(15, 23, 42, .10);
  background: rgba(255, 255, 255, .78);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-message.is-user,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-message.is-user {
  background: linear-gradient(135deg, rgba(15, 23, 42, .88), rgba(51, 65, 85, .82));
  border-color: rgba(15, 23, 42, .18);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-message p,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-message p,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-card dd,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-card dd {
  color: rgba(15, 23, 42, .84);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-message.is-user p,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-message.is-user p {
  color: rgba(255, 255, 255, .94);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-message.is-user span,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-message.is-user span {
  color: rgba(255, 255, 255, .72) !important;
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-card,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-card {
  border-color: rgba(15, 23, 42, .11);
  background:
    radial-gradient(circle at 0% 0%, rgba(255, 255, 255, .78), transparent 38%),
    rgba(255, 255, 255, .74);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-icon,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-icon,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-fields span,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-fields span,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-prompts button,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-prompts button {
  border-color: rgba(15, 23, 42, .12);
  background: rgba(248, 250, 252, .88);
  color: rgba(30, 41, 59, .82);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-summary p,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-card p,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-card small,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-card dt,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-summary p,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-card p,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-card small,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-card dt {
  color: rgba(71, 85, 105, .76);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-card header b,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-card dl div,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-card button,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-card header b,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-card dl div,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-card button {
  border-color: rgba(15, 23, 42, .10);
  background: rgba(255, 255, 255, .72);
  color: rgba(51, 65, 85, .80);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-card footer button:first-child,
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-send,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-card footer button:first-child,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-send {
  border: 1px solid rgba(15, 23, 42, .18);
  background: linear-gradient(135deg, rgba(15, 23, 42, .94), rgba(51, 65, 85, .92));
  color: rgba(255, 255, 255, .96);
  box-shadow: 0 10px 22px rgba(15, 23, 42, .12);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-card button:hover:not(:disabled),
[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-prompts button:hover,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-card button:hover:not(:disabled),
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-prompts button:hover {
  border-color: rgba(15, 23, 42, .18);
  background: rgba(241, 245, 249, .96);
  color: rgba(15, 23, 42, .92);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-card footer button:first-child:hover:not(:disabled),
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-card footer button:first-child:hover:not(:disabled) {
  background: linear-gradient(135deg, rgba(2, 6, 23, .96), rgba(30, 41, 59, .94));
  color: #fff;
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-missing,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-missing {
  border-color: rgba(180, 83, 9, .18);
  background: rgba(254, 243, 199, .62);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-missing > strong,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-missing > strong {
  color: rgba(146, 64, 14, .90);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-action-missing ul,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-action-missing ul {
  color: rgba(92, 55, 20, .82);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-composer textarea,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-composer textarea {
  border-color: rgba(15, 23, 42, .12);
  background: rgba(255, 255, 255, .88);
  color: rgba(15, 23, 42, .90);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-composer textarea::placeholder,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-composer textarea::placeholder {
  color: rgba(71, 85, 105, .48);
}

[data-vidu-theme="light"] #vidu-elena-global-layer .vidu-ai-composer textarea:focus,
#vidu-elena-global-layer[data-vidu-theme="light"] .vidu-ai-composer textarea:focus {
  border-color: rgba(15, 23, 42, .22);
  box-shadow: 0 0 0 3px rgba(15, 23, 42, .07);
}

/* Responsive desktop header: keep the primary selectors and search on the
   first row, then move navigation/actions to a stable second row before the
   controls can collide. Mobile keeps its dedicated header below 768px. */
@media (min-width: 768px) and (max-width: 1800px) {
  #vidu-pipeline-dashboard .vidu-pipeline-toolbar.vidu-topbar {
    display: grid;
    grid-template-columns: minmax(104px, 132px) minmax(150px, 204px) minmax(220px, 1fr);
    align-items: center;
    gap: 8px 10px;
    padding: 12px 14px;
    border-radius: 28px;
  }

  #vidu-pipeline-dashboard .vidu-topbar-organization-switcher,
  #vidu-pipeline-dashboard .vidu-topbar-workspace-switcher,
  #vidu-pipeline-dashboard .vidu-topbar-filters,
  #vidu-pipeline-dashboard .vidu-topbar-actions {
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  #vidu-pipeline-dashboard .vidu-topbar-organization-switcher,
  #vidu-pipeline-dashboard .vidu-topbar-workspace-switcher {
    flex-basis: auto;
  }

  #vidu-pipeline-dashboard .vidu-topbar-filters {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }

  #vidu-pipeline-dashboard .vidu-topbar-actions {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 2px 2px;
    scrollbar-width: none;
  }

  #vidu-pipeline-dashboard .vidu-topbar-actions::-webkit-scrollbar {
    display: none;
  }

  #vidu-pipeline-dashboard .vidu-floating-logo {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1050px) {
  #vidu-pipeline-dashboard .vidu-pipeline-toolbar.vidu-topbar {
    grid-template-columns: minmax(96px, 120px) minmax(132px, 172px) minmax(180px, 1fr);
  }

  #vidu-pipeline-dashboard .vidu-topbar-workspace-switcher label,
  #vidu-pipeline-dashboard .vidu-topbar-organization-switcher label,
  #vidu-pipeline-dashboard .vidu-topbar-filters .vidu-field label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  #vidu-pipeline-dashboard .vidu-topbar-workspace-switcher,
  #vidu-pipeline-dashboard .vidu-topbar-organization-switcher,
  #vidu-pipeline-dashboard .vidu-topbar-filters .vidu-field {
    min-height: 40px;
  }

  #vidu-pipeline-dashboard .vidu-topbar-organization-switcher .vidu-organization-switcher-logo {
    bottom: 13px;
  }
}


/* Source: assets/css/pipeline/04-pipeline-board.css */
/* =========================
   BOARD
   ========================= */

.vidu-pipeline-board {
  --vidu-pipeline-column-width: clamp(300px, 22vw, 350px);
  display: flex;
  flex-flow: row nowrap;
  gap: 20px;
  align-items: stretch;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 8px;
  scroll-padding-inline: 4px;
  min-width: 0;
}

.vidu-pipeline-column {
  flex: 0 0 var(--vidu-pipeline-column-width);
  width: var(--vidu-pipeline-column-width);
  max-width: var(--vidu-pipeline-column-width);
  min-height: 500px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgba(20,20,22,0.72);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 20px;
}

.vidu-pipeline-column-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 14px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  background: rgba(255,255,255,0.015);
}

.vidu-pipeline-column-head-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex: 0 0 auto;
}

.vidu-column-header-action,
.vidu-pipeline-column-add {
  appearance: none;
  width: 26px;
  height: 26px;
  min-width: 26px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--vidu-control-border) 68%, transparent);
  background: transparent;
  color: var(--vidu-text-faint);
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  opacity: .56;
  transition:
    opacity var(--vidu-duration-fast) var(--vidu-ease-standard),
    color var(--vidu-duration-fast) var(--vidu-ease-standard),
    border-color var(--vidu-duration-fast) var(--vidu-ease-standard),
    transform var(--vidu-duration-fast) var(--vidu-ease-standard),
    box-shadow var(--vidu-duration-fast) var(--vidu-ease-standard);
}

.vidu-pipeline-column-head:hover .vidu-column-header-action,
.vidu-column-header-action:hover,
.vidu-column-header-action:focus-visible {
  opacity: 1;
  color: var(--vidu-text-primary);
  border-color: var(--vidu-control-border-active);
  transform: translateY(-1px);
  box-shadow: var(--vidu-glow-soft);
  outline: none;
}

.vidu-column-header-action {
  background: transparent;
}

.vidu-column-header-action svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
}

.vidu-workspace-add-column {
  flex: 0 0 var(--vidu-pipeline-column-width);
  width: var(--vidu-pipeline-column-width);
  max-width: var(--vidu-pipeline-column-width);
  min-height: 180px;
  justify-content: center;
  padding: 12px;
  background: color-mix(in srgb, var(--vidu-card-bg) 58%, transparent);
  border-style: dashed;
}

.vidu-workspace-toolbar-btn {
  appearance: none;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  border-radius: 999px;
  cursor: pointer;
  transition:
    color var(--vidu-duration-fast) var(--vidu-ease-standard),
    border-color var(--vidu-duration-fast) var(--vidu-ease-standard),
    background var(--vidu-duration-fast) var(--vidu-ease-standard),
    transform var(--vidu-duration-fast) var(--vidu-ease-standard);
}

.vidu-workspace-toolbar-btn {
  padding: 9px 13px;
  font-size: var(--vidu-text-sm);
  font-weight: 700;
}

.vidu-workspace-toolbar-btn:hover,
.vidu-workspace-toolbar-btn:focus-visible {
  color: var(--vidu-text-primary);
  border-color: var(--vidu-control-border-active);
  background: var(--vidu-control-bg-hover);
  transform: translateY(-1px);
  outline: none;
}

.vidu-platform-evolution-overview {
  display: grid;
  grid-template-columns: minmax(130px, 1.15fr) repeat(8, minmax(96px, 1fr));
  gap: 10px;
  margin: 0 0 14px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 0%, rgba(245,158,11,.11), transparent 36%),
    rgba(15,23,42,.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

.vidu-platform-evolution-title,
.vidu-platform-evolution-overview button {
  min-height: 70px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.14);
  background: rgba(2,6,23,.22);
}

.vidu-platform-evolution-title span,
.vidu-platform-evolution-overview button span {
  color: rgba(148,163,184,.78);
  font-size: 11px;
  font-weight: 740;
}

.vidu-platform-evolution-title strong,
.vidu-platform-evolution-overview button strong {
  color: rgba(248,250,252,.96);
  font-size: 16px;
  font-weight: 820;
  letter-spacing: 0;
}

.vidu-platform-evolution-overview button {
  cursor: pointer;
  text-align: left;
}

.vidu-platform-evolution-overview button:hover,
.vidu-platform-evolution-overview button.is-active {
  border-color: rgba(34,211,238,.32);
  background: rgba(34,211,238,.08);
}

.vidu-platform-evolution-overview button.is-canonical,
.vidu-platform-evolution-overview button.is-active.is-canonical {
  border-color: rgba(245,158,11,.34);
  background: rgba(245,158,11,.09);
}

.vidu-platform-evolution-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(15,23,42,.42);
  color: rgba(226,232,240,.88);
  font-size: 11px;
  font-weight: 760;
  line-height: 1;
  white-space: nowrap;
}

.vidu-platform-evolution-badge.is-canonical {
  border-color: rgba(245,158,11,.38);
  background: rgba(245,158,11,.10);
  color: #fde68a;
  box-shadow: 0 0 0 1px rgba(245,158,11,.04), 0 10px 24px rgba(120,53,15,.16);
}

.vidu-platform-evolution-badge.is-canonical_candidate {
  border-color: rgba(251,191,36,.30);
  background: rgba(251,191,36,.08);
  color: #fde68a;
}

.vidu-platform-evolution-badge.is-leadership_review {
  border-color: rgba(129,140,248,.32);
  background: rgba(129,140,248,.10);
  color: #c7d2fe;
}

.vidu-platform-evolution-badge.is-implementation {
  border-color: rgba(34,211,238,.30);
  background: rgba(34,211,238,.08);
  color: #a5f3fc;
}

.vidu-platform-evolution-badge.is-released {
  border-color: rgba(34,197,94,.30);
  background: rgba(34,197,94,.08);
  color: #bbf7d0;
}

.vidu-platform-evolution-badge.is-observation,
.vidu-platform-evolution-badge.is-next_evolution {
  border-color: rgba(20,184,166,.28);
  background: rgba(20,184,166,.08);
  color: #99f6e4;
}

.vidu-platform-brain-link-chip {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid rgba(245,158,11,.24);
  background: rgba(245,158,11,.07);
  color: #fef3c7;
  font-size: 11px;
  font-weight: 760;
  cursor: pointer;
}

.vidu-dashboard-table-head.is-platform-evolution-head {
  grid-template-columns: minmax(220px, 1.5fr) minmax(92px, .72fr) minmax(96px, .72fr) minmax(150px, .88fr) minmax(120px, .78fr) minmax(92px, .62fr) minmax(132px, .95fr) minmax(132px, .82fr);
}

.vidu-dashboard-row.is-platform-evolution-row .vidu-dashboard-row-summary {
  grid-template-columns: 24px minmax(220px, 1.5fr) minmax(92px, .72fr) minmax(96px, .72fr) minmax(150px, .88fr) minmax(120px, .78fr) minmax(92px, .62fr) minmax(132px, .95fr) minmax(132px, .82fr);
}

.vidu-dashboard-evolution-cell {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 5px;
  min-width: 0;
}

.vidu-board-card-status .vidu-platform-evolution-badge {
  margin-left: 2px;
}

.vidu-board-platform-brain-row {
  margin-top: 8px;
}

.vidu-platform-evolution-detail {
  grid-column: span 2;
}

.vidu-platform-evolution-timeline {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 12px;
}

.vidu-platform-evolution-timeline span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.14);
  background: rgba(15,23,42,.28);
  color: rgba(203,213,225,.72);
  font-size: 11px;
  font-weight: 730;
}

.vidu-platform-evolution-timeline span.is-complete {
  border-color: rgba(34,197,94,.24);
  background: rgba(34,197,94,.07);
  color: #bbf7d0;
}

.vidu-platform-evolution-timeline span.is-current {
  border-color: rgba(245,158,11,.34);
  background: rgba(245,158,11,.10);
  color: #fde68a;
}

.vidu-platform-evolution-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  gap: 8px;
  align-items: end;
}

.vidu-platform-evolution-controls label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-platform-evolution-controls label span {
  color: rgba(148,163,184,.78);
  font-size: 10px;
  font-weight: 760;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.vidu-platform-evolution-controls select,
.vidu-platform-evolution-controls input {
  width: 100%;
  min-height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(2,6,23,.26);
  color: rgba(248,250,252,.92);
  font-size: 12px;
  font-weight: 700;
}

.vidu-platform-evolution-controls.is-saving {
  opacity: .7;
}

.vidu-column-delete-btn:hover,
.vidu-column-delete-btn:focus-visible {
  color: #fecaca;
  border-color: rgba(248, 113, 113, .36);
  background: rgba(248, 113, 113, .10);
}

.vidu-column-drag-handle {
  appearance: none;
  width: 24px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--vidu-text-faint);
  display: grid;
  grid-template-columns: repeat(2, 3px);
  grid-auto-rows: 3px;
  gap: 4px;
  align-content: center;
  justify-content: center;
  cursor: grab;
  opacity: .5;
  touch-action: none;
}

.vidu-column-drag-handle span {
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: currentColor;
}

.vidu-pipeline-column-head:hover .vidu-column-drag-handle,
.vidu-column-drag-handle:hover,
.vidu-column-drag-handle:focus-visible {
  opacity: .95;
  color: var(--vidu-text-muted);
  outline: none;
}

body.vidu-workspace-dragging {
  user-select: none;
  cursor: grabbing;
}

.vidu-board-card[draggable="true"] {
  cursor: grab;
}

.vidu-pipeline-column.is-dragging,
.vidu-board-card.is-dragging {
  opacity: .42;
  transform: scale(.985);
}

.vidu-pipeline-column.is-drop-target {
  border-color: var(--vidu-control-border-active);
  box-shadow: var(--vidu-glow-soft);
}

.vidu-workspace-add-column-btn {
  width: 100%;
  min-height: 148px;
  border: 1px dashed var(--vidu-border-medium);
  border-radius: 24px;
  background: transparent;
  color: var(--vidu-text-muted);
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  cursor: pointer;
  font: inherit;
  transition:
    color var(--vidu-duration-fast) var(--vidu-ease-standard),
    border-color var(--vidu-duration-fast) var(--vidu-ease-standard),
    background var(--vidu-duration-fast) var(--vidu-ease-standard),
    transform var(--vidu-duration-fast) var(--vidu-ease-standard);
}

.vidu-workspace-add-column-btn span {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  border: 1px solid var(--vidu-border-soft);
  color: var(--vidu-text-primary);
}

.vidu-workspace-add-column-btn strong {
  font-size: var(--vidu-text-sm);
  font-weight: 700;
}

.vidu-workspace-add-column-btn:hover,
.vidu-workspace-add-column-btn:focus-visible {
  color: var(--vidu-text-primary);
  border-color: var(--vidu-control-border-active);
  background: var(--vidu-control-bg-hover);
  transform: translateY(-1px);
  outline: none;
}

.vidu-workspace-form {
  display: grid;
  gap: 16px;
  padding: 8px 0 0;
}

.vidu-workspace-form-field {
  display: grid;
  gap: 8px;
}

.vidu-workspace-form-field span {
  color: var(--vidu-text-muted);
  font-size: var(--vidu-text-xs);
  font-family: var(--vidu-font-mono);
  letter-spacing: var(--vidu-letter-label);
  text-transform: uppercase;
}

.vidu-workspace-form-field input,
.vidu-workspace-form-field select,
.vidu-workspace-form-field textarea {
  width: 100%;
  border: 1px solid var(--vidu-input-border);
  border-radius: 12px;
  background: var(--vidu-input-bg);
  color: var(--vidu-text-primary);
  padding: 12px 14px;
  font: inherit;
  box-sizing: border-box;
}

.vidu-workspace-color-picker {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--vidu-text-primary) 10%, transparent);
  border-radius: 16px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--vidu-text-primary) 5%, transparent), transparent),
    color-mix(in srgb, var(--vidu-surface-card) 72%, transparent);
}

.vidu-workspace-color-picker legend {
  padding: 0 6px;
  color: var(--vidu-text-muted);
  font-family: var(--vidu-font-mono);
  font-size: var(--vidu-text-xs);
  letter-spacing: var(--vidu-letter-label);
  text-transform: uppercase;
}

.vidu-workspace-color-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.vidu-workspace-color-swatch {
  --workspace-color: #8b5cf6;
  --workspace-rgb: 139, 92, 246;
  position: relative;
  display: grid;
  place-items: center;
  min-height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(var(--workspace-rgb), .26);
  background:
    radial-gradient(circle at 50% 48%, rgba(var(--workspace-rgb), .28), transparent 70%),
    rgba(var(--workspace-rgb), .08);
  cursor: pointer;
  transition:
    transform var(--vidu-duration-fast) var(--vidu-ease-standard),
    border-color var(--vidu-duration-fast) var(--vidu-ease-standard),
    background var(--vidu-duration-fast) var(--vidu-ease-standard);
}

.vidu-workspace-color-swatch input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.vidu-workspace-color-swatch span {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--workspace-color);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
}

.vidu-workspace-color-swatch:hover,
.vidu-workspace-color-swatch:focus-within,
.vidu-workspace-color-swatch:has(input:checked) {
  transform: translateY(-1px);
  border-color: rgba(var(--workspace-rgb), .62);
  background:
    radial-gradient(circle at 50% 48%, rgba(var(--workspace-rgb), .36), transparent 72%),
    rgba(var(--workspace-rgb), .13);
}

.vidu-workspace-color-swatch:has(input:checked)::after {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 10px;
  border: 1px solid rgba(var(--workspace-rgb), .54);
  pointer-events: none;
}

.vidu-workspace-modal-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.vidu-workspace-modal-actions small {
  margin-right: auto;
  color: var(--vidu-text-muted);
}

.vidu-workspace-card-view {
  display: grid;
  gap: 16px;
  color: var(--vidu-text-primary);
}

.vidu-workspace-card-view p {
  margin: 0;
  color: var(--vidu-text-secondary);
}

.vidu-workspace-capability-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-workspace-capability-list span {
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--vidu-text-muted);
  background: var(--vidu-control-bg);
  font-size: var(--vidu-text-xs);
  font-family: var(--vidu-font-mono);
  text-transform: uppercase;
}

.vidu-workspace-capability-list span.is-enabled {
  color: var(--vidu-text-primary);
  border-color: var(--vidu-control-border-active);
}

.vidu-workspace-comment-list,
.vidu-workspace-activity-list {
  display: grid;
  gap: 8px;
}

.vidu-workspace-comment-list article,
.vidu-workspace-activity-list article {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 12px;
  background: var(--vidu-surface-muted);
}

.vidu-workspace-comment-list span,
.vidu-workspace-activity-list span,
.vidu-workspace-comment-list em,
.vidu-workspace-activity-list em,
.vidu-workspace-muted {
  color: var(--vidu-text-muted);
  font-size: var(--vidu-text-xs);
}

.vidu-workspace-comment-form {
  display: grid;
  gap: 10px;
}

.vidu-workspace-comment-form textarea {
  width: 100%;
  min-height: 86px;
  border: 1px solid var(--vidu-input-border);
  border-radius: 12px;
  background: var(--vidu-input-bg);
  color: var(--vidu-text-primary);
  padding: 12px 14px;
  font: inherit;
  resize: vertical;
  box-sizing: border-box;
}

.vidu-workspace-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vidu-workspace-section-head > div {
  min-width: 0;
}

.vidu-workspace-section-head span {
  display: block;
  margin-top: 4px;
  color: var(--vidu-text-muted);
  font-size: var(--vidu-text-xs);
}

.vidu-workspace-modal-actions.is-wide {
  grid-column: 1 / -1;
}

.vidu-project-column-modules {
  display: grid;
  gap: 12px;
}

.vidu-pipeline-column-head h3 {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: 15px;
  line-height: 1.1;
  color: #f2f2f2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-pipeline-column-meta {
  min-width: 28px;
  height: 28px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.78);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}

.vidu-pipeline-column-body {
  padding: 14px;
  display: grid;
  gap: 12px;
  align-content: start;
  min-height: 120px;
}

.vidu-board-card {
  background: var(--vidu-panel-2);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 14px;
  padding: 12px;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
  box-shadow: 0 8px 18px rgba(0,0,0,0.18);
}

.vidu-board-card:hover {
  transform: translateY(-1px);
  border-color: rgba(255,255,255,0.09);
  background: #1b1b1d;
}

.vidu-board-card-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}

.vidu-board-card-title {
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 6px;
}

.vidu-board-card-client {
  font-size: 13px;
  margin-bottom: 8px;
}

.vidu-board-card-meta {
  display: grid;
  gap: 6px;
  font-size: 12px;
}

.vidu-board-card-amount {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

@media (max-width: 1279px) {
  #vidu-pipeline-dashboard .vidu-dashboard-workspace {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 1280px) {
  #vidu-pipeline-dashboard .vidu-dashboard-workspace {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 980px) {
  .vidu-platform-evolution-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-platform-evolution-title {
    grid-column: 1 / -1;
  }

  .vidu-platform-evolution-controls {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-financial-kpis,
  #vidu-pipeline-dashboard .vidu-financial-grid {
    grid-template-columns: 1fr 1fr;
  }

  #vidu-pipeline-dashboard .vidu-financial-head {
    display: grid;
  }
}

@media (max-width: 768px) {
  #vidu-pipeline-dashboard .vidu-financial-kpis,
  #vidu-pipeline-dashboard .vidu-financial-grid {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-financial-overview {
    padding: 14px !important;
    border-radius: 18px !important;
  }
}


/* Source: assets/css/pipeline/05-project-modal-shell.css */
/* =========================
   PROJECT MODAL SHELL
   ========================= */

.vidu-hide-default-modal-head {
  display: none !important;
}

#vidu-app-modal:not(.vidu-project-modal25-shell),
.vidu-app-modal:not(.vidu-project-modal25-shell),
.vidu-app-modal:not(.vidu-project-modal25-shell) .vidu-app-modal-dialog {
  border-radius: 22px !important;
}

#vidu-app-modal,
.vidu-app-modal {
  max-height: 100dvh;
  overflow: hidden;
}

#vidu-app-modal .vidu-app-modal-dialog,
.vidu-app-modal .vidu-app-modal-dialog {
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 32px);
  min-height: 0;
}

#vidu-app-modal .vidu-app-modal-header,
.vidu-app-modal .vidu-app-modal-header {
  flex: 0 0 auto;
}

#vidu-app-modal .vidu-app-modal-body,
#vidu-app-modal .vidu-app-modal-content,
#vidu-app-modal .vidu-modal-content,
#vidu-app-modal .vidu-modal-inner-frame,
#vidu-app-modal .vidu-modal-inner-content,
.vidu-app-modal .vidu-app-modal-body,
.vidu-app-modal .vidu-app-modal-content,
.vidu-app-modal .vidu-modal-content,
.vidu-app-modal .vidu-modal-inner-frame,
.vidu-app-modal .vidu-modal-inner-content {
  min-height: 0;
}

#vidu-app-modal .vidu-app-modal-body,
.vidu-app-modal .vidu-app-modal-body {
  flex: 1 1 auto;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-app-modal-dialog {
  width: min(96vw, 1760px) !important;
  max-height: calc(100svh - 84px) !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: var(--vidu-modal-bg) !important;
}

.vidu-offer-modal-shell .vidu-app-modal-dialog {
  width: 90vw !important;
  max-width: 90vw !important;
  height: auto !important;
  max-height: calc(100svh - 92px) !important;
  overflow: hidden !important;
}

.vidu-lead-modal-shell .vidu-app-modal-dialog {
  width: min(1180px, calc(100vw - 72px)) !important;
  max-height: calc(100svh - 48px) !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-app-modal-body,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-app-modal-content,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-modal-content {
  max-height: calc(100svh - 84px) !important;
  overflow: hidden !important;
  padding: 10px !important;
  background: var(--vidu-modal-bg) !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-modal-inner-frame,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-modal-inner-content {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border-radius: 22px !important;
  padding: 0 !important;
}

.vidu-offer-modal-shell .vidu-app-modal-body,
.vidu-offer-modal-shell .vidu-app-modal-content,
.vidu-offer-modal-shell .vidu-modal-content,
.vidu-lead-modal-shell .vidu-app-modal-body,
.vidu-lead-modal-shell .vidu-app-modal-content,
.vidu-lead-modal-shell .vidu-modal-content {
  max-height: calc(100svh - 92px) !important;
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 12px !important;
}

.vidu-offer-modal-shell .vidu-modal-inner-frame,
.vidu-offer-modal-shell .vidu-modal-inner-content,
.vidu-lead-modal-shell .vidu-modal-inner-frame,
.vidu-lead-modal-shell .vidu-modal-inner-content {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.vidu-lead-modal-shell .vidu-app-modal-body,
.vidu-lead-modal-shell .vidu-app-modal-content,
.vidu-lead-modal-shell .vidu-modal-content {
  max-height: calc(100svh - 48px) !important;
}

.vidu-project-cockpit:not(.vidu-project-modal25) {
  height: calc(100svh - 104px) !important;
  min-height: 0 !important;
  max-height: calc(100svh - 104px);
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  background: var(--vidu-project-modal-bg) !important;
  color: var(--vidu-text-primary);
  border-radius: 22px !important;
}

.vidu-project-cockpit-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 16px 18px 14px;
  background: var(--vidu-project-modal-header-bg) !important;
  border-bottom: 1px solid var(--vidu-project-column-border) !important;
  border-radius: 22px 22px 0 0;
  position: sticky;
  top: 0;
  z-index: 60;
  flex: 0 0 auto;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.vidu-project-kicker,
.vidu-project-column-title,
.vidu-project-control-label,
.vidu-project-block-title {
  color: var(--vidu-meta) !important;
  text-transform: uppercase;
}

.vidu-project-kicker {
  margin-bottom: 8px;
  font-size: 12px;
  letter-spacing: .1em;
}

.vidu-project-modal:not(.vidu-project-modal25) .vidu-project-title {
  margin: 0;
  font-size: 40px !important;
  line-height: 1.04;
  font-weight: 500 !important;
  letter-spacing: -.045em !important;
  color: var(--vidu-text-primary);
}

.vidu-project-title.is-editable {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.vidu-project-title-edit {
  width: 30px;
  height: 30px;
  border: 0;
  padding: 0;
  display: inline-grid;
  place-items: center;
  color: var(--vidu-text-secondary);
  background: transparent;
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity var(--vidu-duration-fast, 160ms) var(--vidu-ease-standard, ease),
    transform var(--vidu-duration-fast, 160ms) var(--vidu-ease-standard, ease),
    color var(--vidu-duration-fast, 160ms) var(--vidu-ease-standard, ease);
  cursor: pointer;
}

.vidu-project-title:hover .vidu-project-title-edit,
.vidu-project-title-edit:focus-visible {
  opacity: 1;
  transform: translateX(0);
}

.vidu-project-title-edit:hover {
  color: var(--vidu-text-primary);
}

.vidu-project-title-edit svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
}

.vidu-project-title-input {
  width: min(720px, 62vw);
  min-height: 48px;
  border: 1px solid var(--vidu-border-medium);
  border-radius: var(--vidu-radius-md);
  background: var(--vidu-input-bg);
  color: var(--vidu-text-primary);
  box-shadow: var(--vidu-shadow-card);
  padding: 0 14px;
  font: inherit;
  letter-spacing: inherit;
}

.vidu-project-header-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.vidu-project-progress {
  color: var(--vidu-text-secondary);
  letter-spacing: .12em;
  font-size: 12px;
}

.vidu-project-deadline {
  color: var(--vidu-text-muted);
  font-size: 12px;
}

.vidu-project-head-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

#vidu-project-ai-output-wrap {
  flex: 0 0 auto;
  margin: 16px 0;
}

#vidu-project-ai-output-wrap .vidu-ai-assist-panel {
  margin: 0 24px;
}

.vidu-project-users {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.vidu-project-user-avatar {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(59,130,246,.16);
  border: 1px solid rgba(59,130,246,.28);
  color: #bfdbfe;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
}

.vidu-project-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vidu-project-user-empty {
  font-size: 12px;
  color: var(--vidu-meta);
}

.vidu-project-invite-btn {
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  border-radius: 999px;
  font-size: 16px !important;
  line-height: 1 !important;
}

.vidu-project-members-panel {
  width: 100%;
  max-height: min(72vh, 720px);
  overflow-y: auto;
}

.vidu-project-member-list {
  display: grid;
  gap: 8px;
}

.vidu-project-member-row {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 150px auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 14px;
  background: rgba(255,255,255,0.025);
}

.vidu-project-member-row strong,
.vidu-project-member-row span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-project-member-row strong {
  color: rgba(255,255,255,0.88);
  font-size: 13px;
}

.vidu-project-member-row span {
  color: rgba(255,255,255,0.44);
  font-size: 12px;
}

.vidu-project-member-row select {
  min-width: 0;
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 12px;
  background: rgba(0,0,0,0.25);
  color: rgba(255,255,255,0.82);
  padding: 8px 10px;
}

.vidu-project-member-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255,255,255,0.62);
  font-size: 12px;
  font-weight: 800;
}

/* =========================
   PROJECT MODAL GRID
   ========================= */

.vidu-project-cockpit-grid {
  display: grid;
  grid-template-columns: minmax(300px, .85fr) minmax(480px, 1.55fr) minmax(300px, .85fr);
  gap: 14px;
  padding: 16px 18px 18px;
  min-height: 0 !important;
  height: auto !important;
  flex: 1 1 auto;
  overflow: hidden !important;
  background: var(--vidu-project-modal-grid-bg) !important;
  align-items: stretch !important;
  position: relative;
  isolation: isolate;
  border-radius: 24px 24px 22px 22px;
}

.vidu-project-cockpit.is-focus-mode .vidu-project-cockpit-grid {
  min-height: 0 !important;
}

.vidu-project-cockpit.is-activity-focus-mode .vidu-project-cockpit-grid,
.vidu-project-cockpit-grid.is-activity-focus-mode {
  grid-template-columns: minmax(0, .52fr) minmax(560px, 2.2fr) minmax(0, .52fr);
}

.vidu-project-column,
.vidu-project-structure,
.vidu-project-activity,
.vidu-project-control {
  min-width: 0;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  position: static !important;
  background: transparent !important;
  transition: filter .26s ease, opacity .26s ease, transform .26s ease;
}

.vidu-project-column::-webkit-scrollbar,
.vidu-project-structure::-webkit-scrollbar,
.vidu-project-activity::-webkit-scrollbar,
.vidu-project-control::-webkit-scrollbar,
.vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active::-webkit-scrollbar,
.vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active::-webkit-scrollbar {
  display: none;
}

.vidu-project-column {
  padding: 0 !important;
}

.vidu-project-column + .vidu-project-column {
  border-left: 1px solid var(--vidu-project-column-border) !important;
  padding-left: 18px !important;
}

.vidu-project-cockpit-grid.is-focus-active > .vidu-project-column + .vidu-project-column {
  border-left-color: transparent !important;
}

.vidu-project-column-title {
  margin-bottom: 16px;
  font-size: 11px;
  letter-spacing: .14em;
}

.vidu-project-column-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
  position: sticky;
  top: 0;
  z-index: 12;
  padding: 8px 0 14px;
  background: var(--vidu-project-sticky-head-bg);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.vidu-project-column-head .vidu-project-column-title {
  margin: 0;
}

.vidu-project-column-focus-btn {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  border-radius: 9px;
  border: 1px solid rgba(255,255,255,0.09);
  background: rgba(255,255,255,0.018);
  color: rgba(255,255,255,0.66);
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
}

.vidu-project-column-focus-btn:hover {
  border-color: rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.035);
}

.vidu-project-column-focus-btn.is-active {
  color: rgba(255,255,255,0.86);
  border-color: rgba(255,255,255,0.24);
  box-shadow: 0 0 0 2px rgba(255,255,255,0.045), 0 12px 34px rgba(0,0,0,0.26);
}

.vidu-project-column-focus-btn svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
}

.vidu-project-layer-map {
  display: none;
}

.vidu-project-layer-map span {
  font-size: 11px;
  letter-spacing: .03em;
  color: rgba(255,255,255,0.62);
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 999px;
  padding: 4px 9px;
}

.vidu-project-cockpit.is-focus-mode .vidu-project-column {
  transition: opacity .22s ease, filter .22s ease, transform .22s ease, box-shadow .24s ease;
}

.vidu-project-cockpit.is-activity-focus-mode .vidu-project-column:not(.vidu-project-activity),
.vidu-project-cockpit-grid.is-activity-focus-mode > .vidu-project-column:not(.vidu-project-activity) {
  opacity: .34;
  filter: blur(1.4px) saturate(.84);
}

.vidu-project-cockpit.is-activity-focus-mode .vidu-project-activity,
.vidu-project-cockpit-grid.is-activity-focus-mode > .vidu-project-activity {
  opacity: 1;
  filter: none;
}

.vidu-project-cockpit.is-activity-focus-mode .vidu-project-activity .vidu-project-timeline-card,
.vidu-project-cockpit-grid.is-activity-focus-mode > .vidu-project-activity .vidu-project-timeline-card {
  opacity: .36;
  filter: saturate(.82);
}

.vidu-project-cockpit.is-focus-mode .vidu-project-column:not(.is-focus-active),
.vidu-project-cockpit-grid.is-focus-active > .vidu-project-column:not(.is-focus-active) {
  filter: blur(3px);
  opacity: 0.28;
  pointer-events: none;
  transform: none;
}

.vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active,
.vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active {
  position: absolute !important;
  top: 0 !important;
  bottom: auto !important;
  z-index: 20 !important;
  filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: min(760px, calc(100% - 68px)) !important;
  max-width: none !important;
  background: rgba(25,25,28,0.96) !important;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 24px;
  box-shadow:
    0 28px 90px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.04);
  padding: 18px !important;
  max-height: min(100%, calc(100vh - 190px));
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition:
    transform .26s ease,
    opacity .26s ease,
    width .26s ease,
    max-width .26s ease,
    box-shadow .26s ease;
}

.vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active .vidu-project-column-head,
.vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active .vidu-project-column-head {
  background: linear-gradient(180deg, rgba(25,25,28,0.98) 0%, rgba(25,25,28,0.94) 72%, rgba(25,25,28,0) 100%);
}

.vidu-project-cockpit.is-focus-left .vidu-project-column.is-focus-active,
.vidu-project-cockpit-grid.is-focus-left > .vidu-project-column.is-focus-active {
  left: 0 !important;
  right: auto !important;
  transform: none !important;
}

.vidu-project-cockpit.is-focus-center .vidu-project-column.is-focus-active,
.vidu-project-cockpit-grid.is-focus-center > .vidu-project-column.is-focus-active {
  left: 50% !important;
  right: auto !important;
  width: min(920px, calc(100% - 68px)) !important;
  transform-origin: center top;
  transform: translateX(-50%) scale(1);
  animation: viduProjectCenterFocusIn .26s ease both;
}

.vidu-project-cockpit.is-focus-right .vidu-project-column.is-focus-active,
.vidu-project-cockpit-grid.is-focus-right > .vidu-project-column.is-focus-active {
  left: auto !important;
  right: 0 !important;
  transform: none !important;
}

@keyframes viduProjectCenterFocusIn {
  from {
    opacity: .84;
    transform: translateX(-50%) scale(.965);
  }

  to {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}

/* =========================
   PROJECT MODAL V2 FLAT PROFESSIONAL SHELL
   Permanent low-paint shell treatment: surface + border, no glass blur.
   ========================= */

.vidu-project-modal-shell .vidu-app-modal-dialog,
.vidu-project-modal-shell .vidu-app-modal-body,
.vidu-project-modal-shell .vidu-app-modal-content,
.vidu-project-modal-shell .vidu-modal-content,
.vidu-project-modal-shell .vidu-modal-inner-frame,
.vidu-project-modal-shell .vidu-modal-inner-content {
  background: var(--vidu-surface-1) !important;
}

.vidu-project-modal-shell .vidu-project-cockpit {
  background: var(--vidu-surface-1) !important;
  box-shadow: var(--vidu-shadow-soft) !important;
}

.vidu-project-modal-shell .vidu-project-cockpit-header,
.vidu-project-modal-shell .vidu-project-column-head {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-subtle) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: none !important;
}

.vidu-project-modal-shell .vidu-project-cockpit-grid {
  background: var(--vidu-surface-1) !important;
  border-color: var(--vidu-border-subtle) !important;
}

.vidu-project-modal-shell .vidu-project-column {
  transition-property: background, border-color, color, opacity !important;
}

.vidu-project-cockpit.is-focus-mode .vidu-project-column:not(.is-focus-active),
.vidu-project-cockpit.is-activity-focus-mode .vidu-project-column:not(.vidu-project-activity),
.vidu-project-cockpit-grid.is-activity-focus-mode > .vidu-project-column:not(.vidu-project-activity) {
  filter: none !important;
}

.vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active,
.vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-active) !important;
  box-shadow: var(--vidu-shadow-soft) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition-property: opacity, background, border-color !important;
}

.vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active .vidu-project-column-head,
.vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active .vidu-project-column-head {
  background: var(--vidu-surface-2) !important;
}


/* Source: assets/css/pipeline/06-project-modal-sidebar.css */
/* =========================
   PROJECT STRUCTURE / CHECKLIST
   ========================= */

.vidu-project-structure-block,
.vidu-project-control-card,
.vidu-project-feed,
.vidu-project-chat-window,
.vidu-project-chat-compose,
.vidu-project-block,
.vidu-project-check-block,
.vidu-project-timeline-card {
  background: var(--vidu-project-module-surface, rgba(255,255,255,0.035)) !important;
  border: 1px solid var(--vidu-project-module-border, rgba(255,255,255,0.055)) !important;
  box-shadow: var(--vidu-project-module-shadow, inset 0 1px 0 rgba(255,255,255,0.02), 0 10px 24px rgba(0,0,0,0.12)) !important;
}

.vidu-project-structure-block,
.vidu-project-control-card {
  margin-bottom: 12px;
  border-radius: 20px;
  overflow: hidden;
  transition:
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.vidu-project-column-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

@media (min-width: 769px) {
  .vidu-project-modal-shell .vidu-project-cockpit-grid.has-empty-left {
    grid-template-columns: 76px minmax(480px, 1.55fr) minmax(300px, .85fr) !important;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid.has-empty-center {
    grid-template-columns: minmax(300px, .85fr) 76px minmax(300px, .85fr) !important;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid.has-empty-right {
    grid-template-columns: minmax(300px, .85fr) minmax(480px, 1.55fr) 76px !important;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid.has-empty-left.has-empty-center {
    grid-template-columns: 76px 76px minmax(300px, 1fr) !important;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid.has-empty-left.has-empty-right {
    grid-template-columns: 76px minmax(480px, 1fr) 76px !important;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid.has-empty-center.has-empty-right {
    grid-template-columns: minmax(300px, 1fr) 76px 76px !important;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid.has-empty-left.has-empty-center.has-empty-right {
    grid-template-columns: 76px 76px 76px !important;
  }

  .vidu-project-modal-shell .vidu-project-column.is-layer-empty {
    width: 76px !important;
    min-width: 0 !important;
    max-width: 76px !important;
    padding: 0 8px !important;
    position: relative !important;
    overflow: visible !important;
  }

  .vidu-project-modal-shell .vidu-project-column.is-layer-empty + .vidu-project-column {
    padding-left: 14px !important;
  }

  .vidu-project-modal-shell .vidu-project-column.is-layer-empty > :not(.vidu-project-column-head):not(.vidu-project-sidebar-prefs-panel) {
    display: none !important;
  }

  .vidu-project-modal-shell .vidu-project-column.is-layer-empty .vidu-project-column-head {
    position: sticky !important;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-height: 124px;
    padding: 8px 0 12px !important;
    margin-bottom: 0 !important;
  }

  .vidu-project-modal-shell .vidu-project-column.is-layer-empty .vidu-project-column-title {
    max-width: 54px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: .12em;
  }

  .vidu-project-modal-shell .vidu-project-column.is-layer-empty .vidu-project-column-actions {
    flex-direction: column;
    gap: 7px;
  }

  .vidu-project-modal-shell .vidu-project-column.is-layer-empty [data-column-focus],
  .vidu-project-modal-shell .vidu-project-column.is-layer-empty [data-column-focus][hidden] {
    display: none !important;
  }

  .vidu-project-modal-shell .vidu-project-column.is-layer-empty .vidu-project-sidebar-prefs-panel.is-open {
    position: absolute;
    z-index: 96;
    top: 62px;
    left: 8px;
    width: 282px;
    max-width: calc(100vw - 56px);
    margin: 0;
  }

  .vidu-project-modal-shell .vidu-project-control.is-layer-empty .vidu-project-sidebar-prefs-panel.is-open {
    left: auto;
    right: 8px;
  }
}

.vidu-project-sidebar-modules {
  display: grid;
  gap: 12px;
}

.vidu-project-sidebar-prefs-panel {
  position: relative;
  z-index: 34;
  display: none;
  margin: 0 0 12px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid var(--vidu-border-soft, rgba(255,255,255,0.08));
  background: var(--vidu-surface-3, rgba(22,22,28,0.92));
  box-shadow: var(--vidu-shadow-floating, 0 18px 48px rgba(0,0,0,0.22));
}

.vidu-project-sidebar-prefs-panel.is-open {
  display: grid;
  gap: 10px;
  z-index: 96;
}

.vidu-project-modal-shell .vidu-project-column:has(.vidu-project-sidebar-prefs-panel.is-open),
.vidu-project-modal-shell .vidu-project-column:has([data-custom-column-prefs-panel].is-open) {
  overflow: visible !important;
  z-index: 90;
}

.vidu-project-modal-shell [data-custom-column-prefs-panel].is-open,
.vidu-project-modal-shell #vidu-project-sidebar-prefs-panel.is-open {
  position: relative;
  z-index: 96;
  box-shadow:
    0 26px 76px rgba(0,0,0,.44),
    0 0 0 1px rgba(147,197,253,.08),
    inset 0 1px 0 rgba(255,255,255,.055);
}

#vidu-app-modal.vidu-project-modal-shell #vidu-project-sidebar-prefs-panel.is-open {
  max-height: min(62dvh, 760px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}

#vidu-app-modal.vidu-project-modal-shell #vidu-project-sidebar-prefs-panel.is-open::-webkit-scrollbar {
  display: none;
}

.vidu-project-sidebar-prefs-title {
  color: var(--vidu-text-primary, rgba(255,255,255,0.9));
  font-size: var(--vidu-text-sm, 13px);
  font-weight: 760;
}

.vidu-project-sidebar-prefs-list {
  display: grid;
  gap: 12px;
}

.vidu-project-module-section-label {
  margin: 4px 2px 8px;
  color: rgba(226,232,240,.42);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.vidu-project-module-package-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 8px;
  margin-bottom: 16px;
}

.vidu-project-module-picker-group {
  --vidu-module-group-accent: rgba(148,163,184,.62);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.065);
  border-left-color: var(--vidu-module-group-accent);
  border-radius: 14px;
  background: rgba(255,255,255,.018);
}

.vidu-project-module-picker-group[data-module-group="marketing"] {
  --vidu-module-group-accent: rgba(245,158,11,.72);
}

.vidu-project-module-picker-group[data-module-group="finance"] {
  --vidu-module-group-accent: rgba(59,130,246,.72);
}

.vidu-project-module-picker-group[data-module-group="client_success"] {
  --vidu-module-group-accent: rgba(16,185,129,.72);
}

.vidu-project-module-picker-group[data-module-group="operations"] {
  --vidu-module-group-accent: rgba(167,139,250,.68);
}

.vidu-project-module-picker-group-header {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 43px;
  padding: 7px 9px;
  border-bottom: 1px solid rgba(255,255,255,.055);
  background: linear-gradient(90deg, color-mix(in srgb, var(--vidu-module-group-accent) 8%, transparent), transparent 54%);
}

.vidu-project-module-picker-group-header > .vidu-project-module-picker-icon {
  width: 25px;
  height: 25px;
  flex-basis: 25px;
  color: var(--vidu-module-group-accent);
}

.vidu-project-module-picker-group-header > span:last-child {
  min-width: 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  flex: 1 1 auto;
}

.vidu-project-module-picker-group-header strong {
  color: rgba(241,245,249,.86);
  font-size: 11px;
}

.vidu-project-module-picker-group-header small {
  flex: 0 0 auto;
  color: rgba(226,232,240,.38);
  font-size: 9px;
  font-weight: 650;
}

.vidu-project-module-picker-group-list {
  display: grid;
  gap: 5px;
  padding: 6px;
}

.vidu-project-module-picker-group-list .vidu-project-sidebar-pref-row {
  background: rgba(255,255,255,.024);
  border-color: rgba(255,255,255,.045);
}

.vidu-project-sidebar-pref-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  padding: 8px 9px;
  border-radius: 12px;
  color: var(--vidu-text-secondary, rgba(255,255,255,0.66));
  background: var(--vidu-control-bg, rgba(255,255,255,0.035));
  border: 1px solid var(--vidu-control-border, rgba(255,255,255,0.06));
  cursor: pointer;
}

.vidu-project-sidebar-pref-row label {
  min-width: 0;
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.vidu-project-sidebar-pref-row input {
  width: 15px;
  height: 15px;
  accent-color: var(--vidu-brand-primary, #22c55e);
}

.vidu-project-sidebar-pref-row .vidu-project-module-picker-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 720;
}

.vidu-project-module-picker-icon {
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 8px;
  color: rgba(203,213,225,.76);
  background: rgba(255,255,255,.035);
}

.vidu-project-module-picker-icon-svg {
  width: 15px;
  height: 15px;
}

.vidu-project-module-picker-icon[data-module-icon="marketing"] {
  color: rgba(251,191,36,.88);
  background: rgba(245,158,11,.08);
}

.vidu-project-module-picker-icon[data-module-icon="finance"] {
  color: rgba(96,165,250,.9);
  background: rgba(59,130,246,.08);
}

.vidu-project-module-picker-icon[data-module-icon="client_success"],
.vidu-project-module-picker-icon[data-module-icon="client"] {
  color: rgba(52,211,153,.88);
  background: rgba(16,185,129,.08);
}

.vidu-project-module-picker-icon[data-module-icon="warning"],
.vidu-project-module-picker-icon[data-module-icon="critical"] {
  color: rgba(248,113,113,.9);
  background: rgba(239,68,68,.075);
}

.vidu-project-module-picker-icon[data-module-icon="approval"],
.vidu-project-module-picker-icon[data-module-icon="decision"] {
  color: rgba(196,181,253,.9);
  background: rgba(139,92,246,.08);
}

.vidu-project-module-picker-icon[data-module-icon="calendar"],
.vidu-project-module-picker-icon[data-module-icon="reports"] {
  color: rgba(125,211,252,.88);
  background: rgba(14,165,233,.075);
}

.vidu-project-module-picker-icon[data-module-icon="operations"] {
  color: rgba(196,181,253,.88);
  background: rgba(139,92,246,.075);
}

.vidu-project-module-switch-copy {
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: center;
  column-gap: 9px !important;
}

.vidu-project-module-switch-copy > span:last-child {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.vidu-project-sidebar-pref-order {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
}

.vidu-project-sidebar-pref-order button {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  border: 1px solid var(--vidu-control-border, rgba(255,255,255,0.08));
  background: var(--vidu-control-bg, rgba(255,255,255,0.04));
  color: var(--vidu-control-text, var(--vidu-text-primary, rgba(255,255,255,0.88)));
  display: inline-grid;
  place-items: center;
  cursor: pointer;
}

.vidu-project-sidebar-pref-order button:disabled {
  opacity: .32;
  cursor: default;
}

#vidu-project-sidebar-prefs-toggle.is-active {
  color: var(--vidu-text-primary, rgba(255,255,255,0.9));
  border-color: var(--vidu-control-border-active, rgba(147,197,253,0.30));
  background: var(--vidu-control-bg-active, rgba(59,130,246,0.14));
}

[data-custom-column-prefs-toggle].is-active {
  color: var(--vidu-text-primary, rgba(255,255,255,0.9));
  border-color: var(--vidu-control-border-active, rgba(147,197,253,0.30));
  background: var(--vidu-control-bg-active, rgba(59,130,246,0.14));
}

.vidu-project-modal [data-custom-module][hidden] {
  display: none !important;
}

.vidu-project-client-editor {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.vidu-project-client-field {
  position: relative;
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vidu-project-client-field.is-wide,
.vidu-project-client-editor-actions {
  grid-column: 1 / -1;
}

.vidu-project-client-field span {
  color: var(--vidu-text-faint, rgba(255,255,255,.46));
  font-size: var(--vidu-text-xs, 11px);
  font-family: var(--vidu-font-mono, monospace);
  font-weight: 760;
  letter-spacing: var(--vidu-letter-label, .08em);
  text-transform: uppercase;
}

.vidu-project-client-field input {
  width: 100%;
  min-height: 38px;
  border-radius: 12px;
  border: 1px solid var(--vidu-control-border, rgba(255,255,255,.08));
  background: var(--vidu-input-bg, rgba(255,255,255,.045));
  color: var(--vidu-text-primary, rgba(255,255,255,.92));
  padding: 8px 10px;
  outline: 0;
}

.vidu-project-client-field input:focus {
  border-color: var(--vidu-control-border-active, rgba(96,165,250,.42));
  box-shadow: 0 0 0 3px rgba(96,165,250,.10);
}

.vidu-project-client-editor-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 2px;
}

.vidu-project-client-editor-actions small {
  color: var(--vidu-text-faint, rgba(255,255,255,.46));
}

.vidu-project-client-partner-menu {
  position: absolute;
  z-index: 60;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-height: 260px;
  overflow-y: auto;
  border-radius: 14px;
  border: 1px solid var(--vidu-border-soft, rgba(255,255,255,.08));
  background: var(--vidu-surface-4, rgba(22,22,28,.98));
  box-shadow: var(--vidu-shadow-floating, 0 18px 48px rgba(0,0,0,.30));
  padding: 6px;
}

.vidu-project-client-partner-menu[hidden] {
  display: none;
}

.vidu-project-client-partner-menu button {
  width: 100%;
  display: grid;
  gap: 3px;
  text-align: left;
  padding: 9px 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--vidu-text-primary, rgba(255,255,255,.9));
  cursor: pointer;
}

.vidu-project-client-partner-menu button:hover,
.vidu-project-client-partner-menu button.is-active {
  background: var(--vidu-control-bg-hover, rgba(255,255,255,.07));
}

.vidu-project-client-partner-menu strong {
  font-size: 12px;
}

.vidu-project-client-partner-menu span {
  color: var(--vidu-text-faint, rgba(255,255,255,.46));
  font-size: 11px;
}

.vidu-custom-template-popover {
  z-index: 100002;
  width: min(320px, calc(100vw - 36px));
  display: grid;
  gap: 12px;
  padding: 13px;
  border-radius: 18px;
  border: 1px solid var(--vidu-border-soft, rgba(255,255,255,.10));
  background: var(--vidu-surface-4, rgba(18,18,24,.98));
  color: var(--vidu-text-primary, rgba(255,255,255,.92));
  box-shadow: var(--vidu-shadow-floating, 0 22px 64px rgba(0,0,0,.38));
}

.vidu-custom-template-field {
  display: grid;
  gap: 6px;
}

.vidu-custom-template-field span,
.vidu-custom-template-popover small {
  color: var(--vidu-text-faint, rgba(255,255,255,.46));
  font-size: var(--vidu-text-xs, 11px);
}

.vidu-custom-template-field input {
  width: 100%;
  min-height: 38px;
  border-radius: 12px;
  border: 1px solid var(--vidu-control-border, rgba(255,255,255,.08));
  background: var(--vidu-input-bg, rgba(255,255,255,.045));
  color: var(--vidu-text-primary, rgba(255,255,255,.92));
  padding: 8px 10px;
  outline: 0;
}

.vidu-custom-template-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.vidu-custom-template-actions small {
  margin-right: auto;
}

.vidu-custom-template-list {
  display: grid;
  gap: 6px;
  max-height: 320px;
  overflow-y: auto;
}

.vidu-custom-template-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 22px;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px 9px;
  border-radius: 12px;
  border: 1px solid var(--vidu-control-border, rgba(255,255,255,.07));
  background: var(--vidu-control-bg, rgba(255,255,255,.035));
  color: var(--vidu-text-primary, rgba(255,255,255,.9));
  text-align: left;
  cursor: pointer;
}

.vidu-custom-template-row:hover {
  background: var(--vidu-control-bg-hover, rgba(255,255,255,.075));
}

.vidu-custom-template-row span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 720;
}

.vidu-custom-template-row em {
  color: var(--vidu-text-faint, rgba(255,255,255,.42));
  font-size: 10px;
  font-style: normal;
}

.vidu-custom-template-row i {
  opacity: 0;
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 8px;
  color: var(--vidu-accent-danger, #ef4444);
  font-style: normal;
  transition: opacity var(--vidu-duration-fast, .16s) var(--vidu-ease-standard, ease);
}

.vidu-custom-template-row:hover i {
  opacity: 1;
}

.vidu-custom-template-empty {
  padding: 12px;
  border-radius: 12px;
  border: 1px dashed var(--vidu-border-soft, rgba(255,255,255,.08));
  color: var(--vidu-text-faint, rgba(255,255,255,.46));
  font-size: 12px;
}

.vidu-project-structure-headrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  overflow: hidden;
}

.vidu-project-sidebar-drag-handle {
  appearance: none;
  -webkit-appearance: none;
  width: 42px;
  min-height: 50px;
  display: grid;
  grid-template-columns: repeat(2, 3px);
  grid-auto-rows: 3px;
  align-content: center;
  justify-content: center;
  gap: 3px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  background-color: transparent;
  color: inherit;
  opacity: .32;
  cursor: grab;
  flex: 0 0 auto;
  pointer-events: auto;
  touch-action: none;
  user-select: none;
  transition: opacity .16s ease, transform .16s ease;
}

.vidu-project-sidebar-drag-handle span {
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: currentColor;
}

.vidu-project-structure-block:hover .vidu-project-sidebar-drag-handle,
.vidu-project-structure-block:focus-within .vidu-project-sidebar-drag-handle {
  opacity: .72;
}

.vidu-project-structure-block.is-dragging {
  opacity: .62;
  transform: scale(.992);
  cursor: grabbing;
  z-index: 5;
}

body.is-vidu-sidebar-sorting,
body.vidu-sidebar-dragging {
  user-select: none;
  cursor: grabbing;
}

body.is-vidu-sidebar-sorting .vidu-project-sidebar-drag-handle,
body.vidu-sidebar-dragging .vidu-project-sidebar-drag-handle {
  cursor: grabbing;
}

.vidu-project-structure-block.has-drag-started {
  box-shadow: var(--vidu-shadow-floating, 0 18px 48px rgba(0,0,0,0.22));
}

.vidu-project-structure-head {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  min-height: var(--vidu-project-module-header-height, 50px);
  padding: var(--vidu-project-module-title-padding, 0 16px 0 0);
  border: none;
  background: transparent;
  color: #f3f3f5;
  display: flex;
  align-items: center;
  gap: 0;
  cursor: pointer;
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease;
}

.vidu-project-structure-head > span {
  min-width: 0;
  flex: 1 1 auto;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-project-structure-head > strong {
  flex: 0 0 auto;
}

.vidu-project-structure-body {
  display: none;
  padding: var(--vidu-project-module-body-padding, 14px);
  border-top: 1px solid var(--vidu-project-module-inner-border, rgba(255,255,255,0.045));
  background: var(--vidu-project-module-body-surface, #121214);
}

.vidu-project-structure-body.is-open {
  display: block;
}

.vidu-project-structure-block.is-collapsed .vidu-project-structure-body {
  display: none !important;
}

.vidu-project-structure-block.is-collapsed .vidu-project-structure-headrow {
  border-radius: inherit;
}

.vidu-project-structure-block.is-collapsed {
  opacity: .94;
}

.vidu-project-structure-block.vidu-structure-red {
  --vidu-structure-tint: rgba(127, 29, 29, 0.075);
  --vidu-structure-tint-hover: rgba(127, 29, 29, 0.095);
  --vidu-structure-border: rgba(127, 29, 29, 0.24);
  --vidu-structure-ring: rgba(127, 29, 29, 0.035);
}

.vidu-project-structure-block.vidu-structure-orange {
  --vidu-structure-tint: rgba(146, 64, 14, 0.075);
  --vidu-structure-tint-hover: rgba(146, 64, 14, 0.095);
  --vidu-structure-border: rgba(180, 83, 9, 0.24);
  --vidu-structure-ring: rgba(180, 83, 9, 0.032);
}

.vidu-project-structure-block.vidu-structure-purple {
  --vidu-structure-tint: rgba(67, 56, 202, 0.072);
  --vidu-structure-tint-hover: rgba(67, 56, 202, 0.092);
  --vidu-structure-border: rgba(79, 70, 229, 0.22);
  --vidu-structure-ring: rgba(79, 70, 229, 0.032);
}

.vidu-project-structure-block.vidu-structure-blue {
  --vidu-structure-tint: rgba(30, 64, 175, 0.068);
  --vidu-structure-tint-hover: rgba(30, 64, 175, 0.088);
  --vidu-structure-border: rgba(59, 130, 246, 0.22);
  --vidu-structure-ring: rgba(59, 130, 246, 0.032);
}

.vidu-project-structure-block.vidu-structure-yellow {
  --vidu-structure-tint: rgba(101, 109, 39, 0.068);
  --vidu-structure-tint-hover: rgba(101, 109, 39, 0.088);
  --vidu-structure-border: rgba(132, 124, 45, 0.22);
  --vidu-structure-ring: rgba(132, 124, 45, 0.03);
}

.vidu-project-structure-block[class*="vidu-structure-"] {
  background: rgba(255,255,255,0.035) !important;
  border-color: var(--vidu-structure-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.025),
    0 10px 24px rgba(0,0,0,0.12),
    inset 0 0 0 999px var(--vidu-structure-tint),
    0 0 0 1px var(--vidu-structure-ring) !important;
}

.vidu-project-structure-block[class*="vidu-structure-"]:hover {
  background: rgba(255,255,255,0.038) !important;
  border-color: var(--vidu-structure-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.025),
    0 10px 24px rgba(0,0,0,0.12),
    inset 0 0 0 999px var(--vidu-structure-tint-hover),
    0 0 0 1px var(--vidu-structure-ring) !important;
}

.vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-head {
  background: transparent;
}

.vidu-project-structure-block.is-open[class*="vidu-structure-"] {
  background: rgba(255,255,255,0.035) !important;
  border-color: rgba(255,255,255,0.055) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.02),
    0 10px 24px rgba(0,0,0,0.12) !important;
}

.vidu-project-structure-block.is-open[class*="vidu-structure-"] .vidu-project-structure-head {
  background: var(--vidu-structure-tint);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.025);
}

.vidu-project-structure-block.is-open[class*="vidu-structure-"] .vidu-project-structure-body {
  background: #121214;
}

.vidu-project-structure-body .vidu-project-block,
.vidu-project-structure-body .vidu-project-check-block {
  background: rgba(12,12,14,0.68) !important;
  border: 1px solid rgba(255,255,255,0.038) !important;
  box-shadow: none !important;
}

.vidu-project-structure-body .vidu-project-item,
.vidu-project-structure-body .vidu-project-check-row,
.vidu-project-structure-body .vidu-project-check-block-title {
  background: rgba(9,9,11,0.84) !important;
  border: 1px solid rgba(255,255,255,0.038) !important;
}

.vidu-project-structure-body .vidu-board-empty {
  background: rgba(12,12,14,0.52);
  border-color: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.38);
}

.vidu-project-marketing-module {
  display: grid;
  gap: 8px;
  min-height: 118px;
  padding: 16px;
  border: 1px solid rgba(118, 165, 214, 0.16);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(29, 39, 53, 0.62), rgba(15, 18, 25, 0.38));
}

.vidu-project-marketing-module > span {
  color: rgba(110, 194, 255, 0.82);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.vidu-project-marketing-module > strong {
  color: rgba(244, 248, 255, 0.94);
  font-size: 15px;
}

.vidu-project-marketing-module > p {
  margin: 0;
  color: rgba(210, 219, 232, 0.68);
  font-size: 12px;
  line-height: 1.5;
}

.vidu-project-marketing-module-status {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.vidu-project-marketing-module-status em {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(112, 151, 198, 0.1);
  color: rgba(205, 221, 241, 0.72);
  font-size: 10px;
  font-style: normal;
}

.vidu-marketing-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 6px;
}

.vidu-marketing-control-grid label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vidu-marketing-control-grid label.is-wide {
  grid-column: 1 / -1;
}

.vidu-marketing-control-grid label > span {
  color: rgba(208, 219, 235, 0.62);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.vidu-marketing-control-grid input,
.vidu-marketing-control-grid select,
.vidu-marketing-control-grid textarea {
  width: 100%;
  min-height: 36px;
  box-sizing: border-box;
  border: 1px solid rgba(132, 170, 216, 0.16);
  border-radius: 10px;
  background: rgba(8, 12, 18, 0.72);
  color: rgba(242, 247, 255, 0.92);
  padding: 9px 10px;
  font: inherit;
  outline: none;
  transition: border-color 160ms ease, background 160ms ease;
}

.vidu-marketing-control-grid textarea {
  min-height: 76px;
  resize: vertical;
}

.vidu-marketing-control-grid input:focus,
.vidu-marketing-control-grid select:focus,
.vidu-marketing-control-grid textarea:focus {
  border-color: rgba(99, 184, 255, 0.5);
  background: rgba(10, 16, 25, 0.9);
}

.vidu-marketing-choice-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 8px;
}

.vidu-marketing-choice-grid label {
  position: relative;
  display: inline-flex;
}

.vidu-marketing-choice-grid input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.vidu-marketing-choice-grid span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(130, 164, 205, 0.16);
  border-radius: 999px;
  background: rgba(103, 139, 184, 0.07);
  color: rgba(210, 222, 238, 0.66);
  font-size: 10px;
  cursor: pointer;
  transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.vidu-marketing-choice-grid input:checked + span {
  border-color: rgba(91, 184, 255, 0.42);
  background: rgba(57, 143, 214, 0.17);
  color: rgba(231, 245, 255, 0.96);
}

.vidu-marketing-placement-list {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}

.vidu-marketing-placement-row {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(0, auto);
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 7px 9px;
  border-radius: 11px;
  background: rgba(7, 11, 17, 0.45);
}

.vidu-marketing-placement-client-options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.vidu-marketing-placement-row label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: rgba(219, 230, 245, 0.8);
  font-size: 11px;
}

.vidu-marketing-placement-row label > span {
  display: grid;
  min-width: 0;
}

.vidu-marketing-placement-row strong,
.vidu-marketing-placement-row small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-marketing-placement-row small {
  color: rgba(190, 204, 223, 0.46);
  font-size: 9px;
  text-transform: uppercase;
}

.vidu-marketing-placement-row .is-client {
  color: rgba(148, 202, 243, 0.7);
  font-size: 9px;
}

.vidu-marketing-placement-row input:disabled + span {
  opacity: .34;
}

.vidu-marketing-preview-readiness {
  display: grid;
  gap: 5px;
  margin-top: 10px;
  padding: 11px 12px;
  border: 1px solid rgba(87, 205, 151, .16);
  border-radius: 12px;
  color: rgba(205, 240, 225, .72);
  background: rgba(46, 154, 105, .07);
  font-size: 10px;
}

.vidu-marketing-preview-readiness.has-warnings {
  border-color: rgba(242, 173, 72, .18);
  color: rgba(245, 213, 166, .75);
  background: rgba(179, 111, 24, .07);
}

.vidu-marketing-preview-readiness strong {
  color: rgba(255, 255, 255, .82);
  font-size: 11px;
}

.vidu-marketing-preview-readiness ul {
  display: grid;
  gap: 2px;
  margin: 0;
  padding-left: 16px;
}

@media (max-width: 720px) {
  .vidu-marketing-control-grid {
    grid-template-columns: 1fr;
  }

  .vidu-marketing-control-grid label.is-wide {
    grid-column: auto;
  }
}

.vidu-project-structure-body .vidu-project-assets-status,
.vidu-project-structure-body .vidu-project-assets-breadcrumb,
.vidu-project-structure-body .vidu-project-assets-dropzone,
.vidu-project-structure-body .vidu-project-drive-item {
  background: rgba(10,10,12,0.72);
  border-color: rgba(255,255,255,0.05);
}

.vidu-project-assets-prep {
  display: grid;
  gap: 12px;
  position: relative;
  z-index: 25;
  pointer-events: auto;
}

.vidu-project-assets-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 10px 9px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.055);
}

.vidu-project-assets-status > div:first-child {
  display: grid;
  gap: 3px;
}

.vidu-project-assets-status span {
  color: var(--vidu-meta);
  font-size: 11px;
}

.vidu-project-assets-status strong {
  color: rgba(255,255,255,0.88);
  font-size: 13px;
}

.vidu-project-assets-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
}

.vidu-project-drive-external-connect {
  display: grid;
  gap: 10px;
  padding: 13px;
  border: 1px solid rgba(129, 140, 248, .2);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(99, 102, 241, .09), rgba(15, 23, 42, .62));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.vidu-project-drive-external-connect-head,
.vidu-project-drive-share-address,
.vidu-project-drive-external-form {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vidu-project-drive-external-connect-head {
  justify-content: space-between;
}

.vidu-project-drive-external-connect-head > div {
  display: grid;
  gap: 2px;
}

.vidu-project-drive-external-connect-head span,
.vidu-project-drive-share-address span {
  color: rgba(199, 210, 254, .64);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.vidu-project-drive-external-connect-head strong {
  color: rgba(255, 255, 255, .86);
  font-size: 12px;
}

.vidu-project-drive-share-address {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 11px;
  background: rgba(2, 6, 23, .42);
}

.vidu-project-drive-share-address code {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  color: rgba(255, 255, 255, .78);
  font: 500 11px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-project-drive-share-address button,
.vidu-project-drive-external-form button {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(129, 140, 248, .28);
  border-radius: 10px;
  color: rgba(238, 242, 255, .9);
  background: rgba(99, 102, 241, .15);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.vidu-project-drive-external-form input {
  flex: 1 1 auto;
  min-width: 0;
  height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 11px;
  outline: none;
  color: rgba(255, 255, 255, .9);
  background: rgba(2, 6, 23, .58);
}

.vidu-project-drive-external-form input:focus {
  border-color: rgba(129, 140, 248, .52);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .1);
}

.vidu-project-drive-external-message,
.vidu-project-drive-external-hint {
  margin: 0;
  color: rgba(203, 213, 225, .58);
  font-size: 10px;
  line-height: 1.5;
}

.vidu-project-drive-external-message.is-error { color: rgba(253, 164, 175, .92); }
.vidu-project-drive-external-message.is-success { color: rgba(110, 231, 183, .9); }

.vidu-project-assets-actions .vidu-btn:disabled {
  opacity: .42;
  cursor: not-allowed;
  transform: none !important;
}

.vidu-project-assets-actions .vidu-btn.is-disabled {
  opacity: .42;
  pointer-events: none;
}

.vidu-project-drive-icon-btn {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  display: inline-grid;
  place-items: center;
  border-radius: 11px;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.025);
  color: rgba(255,255,255,0.68);
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease, opacity .16s ease;
}

.vidu-project-drive-icon-btn:hover {
  color: rgba(255,255,255,0.9);
  border-color: rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.045);
}

.vidu-project-drive-icon-btn.is-review {
  border-color: rgba(20, 184, 166, 0.32);
  color: rgb(94, 234, 212);
  background: rgba(20, 184, 166, 0.1);
}

.vidu-project-drive-icon-btn.is-featured-pin.is-featured {
  border-color: color-mix(in srgb, var(--vidu-accent-warning, #f59e0b) 45%, transparent);
  background: color-mix(in srgb, var(--vidu-accent-warning, #f59e0b) 16%, transparent);
  color: var(--vidu-accent-warning, #fbbf24);
  opacity: 1;
}

.vidu-project-drive-icon-btn:disabled,
.vidu-project-drive-icon-btn.is-disabled {
  opacity: .36;
  cursor: not-allowed;
  pointer-events: none;
}

.vidu-project-drive-icon-btn svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
}

.vidu-project-drive-browser {
  display: grid;
  gap: 10px;
  position: relative;
  z-index: 1;
}

#vidu-project-assets-panel,
.vidu-project-assets-panel,
.vidu-assets-panel {
  position: relative;
}

#vidu-project-assets-panel::before,
.vidu-project-assets-panel::before,
.vidu-assets-panel::before {
  content: "";
  position: absolute;
  inset: -8px;
  z-index: 18;
  border-radius: 24px;
  border: 1px solid rgba(96,165,250,0);
  background:
    linear-gradient(135deg, rgba(59,130,246,0.16), rgba(14,165,233,0.08)),
    rgba(8,16,28,0.26);
  box-shadow: 0 0 0 1px rgba(96,165,250,0.12), 0 24px 80px rgba(37,99,235,0.18);
  opacity: 0;
  pointer-events: none;
  transform: scale(0.992);
  transition:
    opacity 180ms ease,
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 180ms ease;
}

#vidu-project-assets-panel::after,
.vidu-project-assets-panel::after,
.vidu-assets-panel::after {
  content: attr(data-upload-target-label);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 19;
  min-width: min(300px, calc(100% - 36px));
  padding: 13px 18px;
  border-radius: 999px;
  border: 1px solid rgba(147,197,253,0.30);
  background: rgba(10,18,30,0.82);
  color: rgba(239,246,255,0.94);
  font-size: 13px;
  font-weight: 750;
  letter-spacing: 0;
  text-align: center;
  box-shadow: 0 18px 52px rgba(15,23,42,0.36), 0 0 34px rgba(59,130,246,0.20);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, calc(-50% + 8px)) scale(0.98);
  transition:
    opacity 180ms ease,
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

#vidu-project-assets-panel.is-external-file-dragging::before,
.vidu-project-assets-panel.is-external-file-dragging::before,
.vidu-assets-panel.is-external-file-dragging::before {
  opacity: 1;
  border-color: rgba(96,165,250,0.38);
  transform: scale(1);
}

#vidu-project-assets-panel.is-external-file-dragging::after,
.vidu-project-assets-panel.is-external-file-dragging::after,
.vidu-assets-panel.is-external-file-dragging::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

#vidu-project-assets-panel.is-uploading-to-folder::after,
.vidu-project-assets-panel.is-uploading-to-folder::after,
.vidu-assets-panel.is-uploading-to-folder::after {
  border-color: rgba(125,211,252,0.42);
  background: rgba(8,24,42,0.88);
}

.vidu-project-drive-notice {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 30;
  max-width: min(280px, calc(100% - 28px));
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(134,239,172,0.22);
  background: rgba(20,30,24,0.92);
  color: rgba(220,252,231,0.92);
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 14px 36px rgba(0,0,0,0.24);
  opacity: 0;
  transform: translateY(8px) scale(0.98);
  pointer-events: none;
  transition: opacity 180ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.vidu-project-drive-notice.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.vidu-project-drive-nav {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.vidu-project-drive-view-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.055);
  background: rgba(255,255,255,0.025);
}

.vidu-project-drive-view-toggle button {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  gap: 2px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: rgba(255,255,255,0.44);
  cursor: pointer;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}

.vidu-project-drive-view-toggle button:hover,
.vidu-project-drive-view-toggle button.is-active {
  background: rgba(255,255,255,0.07);
  color: rgba(255,255,255,0.9);
}

.vidu-project-drive-view-toggle button:active {
  transform: scale(0.96);
}

.vidu-project-drive-view-toggle button[data-drive-view-mode="list"] span {
  width: 14px;
  height: 2px;
  display: block;
  border-radius: 999px;
  background: currentColor;
}

.vidu-project-drive-view-toggle button[data-drive-view-mode="grid"] {
  grid-template-columns: repeat(2, 5px);
  grid-template-rows: repeat(2, 5px);
  gap: 3px;
}

.vidu-project-drive-view-toggle button[data-drive-view-mode="grid"] i {
  width: 5px;
  height: 5px;
  border-radius: 2px;
  background: currentColor;
}

.vidu-project-drive-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  min-height: 30px;
}

.vidu-project-drive-breadcrumb span,
.vidu-project-drive-crumb {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,0.64);
  padding: 0 10px;
  font-size: 11px;
}

.vidu-project-drive-crumb {
  cursor: pointer;
}

.vidu-project-drive-crumb.is-active {
  color: rgba(255,255,255,0.88);
}

.vidu-project-drive-separator {
  padding: 0 !important;
  color: rgba(255,255,255,0.28) !important;
}

.vidu-project-drive-current-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: stretch;
}

.vidu-project-drive-current-actions .vidu-project-drive-icon-btn {
  align-self: start;
  color: rgba(255,255,255,0.62);
  background: rgba(255,255,255,0.022);
}

.vidu-project-drive-dropzone {
  display: grid;
  place-items: center;
  gap: 4px;
  min-height: 58px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px dashed rgba(147,197,253,0.24);
  background: rgba(96,165,250,0.045);
  color: rgba(255,255,255,0.76);
  text-align: center;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.vidu-project-drive-file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}

.vidu-project-drive-dropzone span {
  font-size: 11px;
  color: rgba(255,255,255,0.42);
}

.vidu-project-drive-dropzone:hover,
.vidu-project-drive-dropzone.is-dragging {
  border-color: rgba(147,197,253,0.58);
  background: rgba(96,165,250,0.10);
  transform: translateY(-1px);
}

#vidu-project-assets-panel.is-external-file-dragging .vidu-project-drive-dropzone,
.vidu-project-assets-panel.is-external-file-dragging .vidu-project-drive-dropzone,
.vidu-assets-panel.is-external-file-dragging .vidu-project-drive-dropzone {
  border-color: rgba(147,197,253,0.64);
  background: rgba(59,130,246,0.11);
}

#vidu-project-assets-panel.is-external-file-dragging .vidu-project-drive-dropzone strong,
.vidu-project-assets-panel.is-external-file-dragging .vidu-project-drive-dropzone strong,
.vidu-assets-panel.is-external-file-dragging .vidu-project-drive-dropzone strong {
  font-size: 0;
}

#vidu-project-assets-panel.is-external-file-dragging .vidu-project-drive-dropzone strong::after,
.vidu-project-assets-panel.is-external-file-dragging .vidu-project-drive-dropzone strong::after,
.vidu-assets-panel.is-external-file-dragging .vidu-project-drive-dropzone strong::after {
  content: "Engedd el a feltöltéshez";
  font-size: 13px;
}

.vidu-project-drive-dropzone.is-uploading {
  border-color: rgba(134,239,172,0.36);
  background: rgba(34,197,94,0.055);
}

.vidu-project-drive-upload-list {
  width: 100%;
  display: grid;
  gap: 5px;
  margin-top: 7px;
}

.vidu-project-drive-upload-list.is-root-upload {
  margin-top: 0;
  padding: 8px;
  border-radius: 14px;
  border: 1px solid rgba(147,197,253,0.12);
  background: rgba(59,130,246,0.045);
}

.vidu-project-drive-upload-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 6px 8px;
  border-radius: 10px;
  background: rgba(0,0,0,0.16);
  border: 1px solid rgba(255,255,255,0.055);
  text-align: left;
  animation: viduDriveUploadItemIn .22s ease both;
}

.vidu-project-drive-upload-item span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(255,255,255,0.72);
}

.vidu-project-drive-upload-item em {
  flex: 0 0 auto;
  font-size: 10px;
  font-style: normal;
  color: rgba(255,255,255,0.44);
}

.vidu-project-drive-upload-item.is-uploading em {
  color: #93c5fd;
}

.vidu-project-drive-upload-item.is-done em {
  color: #86efac;
}

.vidu-project-drive-upload-item.is-error em {
  color: #fca5a5;
}

@keyframes viduDriveUploadItemIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.vidu-project-drive-list {
  display: grid;
  gap: 8px;
}

.vidu-project-drive-list.is-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active .vidu-project-drive-list.is-grid,
.vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active .vidu-project-drive-list.is-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vidu-project-drive-item {
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border-radius: 15px;
  border: 1px solid rgba(255,255,255,0.055);
  background: rgba(0,0,0,0.16);
  position: relative;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease;
  padding-left: calc(11px + (var(--drive-tree-level, 0) * 18px));
}

.vidu-project-drive-item:hover {
  background: rgba(255,255,255,0.035);
  border-color: rgba(255,255,255,0.09);
}

.vidu-project-drive-item.is-selected {
  background: rgba(147,197,253,0.07);
  border-color: rgba(147,197,253,0.18);
}

.vidu-project-drive-item.is-dragging {
  opacity: .44;
}

.vidu-project-drive-item.is-drop-target {
  background: rgba(99,102,241,0.16);
  border-color: rgba(165,180,252,0.44);
  box-shadow: inset 0 0 0 1px rgba(165,180,252,0.16), 0 10px 28px rgba(99,102,241,0.12);
}

.vidu-project-drive-item.is-upload-target {
  background: rgba(37,99,235,0.18);
  border-color: rgba(147,197,253,0.52);
  box-shadow: inset 0 0 0 1px rgba(147,197,253,0.18), 0 14px 36px rgba(37,99,235,0.18);
}

.vidu-project-drive-item.is-upload-target::after {
  content: "Feltöltés ide: " attr(data-drive-folder-name);
  position: absolute;
  right: 12px;
  top: -13px;
  z-index: 12;
  max-width: min(260px, calc(100% - 24px));
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid rgba(147,197,253,0.32);
  background: rgba(10,18,30,0.94);
  color: rgba(219,234,254,0.95);
  font-size: 10px;
  font-weight: 750;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  box-shadow: 0 10px 24px rgba(0,0,0,0.25);
}

.vidu-project-drive-tree-toggle,
.vidu-project-drive-tree-spacer {
  width: 20px;
  height: 28px;
  min-width: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.vidu-project-drive-tree-toggle {
  border: 0;
  background: transparent;
  color: rgba(255,255,255,0.42);
  cursor: pointer;
  border-radius: 8px;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}

.vidu-project-drive-tree-toggle:hover {
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.82);
}

.vidu-project-drive-tree-toggle span {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid currentColor;
  transform-origin: 45% 50%;
  transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

.vidu-project-drive-item.is-tree-open > .vidu-project-drive-tree-toggle span {
  transform: rotate(90deg);
}

.vidu-project-drive-item.is-tree-loading > .vidu-project-drive-tree-toggle span {
  animation: viduDriveChevronPulse .8s ease-in-out infinite alternate;
}

@keyframes viduDriveChevronPulse {
  from { opacity: .35; }
  to { opacity: .9; }
}

.vidu-project-drive-tree-children {
  display: grid;
  gap: 8px;
}

.vidu-project-drive-tree-loading,
.vidu-project-drive-tree-empty {
  min-height: 34px;
  display: flex;
  align-items: center;
  padding-left: calc(42px + (var(--drive-tree-level, 0) * 18px));
  color: rgba(255,255,255,0.42);
  font-size: 12px;
}

.vidu-project-drive-add-row {
  width: 34px;
  height: 34px;
  min-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  margin: 4px auto 0;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.075);
  background: rgba(255,255,255,0.025);
  color: rgba(255,255,255,0.62);
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(0,0,0,0.16);
  transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease;
}

.vidu-project-drive-add-row:hover {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.82);
  transform: translateY(-1px);
}

.vidu-project-drive-add-row:disabled {
  opacity: .45;
  cursor: default;
}

.vidu-project-drive-add-row span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: transparent;
}

.vidu-project-drive-add-row svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
}

#vidu-project-assets-panel [data-tooltip]::after {
  display: none !important;
  content: none !important;
}

.vidu-project-drive-item.is-client-visible {
  border-color: color-mix(in srgb, var(--vidu-accent-info, #60a5fa) 34%, transparent);
  background: color-mix(in srgb, var(--vidu-accent-info, #60a5fa) 9%, var(--vidu-card-bg, transparent));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.025), 0 0 22px color-mix(in srgb, var(--vidu-accent-info, #60a5fa) 10%, transparent);
}

.vidu-project-drive-open {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,0.82);
  text-align: left;
  position: relative;
  z-index: 1;
}

.vidu-project-drive-item.is-file .vidu-project-drive-open {
  grid-template-columns: auto auto minmax(0, 1fr) auto;
}

.vidu-project-drive-thumb {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  overflow: visible;
  background: transparent;
}

.vidu-project-drive-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 8px;
}

.vidu-project-drive-thumb.is-folder-thumb {
  background: transparent;
}

button.vidu-project-drive-open {
  cursor: pointer;
}

.vidu-project-drive-item-actions {
  display: flex;
  gap: 6px;
  opacity: .10;
  position: relative;
  z-index: 2;
  transition: opacity .16s ease;
}

.vidu-project-drive-item:hover .vidu-project-drive-item-actions,
.vidu-project-drive-item:focus-within .vidu-project-drive-item-actions {
  opacity: .65;
}

.vidu-project-drive-item-actions .vidu-project-drive-icon-btn {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  border-radius: 9px;
}

.vidu-project-drive-item-actions .vidu-project-drive-icon-btn:disabled {
  opacity: .18;
}

.vidu-project-drive-item-actions .vidu-project-drive-icon-btn:hover,
.vidu-project-drive-item-actions .vidu-project-drive-icon-btn:focus-visible {
  opacity: 1;
}

.vidu-project-drive-item-actions .vidu-project-drive-icon-btn.is-active-client,
.vidu-project-docs-row-actions .vidu-project-drive-icon-btn.is-active-client {
  color: var(--vidu-accent-info, #60a5fa);
  border-color: color-mix(in srgb, var(--vidu-accent-info, #60a5fa) 36%, transparent);
  background: color-mix(in srgb, var(--vidu-accent-info, #60a5fa) 12%, transparent);
  opacity: 1;
}

.vidu-project-drive-client-drop-badge,
.vidu-project-drive-client-badge,
.vidu-project-drive-external-badge {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  border: 1px solid rgba(129,140,248,0.28);
  background: rgba(99,102,241,0.12);
  color: rgba(224,231,255,0.82);
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

.vidu-project-drive-external-badge {
  border-color: rgba(34, 211, 238, .25);
  background: rgba(8, 145, 178, .1);
  color: rgba(165, 243, 252, .86);
}

.vidu-project-drive-item.is-external-folder {
  border-color: rgba(34, 211, 238, .13);
  background: linear-gradient(90deg, rgba(8, 145, 178, .055), rgba(255, 255, 255, .018));
}

@media (max-width: 720px) {
  .vidu-project-drive-share-address,
  .vidu-project-drive-external-form {
    align-items: stretch;
    flex-direction: column;
  }

  .vidu-project-drive-share-address button,
  .vidu-project-drive-external-form button {
    width: 100%;
  }
}

.vidu-project-drive-client-drop-badge {
  border-color: rgba(96,165,250,0.30);
  background: rgba(59,130,246,0.13);
  color: rgba(219,234,254,0.9);
}

.vidu-project-drive-mime-badge {
  justify-self: end;
  min-width: 0;
  max-width: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.035);
  color: rgba(255,255,255,0.46);
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vidu-project-drive-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(147,197,253,0.86);
  font-size: 11px;
}

.vidu-project-drive-item-icon svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
}

.vidu-project-drive-item strong {
  font-size: 13px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-project-drive-item.is-folder strong {
  font-weight: 760;
  color: rgba(255,255,255,0.9);
}

.vidu-project-drive-item.is-file {
  background: rgba(8,8,10,0.58);
  border-color: rgba(255,255,255,0.04);
}

.vidu-project-drive-item.is-file strong {
  font-weight: 500;
  color: rgba(255,255,255,0.68);
}

.vidu-project-drive-item.is-file .vidu-project-drive-item-icon {
  color: rgba(255,255,255,0.42);
}

.vidu-project-drive-item.is-folder {
  border-color: rgba(147,197,253,0.085);
}

.vidu-project-drive-list.is-grid .vidu-project-drive-item {
  min-height: 148px;
  display: block;
  padding: 0;
  overflow: hidden;
  border-radius: 16px;
}

.vidu-project-drive-list.is-grid .vidu-project-drive-tree-toggle,
.vidu-project-drive-list.is-grid .vidu-project-drive-tree-spacer,
.vidu-project-drive-list.is-grid .vidu-project-drive-tree-children {
  display: none !important;
}

.vidu-project-drive-list.is-grid .vidu-project-drive-open {
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto auto;
  gap: 6px;
  align-items: stretch;
  padding: 9px;
}

.vidu-project-drive-list.is-grid .vidu-project-drive-thumb {
  width: 100%;
  height: auto;
  min-height: 86px;
  aspect-ratio: 1.35 / 1;
  border-radius: 12px;
  background: transparent;
}

.vidu-project-drive-list.is-grid .vidu-project-drive-thumb .vidu-project-drive-item-icon svg {
  width: 34px;
  height: 34px;
}

.vidu-project-drive-list.is-grid .vidu-project-drive-thumb.is-folder-thumb {
  background: transparent;
}

.vidu-project-drive-list.is-grid .vidu-project-drive-item strong {
  width: 100%;
  display: block;
  font-size: 12px;
  line-height: 1.2;
}

.vidu-project-drive-list.is-grid .vidu-project-drive-client-drop-badge,
.vidu-project-drive-list.is-grid .vidu-project-drive-client-badge,
.vidu-project-drive-list.is-grid .vidu-project-drive-mime-badge {
  justify-self: start;
  max-width: 100%;
}

.vidu-project-drive-list.is-grid .vidu-project-drive-item-actions {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 6;
  padding: 4px;
  border-radius: 13px;
  background: rgba(5,5,7,0.52);
  backdrop-filter: blur(10px) saturate(1.08);
  -webkit-backdrop-filter: blur(10px) saturate(1.08);
}

.vidu-project-assets-folders {
  display: grid;
  gap: 7px;
}

.vidu-project-assets-folders div {
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 0 11px;
  border-radius: 14px;
  background: rgba(0,0,0,0.16);
  border: 1px solid rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.72);
  font-size: 12px;
}

.vidu-project-blocks,
.vidu-project-block-items,
.vidu-project-checklist-builder,
.vidu-project-check-block-items {
  display: grid;
  gap: 10px;
}

.vidu-project-block,
.vidu-project-check-block {
  border-radius: 16px;
  padding: 14px;
}

.vidu-project-block-title {
  margin-bottom: 12px;
  font-size: 11px;
  letter-spacing: .08em;
}

.vidu-project-item,
.vidu-project-check-row {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.026), rgba(255,255,255,0.008)),
    color-mix(in srgb, var(--vidu-panel-3, #151518) 92%, #000 8%) !important;
  border: 1px solid rgba(255,255,255,0.052) !important;
  border-radius: 12px;
  padding: 10px 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.018) !important;
}

.vidu-project-check-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  position: relative;
  transition: background .16s ease, border-color .16s ease;
}

.vidu-project-check-row::after {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 92px;
  border-radius: 0 11px 11px 0;
  background: linear-gradient(90deg, rgba(14,14,17,0), rgba(14,14,17,0.74) 64%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease;
  z-index: 1;
}

.vidu-project-check-row:hover::after,
.vidu-project-check-row:focus-within::after {
  opacity: .48;
}

.vidu-project-check-row.is-done {
  opacity: .82;
}

.vidu-project-item-name {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}

.vidu-project-item-meta,
.vidu-project-item-note {
  margin-top: 4px;
  font-size: 13px;
  color: rgba(255,255,255,.58);
}

.vidu-project-item-note {
  font-size: 12px;
  color: var(--vidu-meta);
}

.vidu-project-check-block-head,
.vidu-project-check-row-main {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  min-width: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.vidu-project-check-block-head {
  margin-bottom: 12px;
}

.vidu-project-check-block-title,
.vidu-project-check-input {
  flex: 1;
  min-width: 0;
}

.vidu-project-check-input {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff;
  -webkit-text-fill-color: currentColor;
  outline: none;
  font-size: 14px;
  padding: 0;
  width: 100%;
}

.vidu-project-check-row.is-done .vidu-project-check-input {
  color: rgba(255,255,255,0.58);
  text-decoration: line-through;
}

.vidu-project-check-meta {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  min-width: 0;
}

.vidu-project-check-due {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid rgba(147,197,253,0.16);
  background: rgba(59,130,246,0.08);
  color: rgba(219,234,254,0.82);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.vidu-project-check-due.is-today {
  border-color: rgba(245,158,11,0.32);
  background: rgba(245,158,11,0.13);
  color: rgba(254,243,199,0.94);
}

.vidu-project-check-due.is-overdue {
  border-color: rgba(248,113,113,0.32);
  background: rgba(127,29,29,0.18);
  color: rgba(254,202,202,0.94);
}

.vidu-project-check-due.is-done {
  border-color: rgba(74,222,128,0.20);
  background: rgba(34,197,94,0.10);
  color: rgba(187,247,208,0.78);
}

.vidu-project-check-duration {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid rgba(167,139,250,0.20);
  background: rgba(139,92,246,0.10);
  color: rgba(221,214,254,0.84);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.vidu-project-check-assignee {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.11);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.82);
  font-size: 10px;
  font-weight: 850;
}

.vidu-project-check-assignee img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.vidu-project-check-actions {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 2;
  display: inline-flex;
  justify-content: flex-end;
  gap: 6px;
  width: auto;
  opacity: 0;
  transform: translateY(-50%) translateX(4px);
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease;
}

.vidu-project-check-row:hover .vidu-project-check-actions,
.vidu-project-check-row:focus-within .vidu-project-check-actions {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
  pointer-events: auto;
}

.vidu-project-check-action-btn {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.68);
  padding: 0 !important;
  cursor: pointer;
  transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}

.vidu-project-check-action-btn:hover {
  background: rgba(255,255,255,0.075);
  border-color: rgba(255,255,255,0.13);
  color: rgba(255,255,255,0.9);
  transform: translateY(-1px);
}

.vidu-project-check-action-btn svg {
  width: 14px !important;
  height: 14px !important;
  stroke: currentColor;
}

.vidu-project-drag-handle {
  width: 14px;
  height: 14px;
  opacity: .45;
  cursor: grab;
  flex: 0 0 auto;
  position: relative;
}

.vidu-project-drag-handle::before,
.vidu-project-drag-handle::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: rgba(255,255,255,.45);
  border-radius: 999px;
}

.vidu-project-drag-handle::before { top: 3px; }
.vidu-project-drag-handle::after { bottom: 3px; }

.vidu-project-check-done {
  appearance: none;
  -webkit-appearance: none;
  width: 17px;
  height: 17px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.28);
  cursor: pointer;
  position: relative;
  flex: 0 0 auto;
}

.vidu-project-check-done:checked {
  background: rgba(34,197,94,.82);
  border-color: rgba(134,239,172,.72);
}

.vidu-project-check-done:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 48%;
  width: 4px;
  height: 8px;
  border: solid rgba(255,255,255,.95);
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -56%) rotate(45deg);
}

.vidu-project-check-delete-item,
.vidu-project-check-delete-block {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  flex: 0 0 28px;
  opacity: 0 !important;
  pointer-events: none;
  transform: scale(.96);
}

.vidu-project-check-actions .vidu-project-check-delete-item {
  opacity: 1 !important;
  pointer-events: auto;
  transform: none;
  color: rgba(254,202,202,0.78) !important;
  background: rgba(127,29,29,0.13) !important;
  border-color: rgba(248,113,113,0.20) !important;
}

.vidu-project-check-delete-item svg,
.vidu-project-check-delete-block svg {
  width: 14px !important;
  height: 14px !important;
}

.vidu-project-check-row:hover .vidu-project-check-delete-item,
.vidu-project-check-block-head:hover .vidu-project-check-delete-block {
  opacity: .75 !important;
  pointer-events: auto;
  transform: scale(1);
}

.vidu-project-check-row:hover .vidu-project-check-actions .vidu-project-check-delete-item,
.vidu-project-check-row:focus-within .vidu-project-check-actions .vidu-project-check-delete-item {
  opacity: 1 !important;
  transform: none;
}

#vidu-app-modal .vidu-project-modal-shell [data-tooltip]::after,
#vidu-app-modal .vidu-project-modal-shell [data-tooltip]:hover::after,
.vidu-project-modal-shell [data-tooltip]::after,
.vidu-project-modal-shell [data-tooltip]:hover::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

.vidu-project-modal-shell .vidu-project-check-row,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.022), rgba(255,255,255,0.006)),
    color-mix(in srgb, var(--vidu-panel-3, #151518) 93%, #000 7%) !important;
  border-color: rgba(255,255,255,0.052) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.018) !important;
  overflow: hidden;
}

.vidu-project-modal-shell .vidu-project-check-row-main,
.vidu-project-modal-shell .vidu-project-check-input,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row-main,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-check-input,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input {
  color: rgba(255,255,255,0.9) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.9) !important;
}

.vidu-checklist-popover {
  position: fixed;
  z-index: 1000001;
  width: min(280px, calc(100vw - 32px));
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.09);
  background: rgba(18,18,22,0.96);
  box-shadow: 0 18px 58px rgba(0,0,0,0.38);
  backdrop-filter: blur(14px);
}

.vidu-checklist-popover-title {
  color: rgba(255,255,255,0.86);
  font-size: 12px;
  font-weight: 850;
}

.vidu-checklist-popover input[type="date"],
.vidu-checklist-popover input[type="number"],
.vidu-checklist-popover select {
  min-height: 38px;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 12px;
  background: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.86);
  padding: 0 10px;
}

.vidu-checklist-popover-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.vidu-checklist-assignee-list {
  display: grid;
  gap: 6px;
  max-height: 240px;
  overflow-y: auto;
}

.vidu-checklist-assignee-option {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 9px;
  row-gap: 2px;
  align-items: center;
  padding: 7px;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  background: rgba(255,255,255,0.035);
  color: rgba(255,255,255,0.82);
  text-align: left;
  cursor: pointer;
}

.vidu-checklist-assignee-option:hover {
  background: rgba(255,255,255,0.065);
}

.vidu-checklist-assignee-option .vidu-project-check-assignee {
  grid-row: span 2;
}

.vidu-checklist-assignee-option strong,
.vidu-checklist-assignee-option em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-checklist-assignee-option strong {
  font-size: 12px;
}

.vidu-checklist-assignee-option em {
  color: rgba(255,255,255,0.42);
  font-size: 10px;
  font-style: normal;
}

@media (hover: none), (pointer: coarse) {
  .vidu-project-check-actions {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
}

@media (max-width: 720px) {
  .vidu-project-check-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-project-check-meta,
  .vidu-project-check-actions {
    justify-content: flex-start;
    width: auto;
  }
}

.vidu-project-modal-shell .vidu-project-header-meta .vidu-chip,
.vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-header-meta .vidu-chip,
#vidu-pipeline-dashboard .vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip {
  min-height: 26px;
  padding: 4px 10px;
}

.vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--blue,
.vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--blue,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--blue,
#vidu-pipeline-dashboard .vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--blue {
  border-color: rgba(96,165,250,0.30) !important;
  background: rgba(96,165,250,0.105) !important;
  color: #bfdbfe !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 0 18px rgba(96,165,250,0.10) !important;
}

.vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--yellow,
.vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--yellow,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--yellow,
#vidu-pipeline-dashboard .vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--yellow {
  border-color: rgba(250,204,21,0.30) !important;
  background: rgba(250,204,21,0.105) !important;
  color: #fde68a !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 0 18px rgba(250,204,21,0.09) !important;
}

.vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--orange,
.vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--orange,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--orange,
#vidu-pipeline-dashboard .vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--orange {
  border-color: rgba(249,115,22,0.32) !important;
  background: rgba(249,115,22,0.115) !important;
  color: #fed7aa !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 0 18px rgba(249,115,22,0.10) !important;
}

.vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--purple,
.vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--purple,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--purple,
#vidu-pipeline-dashboard .vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--purple {
  border-color: rgba(168,85,247,0.32) !important;
  background: rgba(168,85,247,0.12) !important;
  color: #e9d5ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 0 18px rgba(168,85,247,0.11) !important;
}

.vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--red,
.vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--red,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--red,
#vidu-pipeline-dashboard .vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--red {
  border-color: rgba(248,113,113,0.32) !important;
  background: rgba(248,113,113,0.105) !important;
  color: #fecaca !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 0 18px rgba(248,113,113,0.10) !important;
}

.vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--green,
.vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--green,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--green,
#vidu-pipeline-dashboard .vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--green {
  border-color: rgba(74,222,128,0.30) !important;
  background: rgba(74,222,128,0.105) !important;
  color: #bbf7d0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 0 18px rgba(74,222,128,0.10) !important;
}

/* Dashboard/pipeline scroll system. */
@media (min-width: 769px) {
  body.vidu-dashboard-workspace-active,
  body.vidu-pipeline-workspace-active {
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace,
  #vidu-pipeline-dashboard.is-pipeline-workspace {
    height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    padding-top: 20px !important;
    padding-bottom: max(20px, env(safe-area-inset-bottom, 0px)) !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-shell,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-shell,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view-list,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view-board {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-main {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-toolbar,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-toolbar {
    position: relative !important;
    top: auto !important;
    margin-bottom: 0 !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-toolbar::after,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-toolbar::after {
    display: none !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-list-wrap {
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 18px !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-table-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    background: rgba(10,11,14,0.92) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-board {
    height: 100% !important;
    min-height: 0 !important;
    align-items: stretch !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 18px !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column {
    position: relative !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    padding-bottom: 28px !important;
  }
}

/* Dashboard / pipeline controlled scroll shell */
@media (min-width: 769px) {
  body.vidu-dashboard-workspace-active,
  body.vidu-pipeline-workspace-active {
    overflow: hidden !important;
  }

  body.vidu-dashboard-workspace-active #page,
  body.vidu-dashboard-workspace-active #content,
  body.vidu-dashboard-workspace-active #primary,
  body.vidu-dashboard-workspace-active main,
  body.vidu-dashboard-workspace-active .site,
  body.vidu-dashboard-workspace-active .site-main,
  body.vidu-dashboard-workspace-active .entry-content,
  body.vidu-pipeline-workspace-active #page,
  body.vidu-pipeline-workspace-active #content,
  body.vidu-pipeline-workspace-active #primary,
  body.vidu-pipeline-workspace-active main,
  body.vidu-pipeline-workspace-active .site,
  body.vidu-pipeline-workspace-active .site-main,
  body.vidu-pipeline-workspace-active .entry-content {
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace,
  #vidu-pipeline-dashboard.is-pipeline-workspace {
    height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    padding-top: 20px !important;
    padding-bottom: max(20px, env(safe-area-inset-bottom, 0px)) !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-shell,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-shell,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-main {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-main {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-toolbar,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-toolbar {
    position: relative !important;
    top: auto !important;
    margin-bottom: 0 !important;
    flex: 0 0 auto !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-toolbar::after,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-toolbar::after {
    display: none !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view-list,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view-board {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-list-wrap {
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-list-head {
    flex: 0 0 auto !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 18px !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-table-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    background: rgba(10,11,14,0.92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-board {
    height: 100% !important;
    min-height: 0 !important;
    align-items: stretch !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 18px !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column {
    position: relative;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column-head {
    flex: 0 0 auto !important;
    z-index: 2;
    transition: box-shadow .18s ease, border-color .18s ease, background .18s ease;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column.is-scrolled .vidu-pipeline-column-head {
    box-shadow: 0 12px 24px rgba(0,0,0,0.20);
    border-bottom-color: rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.025);
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column::after {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 0;
    height: 38px;
    pointer-events: none;
    opacity: 0;
    transition: opacity .16s ease;
    border-radius: 0 0 20px 20px;
    background: linear-gradient(180deg, rgba(20,20,22,0), rgba(20,20,22,0.84));
  }

  [data-vidu-theme="light"] #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column::after,
  #vidu-pipeline-dashboard[data-vidu-theme="light"].is-pipeline-workspace .vidu-pipeline-column::after {
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(248,250,252,.92)) !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column.has-more::after {
    opacity: 1;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    padding-bottom: 28px !important;
  }
}

/* Pipeline card hierarchy */
#vidu-pipeline-dashboard .vidu-board-card-title {
  color: var(--vidu-text-primary) !important;
  font-size: 15.5px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

#vidu-pipeline-dashboard .vidu-dashboard-project-title {
  color: var(--vidu-text-primary) !important;
  font-size: 14.5px !important;
  font-weight: 750 !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;
}

#vidu-pipeline-dashboard .vidu-board-card-client,
#vidu-pipeline-dashboard .vidu-dashboard-project-client {
  color: var(--vidu-text-secondary) !important;
  font-weight: 560 !important;
}

#vidu-pipeline-dashboard .vidu-board-card-meta,
#vidu-pipeline-dashboard .vidu-board-card-meta span,
#vidu-pipeline-dashboard .vidu-dashboard-activity-cell small,
#vidu-pipeline-dashboard .vidu-dashboard-deadline-cell,
#vidu-pipeline-dashboard .vidu-dashboard-next-cell {
  color: var(--vidu-text-muted) !important;
  font-size: 11.5px !important;
  font-weight: 560 !important;
}

#vidu-pipeline-dashboard .vidu-board-card-meta {
  gap: 4px !important;
}

.vidu-project-check-row:hover .vidu-project-check-delete-item:hover,
.vidu-project-check-block-head:hover .vidu-project-check-delete-block:hover {
  opacity: 1 !important;
  transform: scale(1.05);
}

.vidu-project-check-add-row-wrap,
.vidu-project-checklist-actions,
.vidu-project-section-head {
  display: flex;
  justify-content: center !important;
  align-items: center;
}

.vidu-project-check-add-row-wrap {
  margin-top: 12px;
}

.vidu-project-checklist-actions {
  margin-top: 10px !important;
  width: auto;
  max-width: 100%;
  align-self: center;
  gap: 16px;
  justify-content: center !important;
  align-items: center;
}

.vidu-project-checklist-actions .vidu-ai-checklist-action {
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, #8b5cf6 18%, var(--vidu-control-border));
  background:
    linear-gradient(135deg, color-mix(in srgb, #8b5cf6 8%, transparent), color-mix(in srgb, #38bdf8 4%, transparent)),
    color-mix(in srgb, var(--vidu-control-bg) 72%, transparent);
  color: color-mix(in srgb, var(--vidu-text-primary) 88%, #c4b5fd);
  font-size: 10.5px;
  font-weight: 720;
  line-height: 1;
  box-shadow: 0 5px 14px color-mix(in srgb, #8b5cf6 5%, transparent);
  opacity: .78;
  transition: opacity .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.vidu-project-checklist-actions .vidu-ai-checklist-action::before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-grid;
  background: color-mix(in srgb, #c4b5fd 84%, #38bdf8);
  clip-path: polygon(50% 0, 61% 36%, 98% 50%, 61% 64%, 50% 100%, 39% 64%, 2% 50%, 39% 36%);
}

.vidu-project-checklist-actions .vidu-ai-checklist-action:hover,
.vidu-project-checklist-actions .vidu-ai-checklist-action:focus-visible {
  opacity: 1;
  border-color: color-mix(in srgb, #a78bfa 34%, var(--vidu-control-border));
  background:
    linear-gradient(135deg, color-mix(in srgb, #8b5cf6 13%, transparent), color-mix(in srgb, #38bdf8 7%, transparent)),
    color-mix(in srgb, var(--vidu-control-bg-hover) 82%, transparent);
  box-shadow: 0 8px 18px color-mix(in srgb, #8b5cf6 10%, transparent);
  transform: translateY(-1px);
}

.vidu-project-checklist-actions .vidu-ai-checklist-action.is-generating {
  opacity: .72;
  cursor: progress;
}

.vidu-project-checklist-actions .vidu-ai-checklist-action.is-generating::before {
  animation: viduAiChecklistPulse 1.1s ease-in-out infinite;
}

@keyframes viduAiChecklistPulse {
  0%, 100% {
    transform: scale(1);
    opacity: .78;
  }
  50% {
    transform: scale(1.08);
    opacity: 1;
  }
}

.vidu-project-check-add-row,
#vidu-project-add-checklist-block {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  font-size: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
}

.vidu-project-check-add-row::before,
#vidu-project-add-checklist-block::before {
  content: "+";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  width: 100%;
  height: 100%;
  transform: none;
}

#vidu-project-save-checklist {
  display: none !important;
}

.vidu-project-check-block,
.vidu-project-check-row {
  transition: opacity .3s ease, transform .3s ease, max-height .3s ease, margin .3s ease, padding .3s ease;
}

.vidu-check-animate-in {
  animation: viduCheckIn .3s ease both;
}

.vidu-check-animate-out {
  animation: viduCheckOut .3s ease both;
}

@keyframes viduCheckIn {
  from { opacity: 0; transform: translateY(-8px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes viduCheckOut {
  from { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
  to { opacity: 0; transform: translateY(-8px) scale(.985); filter: blur(6px); }
}

/* =========================
   SAVE STATE
   ========================= */

.vidu-checklist-save-state {
  min-width: 0;
  height: 28px;
  padding: 0 9px;
  border-radius: 999px;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  opacity: 0;
  transform: translateY(2px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.vidu-checklist-save-state svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
}

.vidu-checklist-save-state.is-saving,
.vidu-checklist-save-state.is-saved {
  opacity: 1;
  transform: translateY(0);
}

.vidu-checklist-save-state.is-saving {
  background: rgba(250,204,21,.15);
  border: 1px solid rgba(250,204,21,.32);
  color: var(--vidu-yellow);
}

.vidu-checklist-save-state.is-saved {
  background: rgba(34,197,94,.14);
  border: 1px solid rgba(34,197,94,.30);
  color: var(--vidu-green);
}

/* Project Modal v2 sidebar wrapper adapter. */
.vidu-project-modal-shell .vidu-project-module--sidebar {
  min-height: 0;
}

.vidu-project-modal-shell .vidu-project-module--sidebar > .vidu-project-module-header,
.vidu-project-modal-shell .vidu-project-module--sidebar > .vidu-project-module-body {
  min-width: 0;
}

/* =========================
   PROJECT MODAL V2 FLAT PROFESSIONAL SIDEBAR
   Structure modules use stable surfaces and borders instead of glow layers.
   ========================= */

.vidu-project-modal-shell .vidu-project-structure-block,
.vidu-project-modal-shell .vidu-project-module--sidebar {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-subtle) !important;
  box-shadow: var(--vidu-shadow-none) !important;
}

.vidu-project-modal-shell .vidu-project-structure-block::before,
.vidu-project-modal-shell .vidu-project-structure-block::after {
  box-shadow: none !important;
  filter: none !important;
}

.vidu-project-modal-shell .vidu-project-structure-block:hover,
.vidu-project-modal-shell .vidu-project-structure-block:focus-within {
  background: var(--vidu-surface-3) !important;
  border-color: var(--vidu-border-active) !important;
  box-shadow: var(--vidu-shadow-none) !important;
  transform: none !important;
}

.vidu-project-modal-shell .vidu-project-structure-block.is-open,
.vidu-project-modal-shell .vidu-project-structure-block.is-active,
.vidu-project-modal-shell .vidu-project-structure-block[aria-expanded="true"] {
  background: var(--vidu-surface-3) !important;
  border-color: var(--vidu-border-active) !important;
  box-shadow: var(--vidu-shadow-soft) !important;
}

.vidu-project-modal-shell .vidu-project-structure-head,
.vidu-project-modal-shell .vidu-project-structure-headrow,
.vidu-project-modal-shell .vidu-project-structure-body {
  background-image: none !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-structure-block.is-dragging,
  .vidu-project-structure-block.has-drag-started,
  .vidu-project-structure-block.is-drop-target
) {
  box-shadow: var(--vidu-shadow-soft) !important;
  filter: none !important;
}
.vidu-project-marketing-campaign-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  background: rgba(255, 255, 255, .025);
}

.vidu-project-marketing-campaign-switch.is-active {
  border-color: color-mix(in srgb, var(--vidu-module-package-accent, rgba(148,163,184,.65)) 38%, transparent);
  background: color-mix(in srgb, var(--vidu-module-package-accent, rgba(148,163,184,.65)) 8%, transparent);
}

.vidu-project-marketing-campaign-switch[data-module-package="marketing"] {
  --vidu-module-package-accent: rgba(245,158,11,.82);
}

.vidu-project-marketing-campaign-switch[data-module-package="finance"] {
  --vidu-module-package-accent: rgba(59,130,246,.82);
}

.vidu-project-marketing-campaign-switch[data-module-package="client_success"] {
  --vidu-module-package-accent: rgba(16,185,129,.82);
}

.vidu-project-marketing-campaign-switch[data-module-package="operations"] {
  --vidu-module-package-accent: rgba(167,139,250,.78);
}

.vidu-project-marketing-campaign-switch > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vidu-project-marketing-campaign-switch strong {
  color: rgba(255, 255, 255, .9);
  font-size: 12px;
}

.vidu-project-marketing-campaign-switch small {
  color: rgba(255, 255, 255, .42);
  font-size: 10px;
  line-height: 1.35;
}

.vidu-project-marketing-campaign-switch > label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  color: rgba(255, 255, 255, .66);
  font-size: 10px;
}

.vidu-project-marketing-campaign-switch > label span {
  min-width: 30px;
}

.vidu-marketing-placement-previews {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.vidu-marketing-placement-preview {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 15px;
  color: rgba(255, 255, 255, .86);
  background: rgba(8, 11, 16, .72);
}

.vidu-marketing-placement-preview > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 11px;
  border-bottom: 1px solid rgba(255, 255, 255, .065);
  font-size: 10px;
}

.vidu-marketing-placement-preview > header em {
  color: rgba(255, 255, 255, .36);
  font-size: 9px;
  font-style: normal;
}

.vidu-marketing-placement-preview > header em.is-approved {
  color: rgba(103, 226, 161, .72);
}

.vidu-marketing-placement-preview > header em.is-changes_requested {
  color: rgba(255, 174, 92, .78);
}

.vidu-marketing-preview-brand {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 11px;
}

.vidu-marketing-preview-brand > img,
.vidu-marketing-preview-brand > span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}

.vidu-marketing-preview-brand > span {
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, .75);
  background: rgba(255, 255, 255, .08);
  font-size: 10px;
}

.vidu-marketing-preview-brand strong {
  overflow: hidden;
  color: rgba(255, 255, 255, .8);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-marketing-preview-media {
  display: grid;
  place-items: center;
  aspect-ratio: 1.91 / 1;
  overflow: hidden;
  color: rgba(255, 255, 255, .3);
  background: rgba(255, 255, 255, .035);
}

.vidu-marketing-placement-preview.is-story .vidu-marketing-preview-media,
.vidu-marketing-placement-preview.is-reel .vidu-marketing-preview-media,
.vidu-marketing-placement-preview.is-short_video .vidu-marketing-preview-media {
  aspect-ratio: 9 / 16;
  max-height: 310px;
}

.vidu-marketing-preview-media img,
.vidu-marketing-preview-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vidu-marketing-preview-copy {
  display: grid;
  gap: 6px;
  padding: 11px;
}

.vidu-marketing-preview-copy small,
.vidu-marketing-preview-copy span,
.vidu-marketing-preview-copy p {
  margin: 0;
  color: rgba(255, 255, 255, .48);
  font-size: 10px;
  line-height: 1.4;
}

.vidu-marketing-preview-copy strong {
  font-size: 12px;
  line-height: 1.3;
}

.vidu-marketing-preview-copy button {
  justify-self: start;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  color: rgba(255, 255, 255, .68);
  background: rgba(255, 255, 255, .04);
  pointer-events: none;
}

.vidu-marketing-placement-preview > footer {
  padding: 0 11px 10px;
  color: rgba(255, 255, 255, .27);
  font-size: 8px;
  line-height: 1.35;
}

.vidu-marketing-preview-empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 18px;
  border: 1px dashed rgba(255, 255, 255, .09);
  border-radius: 14px;
  color: rgba(255, 255, 255, .4);
  font-size: 11px;
  text-align: center;
}

@media (max-width: 760px) {
  .vidu-marketing-placement-previews {
    grid-template-columns: 1fr;
  }

  .vidu-marketing-placement-row {
    grid-template-columns: 1fr;
  }

  .vidu-marketing-placement-client-options {
    justify-content: flex-start;
  }
}

.vidu-marketing-mapping-list {
  display: grid;
  gap: 10px;
}

.vidu-marketing-performance-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 16px 0;
}

.vidu-marketing-performance-summary article {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  background: rgba(255, 255, 255, .025);
}

.vidu-marketing-performance-summary span,
.vidu-marketing-measurement-health span,
.vidu-marketing-measurement-toolbar small {
  color: rgba(230, 232, 238, .56);
  font-size: 10px;
  line-height: 1.35;
}

.vidu-marketing-performance-summary strong {
  overflow: hidden;
  color: rgba(250, 250, 252, .94);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-marketing-measurement-health,
.vidu-marketing-measurement-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  background: rgba(8, 11, 17, .38);
}

.vidu-marketing-measurement-health.is-good {
  border-color: rgba(85, 190, 135, .25);
}

.vidu-marketing-measurement-health.is-attention,
.vidu-marketing-measurement-health.is-blocked {
  border-color: rgba(224, 160, 71, .28);
}

.vidu-marketing-measurement-toolbar > div {
  display: grid;
  gap: 4px;
}

.vidu-marketing-measurement-toolbar button {
  flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid rgba(129, 194, 235, .32);
  border-radius: 999px;
  color: rgba(228, 246, 255, .94);
  background: rgba(68, 135, 176, .12);
  cursor: pointer;
}

.vidu-marketing-measurement-toolbar button:disabled {
  cursor: wait;
  opacity: .54;
}

.vidu-marketing-measurement-warnings {
  display: grid;
  gap: 5px;
  margin: 8px 0 14px;
  padding: 0 0 0 18px;
  color: rgba(235, 186, 111, .78);
  font-size: 10px;
}

.vidu-marketing-approval-overview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 14px 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  background: rgba(8, 11, 17, .36);
}

.vidu-marketing-approval-overview > div {
  display: grid;
  gap: 4px;
}

.vidu-marketing-approval-overview span,
.vidu-marketing-approval-stage-list small,
.vidu-marketing-approval-stage-list em {
  color: rgba(230, 232, 238, .52);
  font-size: 9px;
  font-style: normal;
}

.vidu-marketing-approval-overview label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.vidu-marketing-approval-stage-list {
  display: grid;
  gap: 9px;
}

.vidu-marketing-approval-stage-list > article {
  display: grid;
  gap: 10px;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 14px;
  background: rgba(255, 255, 255, .022);
}

.vidu-marketing-approval-stage-list > article.is-approved {
  border-color: rgba(85, 190, 135, .24);
}

.vidu-marketing-approval-stage-list > article.is-pending {
  border-color: rgba(104, 166, 225, .25);
}

.vidu-marketing-approval-stage-list > article.is-changes_requested,
.vidu-marketing-approval-stage-list > article.is-rejected {
  border-color: rgba(224, 160, 71, .28);
}

.vidu-marketing-approval-stage-list header,
.vidu-marketing-approval-stage-list footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
}

.vidu-marketing-approval-stage-list header > div {
  display: grid;
  gap: 3px;
}

.vidu-marketing-approval-stage-list textarea {
  min-height: 56px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 10px;
  color: rgba(248, 249, 251, .9);
  background: rgba(0, 0, 0, .18);
  resize: vertical;
}

.vidu-marketing-approval-stage-list footer {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.vidu-marketing-approval-stage-list button {
  min-height: 29px;
  padding: 0 11px;
  border: 1px solid rgba(112, 177, 218, .25);
  border-radius: 999px;
  color: rgba(226, 243, 255, .88);
  background: rgba(69, 132, 171, .1);
  cursor: pointer;
}

.vidu-marketing-approval-stage-list button.is-quiet {
  margin-left: auto;
  border-color: rgba(255, 255, 255, .08);
  color: rgba(230, 232, 238, .48);
  background: transparent;
}

.vidu-marketing-approval-error {
  margin: 0;
  color: rgba(245, 176, 105, .9);
  font-size: 10px;
  line-height: 1.45;
}

.vidu-marketing-report-toolbar,
.vidu-marketing-closeout-panel > header,
.vidu-marketing-learning-panel > header,
.vidu-marketing-learning-list article > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vidu-marketing-report-toolbar {
  margin: 14px 0 10px;
}

.vidu-marketing-report-toolbar > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vidu-marketing-report-toolbar > div:first-child,
.vidu-marketing-closeout-panel > header > div,
.vidu-marketing-learning-panel > header > div {
  display: grid;
  gap: 3px;
}

.vidu-marketing-report-toolbar span,
.vidu-marketing-closeout-panel span,
.vidu-marketing-closeout-panel em,
.vidu-marketing-learning-panel span,
.vidu-marketing-learning-panel em,
.vidu-marketing-learning-panel small {
  color: rgba(230, 232, 238, .48);
  font-size: 9px;
  font-style: normal;
}

.vidu-marketing-report-toolbar button,
.vidu-marketing-closeout-panel button,
.vidu-marketing-learning-panel button {
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(112, 177, 218, .25);
  border-radius: 999px;
  color: rgba(226, 243, 255, .88);
  background: rgba(69, 132, 171, .1);
  cursor: pointer;
}

.vidu-marketing-report-toolbar button:disabled,
.vidu-marketing-closeout-panel button:disabled,
.vidu-marketing-learning-panel button:disabled {
  cursor: wait;
  opacity: .48;
}

.vidu-marketing-closeout-panel,
.vidu-marketing-learning-panel {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 15px;
  background: rgba(8, 11, 17, .36);
}

.vidu-marketing-closeout-panel.is-ready {
  border-color: rgba(85, 190, 135, .24);
}

.vidu-marketing-closeout-panel.is-closed {
  border-color: rgba(132, 158, 202, .22);
}

.vidu-marketing-closeout-checks {
  display: grid;
  gap: 7px;
}

.vidu-marketing-closeout-checks label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
}

.vidu-marketing-closeout-panel > textarea,
.vidu-marketing-learning-compose textarea,
.vidu-marketing-learning-list textarea {
  width: 100%;
  box-sizing: border-box;
  min-height: 58px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 10px;
  color: rgba(248, 249, 251, .9);
  background: rgba(0, 0, 0, .18);
  resize: vertical;
}

.vidu-marketing-closeout-panel > p {
  margin: 0;
  color: rgba(245, 176, 105, .9);
  font-size: 10px;
  line-height: 1.45;
}

.vidu-marketing-closeout-panel > footer,
.vidu-marketing-learning-list article > footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-marketing-learning-compose {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 110px auto;
  align-items: end;
  gap: 8px;
}

.vidu-marketing-learning-compose label {
  display: grid;
  gap: 5px;
}

.vidu-marketing-learning-compose input {
  min-height: 34px;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 10px;
  color: rgba(248, 249, 251, .9);
  background: rgba(0, 0, 0, .18);
}

.vidu-marketing-learning-list {
  display: grid;
  gap: 8px;
}

.vidu-marketing-learning-list article {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 13px;
  background: rgba(255, 255, 255, .02);
}

.vidu-marketing-learning-list article.is-approved {
  border-color: rgba(85, 190, 135, .24);
}

.vidu-marketing-learning-list article.is-rejected {
  opacity: .58;
}

.vidu-marketing-learning-list p {
  margin: 0;
  color: rgba(230, 232, 238, .62);
  font-size: 10px;
  line-height: 1.5;
}

@media (max-width: 920px) {
  .vidu-marketing-performance-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-marketing-measurement-health,
  .vidu-marketing-measurement-toolbar,
  .vidu-marketing-approval-overview {
    align-items: flex-start;
    flex-direction: column;
  }

  .vidu-marketing-report-toolbar,
  .vidu-marketing-learning-compose {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .vidu-marketing-report-toolbar,
  .vidu-marketing-report-toolbar > div {
    flex-wrap: wrap;
  }
}

.vidu-marketing-mapping-list > article {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 14px;
  background: rgba(255, 255, 255, .025);
}

.vidu-marketing-mapping-list > article > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.vidu-marketing-mapping-list > article > header span,
.vidu-marketing-mapping-list > article > small {
  color: rgba(255, 255, 255, .4);
  font-size: 9px;
}

.vidu-marketing-mapping-list > article > header span.is-synced {
  color: #63d9a0;
}

.vidu-marketing-mapping-list > article > header span.is-attention_required {
  color: #f1b365;
}

.vidu-marketing-mapping-list > article > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.vidu-marketing-mapping-list > article > footer button {
  min-height: 29px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  color: rgba(255, 255, 255, .68);
  background: rgba(255, 255, 255, .035);
  cursor: pointer;
}

.vidu-marketing-launch-readiness {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(24, 31, 43, .7), rgba(7, 9, 14, .42));
}

.vidu-marketing-launch-readiness.is-ready {
  border-color: rgba(87, 210, 149, .25);
}

.vidu-marketing-launch-readiness.is-ready_with_warnings {
  border-color: rgba(236, 176, 82, .24);
}

.vidu-marketing-launch-readiness > header,
.vidu-marketing-launch-summary,
.vidu-marketing-launch-checks button,
.vidu-marketing-launch-next {
  display: flex;
  align-items: center;
}

.vidu-marketing-launch-readiness > header {
  justify-content: space-between;
  gap: 14px;
}

.vidu-marketing-launch-readiness > header > div {
  display: grid;
  gap: 3px;
}

.vidu-marketing-launch-readiness > header span,
.vidu-marketing-launch-summary span,
.vidu-marketing-launch-checks small,
.vidu-marketing-launch-checks em,
.vidu-marketing-launch-next span {
  color: rgba(227, 231, 238, .52);
  font-size: 9px;
  font-style: normal;
  line-height: 1.4;
}

.vidu-marketing-launch-readiness > header strong {
  color: rgba(250, 251, 253, .94);
  font-size: 15px;
}

.vidu-marketing-launch-readiness > header > em {
  color: rgba(244, 247, 251, .9);
  font-size: 24px;
  font-style: normal;
  font-weight: 650;
  letter-spacing: -.04em;
}

.vidu-marketing-launch-progress {
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
}

.vidu-marketing-launch-progress i {
  display: block;
  width: var(--marketing-launch-score, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7b65dc, #62c8c0);
  transition: width 220ms cubic-bezier(.22, 1, .36, 1);
}

.vidu-marketing-launch-readiness.is-ready .vidu-marketing-launch-progress i {
  background: linear-gradient(90deg, #3baa7a, #75d7a6);
}

.vidu-marketing-launch-summary {
  flex-wrap: wrap;
  gap: 8px 16px;
}

.vidu-marketing-launch-summary strong {
  color: rgba(248, 250, 253, .86);
}

.vidu-marketing-launch-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.vidu-marketing-launch-checks button {
  min-width: 0;
  min-height: 54px;
  gap: 9px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 12px;
  color: inherit;
  text-align: left;
  background: rgba(255, 255, 255, .025);
  cursor: pointer;
  transition: border-color 140ms ease, background-color 140ms ease, transform 140ms ease;
}

.vidu-marketing-launch-checks button:hover,
.vidu-marketing-launch-checks button:focus-visible {
  border-color: rgba(135, 164, 224, .28);
  background: rgba(255, 255, 255, .05);
  transform: translateY(-1px);
}

.vidu-marketing-launch-checks button > i {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e16b75;
  box-shadow: 0 0 0 4px rgba(225, 107, 117, .08);
}

.vidu-marketing-launch-checks button.is-passed > i {
  background: #55c78d;
  box-shadow: 0 0 0 4px rgba(85, 199, 141, .08);
}

.vidu-marketing-launch-checks button.is-warning > i {
  background: #e7ac56;
  box-shadow: 0 0 0 4px rgba(231, 172, 86, .08);
}

.vidu-marketing-launch-checks button > span {
  display: grid;
  flex: 1 1 auto;
  min-width: 0;
  gap: 2px;
}

.vidu-marketing-launch-checks strong {
  color: rgba(247, 249, 252, .86);
  font-size: 11px;
}

.vidu-marketing-launch-checks small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-marketing-launch-checks em {
  flex: 0 0 auto;
  color: rgba(136, 169, 223, .78);
}

.vidu-marketing-launch-next {
  justify-content: space-between;
  gap: 14px;
  padding: 11px 12px;
  border: 1px solid rgba(142, 113, 220, .2);
  border-radius: 12px;
  color: inherit;
  text-align: left;
  background: rgba(115, 86, 191, .08);
  cursor: pointer;
}

.vidu-marketing-launch-next strong {
  color: rgba(245, 247, 251, .84);
  font-size: 10px;
  line-height: 1.45;
  text-align: right;
}

.vidu-marketing-launch-ready-note {
  margin: 0;
  color: rgba(116, 215, 163, .78);
  font-size: 10px;
  line-height: 1.5;
}

.vidu-project-structure-block.is-readiness-target {
  animation: vidu-marketing-readiness-target 900ms cubic-bezier(.22, 1, .36, 1);
}

@keyframes vidu-marketing-readiness-target {
  0%, 100% { box-shadow: 0 0 0 rgba(120, 96, 205, 0); }
  30% { box-shadow: 0 0 0 2px rgba(120, 96, 205, .3), 0 12px 36px rgba(58, 43, 112, .16); }
}

@media (max-width: 720px) {
  .vidu-marketing-launch-checks {
    grid-template-columns: 1fr;
  }

  .vidu-marketing-launch-next {
    align-items: flex-start;
    flex-direction: column;
  }

  .vidu-marketing-launch-next strong {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vidu-marketing-launch-progress i,
  .vidu-marketing-launch-checks button,
  .vidu-project-structure-block.is-readiness-target {
    animation: none;
    transition: none;
  }
}

/* Keep long module selectors usable inside the fixed-height project modal. */
#vidu-app-modal.vidu-project-modal-shell .vidu-project-column #vidu-project-sidebar-prefs-panel.is-open,
#vidu-app-modal.vidu-project-modal-shell .vidu-project-column [data-custom-column-prefs-panel].is-open {
  min-height: 0 !important;
  max-height: min(68dvh, 760px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  touch-action: pan-y;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .22) transparent;
}

#vidu-app-modal.vidu-project-modal-shell .vidu-project-column #vidu-project-sidebar-prefs-panel.is-open::-webkit-scrollbar,
#vidu-app-modal.vidu-project-modal-shell .vidu-project-column [data-custom-column-prefs-panel].is-open::-webkit-scrollbar {
  display: block;
  width: 5px;
}

#vidu-app-modal.vidu-project-modal-shell .vidu-project-column #vidu-project-sidebar-prefs-panel.is-open::-webkit-scrollbar-thumb,
#vidu-app-modal.vidu-project-modal-shell .vidu-project-column [data-custom-column-prefs-panel].is-open::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(255, 255, 255, .22);
}


/* Source: assets/css/pipeline/07-mission-control.css */
/* =========================
   PROJECT TIMELINE
   ========================= */

.vidu-project-timeline-card {
  margin-bottom: 18px;
  padding: 18px;
  border-radius: 22px;
  position: relative;
  z-index: 40;
  overflow: visible !important;
}

.vidu-project-timeline-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

.vidu-project-timeline-head > div:first-child {
  min-width: 0;
}

.vidu-project-timeline-head .vidu-timeline-view-switch {
  margin-left: auto;
}

.vidu-timeline-focus-btn {
  flex: 0 0 auto;
}

.vidu-project-timeline-head strong {
  display: block;
  color: #f4f4f5;
  font-size: 16px;
  font-weight: 700;
  margin-top: 4px;
}

.vidu-project-timeline-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}

.vidu-project-timeline-form input,
.vidu-project-timeline-form select {
  flex: 0 1 170px;
  min-width: 150px;
}

.vidu-project-timeline-form #vidu-project-timeline-label {
  flex: 1 1 300px;
  min-width: min(100%, 260px);
}

.vidu-project-timeline-form #vidu-project-timeline-date {
  flex-basis: 180px;
  min-width: 170px;
}

.vidu-project-timeline-form #vidu-project-timeline-duration-value,
.vidu-project-timeline-form #vidu-project-timeline-duration-unit {
  flex-basis: 120px;
  min-width: 108px;
}

.vidu-project-timeline-add-btn {
  flex: 0 0 auto;
  min-height: 42px;
  min-width: 138px;
  padding: 0 18px;
}

.vidu-project-horizontal-timeline {
  min-height: 150px;
  padding: 20px 10px 6px;
  position: relative;
  z-index: 45;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.vidu-project-horizontal-timeline::-webkit-scrollbar {
  display: none;
}

.vidu-project-cockpit-grid.is-timeline-focus-mode::before {
  content: "";
  position: absolute;
  inset: 10px 12px 12px;
  z-index: 58;
  border-radius: 28px;
  background: rgba(6, 6, 8, .42);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: none;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-column:not(.vidu-project-activity),
.vidu-project-cockpit-grid.is-timeline-focus-mode > .vidu-project-column:not(.vidu-project-activity) {
  opacity: .28;
  filter: blur(3px);
  pointer-events: none;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-activity > :not(.vidu-project-timeline-card),
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-activity > :not(.vidu-project-timeline-card) {
  opacity: .24;
  filter: blur(3px);
  pointer-events: none;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-activity,
.vidu-project-cockpit-grid.is-timeline-focus-mode > .vidu-project-activity {
  overflow: visible !important;
  z-index: 70;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 90 !important;
  width: min(92%, 1320px) !important;
  height: min(88%, 820px) !important;
  min-height: min(80%, 620px) !important;
  max-height: calc(100% - 44px) !important;
  margin: 0 !important;
  padding: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  transform: translate(-50%, -50%) scale(1) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 50% -18%, rgba(255,255,255,.05), transparent 34%),
    var(--vidu-project-panel-bg-hover) !important;
  border-color: rgba(255,255,255,.13) !important;
  box-shadow:
    0 32px 96px rgba(0,0,0,.54),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-project-timeline-head,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-project-timeline-head {
  flex: 0 0 auto;
  margin-bottom: 18px;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-project-timeline-form,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-project-timeline-form {
  flex: 0 0 auto;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-project-horizontal-timeline,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-project-horizontal-timeline {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  display: flex;
  align-items: stretch;
  padding: 18px 20px 20px;
  overflow: auto !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-project-horizontal-timeline::-webkit-scrollbar,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-project-horizontal-timeline::-webkit-scrollbar {
  display: none;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-track,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-track {
  min-width: 100%;
  min-height: 100%;
  margin-inline: 16px;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-label,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-label {
  font-size: 12px;
  max-width: 150px;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-day-label,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-day-label {
  display: inline-grid !important;
  gap: 3px;
  align-items: center;
  justify-items: center;
  font-size: 10px;
  line-height: 1.05;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-day-weekday,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-day-weekday {
  color: rgba(255,255,255,.48);
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-day-date,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-day-date {
  color: rgba(255,255,255,.30);
}

.vidu-timeline-track {
  position: relative;
  height: 110px;
  margin: 0 12px;
  overflow: visible !important;
}

.vidu-timeline-track::before,
.vidu-timeline-track::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: var(--timeline-axis-top, 54px);
  height: 1px;
}

.vidu-timeline-track::before {
  background: rgba(255,255,255,.28);
}

.vidu-timeline-track::after {
  background-image: linear-gradient(90deg, rgba(255,255,255,.22) 0 4px, transparent 4px 12px);
  opacity: .32;
}

.vidu-timeline-point {
  position: absolute;
  top: 38px;
  transform: translateX(-50%);
  text-align: center;
  min-width: 92px;
  z-index: 2;
}

.vidu-timeline-dot {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 3px solid var(--timeline-accent, #f97316);
  background: #171718;
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--timeline-accent, #f97316) 14%, transparent),
    0 0 18px color-mix(in srgb, var(--timeline-accent, #f97316) 18%, transparent);
  cursor: pointer;
}

.vidu-timeline-point.is-interval {
  width: 100%;
  min-width: 1px;
  max-width: none;
  transform: translateY(-50%);
  text-align: left;
}

.vidu-timeline-interval-bar {
  position: absolute;
  left: var(--timeline-start, 0%);
  top: 50%;
  width: var(--timeline-width, 1.4%);
  height: 18px;
  min-width: 26px;
  transform: translateY(-50%);
  border: 1px solid color-mix(in srgb, var(--timeline-accent, #fb923c) 48%, transparent);
  border-radius: 999px;
  background:
    linear-gradient(90deg,
      color-mix(in srgb, var(--timeline-accent, #f97316) 34%, transparent),
      color-mix(in srgb, var(--timeline-accent, #fb923c) 15%, transparent));
  color: rgba(255,237,213,0.92);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
}

.vidu-timeline-interval-bar span {
  display: block;
  max-width: min(180px, 100%);
  padding: 2px 9px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 800;
  line-height: 14px;
  text-align: left;
}

.vidu-timeline-point.is-interval .vidu-timeline-dot {
  position: absolute;
  left: var(--timeline-start, 0%);
  top: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.vidu-timeline-point.is-interval .vidu-timeline-label,
.vidu-timeline-point.is-interval .vidu-timeline-date {
  position: absolute;
  left: var(--timeline-start, 0%);
  max-width: min(180px, max(76px, var(--timeline-width, 8%) * 1));
}

.vidu-timeline-point.is-checklist-source .vidu-timeline-dot {
  border-color: color-mix(in srgb, var(--timeline-accent, #a78bfa) 78%, rgba(255,255,255,.14));
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--timeline-accent, #a78bfa) 10%, transparent),
    0 0 16px color-mix(in srgb, var(--timeline-accent, #a78bfa) 14%, transparent);
}

.vidu-timeline-point.is-checklist-source .vidu-timeline-interval-bar {
  border-color: color-mix(in srgb, var(--timeline-accent, #a78bfa) 34%, transparent);
  background:
    linear-gradient(90deg,
      color-mix(in srgb, var(--timeline-accent, #a78bfa) 24%, transparent),
      color-mix(in srgb, var(--timeline-accent, #60a5fa) 12%, transparent));
  color: rgba(237,233,254,0.88);
}

.vidu-timeline-label {
  margin-top: 8px;
  color: #f4f4f5;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  max-width: 132px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.vidu-timeline-date {
  margin-top: 3px;
  color: rgba(255,255,255,.68);
  font-size: 12px;
  max-width: 132px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-timeline-point.is-past .vidu-timeline-dot {
  opacity: .55;
  border-color: rgba(255,255,255,.34);
  box-shadow: none;
}

.vidu-timeline-today {
  position: absolute;
  top: calc(var(--timeline-axis-top, 54px) - 34px);
  transform: translateX(-50%);
  z-index: 3;
  height: 78px;
  border-left: 1px dashed rgba(96,165,250,.85);
}

.vidu-timeline-today::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 28px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #60a5fa;
  box-shadow: 0 0 0 4px rgba(96,165,250,.15);
}

.vidu-timeline-today span {
  position: absolute;
  left: 50%;
  top: -18px;
  transform: translateX(-50%);
  color: var(--vidu-blue);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

/* =========================
   PROJECT CENTER / FEED / CHAT
   ========================= */

.vidu-project-center-head,
.vidu-project-center-head-below {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin: 22px 0 14px;
}

.vidu-project-communication-module {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1 1 auto;
  min-height: 360px;
  max-height: none;
  border: 1px solid rgba(139, 160, 246, .13);
  border-radius: 22px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(96, 165, 250, .032), rgba(139, 92, 246, .02)),
    rgba(16, 17, 22, .54);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.026),
    0 18px 46px rgba(0,0,0,0.18);
}

.vidu-project-activity > .vidu-project-column-head {
  flex: 0 0 auto;
  top: 0;
  z-index: 35;
  margin-bottom: 12px;
  border-radius: 0 0 14px 14px;
  background: rgba(18,18,22,0.78);
  border-bottom: 1px solid rgba(255,255,255,0.07);
  backdrop-filter: blur(16px) saturate(1.05);
  -webkit-backdrop-filter: blur(16px) saturate(1.05);
}

.vidu-project-activity .vidu-project-center-head-below {
  position: sticky;
  top: 0;
  z-index: 34;
  flex: 0 0 auto;
  margin: 0;
  padding: 12px;
  background:
    linear-gradient(180deg, rgba(20,22,28,0.92), rgba(18,18,22,0.78));
  border-bottom: 1px solid rgba(255,255,255,0.06);
  border-radius: 22px 22px 0 0;
  backdrop-filter: blur(16px) saturate(1.05);
  -webkit-backdrop-filter: blur(16px) saturate(1.05);
}

.vidu-project-activity {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  overflow-y: hidden !important;
}

.vidu-project-activity > .vidu-project-timeline-card {
  flex: 0 0 auto;
}

.vidu-project-center-tabs,
.vidu-project-center-tools,
.vidu-project-feed-filters,
.vidu-project-control-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap;
}

.vidu-project-center-tabs {
  padding: 4px;
  border-radius: 16px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.055);
}

.vidu-project-center-tabs button.is-active,
.vidu-project-feed-filters button.is-active {
  background: rgba(116,94,255,.16) !important;
  border-color: rgba(116,94,255,.32) !important;
  color: #d8d2ff !important;
}

.vidu-project-center-panel {
  display: none;
  min-height: 0;
}

.vidu-project-center-panel.is-active {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
}

.vidu-project-center-panel.is-activity-focus-active {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
}

.vidu-project-cockpit.is-activity-focus-mode .vidu-project-center-head-below {
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 12px;
  background: var(--vidu-project-sticky-head-bg);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.vidu-project-feed {
  position: relative;
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 12px;
  border-radius: 0 0 22px 22px;
  min-height: 300px !important;
  height: 100% !important;
  max-height: 100%;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(147,197,253,0.32) transparent;
}

.vidu-project-cockpit.is-activity-focus-mode .vidu-project-feed,
.vidu-project-feed.is-activity-focus-active {
  min-height: min(620px, calc(100vh - 360px)) !important;
  max-height: calc(100vh - 340px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.026),
    0 18px 48px rgba(0,0,0,0.22);
}

.vidu-project-cockpit.is-activity-focus-mode .vidu-project-feed::-webkit-scrollbar,
.vidu-project-feed.is-activity-focus-active::-webkit-scrollbar {
  width: 7px;
  display: block;
}

.vidu-project-feed::-webkit-scrollbar {
  width: 7px;
}

.vidu-project-feed::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(147,197,253,0.26);
}

.vidu-project-feed::-webkit-scrollbar-track {
  background: transparent;
}

.vidu-project-feed::before {
  content: "";
  position: absolute;
  left: 27px;
  top: 20px;
  bottom: 20px;
  width: 1px;
  background: rgba(255,255,255,.08);
}

.vidu-project-feed-event {
  position: relative;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 12px;
  width: 100%;
  padding: 12px 14px 12px 12px;
  border: 1px solid transparent;
  background: rgba(255,255,255,0.012);
  color: #f3f3f5;
  text-align: left;
  cursor: pointer;
  border-radius: 16px;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.vidu-project-feed-event:hover,
.vidu-project-feed-event.is-selected {
  background: rgba(255,255,255,.045);
  border-color: rgba(255,255,255,0.08);
  transform: translateY(-1px);
}

.vidu-project-feed-icon,
.vidu-project-feed-dot {
  width: 30px;
  height: 30px;
  margin: 1px 0 0;
  border-radius: 999px;
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--vidu-event-accent, rgba(255,255,255,0.58));
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.10), transparent 64%),
    rgba(255,255,255,0.035);
  border: 1px solid color-mix(in srgb, var(--vidu-event-accent, #a1a1aa) 28%, transparent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--vidu-event-accent, #a1a1aa) 7%, transparent);
}

.vidu-project-feed-icon svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vidu-project-feed-event.is-event-file,
.vidu-project-feed-event.is-upload { --vidu-event-accent: #7fb5ff; }
.vidu-project-feed-event.is-event-message,
.vidu-project-feed-event.is-comment,
.vidu-project-feed-event.is-client-comment { --vidu-event-accent: #8ed8ff; }
.vidu-project-feed-event.is-event-checklist { --vidu-event-accent: #a7f3d0; }
.vidu-project-feed-event.is-event-status,
.vidu-project-feed-event.is-status { --vidu-event-accent: #86efac; }
.vidu-project-feed-event.is-event-ai { --vidu-event-accent: #c4b5fd; }
.vidu-project-feed-event.is-event-note { --vidu-event-accent: #cbd5e1; }
.vidu-project-feed-event.is-event-assignment { --vidu-event-accent: #f0abfc; }
.vidu-project-feed-event.is-event-timeline,
.vidu-project-feed-event.is-deadline { --vidu-event-accent: #fdba74; }
.vidu-project-feed-event.is-event-finance { --vidu-event-accent: #6ee7b7; }
.vidu-project-feed-event.is-event-decision,
.vidu-project-feed-event.is-decision,
.vidu-project-feed-event.is-client-approval { --vidu-event-accent: #c4b5fd; }
.vidu-project-feed-event.is-client-revision { --vidu-event-accent: #fbbf24; }

.vidu-project-feed-event.is-client-comment,
.vidu-project-feed-event.is-client-revision,
.vidu-project-feed-event.is-client-approval {
  background: rgba(255,255,255,0.018);
}

.vidu-project-feed-event.is-client-revision {
  box-shadow: inset 0 0 0 1px rgba(245,158,11,0.08);
}

.vidu-project-feed-event.is-client-approval {
  box-shadow: inset 0 0 0 1px rgba(34,197,94,0.08);
}

.vidu-project-feed-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}

.vidu-project-feed-top strong {
  font-size: 13px;
  color: rgba(255,255,255,0.88);
  line-height: 1.25;
}

.vidu-project-feed-top em {
  font-style: normal;
  font-size: 11px;
  color: var(--vidu-meta);
  white-space: nowrap;
}

.vidu-project-feed-author {
  display: block;
  margin: -1px 0 4px;
  color: rgba(255,255,255,0.46);
  font-size: 11px;
  line-height: 1.25;
}

.vidu-project-feed-text {
  display: block;
  color: var(--vidu-muted);
  font-size: 13px;
  line-height: 1.45;
  max-width: 100%;
}

.vidu-project-chat-window {
  min-height: 280px !important;
  height: auto !important;
  border-radius: 20px;
  padding: 16px;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}

.vidu-project-chat-messages {
  width: 100%;
  max-height: 360px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
  scrollbar-width: none;
}

.vidu-project-workforce {
  margin: 10px 12px 0;
  padding: 12px;
  border: 1px solid rgba(139, 92, 246, .26);
  border-radius: 14px;
  background: rgba(76, 29, 149, .1);
}

.vidu-project-workforce header,
.vidu-project-workforce-person {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.vidu-project-workforce header strong { display: block; font-size: 13px; }
.vidu-project-workforce header span,
.vidu-project-workforce-person small,
.vidu-project-workforce-empty { display: block; color: var(--vidu-muted, #94a3b8); font-size: 11px; }
.vidu-project-workforce-goal { margin: 8px 0; color: inherit; font-size: 12px; }
.vidu-project-orchestration { margin-top: 9px; padding: 9px; border-radius: 10px; background: rgba(15, 23, 42, .32); font-size: 11px; }
.vidu-project-orchestration strong { display: block; font-size: 11px; }
.vidu-project-orchestration p { margin: 5px 0; line-height: 1.4; }
.vidu-project-orchestration small { display: block; margin-top: 4px; color: var(--vidu-muted, #94a3b8); }
.vidu-project-orchestration-blocked { color: #f87171 !important; }
.vidu-project-orchestration-approval { color: #fbbf24 !important; }
.vidu-project-orchestration button { margin-top: 8px; }
.vidu-project-workforce-list { display: grid; gap: 7px; }
.vidu-project-workforce-person { justify-content: flex-start; }
.vidu-project-workforce-avatar { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: #7c3aed; color: #fff; font-size: 11px; font-weight: 700; }
.vidu-project-workforce-person > span:nth-child(2) { min-width: 0; flex: 1; }
.vidu-project-workforce-person > span:nth-child(2) strong { display: block; font-size: 12px; }
.vidu-project-workforce-person em { color: #a78bfa; font-size: 10px; font-style: normal; white-space: nowrap; }
.vidu-project-workforce-person em[data-status="blocked"] { color: #f87171; }
.vidu-project-workforce-person em[data-status="completed"] { color: #34d399; }
.vidu-project-workforce-add { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 10px; }
.vidu-project-workforce-add select,
.vidu-project-workforce-add input { min-width: 0; padding: 7px 8px; border: 1px solid rgba(148, 163, 184, .24); border-radius: 8px; background: rgba(15, 23, 42, .5); color: inherit; font: inherit; font-size: 11px; }
.vidu-project-workforce-add button { grid-column: span 2; justify-self: start; }

.vidu-project-chat-messages::-webkit-scrollbar {
  display: none;
}

.vidu-project-chat-empty {
  margin: auto;
  max-width: 340px;
  text-align: center;
  color: rgba(255,255,255,.46);
  font-size: 13px;
  line-height: 1.5;
}

.vidu-project-chat-message {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}

.vidu-project-chat-message.is-mine {
  flex-direction: row-reverse;
}

.vidu-project-chat-bubble {
  max-width: min(520px, 82%);
  min-width: 0;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 16px;
  background: var(--vidu-message-bubble-bg);
  padding: 10px 12px;
}

.vidu-project-chat-message.is-mine .vidu-project-chat-bubble {
  background: var(--vidu-message-bubble-own-bg);
  border-color: var(--vidu-message-bubble-own-border);
}

.vidu-project-chat-bubble-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 5px;
}

.vidu-project-chat-bubble-head strong {
  color: var(--vidu-text-primary);
  font-size: 12px;
  font-weight: 800;
}

.vidu-project-chat-bubble-head span {
  color: var(--vidu-text-muted);
  font-size: 11px;
  white-space: nowrap;
}

.vidu-project-chat-bubble p {
  margin: 0;
  color: var(--vidu-text-primary);
  font-size: 13px;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.vidu-project-chat-compose {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  margin-top: 12px;
  border-radius: 18px;
  padding: 10px;
}

.vidu-project-chat-compose textarea {
  min-height: 46px;
  max-height: 120px;
  resize: vertical;
  border-radius: 14px;
}

/* =========================
   PROJECT CONTROL / EVENT DETAIL
   ========================= */

.vidu-project-control-card {
  padding: 17px 16px;
}

.vidu-project-control-card strong,
.vidu-project-control-card span {
  display: block;
}

.vidu-project-control-card span {
  margin-top: 4px;
  color: rgba(255,255,255,.56);
  font-size: 13px;
}

.vidu-project-control-label {
  margin-bottom: 8px;
  font-size: 10px;
  letter-spacing: .12em;
}

.vidu-project-control-date {
  display: grid;
  gap: 8px;
  color: var(--vidu-muted);
  font-size: 13px;
}

.vidu-project-control-actions {
  display: grid !important;
  grid-template-columns: repeat(4, 38px);
  gap: 9px !important;
}

.vidu-project-viewer-card {
  background:
    linear-gradient(180deg, rgba(59,130,246,0.055), rgba(255,255,255,0.026)) !important;
  border-color: rgba(96,165,250,0.14) !important;
}

.vidu-project-delivery-card {
  border-color: rgba(129,140,248,0.13) !important;
  background: rgba(18,19,23,0.78) !important;
}

.vidu-project-delivery-meta {
  margin-top: 6px;
  color: rgba(255,255,255,0.42);
  font-size: 11px;
  line-height: 1.45;
}

.vidu-project-viewer-card > strong {
  margin-bottom: 4px;
}

.vidu-project-viewer-card > span {
  color: rgba(255,255,255,0.48);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-project-viewer-card > .vidu-project-viewer-contract-state {
  display: inline-flex;
  width: fit-content;
  margin-top: 7px;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid rgba(168,85,247,0.24);
  background: rgba(168,85,247,0.10);
  color: rgba(233,213,255,0.92);
  font-size: 11px;
  font-weight: 700;
}

.vidu-project-viewer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 13px;
}

.vidu-project-viewer-actions .vidu-project-payment-action {
  min-height: 34px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition: background .16s ease, transform .16s ease, border-color .16s ease, opacity .16s ease;
  box-shadow: var(--vidu-shadow-card);
}

.vidu-project-viewer-actions .vidu-project-payment-action:hover {
  background: var(--vidu-control-bg-hover);
  border-color: var(--vidu-control-border-active);
  color: var(--vidu-text-primary);
  transform: translateY(-1px);
}

.vidu-project-viewer-actions .vidu-project-payment-action svg {
  width: 15px;
  height: 15px;
  display: block;
  flex: 0 0 auto;
  stroke: currentColor;
}

.vidu-project-viewer-actions .vidu-project-payment-action.is-disabled {
  opacity: .32;
  pointer-events: none;
  cursor: not-allowed;
}

.vidu-project-viewer-actions .vidu-project-icon-btn {
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
}

.vidu-project-viewer-actions .vidu-project-icon-btn.is-disabled {
  opacity: .32;
  pointer-events: none;
}

.vidu-project-icon-btn.is-disabled {
  opacity: .32 !important;
  pointer-events: none;
  cursor: not-allowed;
}

.vidu-project-viewer-url {
  margin-top: 12px;
  padding: 9px 10px;
  border-radius: 13px;
  background: rgba(8,9,11,0.74);
  border: 1px solid rgba(255,255,255,0.045);
  color: rgba(255,255,255,0.42);
  font-size: 11px;
  line-height: 1.45;
  word-break: break-all;
}

.vidu-project-event-detail {
  color: var(--vidu-muted);
  font-size: 13px;
  line-height: 1.5;
}

.vidu-project-event-detail-title {
  color: #fff;
  font-weight: 700;
  margin-bottom: 4px;
}

.vidu-project-event-detail-meta {
  color: var(--vidu-meta);
  font-size: 12px;
  margin-bottom: 12px;
}

.vidu-project-event-detail-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid rgba(255,255,255,.06);
}

.vidu-project-event-detail-row span {
  color: var(--vidu-meta);
}

.vidu-project-event-detail-row strong {
  color: #fff;
  text-align: right;
}

.vidu-project-event-detail-message {
  margin-top: 12px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
}

/* =========================
   CONFIRM OVERLAYS
   ========================= */

#vidu-archive-confirm-overlay,
#vidu-project-start-confirm-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
}

#vidu-archive-confirm-overlay .vidu-archive-confirm-backdrop,
.vidu-project-start-confirm-backdrop {
  position: absolute;
  inset: 0;
  background: var(--vidu-overlay-backdrop);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  pointer-events: auto;
}

#vidu-archive-confirm-overlay .vidu-archive-confirm-dialog,
.vidu-project-start-confirm-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(92vw, 440px);
  transform: translate(-50%, -50%);
  padding: 26px 24px 22px;
  border-radius: 24px;
  background: var(--vidu-modal-surface-elevated);
  border: 1px solid var(--vidu-modal-border);
  box-shadow: var(--vidu-shadow-floating), var(--vidu-modal-glow);
  color: var(--vidu-text-primary);
  text-align: center;
  pointer-events: auto;
}

#vidu-archive-confirm-overlay .vidu-archive-confirm-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  border-radius: 12px;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
}

#vidu-archive-confirm-overlay .vidu-archive-confirm-close svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
}

#vidu-archive-confirm-overlay .vidu-archive-confirm-icon {
  width: 52px;
  height: 52px;
  margin: 4px auto 14px;
  border-radius: 16px;
  background: rgba(255,80,80,.08);
  border: 1px solid rgba(255,143,143,.16);
  color: var(--vidu-red);
  display: flex;
  align-items: center;
  justify-content: center;
}

#vidu-archive-confirm-overlay .vidu-archive-confirm-icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}

#vidu-archive-confirm-overlay .vidu-archive-confirm-kicker,
.vidu-project-start-confirm-kicker {
  margin-bottom: 10px;
  font-size: var(--vidu-text-xs);
  letter-spacing: var(--vidu-letter-label);
  text-transform: uppercase;
  color: var(--vidu-text-muted);
}

#vidu-archive-confirm-overlay .vidu-archive-confirm-title,
.vidu-project-start-confirm-dialog h3 {
  margin: 0 0 10px;
  font-size: var(--vidu-text-xl);
  line-height: var(--vidu-line-tight);
  font-weight: 700;
}

#vidu-archive-confirm-overlay .vidu-archive-confirm-text,
.vidu-project-start-confirm-dialog p {
  margin: 0 auto 20px;
  max-width: 330px;
  font-size: var(--vidu-text-md);
  line-height: var(--vidu-line-relaxed);
  color: var(--vidu-text-secondary);
}

#vidu-archive-confirm-overlay .vidu-archive-confirm-actions,
.vidu-project-start-confirm-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
}

#vidu-archive-confirm-overlay .vidu-archive-btn-cancel,
.vidu-project-start-cancel {
  background: var(--vidu-control-bg) !important;
  border: 1px solid var(--vidu-control-border) !important;
  color: var(--vidu-control-text) !important;
}

#vidu-archive-confirm-overlay .vidu-archive-btn-danger,
.vidu-btn-confirm-danger {
  background: rgba(255,80,80,.12) !important;
  border: 1px solid rgba(255,143,143,.22) !important;
  color: #ffb0b0 !important;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1400px) {
  .vidu-pipeline-board {
    --vidu-pipeline-column-width: clamp(280px, 28vw, 330px);
  }
}

@media (max-width: 1180px) {
  .vidu-project-cockpit-grid {
    grid-template-columns: 1fr;
    align-items: start !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .vidu-project-column,
  .vidu-project-structure,
  .vidu-project-activity,
  .vidu-project-control {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .vidu-project-column + .vidu-project-column {
    border-left: none !important;
    border-top: 1px solid rgba(255,255,255,.045) !important;
    padding-left: 0 !important;
    padding-top: 18px !important;
  }

  .vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active,
  .vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active {
    left: 18px !important;
    right: 18px !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }
}

@media (max-width: 1100px) {
  #vidu-pipeline-dashboard .vidu-pipeline-filters:not(.vidu-topbar-filters) {
    grid-template-columns: 1fr 1fr;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-filters:not(.vidu-topbar-filters) .vidu-filter-actions {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-app-modal-dialog {
    width: calc(100vw - 32px) !important;
    max-height: calc(100svh - 32px) !important;
  }

  .vidu-offer-modal-shell .vidu-app-modal-dialog,
  .vidu-lead-modal-shell .vidu-app-modal-dialog {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    max-height: calc(100svh - 24px) !important;
  }

  .vidu-project-timeline-form {
    grid-template-columns: 1fr;
  }

  .vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active,
  .vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active {
    left: 12px !important;
    right: 12px !important;
    top: 10px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100svh - 150px);
    border-radius: 22px;
    padding: 14px !important;
  }
}

@media (max-width: 767px) {
  #vidu-pipeline-dashboard .vidu-pipeline-toolbar,
  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap {
    padding: 14px;
    border-radius: 18px;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-filters,
  #vidu-pipeline-dashboard .vidu-pipeline-card,
  .vidu-project-chat-compose {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card-side {
    min-width: 0;
    align-items: flex-start;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-amount {
    text-align: left;
  }

  .vidu-project-cockpit-header,
  .vidu-project-cockpit-grid {
    padding-left: 18px;
    padding-right: 18px;
  }

  .vidu-project-title {
    font-size: 24px !important;
  }

  .vidu-project-head-actions {
    justify-content: flex-start;
  }
}

@media (max-height: 820px) {
  .vidu-project-feed,
  .vidu-project-chat-window {
    min-height: 260px !important;
  }

  .vidu-project-cockpit-header {
    padding-top: 22px !important;
    padding-bottom: 18px !important;
  }

  .vidu-project-cockpit-grid {
    padding-top: 18px !important;
    padding-bottom: 22px !important;
  }
}

/* Timeline edit modal + popover */

#vidu-timeline-edit-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
}

.vidu-timeline-edit-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 7, 12, 0.66);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  pointer-events: auto;
}

.vidu-timeline-edit-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(92vw, 460px);
  transform: translate(-50%, -50%);
  padding: 24px;
  border-radius: 24px;
  background: var(--vidu-modal-surface-elevated);
  border: 1px solid var(--vidu-modal-border);
  box-shadow: var(--vidu-shadow-floating), var(--vidu-modal-glow);
  color: var(--vidu-text-primary);
  pointer-events: auto;
}

.vidu-timeline-edit-kicker {
  margin-bottom: 8px;
  font-size: var(--vidu-text-xs);
  letter-spacing: var(--vidu-letter-label);
  text-transform: uppercase;
  color: var(--vidu-text-muted);
}

.vidu-timeline-edit-dialog h3 {
  margin: 0 0 18px;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.vidu-timeline-edit-dialog label {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
  font-size: var(--vidu-text-xs);
  letter-spacing: var(--vidu-letter-label);
  text-transform: uppercase;
  color: var(--vidu-text-muted);
}

.vidu-timeline-edit-duration,
.vidu-checklist-duration-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(110px, .65fr);
  gap: 10px;
  margin-bottom: 14px;
}

.vidu-timeline-edit-color {
  display: grid;
  gap: 9px;
  margin-bottom: 14px;
}

.vidu-timeline-edit-color > span {
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-timeline-color-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-timeline-color-swatch {
  width: 28px;
  height: 28px;
  border: 1px solid color-mix(in srgb, var(--timeline-accent, #f59e0b) 64%, rgba(255,255,255,.14));
  border-radius: 999px;
  background: color-mix(in srgb, var(--timeline-accent, #f59e0b) 72%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
  cursor: pointer;
}

.vidu-timeline-color-swatch.is-active {
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--timeline-accent, #f59e0b) 26%, transparent),
    inset 0 1px 0 rgba(255,255,255,.24);
}

.vidu-timeline-color-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 7px;
  border-radius: 999px;
  background: var(--timeline-accent, #f59e0b);
  vertical-align: 0;
}

.vidu-checklist-duration-fields label {
  display: grid;
  gap: 6px;
  margin: 0;
}

.vidu-checklist-duration-fields span {
  color: var(--vidu-text-muted, rgba(255,255,255,0.52));
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-timeline-edit-dialog input,
.vidu-timeline-edit-dialog textarea,
.vidu-timeline-edit-dialog select {
  width: 100%;
  min-height: 42px;
  border-radius: 14px;
  border: 1px solid var(--vidu-input-border);
  background: var(--vidu-input-bg);
  color: var(--vidu-text-primary);
  padding: 10px 12px;
  outline: none;
  font-size: var(--vidu-text-md);
  letter-spacing: normal;
  text-transform: none;
}

.vidu-timeline-edit-dialog textarea {
  min-height: 96px;
  resize: vertical;
}

.vidu-timeline-edit-dialog input:focus,
.vidu-timeline-edit-dialog textarea:focus {
  border-color: rgba(96,165,250,.85);
  box-shadow: 0 0 0 3px rgba(96,165,250,.14);
}

.vidu-timeline-edit-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

/* Timeline checkpoint popover */

.vidu-timeline-point {
  position: absolute;
  top: 54px;
  transform: translate(-50%, -50%);
  text-align: center;
  min-width: 92px;
  max-width: 130px;
  z-index: 2;
  font-size: 11px;
}

.vidu-timeline-popover {
  position: fixed;
  left: var(--vidu-pop-left, 50vw);
  top: var(--vidu-pop-top, 20vh);
  bottom: auto;
  transform: translate(-50%, -100%) translateY(-10px);

  width: 260px;
  min-width: 220px;
  max-width: 280px;

  padding: 14px;
  border-radius: 18px;

  background: rgba(16,16,17,0.96);
  border: 1px solid rgba(96,165,250,0.36);

  opacity: 0;
  pointer-events: none;
  z-index: 2147482000;

  box-shadow:
    0 24px 70px rgba(0,0,0,0.58),
    inset 0 1px 0 rgba(255,255,255,0.04);

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  transition: opacity .16s ease, transform .16s ease;
}

.vidu-timeline-popover::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 10px;
  height: 10px;
  background: #101011;
  border-right: 1px solid rgba(96,165,250,0.32);
  border-bottom: 1px solid rgba(96,165,250,0.32);
  transform: translateX(-50%) rotate(45deg);
}

@media (hover: hover) {
  .vidu-timeline-point:hover .vidu-timeline-popover {
    opacity: 1;
    pointer-events: none;
    transform: translate(-50%, -100%) translateY(-16px);
  }
}

.vidu-timeline-point.is-menu-open .vidu-timeline-popover {
  opacity: 1;
  pointer-events: none;
  transform: translate(-50%, -100%) translateY(-16px);
}

.vidu-timeline-note-popover {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.86);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-timeline-popover-actions {
  display: grid;
  gap: 4px;
}

.vidu-timeline-popover-actions button {
  min-height: 32px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: rgba(255,255,255,0.78);
  text-align: left;
  padding: 0 8px;
  cursor: pointer;
}

.vidu-timeline-popover-actions button:hover {
  background: rgba(255,255,255,0.08);
  color: #fff;
}

.vidu-timeline-popover-actions button.is-danger {
  color: #ff9b9b;
}

@media (max-width: 767px) {
  .vidu-timeline-popover {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 24px;
    transform: translateY(12px);
    width: auto;
    min-width: 0;
    max-width: none;
    padding: 14px;
    border-radius: 18px;
  }

  .vidu-timeline-popover::after {
    display: none;
  }

  .vidu-timeline-point.is-menu-open .vidu-timeline-popover {
    transform: translateY(0);
  }

  .vidu-timeline-popover-actions button {
    min-height: 42px;
    font-size: 14px;
  }
}

/* =========================
   PROJECT TIMELINE — FINAL STABLE
   ========================= */

.vidu-project-horizontal-timeline {
  min-height: 210px;
  padding: 26px 10px 10px;
  overflow: visible;
}

.vidu-project-horizontal-timeline.is-calendar-view {
  overflow-x: auto;
  overflow-y: visible;
  padding-bottom: 18px;
}

.vidu-timeline-track {
  position: relative;
  height: 170px;
  margin: 0 12px;
}

.vidu-timeline-track.is-calendar-track {
  min-width: 980px;
}

.vidu-timeline-track::before,
.vidu-timeline-track::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: var(--timeline-axis-top, 54px);
  height: 1px;
  z-index: 1;
}

.vidu-timeline-track::before {
  background: rgba(255,255,255,.28);
}

.vidu-timeline-track::after {
  background-image: linear-gradient(90deg, rgba(255,255,255,.22) 0 4px, transparent 4px 12px);
  opacity: .32;
}

.vidu-timeline-day-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid rgba(255,255,255,0.035);
  pointer-events: none;
  z-index: 0;
}

.vidu-timeline-day-bg.is-weekend {
  background: rgba(255,255,255,0.035);
}

.vidu-timeline-day-label {
  position: absolute;
  left: 50%;
  bottom: 8px;
  display: inline-flex !important;
  align-items: baseline;
  gap: 4px;
  transform: translateX(-50%);
  font-size: 11px;
  line-height: 1.05;
  color: rgba(255,255,255,0.36);
  white-space: nowrap;
  pointer-events: none;
  z-index: 4;
}

.vidu-timeline-day-weekday {
  color: rgba(255,255,255,0.46);
  font-weight: 800;
}

.vidu-timeline-day-date {
  color: rgba(255,255,255,0.34);
}

.vidu-timeline-point {
  position: absolute;
  top: 54px;
  width: 90px;
  height: 18px;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
}

.vidu-timeline-point:hover,
.vidu-timeline-point.is-menu-open {
  z-index: 80;
}

.vidu-timeline-dot {
  width: 18px;
  height: 18px;
  padding: 0;
  display: block;
  margin: 0 auto;
  border-radius: 999px;
  border: 3px solid #f97316;
  background: #171718;
  box-shadow:
    0 0 0 4px rgba(249,115,22,.14),
    0 0 18px rgba(249,115,22,.22);
  cursor: pointer;
}

.vidu-timeline-point.is-past .vidu-timeline-dot {
  opacity: .55;
  border-color: rgba(255,255,255,.34);
  box-shadow: none;
}

.vidu-timeline-label {
  position: absolute;
  left: 50%;
  top: 34px;
  width: 130px;
  transform: translateX(-50%);
  color: #f4f4f5;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  overflow-wrap: break-word;
}

.vidu-timeline-date {
  position: absolute;
  left: 50%;
  top: 52px;
  width: 130px;
  transform: translateX(-50%);
  color: rgba(255,255,255,.68);
  font-size: 12px;
  text-align: center;
}

/* Full nézetben, sűrű checkpointoknál lépcsőzés */
.vidu-timeline-point.label-level-1 .vidu-timeline-label {
  top: 74px;
}

.vidu-timeline-point.label-level-1 .vidu-timeline-date {
  top: 92px;
}

.vidu-timeline-point.label-level-2 .vidu-timeline-label {
  top: 114px;
}

.vidu-timeline-point.label-level-2 .vidu-timeline-date {
  top: 132px;
}

/* Heti / havi naptárnézetben a checkpoint dátuma ne látszódjon */
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-point .vidu-timeline-date {
  display: none !important;
}

/* Heti / havi naptárnézetben a checkpoint cím pozíciói */
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-label {
  top: 42px;
}

.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-point.label-level-1 .vidu-timeline-label {
  top: 78px;
}

.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-point.label-level-2 .vidu-timeline-label {
  top: 114px;
}

/* Egész nézetben túl sok pont esetén csak a pöttyök maradnak */
.vidu-timeline-point.hide-labels .vidu-timeline-label,
.vidu-timeline-point.hide-labels .vidu-timeline-date {
  display: none !important;
}

/* Popover */
.vidu-timeline-popover {
  position: fixed;
  left: var(--vidu-pop-left, 50vw);
  top: var(--vidu-pop-top, 20vh);
  bottom: auto;
  transform: translate(-50%, -100%) translateY(-10px);
  width: 220px;
  padding: 10px;
  border-radius: 14px;
  background: #101011;
  border: 1px solid rgba(96,165,250,0.32);
  opacity: 0;
  pointer-events: none;
  z-index: 2147482000;
  box-shadow: 0 18px 42px rgba(0,0,0,0.45);
  transition: opacity .16s ease, transform .16s ease;
}

.vidu-timeline-popover::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -18px;
  height: 18px;
}

.vidu-timeline-popover::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 10px;
  height: 10px;
  background: #101011;
  border-right: 1px solid rgba(96,165,250,0.32);
  border-bottom: 1px solid rgba(96,165,250,0.32);
  transform: translateX(-50%) rotate(45deg);
}

.vidu-timeline-point:hover .vidu-timeline-popover,
.vidu-timeline-point.is-menu-open .vidu-timeline-popover {
  opacity: 1;
  pointer-events: none;
  transform: translate(-50%, -100%) translateY(-16px);
}

/* View switch */
.vidu-project-timeline-head {
  align-items: flex-start;
}

.vidu-timeline-view-switch {
  display: inline-flex;
  gap: 6px;
  padding: 5px;
  border-radius: 14px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.06);
  margin-left: auto;
}

.vidu-timeline-view-switch button {
  min-height: 32px;
  padding: 0 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: rgba(255,255,255,0.58);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.vidu-timeline-view-switch button.is-active {
  background: rgba(249,115,22,0.14);
  color: #fdba74;
}

/* =========================
   TIMELINE POPOVER — FIXED IN CALENDAR VIEW
   ========================= */

.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-popover {
  position: fixed !important;
  left: var(--vidu-pop-left, 50vw) !important;
  top: var(--vidu-pop-top, 20vh) !important;
  bottom: auto !important;
  transform: translate(-50%, -100%) translateY(-10px) !important;
  z-index: 2147482000 !important;
}

.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-point.is-menu-open .vidu-timeline-popover {
  opacity: 1;
  pointer-events: none;
}

.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-popover::after {
  top: auto;
  bottom: -6px;
}

.vidu-timeline-popover-title {
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 10px;
}

.vidu-timeline-popover-meta {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
  color: rgba(255,255,255,0.66);
  font-size: 12px;
}

.vidu-timeline-popover-meta-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
}

.vidu-timeline-popover-meta-row span {
  color: rgba(255,255,255,0.42);
}

.vidu-timeline-popover-meta-row strong {
  color: rgba(255,255,255,0.82);
  font-weight: 600;
}

/* =========================
   TIMELINE — POPOVER + CALENDAR FINISH
   ========================= */

/* Heti/havi scroll közben is engedjük kilógni a popovert */
.vidu-project-timeline-card {
  overflow: visible !important;
}

.vidu-project-horizontal-timeline {
  position: relative;
  overflow: visible;
}

.vidu-project-horizontal-timeline.is-calendar-view {
  padding-top: 70px;
  padding-bottom: 34px;
}

.vidu-timeline-track {
  overflow: visible !important;
}

.vidu-timeline-track.is-calendar-track {
  overflow: visible !important;
}

/* Popover mindig legyen a calendar elemek fölött */
.vidu-timeline-point {
  z-index: 20;
}

.vidu-timeline-point:hover,
.vidu-timeline-point.is-menu-open {
  z-index: 999;
}

.vidu-timeline-popover {
  z-index: 1000;
}

/* Popover belső szövegek */
.vidu-timeline-popover {
  text-align: left;
}

.vidu-timeline-popover h4,
.vidu-timeline-popover strong,
.vidu-timeline-note-popover,
.vidu-timeline-popover-actions {
  text-align: left;
}

.vidu-timeline-note-popover {
  font-size: 13px;
  line-height: 1.45;
  font-weight: 500;
  color: rgba(255,255,255,0.78);
}

/* Heti/havi nézetben a checkpoint címek feljebb kerülnek */
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-label {
  top: 34px;
  font-size: 13px;
  line-height: 1.15;
  width: 120px;
}

/* Heti/havi nézetben nincs checkpoint dátum */
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-point .vidu-timeline-date {
  display: none !important;
}

/* A staggerelés calendar nézetben kisebb legyen, ne lógjon le */
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-point.label-level-1 .vidu-timeline-label {
  top: 62px;
}

.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-point.label-level-2 .vidu-timeline-label {
  top: 90px;
}

/* Calendar nap dátumok maradjanak legalul */
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-day-label {
  display: inline-flex !important;
  bottom: 8px;
  font-size: 11px;
  color: rgba(255,255,255,0.36);
}

/* A nap-háttér ne takarja a checkpointokat */
.vidu-timeline-day-bg {
  z-index: 0;
}

.vidu-timeline-track::before,
.vidu-timeline-track::after {
  z-index: 1;
}

.vidu-timeline-today {
  z-index: 5;
}

.vidu-timeline-point {
  z-index: 10;
}

/* Calendar nézetben a popover maradjon a scroll-boxon belül */
.vidu-project-horizontal-timeline.is-calendar-view {
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding-top: 96px;
  padding-bottom: 46px;
}

/* Calendar track magasabb, hogy legyen hely a popovernek */
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-track {
  height: 260px;
}

/* Calendar nézetben a popover lefelé nyíljon a pontból, ne kifelé a boxból */
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-popover {
  top: 34px;
  bottom: auto;
  transform: translate(-50%, -100%) translateY(-10px);
}

.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-point:hover .vidu-timeline-popover,
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-point.is-menu-open .vidu-timeline-popover {
  transform: translate(-50%, -100%) translateY(-16px);
}

/* A kis nyíl calendar nézetben felül legyen */
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-popover::after {
  top: -6px;
  bottom: auto;
  border-right: 0;
  border-bottom: 0;
  border-left: 1px solid rgba(96,165,250,0.36);
  border-top: 1px solid rgba(96,165,250,0.36);
}

/* Calendar nézetben checkpoint cím ne ütközzön a popoverrel */
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-label {
  top: 150px;
}

.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-point.label-level-1 .vidu-timeline-label {
  top: 176px;
}

.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-point.label-level-2 .vidu-timeline-label {
  top: 202px;
}

/* Napi dátumok legalul maradnak */
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-day-label {
  display: block !important;
  bottom: 8px;
}

.vidu-timeline-popover {
  display: none !important;
}

.vidu-timeline-floating-popover {
  position: fixed;
  left: 50vw;
  top: 20vh;
  width: 260px;
  max-width: min(280px, calc(100vw - 36px));
  padding: 14px;
  border-radius: 18px;
  background: rgba(16,16,17,0.98);
  border: 1px solid rgba(96,165,250,0.36);
  color: #f4f4f5;
  opacity: 0;
  pointer-events: none;
  z-index: 2147482000;
  transform: translate(-50%, -100%) translateY(0);
  box-shadow:
    0 24px 70px rgba(0,0,0,0.58),
    inset 0 1px 0 rgba(255,255,255,0.04);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: opacity .14s ease, transform .14s ease;
}

.vidu-timeline-floating-popover.is-visible {
  opacity: 1;
  pointer-events: auto !important;
  transform: translate(-50%, -100%) translateY(-4px);
}

.vidu-timeline-floating-popover::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: -20px;
  height: 20px;
  background: transparent;
  pointer-events: auto;
}

.vidu-timeline-floating-popover::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 10px;
  height: 10px;
  background: #101011;
  border-right: 1px solid rgba(96,165,250,0.32);
  border-bottom: 1px solid rgba(96,165,250,0.32);
  transform: translateX(-50%) rotate(45deg);
}

.vidu-timeline-floating-popover,
.vidu-timeline-floating-popover.is-visible {
  display: none !important;
}

.vidu-timeline-day-bg {
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  pointer-events: none;
}

.vidu-timeline-day-bg.has-events {
  cursor: pointer;
  pointer-events: auto;
  background:
    linear-gradient(180deg, rgba(96,165,250,0.075), rgba(249,115,22,0.035)),
    rgba(255,255,255,0.015);
  box-shadow: inset 0 0 0 1px rgba(96,165,250,0.09);
}

.vidu-timeline-day-bg.has-events:hover,
.vidu-timeline-day-bg.has-events.is-active {
  background:
    linear-gradient(180deg, rgba(96,165,250,0.13), rgba(249,115,22,0.07)),
    rgba(255,255,255,0.025);
  box-shadow: inset 0 0 0 1px rgba(96,165,250,0.22);
}

.vidu-timeline-day-badge {
  position: absolute;
  left: 50%;
  top: calc(var(--timeline-axis-top, 54px) - 36px);
  min-width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  border-radius: 999px;
  background: rgba(96,165,250,0.18);
  border: 1px solid rgba(96,165,250,0.3);
  color: rgba(255,255,255,0.86);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 10px 26px rgba(0,0,0,0.22);
}

.vidu-timeline-day-badge:empty {
  width: 8px;
  min-width: 8px;
  height: 8px;
  top: calc(var(--timeline-axis-top, 54px) - 24px);
  background: rgba(249,115,22,0.55);
  border-color: rgba(249,115,22,0.45);
}

.vidu-timeline-label {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
}

.vidu-timeline-dot:hover,
.vidu-timeline-interval-bar:hover,
.vidu-timeline-label:hover,
.vidu-timeline-point.is-menu-open .vidu-timeline-dot {
  filter: brightness(1.16);
}

.vidu-timeline-detail-panel {
  margin: 10px 12px 0;
  padding: 14px;
  border-radius: 18px;
  background: rgba(18,18,20,0.82);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow:
    0 24px 60px rgba(0,0,0,0.26),
    inset 0 1px 0 rgba(255,255,255,0.04);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.vidu-timeline-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.vidu-timeline-detail-head span {
  display: block;
  color: rgba(255,255,255,0.44);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.vidu-timeline-detail-head strong {
  display: block;
  margin-top: 3px;
  color: #f8fafc;
  font-size: 15px;
}

.vidu-timeline-detail-close {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.72);
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
}

.vidu-timeline-detail-list {
  display: grid;
  gap: 9px;
}

.vidu-timeline-detail-item {
  padding: 11px;
  border-radius: 14px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.06);
}

.vidu-timeline-detail-type {
  margin-bottom: 5px;
  color: #fdba74;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.vidu-timeline-detail-item.is-task .vidu-timeline-detail-type {
  color: #93c5fd;
}

.vidu-timeline-detail-item.is-phase .vidu-timeline-detail-type {
  color: #a7f3d0;
}

.vidu-timeline-detail-title {
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}

.vidu-timeline-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.vidu-timeline-detail-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.7);
  font-size: 11px;
  font-weight: 700;
}

.vidu-timeline-detail-item p {
  margin: 9px 0 0;
  color: rgba(255,255,255,0.66);
  font-size: 13px;
  line-height: 1.45;
}

.vidu-timeline-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

.vidu-timeline-detail-actions button {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.78);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.vidu-timeline-detail-actions button.is-danger {
  color: #fecaca;
}

.vidu-checklist-time-field,
.vidu-checklist-toggle-field {
  display: grid;
  gap: 6px;
  margin-top: 10px;
  color: rgba(255,255,255,0.62);
  font-size: 12px;
  font-weight: 700;
}

.vidu-checklist-toggle-field {
  grid-template-columns: auto 1fr;
  align-items: center;
}

.vidu-checklist-time-field input {
  min-height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.045);
  color: #fff;
  padding: 0 10px;
}

/* Timeline scroll viewport and focus overlay detail layer */
.vidu-project-horizontal-timeline {
  position: relative !important;
  overflow: hidden !important;
  min-width: 0;
  max-width: 100%;
}

.vidu-timeline-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(147,197,253,0.32) rgba(255,255,255,0.035);
}

.vidu-timeline-scroll::-webkit-scrollbar {
  height: 9px;
}

.vidu-timeline-scroll::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.035);
  border-radius: 999px;
}

.vidu-timeline-scroll::-webkit-scrollbar-thumb {
  background: rgba(147,197,253,0.28);
  border-radius: 999px;
}

.vidu-timeline-scroll .vidu-timeline-track {
  flex: 0 0 auto;
  margin-inline: 12px;
}

.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-scroll,
.vidu-project-horizontal-timeline .vidu-timeline-scroll.is-calendar-scroll {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active {
  position: absolute !important;
  overflow: hidden !important;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-project-horizontal-timeline,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-project-horizontal-timeline {
  position: relative !important;
  display: block !important;
  flex: 1 1 auto;
  min-height: 0;
  padding: 18px 20px 20px;
  overflow: hidden !important;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-scroll,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-scroll {
  height: 100%;
  min-height: 0;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: 12px;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-track,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-track {
  min-width: var(--timeline-focus-min-width, 100%);
  min-height: 100%;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-detail-panel,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-detail-panel {
  position: absolute;
  right: 24px;
  top: 118px;
  bottom: 24px;
  width: min(400px, calc(100% - 48px));
  max-height: none;
  margin: 0;
  z-index: 120;
  overflow: auto;
  transform: translateX(112%);
  opacity: 0;
  pointer-events: none;
  transition: transform .2s ease, opacity .2s ease;
}

.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-detail-panel.is-open,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-detail-panel.is-open {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 760px) {
  .vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-detail-panel,
  .vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-detail-panel {
    left: 12px;
    right: 12px;
    top: auto;
    bottom: 12px;
    width: auto;
    max-height: min(72vh, 520px);
    border-radius: 22px;
    transform: translateY(112%);
  }

  .vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-detail-panel.is-open,
  .vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-detail-panel.is-open {
    transform: translateY(0);
  }
}

/* Timeline popover floating layer: ne vágja le az oszlop scroll container */
.vidu-project-activity .vidu-project-timeline-card,
.vidu-project-activity .vidu-project-horizontal-timeline,
.vidu-project-activity .vidu-timeline-track,
.vidu-project-activity .vidu-timeline-point {
  overflow: visible !important;
}

.vidu-project-activity .vidu-timeline-point:hover,
.vidu-project-activity .vidu-timeline-point.is-menu-open {
  z-index: 2147481000 !important;
}

.vidu-project-activity .vidu-timeline-popover,
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-popover {
  position: fixed !important;
  left: var(--vidu-pop-left, 50vw) !important;
  top: var(--vidu-pop-top, 20vh) !important;
  bottom: auto !important;
  transform: translate(-50%, -100%) translateY(-10px) !important;
  z-index: 2147482000 !important;
}

.vidu-project-activity .vidu-timeline-point:hover .vidu-timeline-popover,
.vidu-project-activity .vidu-timeline-point.is-menu-open .vidu-timeline-popover,
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-point:hover .vidu-timeline-popover,
.vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-point.is-menu-open .vidu-timeline-popover {
  opacity: 1;
  pointer-events: none;
  transform: translate(-50%, -100%) translateY(-16px) !important;
}

.vidu-project-activity .vidu-project-horizontal-timeline,
.vidu-project-activity .vidu-project-horizontal-timeline.is-calendar-view,
.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-project-horizontal-timeline,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-project-horizontal-timeline {
  overflow: hidden !important;
}

.vidu-project-activity .vidu-project-horizontal-timeline .vidu-timeline-scroll,
.vidu-project-activity .vidu-project-horizontal-timeline.is-calendar-view .vidu-timeline-scroll,
.vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-scroll,
.vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active .vidu-timeline-scroll {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.vidu-project-timeline-form {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  gap: 12px !important;
}

.vidu-project-timeline-form input,
.vidu-project-timeline-form select {
  flex: 0 1 170px;
  min-width: 150px;
}

.vidu-project-timeline-form #vidu-project-timeline-label {
  flex: 1 1 320px;
  min-width: min(100%, 260px);
}

.vidu-project-timeline-form #vidu-project-timeline-date {
  flex: 0 1 190px;
  min-width: 178px;
}

.vidu-project-timeline-form #vidu-project-timeline-duration-value,
.vidu-project-timeline-form #vidu-project-timeline-duration-unit {
  flex: 0 1 124px;
  min-width: 112px;
}

.vidu-project-timeline-form #vidu-project-timeline-assignee,
.vidu-project-timeline-form #vidu-project-timeline-color {
  flex: 1 1 180px;
  min-width: 170px;
}

.vidu-project-timeline-add-btn {
  flex: 0 0 auto;
  min-width: 142px;
}

.vidu-timeline-track {
  background:
    linear-gradient(90deg, rgba(147,197,253,0.04) 0 1px, transparent 1px 100%),
    radial-gradient(circle at 50% var(--timeline-axis-top, 54px), rgba(96,165,250,0.055), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,0.015), rgba(255,255,255,0));
  background-size: 64px 100%, 100% 100%, 100% 100%;
  border-radius: 18px;
}

.vidu-timeline-track::before {
  background: linear-gradient(90deg, rgba(255,255,255,0.12), rgba(147,197,253,0.42), rgba(255,255,255,0.12)) !important;
}

.vidu-timeline-track::after {
  background-image: linear-gradient(90deg, rgba(147,197,253,0.22) 0 3px, transparent 3px 14px) !important;
  opacity: .4 !important;
}

.vidu-timeline-day-bg {
  border-left-color: rgba(147,197,253,0.06) !important;
}

.vidu-timeline-day-bg.is-weekend {
  background: rgba(255,255,255,0.02) !important;
}

.vidu-timeline-day-bg.has-events {
  background:
    linear-gradient(180deg, rgba(96,165,250,0.08), rgba(96,165,250,0.028) 52%, rgba(249,115,22,0.026)) !important;
  box-shadow:
    inset 1px 0 0 rgba(147,197,253,0.08),
    inset -1px 0 0 rgba(147,197,253,0.035) !important;
}

.vidu-timeline-day-bg.has-events.is-active {
  background:
    linear-gradient(180deg, rgba(147,197,253,0.16), rgba(96,165,250,0.07) 54%, rgba(249,115,22,0.04)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(147,197,253,0.32),
    0 0 34px rgba(96,165,250,0.10) !important;
}

.vidu-timeline-day-label {
  bottom: 10px !important;
  padding: 3px 6px;
  border-radius: 999px;
  background: rgba(10,10,12,0.22);
  color: rgba(255,255,255,0.52) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.vidu-timeline-day-weekday {
  color: rgba(255,255,255,0.58) !important;
}

.vidu-timeline-day-date {
  color: rgba(255,255,255,0.43) !important;
}

.vidu-timeline-interval-bar {
  height: 20px;
  border-color: color-mix(in srgb, var(--timeline-accent, #fb923c) 58%, rgba(255,255,255,0.16)) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.11), rgba(255,255,255,0.02)),
    linear-gradient(90deg,
      color-mix(in srgb, var(--timeline-accent, #f97316) 42%, rgba(255,255,255,0.06)),
      color-mix(in srgb, var(--timeline-accent, #fb923c) 18%, transparent)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.16),
    0 10px 30px color-mix(in srgb, var(--timeline-accent, #f97316) 16%, transparent) !important;
}

.vidu-timeline-point.is-menu-open .vidu-timeline-interval-bar {
  border-color: rgba(255,255,255,0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.22),
    0 0 0 4px color-mix(in srgb, var(--timeline-accent, #fb923c) 16%, transparent),
    0 14px 38px color-mix(in srgb, var(--timeline-accent, #fb923c) 22%, transparent) !important;
}

.vidu-timeline-dot {
  width: 15px !important;
  height: 15px !important;
  border-width: 2px !important;
  border-color: color-mix(in srgb, var(--timeline-accent, #f97316) 72%, rgba(255,255,255,0.22)) !important;
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,0.35), transparent 34%),
    color-mix(in srgb, var(--timeline-accent, #f97316) 24%, #171718) !important;
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--timeline-accent, #f97316) 12%, transparent),
    0 8px 20px rgba(0,0,0,0.24) !important;
}

.vidu-timeline-point.is-menu-open .vidu-timeline-dot {
  opacity: 1 !important;
  transform: scale(1.16);
  border-color: rgba(255,255,255,0.72) !important;
  box-shadow:
    0 0 0 5px color-mix(in srgb, var(--timeline-accent, #f97316) 18%, transparent),
    0 0 30px color-mix(in srgb, var(--timeline-accent, #f97316) 34%, transparent) !important;
}

.vidu-timeline-point.is-interval.is-menu-open .vidu-timeline-dot {
  transform: translate(-50%, -50%) scale(1.16);
}

.vidu-timeline-label,
.vidu-timeline-date {
  display: none !important;
}

.vidu-timeline-day-badge {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.02)),
    rgba(96,165,250,0.2) !important;
  border-color: rgba(147,197,253,0.36) !important;
  color: rgba(239,246,255,0.92) !important;
}

.vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-label,
.vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-date {
  display: none !important;
}

.vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-dot {
  width: 15px !important;
  height: 15px !important;
  border-width: 2px !important;
  border-color: color-mix(in srgb, var(--timeline-accent, #f97316) 72%, rgba(255,255,255,0.22)) !important;
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,0.35), transparent 34%),
    color-mix(in srgb, var(--timeline-accent, #f97316) 24%, #171718) !important;
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--timeline-accent, #f97316) 12%, transparent),
    0 8px 20px rgba(0,0,0,0.24) !important;
}

.vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-point.is-menu-open .vidu-timeline-dot {
  transform: scale(1.16);
  border-color: rgba(255,255,255,0.72) !important;
  box-shadow:
    0 0 0 5px color-mix(in srgb, var(--timeline-accent, #f97316) 18%, transparent),
    0 0 30px color-mix(in srgb, var(--timeline-accent, #f97316) 34%, transparent) !important;
}

.vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-point.is-interval.is-menu-open .vidu-timeline-dot {
  transform: translate(-50%, -50%) scale(1.16);
}

.vidu-project-client-row {
  display: grid;
  gap: 3px;
  padding: 8px 0;
  border-top: 1px solid rgba(255,255,255,.055);
}

.vidu-project-client-row:first-of-type {
  border-top: none;
  padding-top: 0;
}

.vidu-project-client-row span {
  margin: 0 !important;
  color: rgba(255,255,255,.42);
  font-size: 11px;
}

.vidu-project-client-row strong {
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
  word-break: break-word;
}

.vidu-project-pinned-modules {
  margin: 0 0 12px;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(147,197,253,0.14);
  background: rgba(96,165,250,0.045);
}

.vidu-project-pinned-head span {
  display: block;
  margin-bottom: 8px;
  color: rgba(255,255,255,0.48);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-project-pinned-list {
  display: grid;
  gap: 6px;
}

.vidu-project-pinned-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
}

.vidu-project-pinned-link {
  min-width: 0;
  min-height: 34px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
  background: rgba(255,255,255,0.035);
  color: rgba(255,255,255,0.82);
  cursor: pointer;
  text-align: left;
  padding: 0 8px;
}

.vidu-project-pinned-link svg,
.vidu-project-pin-btn svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
}

.vidu-project-pinned-link strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.vidu-project-pinned-order {
  display: inline-flex;
  gap: 3px;
}

.vidu-project-pinned-order button {
  width: 24px;
  height: 24px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  background: rgba(255,255,255,0.035);
  color: rgba(255,255,255,0.64);
  cursor: pointer;
}

.vidu-project-pinned-order button:disabled {
  opacity: .32;
  cursor: default;
}

.vidu-project-pin-btn {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  display: inline-grid;
  place-items: center;
  margin-left: auto;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  background: rgba(255,255,255,0.025);
  color: rgba(255,255,255,0.54);
  cursor: pointer;
}

.vidu-project-structure-headrow > .vidu-project-pin-btn {
  margin-left: 0;
  margin-right: 8px;
}

.vidu-project-pin-btn + .vidu-project-pin-btn {
  margin-left: 4px;
}

.vidu-project-pin-btn:hover,
.vidu-project-pin-btn.is-active {
  border-color: rgba(147,197,253,0.36);
  background: rgba(96,165,250,0.12);
  color: #dbeafe;
}

.vidu-project-structure-headrow,
.vidu-project-card-topline,
.vidu-project-locations-head,
.vidu-project-docs-head,
.vidu-project-brief-head,
.vidu-project-notes-head {
  align-items: center;
  min-width: 0;
  overflow: hidden;
  gap: 8px;
}

.vidu-project-card-topline > :first-child,
.vidu-project-locations-head > div:first-child,
.vidu-project-docs-head > div:first-child,
.vidu-project-brief-head > div:first-child,
.vidu-project-notes-head > div:first-child {
  min-width: 0;
}

.vidu-project-card-topline > :first-child,
.vidu-project-card-topline strong,
.vidu-project-locations-head strong,
.vidu-project-docs-head strong,
.vidu-project-brief-head strong,
.vidu-project-notes-head strong {
  overflow: hidden;
  text-overflow: ellipsis;
}

.vidu-project-cockpit .is-pinned-target {
  outline: 1px solid rgba(147,197,253,0.42);
  box-shadow: 0 0 0 4px rgba(96,165,250,0.08), 0 18px 48px rgba(59,130,246,0.12) !important;
}

.vidu-project-mission-control {
  display: grid;
  gap: 14px;
  margin: 0 0 18px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(147,197,253,0.16);
  background:
    radial-gradient(circle at 92% 8%, rgba(96,165,250,0.14), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.026));
  box-shadow: 0 18px 54px rgba(0,0,0,0.24);
}

.vidu-project-mission-control[hidden] {
  display: none;
}

.vidu-project-mission-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.vidu-project-mission-head span,
.vidu-project-mission-module-head span {
  display: block;
  color: rgba(255,255,255,0.48);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-project-mission-head strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: 22px;
  letter-spacing: 0;
}

.vidu-project-mission-head small {
  max-width: 460px;
  color: rgba(255,255,255,0.58);
  font-size: 12px;
  line-height: 1.45;
  text-align: right;
}

.vidu-project-mission-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  gap: 16px;
  align-items: start;
}

.vidu-project-mission-list.is-count-1 {
  grid-template-columns: 1fr;
}

.vidu-project-mission-list.is-count-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vidu-project-mission-module {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  max-height: 520px;
  min-width: 0;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.09);
  background: rgba(10,12,16,0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.vidu-project-mission-module.is-dragging {
  opacity: .62;
  outline: 1px solid rgba(147,197,253,0.34);
}

.vidu-project-mission-module-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.vidu-project-mission-module-head strong {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 16px;
  line-height: 1.25;
}

.vidu-project-mission-drag {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  background: rgba(255,255,255,0.035);
  color: rgba(255,255,255,0.48);
  cursor: grab;
  letter-spacing: -0.25em;
}

.vidu-project-mission-controls,
.vidu-mission-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.vidu-project-mission-controls button {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  background: rgba(255,255,255,0.035);
  color: rgba(255,255,255,0.72);
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
}

.vidu-project-mission-controls button:disabled {
  opacity: .36;
  cursor: default;
}

.vidu-project-mission-controls svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
}

.vidu-project-mission-body {
  display: grid;
  gap: 12px;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.vidu-project-mission-body > [data-mission-real-module-slot],
.vidu-project-mission-body .is-mission-module-live {
  min-width: 0;
  max-width: 100%;
}

.vidu-project-mission-module.is-pinned-mission-control .vidu-project-mission-body,
.vidu-project-mission-module.is-pinned-mission-control .vidu-project-structure-body,
.vidu-project-mission-module.is-pinned-mission-control .module-body {
  display: block !important;
  max-height: none !important;
  opacity: 1 !important;
}

.vidu-mission-item-list,
.vidu-mission-overview,
.vidu-mission-finance {
  display: grid;
  gap: 8px;
}

.vidu-mission-row,
.vidu-mission-statline {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.032);
}

.vidu-mission-row span,
.vidu-mission-statline span {
  color: rgba(255,255,255,0.46);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.vidu-mission-row strong,
.vidu-mission-statline strong {
  color: #fff;
  font-size: 14px;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.vidu-mission-row em {
  color: rgba(255,255,255,0.58);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.vidu-mission-empty {
  padding: 12px;
  border-radius: 14px;
  border: 1px dashed rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.56);
  font-size: 13px;
}

.vidu-mission-locations {
  display: grid;
  gap: 12px;
}

.vidu-mission-locations .vidu-project-location-map-shell {
  min-height: 240px;
}

.vidu-mission-locations .vidu-project-location-map-grid {
  min-height: 240px;
}

.vidu-mission-location-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
}

.vidu-project-mission-module .vidu-project-timeline-card.is-mission-module-live {
  margin: 0;
  padding: 12px;
  min-height: 0;
  max-height: none;
  width: 100%;
  min-width: 0;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  box-shadow: none !important;
}

.vidu-project-mission-module .is-mission-module-live {
  margin: 0 !important;
  max-height: none !important;
}

.vidu-project-mission-module .vidu-project-communication-module.is-mission-module-live {
  min-height: 360px;
}

.vidu-project-mission-module .vidu-project-communication-module.is-mission-module-live .vidu-project-center-head-below {
  top: 0;
  margin-top: 0;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-map-shell {
  min-height: clamp(180px, 22vh, 220px);
  height: clamp(180px, 22vh, 220px);
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-map-grid {
  min-height: clamp(180px, 22vh, 220px);
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live,
.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-locations {
  min-height: 0;
}

.vidu-project-mission-module.is-module-locations {
  max-height: 520px;
}

.vidu-project-mission-module.is-module-locations .vidu-project-mission-body {
  overflow: hidden;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live {
  padding: 10px !important;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-locations {
  gap: 8px;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-locations-head {
  gap: 8px;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-locations-head strong {
  font-size: 13px;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-locations-head-actions {
  gap: 5px;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-locations-head-actions .vidu-btn {
  min-height: 28px;
  padding: 0 8px;
  font-size: 11px;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  padding-right: 4px;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-list.is-count-1,
.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-list.is-count-2 {
  max-height: none;
  overflow: visible;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-list.is-count-3 {
  max-height: 190px;
  overflow-y: auto;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-card {
  gap: 6px;
  padding: 10px 12px;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-title-row {
  gap: 6px;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-title-row span {
  max-width: 132px;
  min-height: 18px;
  padding: 0 7px;
  font-size: 10px;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-meta,
.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-actions {
  gap: 5px;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-actions a,
.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-actions button {
  min-height: 26px;
  padding: 3px 8px;
  font-size: 11px;
  line-height: 1.1;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-main strong {
  font-size: 14px;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-main em,
.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-card p {
  font-size: 12px;
  line-height: 1.25;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-meta span {
  min-height: 19px;
  padding: 0 7px;
  font-size: 10px;
}

.vidu-project-mission-module .vidu-project-locations-card.is-mission-module-live .vidu-project-location-card p {
  max-height: 2.5em;
  overflow: hidden;
}

.vidu-project-mission-module .vidu-project-timeline-card.is-mission-module-live .vidu-project-timeline-head {
  flex-wrap: wrap;
  gap: 10px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.vidu-project-mission-module .vidu-project-timeline-card.is-mission-module-live .vidu-project-timeline-head > div:first-child {
  min-width: 0;
}

.vidu-project-mission-module .vidu-project-timeline-card.is-mission-module-live .vidu-timeline-view-switch,
.vidu-project-mission-module .vidu-project-timeline-card.is-mission-module-live .vidu-project-icon-btn,
.vidu-project-mission-module .vidu-project-timeline-card.is-mission-module-live .vidu-timeline-focus-btn {
  flex: 0 0 auto;
  max-width: 100%;
}

.vidu-project-mission-module .vidu-project-timeline-card.is-mission-module-live .vidu-project-horizontal-timeline,
.vidu-project-mission-module .vidu-project-timeline-card.is-mission-module-live .vidu-project-horizontal-timeline.is-calendar-view {
  min-height: clamp(220px, 28vh, 320px);
  max-width: 100%;
  overflow: hidden !important;
}

.vidu-project-mission-module .vidu-project-timeline-card.is-mission-module-live .vidu-timeline-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.vidu-project-mission-module .vidu-project-timeline-card.is-mission-module-live .vidu-timeline-detail-panel {
  max-height: 260px;
  overflow: auto;
}

/* Wide legacy columns own their scroll; compact legacy uses the modal body. */
@media (min-width: 901px) {

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit-grid {
  min-height: 0 !important;
  height: auto !important;
  flex: 1 1 auto !important;
  overflow: auto hidden !important;
  border-radius: 24px 24px 22px 22px !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit.has-no-mission-control,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit:not(.has-mission-control) {
  height: calc(100svh - 104px) !important;
  max-height: calc(100svh - 104px) !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit.has-mission-control {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell).has-mission-control .vidu-app-modal-body,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell).has-mission-control .vidu-app-modal-content,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell).has-mission-control .vidu-modal-content {
  height: calc(100svh - 32px) !important;
  max-height: calc(100svh - 32px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell).has-mission-control .vidu-modal-inner-frame,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell).has-mission-control .vidu-modal-inner-content {
  height: auto !important;
  min-height: 100% !important;
  overflow: visible !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit.has-no-mission-control .vidu-project-cockpit-grid,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit:not(.has-mission-control) .vidu-project-cockpit-grid {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: auto hidden !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit.has-mission-control .vidu-project-cockpit-grid {
  flex: 0 0 auto !important;
  height: clamp(620px, calc(100svh - 180px), 920px) !important;
  min-height: min(620px, calc(100svh - 220px)) !important;
  max-height: calc(100svh - 180px) !important;
  overflow: auto hidden !important;
}


}

/* Mission Control final wrapper guarantees. */
.vidu-project-modal-shell .vidu-project-mission-control,
.vidu-project-modal-shell .vidu-project-mission-list,
.vidu-project-modal-shell .vidu-project-mission-module,
.vidu-project-modal-shell .vidu-project-mission-body,
.vidu-project-modal-shell [data-mission-real-module-slot],
.vidu-project-modal-shell .is-mission-module-live {
  min-width: 0 !important;
  max-width: 100% !important;
}

.vidu-project-modal-shell .vidu-project-mission-module {
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-pinned-mission-control .vidu-project-mission-body,
.vidu-project-modal-shell .vidu-project-mission-module.is-pinned-mission-control .vidu-project-structure-body,
.vidu-project-modal-shell .vidu-project-mission-module.is-pinned-mission-control .module-body {
  display: block !important;
  max-height: none !important;
  opacity: 1 !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-timeline .vidu-project-timeline-card {
  overflow-x: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-timeline .vidu-project-timeline-head {
  max-width: 100% !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-timeline .vidu-timeline-scroll {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-width: 100% !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations {
  max-height: 520px !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-mission-body {
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-map-shell {
  height: clamp(180px, 22vh, 220px) !important;
  min-height: clamp(180px, 22vh, 220px) !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list.is-count-1,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list.is-count-2 {
  max-height: none !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list.is-count-3 {
  max-height: 190px !important;
  overflow-y: auto !important;
}

/* Final locations module layout guard. Keep this after mission-control overrides. */
.vidu-project-modal-shell .vidu-structure-green .vidu-project-structure-headrow {
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-locations-card {
  padding: 14px !important;
}

.vidu-project-modal-shell .vidu-project-locations {
  gap: 12px !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-locations-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-locations-head > div:first-child {
  min-width: 0 !important;
  flex: 1 1 150px !important;
}

.vidu-project-modal-shell .vidu-project-locations-head > div:first-child > span,
.vidu-project-modal-shell .vidu-project-locations-head strong {
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-locations-head strong {
  margin-top: 4px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

.vidu-project-modal-shell .vidu-project-locations-head-actions,
.vidu-project-modal-shell .vidu-project-location-header-actions,
.vidu-project-modal-shell .vidu-project-location-header-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-location-toolbar-btn {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-location-header-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 12px !important;
}

.vidu-project-modal-shell .vidu-project-location-header-btn svg,
.vidu-project-modal-shell .vidu-project-location-toolbar-btn svg {
  width: 18px !important;
  height: 18px !important;
}

.vidu-project-modal-shell .vidu-project-location-map-shell {
  height: clamp(180px, 24vw, 260px) !important;
  min-height: 180px !important;
  max-height: 260px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-map-shell {
  height: clamp(180px, 22vh, 220px) !important;
  min-height: 180px !important;
  max-height: 220px !important;
}

.vidu-project-modal-shell .vidu-project-location-map-grid {
  min-height: 180px !important;
}

.vidu-project-modal-shell .vidu-project-location-map-overlay {
  left: 12px !important;
  right: auto !important;
  bottom: 12px !important;
  width: auto !important;
  min-width: min(220px, calc(100% - 24px)) !important;
  max-width: calc(100% - 24px) !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-location-map-overlay span,
.vidu-project-modal-shell .vidu-project-location-map-overlay strong {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-map-info-window {
  width: max-content !important;
  min-width: 180px !important;
  max-width: 260px !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-map-info-window strong,
.vidu-project-modal-shell .vidu-map-info-window span,
.vidu-project-modal-shell .vidu-map-info-window em,
.vidu-project-modal-shell .vidu-map-info-window p {
  overflow-wrap: anywhere !important;
}

.vidu-project-modal-shell .vidu-project-location-list {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-location-card,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-card {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px 10px !important;
  padding: 10px !important;
  border-radius: 14px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-location-index-badge {
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}

.vidu-project-modal-shell .vidu-project-location-main {
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-location-title-row,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-title-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-location-main strong {
  min-width: 0 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-location-title-row span,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-title-row span {
  max-width: 180px !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-location-main em {
  margin-top: 4px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-location-meta {
  grid-column: 2 / 3 !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-location-meta span {
  min-height: 20px !important;
  padding: 0 7px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  max-width: 140px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-location-card p {
  grid-column: 2 / -1 !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  max-height: 2.6em !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-location-actions {
  grid-column: 3 / 4 !important;
  grid-row: 1 / span 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-location-action-btn,
.vidu-project-modal-shell .vidu-project-location-actions a,
.vidu-project-modal-shell .vidu-project-location-actions button,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-actions a,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-actions button {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  flex: 0 0 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 12px !important;
  line-height: 1 !important;
}

.vidu-project-modal-shell .vidu-project-location-action-btn svg,
.vidu-project-modal-shell .vidu-project-location-actions a svg,
.vidu-project-modal-shell .vidu-project-location-actions button svg {
  width: 17px !important;
  height: 17px !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-mission-body {
  overflow-y: auto !important;
}

@media (max-width: 720px) {
  .vidu-project-modal-shell .vidu-project-locations-card {
    padding: 12px !important;
  }

  .vidu-project-modal-shell .vidu-project-locations-head {
    flex-wrap: wrap !important;
  }

  .vidu-project-modal-shell .vidu-project-locations-head-actions {
    width: 100% !important;
    justify-content: stretch !important;
  }

  .vidu-project-modal-shell .vidu-project-location-toolbar-btn {
    flex: 1 1 160px !important;
  }

  .vidu-project-modal-shell .vidu-project-location-map-shell {
    height: clamp(180px, 45vw, 220px) !important;
    max-height: 220px !important;
  }

  .vidu-project-modal-shell .vidu-project-location-card {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .vidu-project-modal-shell .vidu-project-location-actions {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    justify-content: flex-end !important;
  }
}

/* Locations module compact production-column polish. */
.vidu-project-modal-shell .vidu-structure-green .vidu-project-structure-headrow {
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-locations-card {
  padding: 14px !important;
}

.vidu-project-modal-shell .vidu-project-locations {
  gap: 12px !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-locations-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-locations-head > div:first-child {
  min-width: 0 !important;
  flex: 1 1 150px !important;
}

.vidu-project-modal-shell .vidu-project-locations-head > div:first-child > span {
  font-size: 11px !important;
  letter-spacing: .06em !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-locations-head strong {
  margin-top: 4px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-locations-head-actions,
.vidu-project-modal-shell .vidu-project-location-header-actions,
.vidu-project-modal-shell .vidu-project-location-header-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-location-toolbar-btn {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-location-header-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 12px !important;
}

.vidu-project-modal-shell .vidu-project-location-header-btn svg,
.vidu-project-modal-shell .vidu-project-location-toolbar-btn svg {
  width: 18px !important;
  height: 18px !important;
}

.vidu-project-modal-shell .vidu-project-location-map-shell {
  height: clamp(180px, 24vw, 260px) !important;
  min-height: 180px !important;
  max-height: 260px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-location-map-grid {
  min-height: 180px !important;
}

.vidu-project-modal-shell .vidu-project-location-map-overlay {
  left: 12px !important;
  right: auto !important;
  bottom: 12px !important;
  width: auto !important;
  min-width: min(220px, calc(100% - 24px)) !important;
  max-width: calc(100% - 24px) !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-location-map-overlay span,
.vidu-project-modal-shell .vidu-project-location-map-overlay strong {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-map-info-window {
  width: max-content !important;
  min-width: 180px !important;
  max-width: 260px !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-map-info-window strong,
.vidu-project-modal-shell .vidu-map-info-window span,
.vidu-project-modal-shell .vidu-map-info-window em,
.vidu-project-modal-shell .vidu-map-info-window p {
  overflow-wrap: anywhere !important;
}

.vidu-project-modal-shell .vidu-project-location-list {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-location-card {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px 10px !important;
  padding: 10px !important;
  border-radius: 14px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-location-index-badge {
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}

.vidu-project-modal-shell .vidu-project-location-main {
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-location-title-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-location-main strong {
  min-width: 0 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-location-title-row span {
  max-width: 180px !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-location-main em {
  margin-top: 4px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-location-meta {
  grid-column: 2 / 3 !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-location-meta span {
  min-height: 20px !important;
  padding: 0 7px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  max-width: 140px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-location-card p {
  grid-column: 2 / -1 !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  max-height: 2.6em !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-location-actions {
  grid-column: 3 / 4 !important;
  grid-row: 1 / span 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-location-action-btn,
.vidu-project-modal-shell .vidu-project-location-actions a,
.vidu-project-modal-shell .vidu-project-location-actions button {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  flex: 0 0 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 12px !important;
  line-height: 1 !important;
}

.vidu-project-modal-shell .vidu-project-location-action-btn svg,
.vidu-project-modal-shell .vidu-project-location-actions a svg,
.vidu-project-modal-shell .vidu-project-location-actions button svg {
  width: 17px !important;
  height: 17px !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-mission-body {
  overflow-y: auto !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-map-shell {
  height: clamp(180px, 22vh, 220px) !important;
  min-height: 180px !important;
  max-height: 220px !important;
}

@media (max-width: 720px) {
  .vidu-project-modal-shell .vidu-project-locations-card {
    padding: 12px !important;
  }

  .vidu-project-modal-shell .vidu-project-locations-head {
    flex-wrap: wrap !important;
  }

  .vidu-project-modal-shell .vidu-project-locations-head-actions {
    width: 100% !important;
    justify-content: stretch !important;
  }

  .vidu-project-modal-shell .vidu-project-location-toolbar-btn {
    flex: 1 1 160px !important;
  }

  .vidu-project-modal-shell .vidu-project-location-map-shell {
    height: clamp(180px, 45vw, 220px) !important;
    max-height: 220px !important;
  }

  .vidu-project-modal-shell .vidu-project-location-card {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .vidu-project-modal-shell .vidu-project-location-actions {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    justify-content: flex-end !important;
  }
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-card {
  gap: 6px !important;
  padding: 10px 12px !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-title-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px !important;
  align-items: start !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-title-row strong,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-main em {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-title-row span {
  max-width: 132px !important;
  min-height: 18px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-actions a,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-actions button {
  min-height: 26px !important;
  padding: 3px 8px !important;
  font-size: 11px !important;
}

/* Mission Control final wrapper guarantees. */
.vidu-project-modal-shell .vidu-project-mission-control,
.vidu-project-modal-shell .vidu-project-mission-list,
.vidu-project-modal-shell .vidu-project-mission-module,
.vidu-project-modal-shell .vidu-project-mission-body,
.vidu-project-modal-shell [data-mission-real-module-slot],
.vidu-project-modal-shell .is-mission-module-live {
  min-width: 0 !important;
  max-width: 100% !important;
}

.vidu-project-modal-shell .vidu-project-mission-module {
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-pinned-mission-control .vidu-project-mission-body,
.vidu-project-modal-shell .vidu-project-mission-module.is-pinned-mission-control .vidu-project-structure-body,
.vidu-project-modal-shell .vidu-project-mission-module.is-pinned-mission-control .module-body {
  display: block !important;
  max-height: none !important;
  opacity: 1 !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-timeline .vidu-project-timeline-card {
  overflow-x: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-timeline .vidu-project-timeline-head {
  max-width: 100% !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-timeline .vidu-timeline-scroll {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-width: 100% !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations {
  max-height: 520px !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-mission-body {
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-map-shell {
  height: clamp(180px, 22vh, 220px) !important;
  min-height: clamp(180px, 22vh, 220px) !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list.is-count-1,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list.is-count-2 {
  max-height: none !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list.is-count-3 {
  max-height: 190px !important;
  overflow-y: auto !important;
}

.vidu-project-modal-shell .vidu-project-column,
.vidu-project-modal-shell .vidu-project-structure,
.vidu-project-modal-shell .vidu-project-activity,
.vidu-project-modal-shell .vidu-project-control {
  height: 100% !important;
  max-height: 100% !important;
}

@media (min-width: 1680px) {
  .vidu-project-mission-list:not(.is-count-1):not(.is-count-2) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .vidu-project-mission-control {
    padding: 12px;
    border-radius: 18px;
  }

  .vidu-project-mission-list,
  .vidu-project-mission-list.is-count-2 {
    grid-template-columns: 1fr;
  }

  .vidu-project-mission-head,
  .vidu-project-mission-module-head {
    grid-template-columns: 1fr;
    display: grid;
  }

  .vidu-project-mission-head small {
    max-width: none;
    text-align: left;
  }

  .vidu-project-mission-controls,
  .vidu-mission-actions {
    justify-content: flex-start;
  }

  .vidu-mission-location-grid {
    grid-template-columns: 1fr;
  }
}

.vidu-project-locations-card {
  display: grid;
}

.vidu-project-locations {
  display: grid;
  gap: 12px;
}

.vidu-project-locations-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.vidu-project-locations-head-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.vidu-project-module-head-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-left: auto;
}

.vidu-project-structure-headrow.has-module-controls {
  flex-wrap: wrap;
  overflow: visible;
}

.vidu-project-structure-headrow.has-module-controls .vidu-project-structure-head {
  flex: 1 1 160px;
}

.vidu-project-module-switch {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 4px 8px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  background: rgba(255,255,255,0.035);
  color: rgba(255,255,255,0.72);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
  cursor: pointer;
}

.vidu-project-module-switch input {
  width: 14px;
  height: 14px;
  accent-color: #38bdf8;
  flex: 0 0 auto;
}

.vidu-project-module-switch span {
  white-space: nowrap;
}

.vidu-project-locations-head-actions .vidu-btn.is-disabled {
  opacity: .45;
  pointer-events: none;
}

.vidu-project-locations-head > div:first-child > span {
  display: block;
  color: rgba(255,255,255,0.46);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.vidu-project-location-title-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px;
}

.vidu-project-location-title-row span {
  max-width: 150px;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(147,197,253,0.1);
  color: rgba(219,234,254,0.82);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vidu-project-locations-head strong {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 15px;
}

.vidu-project-location-map-shell {
  min-height: 220px;
  position: relative;
  overflow: hidden;
  display: grid;
  border-radius: 16px;
  border: 1px solid rgba(147,197,253,0.12);
  background:
    radial-gradient(circle at 78% 20%, rgba(96,165,250,0.18), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018));
}

.vidu-project-modal-shell .vidu-structure-green,
.vidu-project-modal-shell .vidu-project-locations-card {
  border-color: rgba(148,163,184,0.16);
  background:
    radial-gradient(circle at 18% 8%, rgba(59,130,246,0.12), transparent 28%),
    linear-gradient(145deg, rgba(18,22,29,0.94), rgba(11,13,18,0.96));
  box-shadow: 0 18px 58px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.045);
}

.vidu-project-modal-shell .vidu-structure-green .vidu-project-structure-headrow {
  min-height: 70px;
  padding: 14px 16px 8px;
  gap: 12px;
}

.vidu-project-modal-shell .vidu-structure-green .vidu-project-structure-head {
  min-height: 42px;
  justify-content: flex-start;
  color: #f8fafc;
  font-size: 19px;
  font-weight: 850;
  letter-spacing: 0;
}

.vidu-project-location-header-tools,
.vidu-project-location-header-actions,
.vidu-project-module-switch-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
}

.vidu-project-location-header-tools {
  margin-left: auto;
}

.vidu-project-location-header-btn,
.vidu-project-location-action-btn {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,0.18);
  background: rgba(15,18,24,0.72);
  color: rgba(226,232,240,0.78);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}

.vidu-project-location-header-btn:hover,
.vidu-project-location-action-btn:hover {
  transform: translateY(-1px);
  background: rgba(20,24,32,0.92);
  border-color: rgba(148,163,184,0.32);
}

.vidu-project-location-header-btn svg,
.vidu-project-location-action-btn svg,
.vidu-project-location-toolbar-btn svg,
.vidu-project-location-client-status svg {
  width: 19px;
  height: 19px;
  stroke: currentColor;
  flex: 0 0 auto;
}

.vidu-project-location-header-btn.is-blue,
.vidu-project-location-header-btn.is-blue:hover,
.vidu-project-location-action-btn.is-blue:hover {
  color: #38bdf8;
  border-color: rgba(56,189,248,0.34);
}

.vidu-project-location-action-btn.is-green:hover { color: #4ade80; border-color: rgba(74,222,128,0.34); }
.vidu-project-location-action-btn.is-purple:hover { color: #a78bfa; border-color: rgba(167,139,250,0.36); }
.vidu-project-location-action-btn.is-yellow:hover { color: #fbbf24; border-color: rgba(251,191,36,0.34); }
.vidu-project-location-action-btn.is-red:hover { color: #f87171; border-color: rgba(248,113,113,0.36); }

.vidu-project-location-action-btn[disabled],
.vidu-project-location-action-btn.is-disabled {
  opacity: .38;
  pointer-events: none;
}

.vidu-project-module-switch-row {
  justify-content: space-between;
  padding: 0 16px 16px 72px;
  border-bottom: 1px solid rgba(148,163,184,0.12);
}

.vidu-project-module-head-controls.is-location-switch-row {
  margin-left: 0;
  gap: 10px;
}

.vidu-project-module-head-controls.is-location-switch-row .vidu-project-module-switch {
  min-height: 44px;
  padding: 0 13px;
  border-radius: 12px;
  background: rgba(255,255,255,0.04);
  border-color: rgba(148,163,184,0.16);
  color: rgba(241,245,249,0.88);
  font-size: 13px;
}

.vidu-project-module-head-controls.is-location-switch-row .vidu-project-module-switch input {
  width: 18px;
  height: 18px;
}

.vidu-project-locations-card {
  padding: 20px;
  border-radius: 0 0 16px 16px;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.vidu-project-locations {
  gap: 18px;
}

.vidu-project-locations-head {
  align-items: center;
}

.vidu-project-locations-head > div:first-child > span {
  color: rgba(148,163,184,0.72);
  font-size: 12px;
  letter-spacing: .08em;
}

.vidu-project-locations-head strong {
  margin-top: 6px;
  font-size: 22px;
  letter-spacing: -.02em;
}

.vidu-project-location-toolbar-btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,0.18);
  background: rgba(15,18,24,0.66);
  color: rgba(241,245,249,0.9);
  font-weight: 760;
  text-decoration: none;
  cursor: pointer;
}

.vidu-project-location-toolbar-btn.is-primary {
  color: #93c5fd;
  border-color: rgba(59,130,246,0.34);
  background: rgba(37,99,235,0.12);
}

.vidu-project-location-map-shell {
  min-height: clamp(280px, 42vw, 520px);
  border-radius: 16px;
  border-color: rgba(148,163,184,0.22);
  background:
    linear-gradient(rgba(8,12,18,0.42), rgba(8,12,18,0.42)),
    var(--vidu-location-map-bg),
    radial-gradient(circle at 35% 20%, rgba(59,130,246,0.18), transparent 38%),
    #10141b;
  background-size: cover, cover, auto, auto;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.025), 0 18px 42px rgba(0,0,0,0.24);
}

.vidu-project-location-map-grid {
  min-height: 100%;
  opacity: .58;
  background:
    linear-gradient(rgba(8,12,18,0.38), rgba(8,12,18,0.38)),
    var(--vidu-location-map-bg),
    linear-gradient(90deg, rgba(96,165,250,0.12) 1px, transparent 1px),
    linear-gradient(180deg, rgba(96,165,250,0.09) 1px, transparent 1px);
  background-size: cover, cover, 44px 44px, 44px 44px;
}

.vidu-project-location-map-shell.is-live .vidu-project-location-map-grid {
  opacity: 1;
}

.vidu-project-static-map-markers {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.vidu-project-static-map-pin {
  position: absolute;
  width: 38px;
  height: 44px;
  display: grid;
  place-items: center;
  transform: translate(-50%, -100%);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

.vidu-project-static-map-pin::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px 18px 18px 4px;
  transform: rotate(-45deg);
  background: linear-gradient(180deg, #3b82f6, #1d4ed8);
  border: 2px solid rgba(255,255,255,0.88);
  box-shadow: 0 14px 28px rgba(0,0,0,0.34);
}

.vidu-project-static-map-pin b {
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 3px rgba(0,0,0,0.45);
  transform: translateY(-2px);
}

.vidu-project-static-map-pin.is-2::before { background: linear-gradient(180deg, #a855f7, #7e22ce); }
.vidu-project-static-map-pin.is-3::before { background: linear-gradient(180deg, #14b8a6, #0f766e); }

.vidu-project-location-map-overlay {
  left: auto;
  top: auto;
  right: 14px;
  bottom: 14px;
  opacity: .82;
}

.vidu-project-location-list {
  grid-template-columns: 1fr;
  gap: 14px;
}

.vidu-project-location-card {
  position: relative;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 18px;
  border-radius: 16px;
  border-color: rgba(148,163,184,0.14);
  background: linear-gradient(135deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018));
}

.vidu-project-location-index-badge {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(37,99,235,0.22);
  color: #93c5fd;
  font-size: 18px;
  font-weight: 900;
}

.vidu-project-location-card:nth-child(2n) .vidu-project-location-index-badge {
  background: rgba(126,34,206,0.22);
  color: #d8b4fe;
}

.vidu-project-location-main {
  min-width: 0;
}

.vidu-project-location-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.vidu-project-location-main strong {
  font-size: 17px;
}

.vidu-project-location-title-row span {
  max-width: min(230px, 100%);
  min-height: 26px;
  padding: 0 10px;
  background: rgba(59,130,246,0.16);
  color: #bfdbfe;
  font-size: 12px;
}

.vidu-project-location-main em {
  color: rgba(226,232,240,0.62);
  font-size: 14px;
}

.vidu-project-location-meta {
  grid-column: 2 / 3;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-project-location-meta span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 12px;
  border: 1px solid rgba(148,163,184,0.12);
  background: rgba(255,255,255,0.035);
  color: rgba(226,232,240,0.72);
  font-size: 13px;
}

.vidu-project-location-meta span:first-child {
  display: none;
}

.vidu-project-location-card p {
  grid-column: 2 / -1;
  color: rgba(226,232,240,0.6);
}

.vidu-project-location-actions {
  grid-column: 3 / 4;
  grid-row: 1 / span 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
}

.vidu-project-location-client-status {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 6px 2px 0;
  color: rgba(226,232,240,0.58);
  font-size: 14px;
}

.vidu-project-location-client-status > svg {
  color: rgba(226,232,240,0.62);
}

.vidu-project-location-client-status a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #93c5fd;
  text-decoration: none;
  font-weight: 780;
}

.vidu-project-location-client-status a.is-disabled {
  opacity: .45;
  pointer-events: none;
}

.vidu-project-location-map-grid {
  position: absolute;
  inset: 0;
  min-height: 220px;
  opacity: .42;
  background:
    linear-gradient(90deg, rgba(147,197,253,0.16) 1px, transparent 1px),
    linear-gradient(180deg, rgba(147,197,253,0.12) 1px, transparent 1px);
  background-size: 34px 34px;
}

.vidu-project-location-map-shell.is-live .vidu-project-location-map-grid {
  opacity: 1;
  background: rgba(12,14,18,0.86);
}

.vidu-project-location-map-overlay {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  display: grid;
  gap: 3px;
  width: max-content;
  max-width: calc(100% - 24px);
  padding: 9px 11px;
  border-radius: 13px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(13,14,18,0.72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.vidu-project-location-map-shell span,
.vidu-location-autocomplete-status {
  color: rgba(255,255,255,0.52);
  font-size: 12px;
}

.vidu-project-location-map-shell strong {
  color: #fff;
  font-size: 14px;
}

.vidu-map-info-window {
  display: grid;
  gap: 5px;
  max-width: 240px;
  color: #111827;
  font-family: inherit;
}

.vidu-map-info-window strong {
  color: #111827;
  font-size: 14px;
}

.vidu-map-info-window span,
.vidu-map-info-window em,
.vidu-map-info-window p {
  margin: 0;
  color: #4b5563;
  font-size: 12px;
  line-height: 1.35;
}

.vidu-map-info-window a {
  width: max-content;
  margin-top: 3px;
  color: #2563eb;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.vidu-project-location-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 9px;
  min-height: 0;
}

.vidu-project-location-card {
  display: grid;
  gap: 9px;
  padding: 12px;
  border-radius: 15px;
  border: 1px solid rgba(255,255,255,0.075);
  background: rgba(255,255,255,0.032);
}

.vidu-project-location-main strong {
  display: block;
  color: #fff;
  font-size: 14px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-project-location-main em {
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,0.68);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-project-location-meta,
.vidu-project-location-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.vidu-project-location-meta span {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.055);
  color: rgba(255,255,255,0.72);
  font-size: 11px;
}

.vidu-project-location-card p {
  margin: 0;
  color: rgba(255,255,255,0.64);
  font-size: 12px;
  line-height: 1.4;
}

.vidu-project-location-actions a,
.vidu-project-location-actions button {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.035);
  color: rgba(255,255,255,0.78);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.vidu-project-location-actions .is-danger {
  color: #fecaca;
}

.vidu-project-location-actions .is-disabled,
.vidu-project-location-actions button:disabled {
  opacity: .42;
  pointer-events: none;
}

.vidu-project-location-empty {
  display: grid;
  gap: 4px;
  padding: 12px;
  border-radius: 14px;
  border: 1px dashed rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.58);
}

.vidu-location-editor-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--vidu-layer-workspace-dialog, 2147483400);
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(0,0,0,0.62);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.vidu-location-editor-backdrop {
  position: absolute;
  inset: 0;
}

.vidu-location-editor-modal {
  position: relative;
  width: min(720px, 94vw);
  max-height: min(760px, 92vh);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 14px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(18,18,22,0.97);
  box-shadow: 0 28px 90px rgba(0,0,0,0.55);
  color: rgba(255,255,255,0.84);
}

.vidu-location-editor-modal header,
.vidu-location-editor-modal footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vidu-location-editor-modal header button {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.72);
  cursor: pointer;
  font-size: 22px;
}

.vidu-location-editor-grid {
  min-height: 0;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vidu-location-editor-grid label {
  display: grid;
  gap: 6px;
  color: rgba(255,255,255,0.58);
  font-size: 11px;
  font-weight: 800;
}

.vidu-location-editor-grid label.is-wide {
  grid-column: 1 / -1;
}

.vidu-location-autocomplete-status.is-wide {
  grid-column: 1 / -1;
  margin-top: -3px;
  padding: 0;
  border-radius: 10px;
  background: transparent;
  min-height: 0;
}

.vidu-location-autocomplete-status:empty {
  display: none;
}

.vidu-location-autocomplete-host.is-wide {
  grid-column: 1 / -1;
  display: grid;
  gap: 6px;
}

.vidu-location-google-autocomplete {
  width: 100%;
  color-scheme: dark;
}

.vidu-location-address-fallback.is-hidden-when-google-active {
  display: none;
}

.vidu-location-editor-grid input.is-google-autocomplete-hidden {
  display: none;
}

.vidu-location-selected-preview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 148px;
  gap: 12px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(147,197,253,0.16);
  background: rgba(255,255,255,0.035);
}

.vidu-location-selected-preview[hidden] {
  display: none;
}

.vidu-location-selected-copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-location-selected-copy span {
  color: rgba(255,255,255,0.48);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.vidu-location-selected-copy strong {
  color: #fff;
  font-size: 15px;
}

.vidu-location-selected-copy em {
  color: rgba(255,255,255,0.66);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.vidu-location-selected-copy a {
  width: max-content;
  color: #bfdbfe;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.vidu-location-selected-map {
  min-height: 94px;
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(147,197,253,0.16);
  background:
    radial-gradient(circle at 50% 50%, rgba(96,165,250,0.2), transparent 26%),
    linear-gradient(90deg, rgba(147,197,253,0.12) 1px, transparent 1px),
    linear-gradient(180deg, rgba(147,197,253,0.1) 1px, transparent 1px),
    rgba(15,18,24,0.9);
  background-size: auto, 24px 24px, 24px 24px, auto;
}

.vidu-location-selected-map i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  border: 3px solid rgba(255,255,255,0.86);
  background: #60a5fa;
  box-shadow: 0 0 0 8px rgba(96,165,250,0.18), 0 10px 28px rgba(0,0,0,0.34);
}

.vidu-location-editor-grid input,
.vidu-location-editor-grid select,
.vidu-location-editor-grid textarea {
  width: 100%;
  min-height: 40px;
  border-radius: 12px;
  border: 1px solid var(--vidu-input-border);
  background: var(--vidu-input-bg);
  color: var(--vidu-text-primary);
  padding: 0 11px;
}

.vidu-location-editor-grid textarea {
  padding-top: 10px;
  resize: vertical;
}

@media (max-width: 720px) {
  .vidu-location-editor-grid {
    grid-template-columns: 1fr;
  }

  .vidu-location-selected-preview {
    grid-template-columns: 1fr;
  }
}

.vidu-lead-cockpit {
  color: #f5f5f6;
}

.vidu-lead-cockpit-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  margin-bottom: 10px;
  position: sticky;
  top: 0;
  z-index: 15;
  background: linear-gradient(135deg, rgba(29,31,36,.98), rgba(20,21,24,.98)) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 14px 14px 0 0;
}

.vidu-lead-cockpit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 2px;
}

.vidu-lead-panel {
  background: #1a1a1c;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 8px 18px rgba(0,0,0,.15);
  min-width: 0;
}

.vidu-lead-panel-wide {
  grid-column: 1 / -1;
}

.vidu-lead-cockpit-compact .vidu-project-title {
  margin: 2px 0 0;
  font-size: clamp(27px, 3vw, 34px) !important;
  line-height: 1.08;
  letter-spacing: -.025em;
}

.vidu-lead-header-identity { display: flex; align-items: center; gap: 14px; min-width: 0; }
.vidu-lead-header-identity > div { min-width: 0; }
.vidu-lead-company-avatar { display: grid; place-items: center; width: 52px; height: 52px; flex: 0 0 52px; border: 1px solid rgba(123,155,255,.34); border-radius: 16px; background: linear-gradient(145deg, rgba(91,120,255,.24), rgba(65,211,174,.12)); color: #dce5ff; font-size: 17px; font-weight: 750; letter-spacing: .04em; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.vidu-lead-header-eyebrow { color: rgba(255,255,255,.5); font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.vidu-lead-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.vidu-lead-panel-head small { color: rgba(255,255,255,.4); font-size: 10px; }
.vidu-lead-panel-empty { margin: 16px 0 2px; color: rgba(255,255,255,.48); font-size: 13px; }
.vidu-lead-cockpit .vidu-project-client-row a { color: #dbe6ff; font-size: 14px; font-weight: 650; text-align: right; text-decoration: none; overflow-wrap: anywhere; }
.vidu-lead-cockpit .vidu-project-client-row a:hover { color: #8fb2ff; text-decoration: underline; text-underline-offset: 3px; }

.vidu-lead-cockpit-compact .vidu-project-header-meta {
  margin-top: 10px;
  gap: 8px;
}

.vidu-lead-cockpit .vidu-project-control-label {
  font-size: 12px;
  letter-spacing: .08em;
  font-weight: 600;
}

.vidu-lead-cockpit .vidu-project-client-row strong {
  font-size: 14px;
}

#vidu-create-offer-from-lead {
  background: rgba(96,165,250,0.12) !important;
  border-color: rgba(96,165,250,0.42) !important;
  color: #c8ddff !important;
  font-weight: 700 !important;
}

.vidu-lead-meta-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.8);
  font-size: 11px;
  letter-spacing: .04em;
}

.vidu-lead-meta-pill-blue {
  border-color: rgba(96,165,250,.46);
  background: rgba(96,165,250,.14);
  color: #cfe2ff;
}

.vidu-lead-message {
  min-height: 62px;
  color: rgba(255,255,255,.78);
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
}

.vidu-lead-extra-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.vidu-lead-extra-row {
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  padding: 8px 10px;
  min-width: 0;
}

.vidu-lead-extra-row span {
  display: block;
  color: rgba(255,255,255,.46);
  font-size: 11px;
  margin-bottom: 3px;
}

.vidu-lead-extra-row strong {
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
  word-break: break-word;
}

@media (max-width: 760px) {
  .vidu-lead-cockpit-grid {
    grid-template-columns: 1fr;
  }

  .vidu-lead-cockpit-header {
    display: grid;
  }

  .vidu-lead-company-avatar { width: 44px; height: 44px; flex-basis: 44px; border-radius: 13px; }

  .vidu-lead-extra-grid {
    grid-template-columns: 1fr;
  }
}

/* Safari-only interaction diagnostics: keep modal/layout-critical transforms intact. */
body.e--ua-safari #vidu-pipeline-dashboard .vidu-dashboard-toolbar-fade,
body.e--ua-safari #vidu-pipeline-dashboard .vidu-floating-tooltip,
body.e--ua-safari #vidu-pipeline-dashboard .vidu-timeline-floating-popover,
body.e--ua-safari #vidu-pipeline-dashboard .vidu-timeline-popover {
  pointer-events: none !important;
}

body.e--ua-safari #vidu-pipeline-dashboard .vidu-user-sidebar {
  position: absolute !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Project Modal v2 Mission Control wrapper adapter. */
.vidu-project-modal-shell .vidu-project-module--mission {
  min-height: 0;
}

.vidu-project-modal-shell .vidu-project-module--mission > .vidu-project-module-header {
  flex: 0 0 auto;
  min-width: 0;
}

.vidu-project-modal-shell .vidu-project-module--mission > .vidu-project-module-body {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
}

/* Project Modal v2 Mission Control frame model.
   Keep live-DOM pinning, but normalize frame height and internal scroll. */
.vidu-project-modal-shell {
  --vidu-mission-module-frame-height: clamp(430px, 54svh, 620px);
}

.vidu-project-modal-shell .vidu-project-mission-list {
  align-items: stretch !important;
}

.vidu-project-modal-shell .vidu-project-mission-module,
.vidu-project-modal-shell .vidu-project-module--mission {
  display: flex !important;
  flex-direction: column !important;
  height: var(--vidu-mission-module-frame-height) !important;
  min-height: var(--vidu-mission-module-frame-height) !important;
  max-height: var(--vidu-mission-module-frame-height) !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-module-head,
.vidu-project-modal-shell .vidu-project-module--mission > .vidu-project-module-header {
  flex: 0 0 auto !important;
  min-height: 58px !important;
}

.vidu-project-modal-shell .vidu-project-mission-body,
.vidu-project-modal-shell .vidu-project-module--mission > .vidu-project-module-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
}

.vidu-project-modal-shell .vidu-project-mission-body > [data-mission-real-module-slot],
.vidu-project-modal-shell [data-mission-real-module-slot],
.vidu-project-modal-shell .is-mission-module-live,
.vidu-project-modal-shell .is-mission-module-live > .vidu-project-structure-body,
.vidu-project-modal-shell .is-mission-module-live .vidu-project-checklist-builder,
.vidu-project-modal-shell .is-mission-module-live .vidu-project-notes,
.vidu-project-modal-shell .is-mission-module-live .vidu-project-docs,
.vidu-project-modal-shell .is-mission-module-live .vidu-project-assets-prep,
.vidu-project-modal-shell .is-mission-module-live .vidu-project-drive-browser,
.vidu-project-modal-shell .is-mission-module-live .vidu-project-locations-card,
.vidu-project-modal-shell .is-mission-module-live .vidu-project-locations {
  min-height: 0 !important;
  max-height: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-checklist,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-documents,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-assets,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-communication,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-timeline,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations {
  height: var(--vidu-mission-module-frame-height) !important;
  min-height: var(--vidu-mission-module-frame-height) !important;
  max-height: var(--vidu-mission-module-frame-height) !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-timeline .vidu-project-timeline-card,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-timeline .vidu-project-horizontal-timeline {
  min-height: 0 !important;
  max-height: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-timeline .vidu-timeline-scroll {
  max-width: 100% !important;
  min-height: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-mission-body,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations [data-mission-real-module-slot],
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .is-mission-module-live,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-structure-body,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations-card,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations-card,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations {
  flex: 1 1 auto !important;
  max-height: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-map-shell {
  flex: 0 0 clamp(170px, 22svh, 240px) !important;
  height: clamp(170px, 22svh, 240px) !important;
  min-height: 170px !important;
  max-height: 240px !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list.is-count-1,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list.is-count-2,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list.is-count-3 {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 6px !important;
  padding-bottom: 24px !important;
  scrollbar-gutter: stable !important;
}

/* =========================
   PROJECT MODAL V2 FLAT PROFESSIONAL MISSION CONTROL
   Keep the unified frame/scroll model; remove heavy glass/glow treatment.
   ========================= */

.vidu-project-modal-shell .vidu-project-mission-control {
  background: transparent !important;
  box-shadow: var(--vidu-shadow-none) !important;
}

.vidu-project-modal-shell .vidu-project-mission-head,
.vidu-project-modal-shell .vidu-project-mission-module-head,
.vidu-project-modal-shell .vidu-project-module--mission > .vidu-project-module-header {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-subtle) !important;
  box-shadow: var(--vidu-shadow-none) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module,
.vidu-project-modal-shell .vidu-project-module--mission {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-subtle) !important;
  box-shadow: var(--vidu-shadow-none) !important;
}

.vidu-project-modal-shell .vidu-project-mission-module::before,
.vidu-project-modal-shell .vidu-project-mission-module::after {
  box-shadow: none !important;
  filter: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module:hover,
.vidu-project-modal-shell .vidu-project-mission-module:focus-within,
.vidu-project-modal-shell .vidu-project-mission-module.is-pinned-mission-control {
  background: var(--vidu-surface-3) !important;
  border-color: var(--vidu-border-active) !important;
  box-shadow: var(--vidu-shadow-soft) !important;
  transform: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-body,
.vidu-project-modal-shell .vidu-project-module--mission > .vidu-project-module-body {
  background: var(--vidu-surface-2) !important;
  box-shadow: var(--vidu-shadow-none) !important;
}


/* Source: assets/css/pipeline/08-project-modules.css */
/* =========================
   PROJECT MODAL VISUAL POLISH
   ========================= */

.vidu-project-modal-shell .vidu-project-cockpit {
  background: var(--vidu-project-modal-bg) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    0 28px 92px rgba(0,0,0,0.48);
}

.vidu-project-modal-shell .vidu-project-cockpit-header {
  background:
    radial-gradient(circle at 12% 0%, rgba(96,165,250,0.08), transparent 32%),
    var(--vidu-project-modal-header-bg) !important;
  border-bottom-color: var(--vidu-project-column-border) !important;
}

.vidu-project-modal-shell .vidu-project-title {
  text-shadow: 0 14px 44px rgba(96,165,250,0.12);
}

.vidu-project-modal-shell .vidu-badge-status,
.vidu-project-modal-shell .vidu-lead-meta-pill,
.vidu-project-modal-shell .vidu-project-header-meta [class*="vidu-badge"] {
  border-color: rgba(147,197,253,0.34) !important;
  background: rgba(96,165,250,0.13) !important;
  color: #d7e8ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 0 22px rgba(96,165,250,0.10);
}

.vidu-project-modal-shell .vidu-project-cockpit-grid {
  background:
    radial-gradient(circle at 50% 0%, rgba(124,58,237,0.055), transparent 30%),
    var(--vidu-project-modal-grid-bg) !important;
}

.vidu-project-modal-shell .vidu-project-structure-block,
.vidu-project-modal-shell .vidu-project-control-card,
.vidu-project-modal-shell .vidu-project-feed,
.vidu-project-modal-shell .vidu-project-chat-window,
.vidu-project-modal-shell .vidu-project-chat-compose,
.vidu-project-modal-shell .vidu-project-block,
.vidu-project-modal-shell .vidu-project-check-block,
.vidu-project-modal-shell .vidu-project-timeline-card {
  background: var(--vidu-project-panel-bg) !important;
  border-color: var(--vidu-project-panel-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.032),
    0 14px 34px rgba(0,0,0,0.18) !important;
}

.vidu-project-modal-shell .vidu-project-control-card:hover,
.vidu-project-modal-shell .vidu-project-timeline-card:hover {
  border-color: rgba(147,197,253,0.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 16px 42px rgba(0,0,0,0.22),
    0 0 34px rgba(96,165,250,0.055) !important;
}

.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-red {
  --vidu-structure-tint: rgba(136, 27, 42, 0.105);
  --vidu-structure-tint-hover: rgba(136, 27, 42, 0.135);
  --vidu-structure-border: rgba(185, 48, 70, 0.34);
  --vidu-structure-ring: rgba(185, 48, 70, 0.06);
}

.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-orange {
  --vidu-structure-tint: rgba(180, 83, 9, 0.105);
  --vidu-structure-tint-hover: rgba(180, 83, 9, 0.135);
  --vidu-structure-border: rgba(245, 158, 11, 0.34);
  --vidu-structure-ring: rgba(245, 158, 11, 0.055);
}

.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-purple {
  --vidu-structure-tint: rgba(79, 70, 229, 0.105);
  --vidu-structure-tint-hover: rgba(79, 70, 229, 0.135);
  --vidu-structure-border: rgba(129, 140, 248, 0.32);
  --vidu-structure-ring: rgba(129, 140, 248, 0.055);
}

.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-blue {
  --vidu-structure-tint: rgba(37, 99, 235, 0.095);
  --vidu-structure-tint-hover: rgba(59, 130, 246, 0.13);
  --vidu-structure-border: rgba(96, 165, 250, 0.31);
  --vidu-structure-ring: rgba(96, 165, 250, 0.052);
}

.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-yellow {
  --vidu-structure-tint: rgba(132, 124, 45, 0.105);
  --vidu-structure-tint-hover: rgba(132, 124, 45, 0.135);
  --vidu-structure-border: rgba(190, 176, 68, 0.30);
  --vidu-structure-ring: rgba(190, 176, 68, 0.05);
}

.vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"]:hover {
  transform: translateY(-1px);
}

.vidu-project-modal-shell .vidu-project-structure-block.is-open[class*="vidu-structure-"] .vidu-project-structure-head {
  background: var(--vidu-structure-tint);
}

.vidu-project-modal-shell .vidu-project-icon-blue {
  color: #bfdbfe !important;
  background: rgba(59,130,246,0.16) !important;
  border-color: rgba(96,165,250,0.34) !important;
  box-shadow: 0 0 22px rgba(59,130,246,0.10);
}

.vidu-project-modal-shell .vidu-project-icon-green {
  color: #bbf7d0 !important;
  background: rgba(34,197,94,0.15) !important;
  border-color: rgba(74,222,128,0.32) !important;
  box-shadow: 0 0 22px rgba(34,197,94,0.10);
}

.vidu-project-modal-shell .vidu-project-icon-orange {
  color: #fed7aa !important;
  background: rgba(249,115,22,0.16) !important;
  border-color: rgba(251,146,60,0.34) !important;
  box-shadow: 0 0 22px rgba(249,115,22,0.10);
}

.vidu-project-modal-shell .vidu-project-icon-purple,
.vidu-project-modal-shell .vidu-project-icon-purple.is-active {
  color: #ddd6fe !important;
  background: rgba(139,92,246,0.17) !important;
  border-color: rgba(167,139,250,0.34) !important;
  box-shadow: 0 0 22px rgba(139,92,246,0.11);
}

.vidu-project-modal-shell .vidu-project-icon-gray {
  color: #e4e4e7 !important;
  background: rgba(161,161,170,0.13) !important;
  border-color: rgba(212,212,216,0.22) !important;
}

.vidu-project-modal-shell .vidu-project-icon-btn:hover,
.vidu-project-modal-shell .vidu-project-column-focus-btn:hover,
.vidu-project-modal-shell .vidu-project-drive-icon-btn:hover {
  border-color: rgba(255,255,255,0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    0 12px 30px rgba(0,0,0,0.24),
    0 0 24px rgba(147,197,253,0.08);
}

.vidu-project-modal-shell .vidu-project-column-focus-btn.is-active {
  border-color: rgba(147,197,253,0.42);
  background: rgba(96,165,250,0.12);
  color: #dbeafe;
  box-shadow:
    0 0 0 2px rgba(96,165,250,0.09),
    0 16px 42px rgba(59,130,246,0.16);
}

.vidu-project-modal-shell .vidu-project-center-tabs button.is-active,
.vidu-project-modal-shell .vidu-project-feed-filters button.is-active,
.vidu-project-modal-shell .vidu-timeline-view-switch button.is-active {
  background:
    linear-gradient(180deg, rgba(139,92,246,0.28), rgba(109,40,217,0.18)) !important;
  border-color: rgba(167,139,250,0.44) !important;
  color: #eee9ff !important;
  box-shadow: 0 0 28px rgba(139,92,246,0.14);
}

.vidu-project-modal-shell .vidu-timeline-dot {
  border-color: #fb923c;
  background: #1c1714;
  box-shadow:
    0 0 0 5px rgba(249,115,22,.17),
    0 0 26px rgba(249,115,22,.34);
}

.vidu-project-modal-shell .vidu-timeline-point:hover .vidu-timeline-dot,
.vidu-project-modal-shell .vidu-timeline-point.is-menu-open .vidu-timeline-dot {
  border-color: #fdba74;
  box-shadow:
    0 0 0 6px rgba(249,115,22,.21),
    0 0 34px rgba(249,115,22,.45);
}

.vidu-project-modal-shell .vidu-timeline-today {
  border-left-color: rgba(147,197,253,.96);
  filter: drop-shadow(0 0 16px rgba(96,165,250,0.28));
}

.vidu-project-modal-shell .vidu-timeline-today::before {
  background: #93c5fd;
  box-shadow:
    0 0 0 5px rgba(96,165,250,.18),
    0 0 26px rgba(96,165,250,.38);
}

.vidu-project-modal-shell .vidu-project-feed-event:hover,
.vidu-project-modal-shell .vidu-project-feed-event.is-selected {
  background: rgba(96,165,250,0.075);
  box-shadow: inset 0 0 0 1px rgba(147,197,253,0.10);
}

.vidu-project-modal-shell .vidu-project-feed-event.is-selected .vidu-project-feed-icon,
.vidu-project-modal-shell .vidu-project-feed-event.is-selected .vidu-project-feed-dot {
  box-shadow: 0 0 0 5px rgba(96,165,250,0.12), 0 0 20px currentColor;
}

.vidu-project-modal-shell .vidu-project-viewer-card {
  background:
    linear-gradient(180deg, rgba(96,165,250,0.12), rgba(124,58,237,0.075) 52%, rgba(255,255,255,0.035)) !important;
  border-color: rgba(147,197,253,0.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 16px 42px rgba(30,64,175,0.14),
    0 0 42px rgba(124,58,237,0.08) !important;
}

.vidu-project-modal-shell .vidu-project-viewer-url {
  border-color: rgba(147,197,253,0.12);
  background: rgba(7,10,18,0.82);
  color: rgba(219,234,254,0.62);
}

.vidu-project-modal-shell .vidu-btn-primary,
.vidu-project-modal-shell .vidu-project-timeline-add-btn,
.vidu-project-modal-shell #vidu-project-add-checklist-block {
  background:
    linear-gradient(180deg, rgba(96,165,250,0.20), rgba(37,99,235,0.13)) !important;
  border-color: rgba(147,197,253,0.42) !important;
  color: #dbeafe !important;
  box-shadow: 0 0 30px rgba(59,130,246,0.12);
}

.vidu-project-modal-shell .vidu-btn-primary:hover,
.vidu-project-modal-shell .vidu-project-timeline-add-btn:hover,
.vidu-project-modal-shell #vidu-project-add-checklist-block:hover {
  border-color: rgba(191,219,254,0.58) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,0.24),
    0 0 36px rgba(96,165,250,0.18);
}

/* =========================
   PROJECT MODAL — CALMER OFFER-BUILDER ALIGNMENT
   ========================= */

.vidu-project-modal-shell .vidu-project-cockpit {
  background: var(--vidu-project-modal-bg) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.025),
    0 18px 52px rgba(0,0,0,0.38) !important;
}

.vidu-project-modal-shell .vidu-project-cockpit-header {
  background: var(--vidu-project-modal-header-bg) !important;
  border-bottom-color: var(--vidu-project-column-border) !important;
}

.vidu-project-modal-shell .vidu-project-title {
  text-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-cockpit-grid {
  background: var(--vidu-project-modal-grid-bg) !important;
}

.vidu-project-modal-shell .vidu-project-structure-block,
.vidu-project-modal-shell .vidu-project-control-card,
.vidu-project-modal-shell .vidu-project-feed,
.vidu-project-modal-shell .vidu-project-chat-window,
.vidu-project-modal-shell .vidu-project-chat-compose,
.vidu-project-modal-shell .vidu-project-block,
.vidu-project-modal-shell .vidu-project-check-block,
.vidu-project-modal-shell .vidu-project-timeline-card {
  background: var(--vidu-project-panel-bg) !important;
  border-color: var(--vidu-project-panel-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.018),
    0 10px 24px rgba(0,0,0,0.14) !important;
}

.vidu-project-modal-shell .vidu-project-control-card:hover,
.vidu-project-modal-shell .vidu-project-timeline-card:hover {
  border-color: var(--vidu-border-medium) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.022),
    0 12px 28px rgba(0,0,0,0.18) !important;
}

.vidu-project-modal-shell .vidu-badge-status,
.vidu-project-modal-shell .vidu-lead-meta-pill,
.vidu-project-modal-shell .vidu-project-header-meta [class*="vidu-badge"] {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.115) !important;
  color: rgba(255,255,255,0.78) !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-red {
  --vidu-structure-tint: rgba(127, 29, 29, 0.058);
  --vidu-structure-tint-hover: rgba(127, 29, 29, 0.074);
  --vidu-structure-border: rgba(127, 29, 29, 0.20);
  --vidu-structure-ring: rgba(127, 29, 29, 0.018);
}

.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-orange {
  --vidu-structure-tint: rgba(146, 64, 14, 0.058);
  --vidu-structure-tint-hover: rgba(146, 64, 14, 0.074);
  --vidu-structure-border: rgba(180, 83, 9, 0.20);
  --vidu-structure-ring: rgba(180, 83, 9, 0.018);
}

.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-purple {
  --vidu-structure-tint: rgba(67, 56, 202, 0.054);
  --vidu-structure-tint-hover: rgba(67, 56, 202, 0.07);
  --vidu-structure-border: rgba(79, 70, 229, 0.19);
  --vidu-structure-ring: rgba(79, 70, 229, 0.018);
}

.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-blue {
  --vidu-structure-tint: rgba(30, 64, 175, 0.052);
  --vidu-structure-tint-hover: rgba(30, 64, 175, 0.068);
  --vidu-structure-border: rgba(59, 130, 246, 0.19);
  --vidu-structure-ring: rgba(59, 130, 246, 0.018);
}

.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-yellow {
  --vidu-structure-tint: rgba(101, 109, 39, 0.052);
  --vidu-structure-tint-hover: rgba(101, 109, 39, 0.068);
  --vidu-structure-border: rgba(132, 124, 45, 0.18);
  --vidu-structure-ring: rgba(132, 124, 45, 0.016);
}

.vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"]:hover {
  transform: none !important;
}

.vidu-project-modal-shell .vidu-project-icon-blue,
.vidu-project-modal-shell .vidu-project-icon-green,
.vidu-project-modal-shell .vidu-project-icon-orange,
.vidu-project-modal-shell .vidu-project-icon-purple,
.vidu-project-modal-shell .vidu-project-icon-purple.is-active,
.vidu-project-modal-shell .vidu-project-icon-gray {
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-icon-blue {
  color: #b9d5ff !important;
  background: rgba(59,130,246,0.095) !important;
  border-color: rgba(96,165,250,0.22) !important;
}

.vidu-project-modal-shell .vidu-project-icon-green {
  color: #b7efc8 !important;
  background: rgba(34,197,94,0.09) !important;
  border-color: rgba(74,222,128,0.20) !important;
}

.vidu-project-modal-shell .vidu-project-icon-orange {
  color: #f3c79d !important;
  background: rgba(249,115,22,0.09) !important;
  border-color: rgba(251,146,60,0.21) !important;
}

.vidu-project-modal-shell .vidu-project-icon-purple,
.vidu-project-modal-shell .vidu-project-icon-purple.is-active {
  color: #d2c7f3 !important;
  background: rgba(139,92,246,0.095) !important;
  border-color: rgba(167,139,250,0.22) !important;
}

.vidu-project-modal-shell .vidu-project-icon-btn:hover,
.vidu-project-modal-shell .vidu-project-column-focus-btn:hover,
.vidu-project-modal-shell .vidu-project-drive-icon-btn:hover {
  background: rgba(255,255,255,0.055) !important;
  border-color: rgba(255,255,255,0.12) !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-column-focus-btn.is-active {
  background: rgba(96,165,250,0.075) !important;
  border-color: rgba(147,197,253,0.26) !important;
  color: #d7e6ff !important;
  box-shadow: 0 0 0 1px rgba(96,165,250,0.055) !important;
}

.vidu-project-modal-shell .vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active,
.vidu-project-modal-shell .vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active {
  background: var(--vidu-project-panel-bg-hover) !important;
  border-color: var(--vidu-border-medium) !important;
  box-shadow:
    0 20px 54px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,255,255,0.026) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.vidu-project-modal-shell .vidu-project-center-tabs button.is-active,
.vidu-project-modal-shell .vidu-project-feed-filters button.is-active,
.vidu-project-modal-shell .vidu-timeline-view-switch button.is-active {
  background: rgba(249,115,22,0.12) !important;
  border-color: rgba(251,146,60,0.24) !important;
  color: #f6c59b !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-timeline-track::before {
  background: rgba(255,255,255,0.18) !important;
}

.vidu-project-modal-shell .vidu-timeline-track::after {
  opacity: .18 !important;
}

.vidu-project-modal-shell .vidu-timeline-dot {
  border-color: #d97706 !important;
  background: #18181a !important;
  box-shadow: 0 0 0 3px rgba(249,115,22,0.075) !important;
}

.vidu-project-modal-shell .vidu-timeline-point:hover .vidu-timeline-dot,
.vidu-project-modal-shell .vidu-timeline-point.is-menu-open .vidu-timeline-dot {
  border-color: #f59e0b !important;
  box-shadow: 0 0 0 4px rgba(249,115,22,0.10) !important;
}

.vidu-project-modal-shell .vidu-timeline-today {
  border-left-color: rgba(147,197,253,0.68) !important;
  filter: none !important;
}

.vidu-project-modal-shell .vidu-timeline-today::before {
  background: #93c5fd !important;
  box-shadow: 0 0 0 3px rgba(96,165,250,0.10) !important;
}

.vidu-project-modal-shell .vidu-project-feed-event:hover,
.vidu-project-modal-shell .vidu-project-feed-event.is-selected {
  background: var(--vidu-project-panel-bg-hover) !important;
  box-shadow: inset 0 0 0 1px var(--vidu-border-soft) !important;
}

.vidu-project-modal-shell .vidu-project-feed-event.is-selected .vidu-project-feed-icon,
.vidu-project-modal-shell .vidu-project-feed-event.is-selected .vidu-project-feed-dot {
  box-shadow: 0 0 0 4px rgba(96,165,250,0.08) !important;
}

.vidu-project-modal-shell .vidu-project-viewer-card {
  background: var(--vidu-project-panel-bg) !important;
  border-color: var(--vidu-project-panel-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.018),
    0 10px 24px rgba(0,0,0,0.14) !important;
}

.vidu-project-modal-shell .vidu-project-viewer-url {
  border-color: var(--vidu-border-soft) !important;
  background: var(--vidu-input-bg) !important;
  color: var(--vidu-text-muted) !important;
}

.vidu-project-modal-shell .vidu-btn-primary,
.vidu-project-modal-shell .vidu-project-timeline-add-btn,
.vidu-project-modal-shell #vidu-project-add-checklist-block {
  background: rgba(96,165,250,0.10) !important;
  border-color: rgba(147,197,253,0.27) !important;
  color: #d7e6ff !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-btn-primary:hover,
.vidu-project-modal-shell .vidu-project-timeline-add-btn:hover,
.vidu-project-modal-shell #vidu-project-add-checklist-block:hover {
  background: rgba(96,165,250,0.14) !important;
  border-color: rgba(191,219,254,0.38) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
}

body #vidu-app-modal .vidu-project-head-actions .vidu-icon-action-start:hover,
body #vidu-app-modal .vidu-project-head-actions .vidu-icon-action-date:hover,
body #vidu-app-modal .vidu-project-head-actions .vidu-icon-action-open:hover {
  box-shadow: none !important;
  transform: none !important;
}

/* Project modal workflow polish */
.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-red {
  --vidu-structure-tint: rgba(154, 32, 50, 0.12);
  --vidu-structure-tint-hover: rgba(190, 48, 70, 0.17);
  --vidu-structure-border: rgba(220, 70, 92, 0.36);
  --vidu-structure-ring: rgba(220, 70, 92, 0.075);
}

.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-orange {
  --vidu-structure-tint: rgba(190, 92, 12, 0.12);
  --vidu-structure-tint-hover: rgba(245, 158, 11, 0.17);
  --vidu-structure-border: rgba(245, 158, 11, 0.38);
  --vidu-structure-ring: rgba(245, 158, 11, 0.075);
}

.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-purple {
  --vidu-structure-tint: rgba(91, 80, 230, 0.12);
  --vidu-structure-tint-hover: rgba(129, 140, 248, 0.17);
  --vidu-structure-border: rgba(129, 140, 248, 0.36);
  --vidu-structure-ring: rgba(129, 140, 248, 0.075);
}

.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-blue {
  --vidu-structure-tint: rgba(37, 99, 235, 0.112);
  --vidu-structure-tint-hover: rgba(96, 165, 250, 0.155);
  --vidu-structure-border: rgba(96, 165, 250, 0.34);
  --vidu-structure-ring: rgba(96, 165, 250, 0.07);
}

.vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-yellow {
  --vidu-structure-tint: rgba(150, 140, 42, 0.118);
  --vidu-structure-tint-hover: rgba(202, 184, 74, 0.16);
  --vidu-structure-border: rgba(202, 184, 74, 0.34);
  --vidu-structure-ring: rgba(202, 184, 74, 0.07);
}

.vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] {
  background: rgba(255,255,255,0.038) !important;
  border-color: var(--vidu-structure-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.026),
    inset 0 0 0 999px var(--vidu-structure-tint),
    0 0 0 1px var(--vidu-structure-ring),
    0 12px 26px rgba(0,0,0,0.14) !important;
}

.vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"]:hover {
  border-color: var(--vidu-structure-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.03),
    inset 0 0 0 999px var(--vidu-structure-tint-hover),
    0 0 0 1px var(--vidu-structure-ring),
    0 14px 30px rgba(0,0,0,0.18) !important;
}

.vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-head span {
  color: rgba(255,255,255,0.9);
  font-weight: 650;
}

.vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-head strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.82);
  border-color: var(--vidu-structure-border);
}

.vidu-project-drive-item.is-folder strong {
  font-weight: 780 !important;
  color: rgba(255,255,255,0.92) !important;
}

.vidu-project-drive-item.is-file strong {
  font-weight: 500 !important;
  color: rgba(255,255,255,0.66) !important;
}

.vidu-project-drive-item.is-file {
  background: rgba(7,7,9,0.56) !important;
  border-color: rgba(255,255,255,0.04) !important;
}

.vidu-project-documents-card {
  background: rgba(255,255,255,0.04) !important;
}

.vidu-project-documents-actions {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.vidu-project-document-stack {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.vidu-project-linked-documents {
  display: grid;
  gap: 7px;
  padding: 10px;
  border: 1px solid rgba(116, 211, 200, .12);
  border-radius: 14px;
  background: rgba(41, 103, 96, .055);
}

.vidu-project-linked-documents-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(238, 248, 247, .78);
  font-size: 11px;
}

.vidu-project-linked-documents-head span {
  display: grid;
  min-width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 999px;
  background: rgba(116, 211, 200, .1);
  color: #8edbd2;
}

.vidu-project-linked-document {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 11px;
  color: inherit;
  background: rgba(5, 12, 13, .32);
  text-align: left;
  cursor: pointer;
}

.vidu-project-linked-document:hover,
.vidu-project-linked-document:focus-visible {
  border-color: rgba(116, 211, 200, .24);
  background: rgba(72, 156, 146, .09);
  outline: none;
}

.vidu-project-linked-document > i { color: #78d4ca; }
.vidu-project-linked-document > i svg { width: 21px; height: 21px; stroke: currentColor; }
.vidu-project-linked-document > span { display: grid; gap: 2px; min-width: 0; }
.vidu-project-linked-document strong { overflow: hidden; color: rgba(247, 250, 250, .86); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.vidu-project-linked-document small { overflow: hidden; color: rgba(218, 231, 230, .48); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.vidu-project-linked-document em { color: rgba(142, 219, 210, .72); font-size: 9px; font-style: normal; }

.vidu-project-linked-documents.is-empty {
  min-height: 68px;
  place-content: center;
  justify-items: center;
  border-style: dashed;
  color: rgba(218, 231, 230, .48);
  text-align: center;
  font-size: 10px;
}

.vidu-project-linked-documents.is-empty strong { color: rgba(238, 248, 247, .68); font-size: 11px; }

.vidu-project-viewer-publish-summary,
.vidu-project-offer-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
}

.vidu-project-viewer-section-settings {
  display: grid;
  gap: 7px;
  margin-top: 10px;
  padding: 9px 10px;
  border: 1px solid var(--vidu-border-subtle);
  border-radius: 12px;
  background: var(--vidu-surface-2);
}

.vidu-project-viewer-section-settings > span {
  color: var(--vidu-text-muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.vidu-project-viewer-section-settings > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 10px;
}

.vidu-project-viewer-section-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.vidu-project-viewer-section-toggle input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
}

.vidu-project-viewer-section-toggle i {
  position: relative;
  width: 25px;
  height: 14px;
  border: 1px solid var(--vidu-border-strong);
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  transition: .16s ease;
}

.vidu-project-viewer-section-toggle i::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--vidu-text-muted);
  transition: .16s ease;
}

.vidu-project-viewer-section-toggle input:checked + i {
  border-color: color-mix(in srgb, var(--vidu-accent-info, #60a5fa) 48%, transparent);
  background: color-mix(in srgb, var(--vidu-accent-info, #60a5fa) 24%, transparent);
}

.vidu-project-viewer-section-toggle input:checked + i::after {
  left: 13px;
  background: var(--vidu-accent-info, #60a5fa);
}

.vidu-project-viewer-section-toggle em {
  color: var(--vidu-text-secondary);
  font-size: 10px;
  font-style: normal;
}

.vidu-project-viewer-section-settings > small {
  min-height: 11px;
  color: var(--vidu-text-muted);
  font-size: 9px;
}

.vidu-project-viewer-publish-summary > span,
.vidu-project-offer-summary > span {
  min-width: 0;
  padding: 8px 9px;
  border-radius: 12px;
  border: 1px solid var(--vidu-border-subtle);
  background: var(--vidu-surface-2);
  box-shadow: none;
}

.vidu-project-viewer-publish-summary > span.is-wide {
  grid-column: 1 / -1;
}

.vidu-project-viewer-publish-summary small,
.vidu-project-offer-summary small {
  display: block;
  margin-bottom: 3px;
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.vidu-project-viewer-publish-summary strong,
.vidu-project-offer-summary strong {
  display: block;
  overflow: hidden;
  color: var(--vidu-text-primary);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-project-document-item {
  display: grid;
  gap: 9px;
  padding: 11px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(8,8,11,0.36);
}

.vidu-project-document-item.is-contract {
  border-color: rgba(160,148,255,0.18);
  background: rgba(139,124,255,0.055);
}

.vidu-project-document-main {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vidu-project-document-main strong {
  color: rgba(255,255,255,0.90);
  font-size: 13px;
  font-weight: 780;
}

.vidu-project-document-main span,
.vidu-project-document-main small {
  color: rgba(255,255,255,0.52);
  font-size: 11px;
  line-height: 1.35;
}

.vidu-project-document-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.vidu-project-document-actions.is-single {
  grid-template-columns: 1fr;
}

.vidu-project-doc-warning {
  display: grid;
  gap: 2px;
  padding: 8px 9px;
  border-radius: 12px;
  border: 1px solid rgba(245,158,11,0.24);
  background: rgba(245,158,11,0.08);
}

.vidu-project-doc-warning strong {
  color: rgba(253,230,138,0.88);
  font-size: 11px;
  font-weight: 780;
}

.vidu-project-doc-warning span {
  color: var(--vidu-text-secondary);
  font-size: 11px;
  line-height: 1.35;
}

.vidu-project-doc-action {
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 10px;
  border-radius: 12px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  text-decoration: none;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}

.vidu-project-doc-action:hover {
  background: var(--vidu-control-bg-hover);
  border-color: var(--vidu-control-border-active);
  color: var(--vidu-text-primary);
}

.vidu-project-doc-action.is-disabled {
  opacity: .42;
  pointer-events: none;
}

.vidu-project-doc-action svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  flex: 0 0 auto;
}

.vidu-contract-editor-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: grid;
  place-items: center;
  padding: 24px;
}

.vidu-contract-editor-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.68);
  backdrop-filter: blur(14px);
}

.vidu-contract-editor-dialog {
  position: relative;
  width: min(1180px, 94vw);
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(18,18,22,0.96);
  box-shadow: 0 24px 80px rgba(0,0,0,0.45);
  overflow: hidden;
}

.vidu-contract-editor-head,
.vidu-contract-editor-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.vidu-contract-editor-actions {
  border-top: 1px solid rgba(255,255,255,0.07);
  border-bottom: 0;
  justify-content: flex-end;
}

.vidu-contract-editor-head span {
  display: block;
  color: rgba(255,255,255,0.48);
  font-size: 11px;
  font-weight: 780;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-contract-editor-head strong {
  color: rgba(255,255,255,0.92);
  font-size: 17px;
}

.vidu-contract-editor-close {
  width: 34px;
  height: 34px;
  border: 1px solid var(--vidu-control-border);
  border-radius: 12px;
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  cursor: pointer;
}

.vidu-contract-editor-toolbar {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 10px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.025);
}

.vidu-contract-editor-toolbar button {
  min-height: 30px;
  padding: 0 10px;
  border-radius: 9px;
  border: 1px solid var(--vidu-control-border);
  background: var(--vidu-control-bg);
  color: var(--vidu-control-text);
  font-size: 12px;
  font-weight: 720;
  cursor: pointer;
}

.vidu-contract-editor-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 18px;
}

.vidu-contract-editor-surface {
  min-height: 58vh;
  max-width: 900px;
  margin: 0 auto;
  padding: 42px;
  border-radius: 16px;
  outline: 0;
  background: #ffffff;
  color: #111827;
  line-height: 1.65;
  box-shadow: 0 18px 54px rgba(0,0,0,0.30);
}

.vidu-contract-editor-surface h1 {
  margin-top: 0;
}

/* Project modal offer-aligned color polish */
.vidu-project-modal-shell .vidu-project-cockpit {
  --vidu-project-surface-deep: #111114;
  --vidu-project-surface-card: rgba(22, 22, 26, 0.86);
  --vidu-project-border-clean: rgba(255,255,255,0.095);
  --vidu-project-blue: #5aa7ff;
  --vidu-project-amber: #ff9f43;
  --vidu-project-violet: #8b7cff;
  --vidu-project-green: #38d88f;
}

.vidu-project-modal-shell .vidu-project-cockpit-header,
.vidu-project-modal-shell .vidu-project-column,
.vidu-project-modal-shell .vidu-project-control-card,
.vidu-project-modal-shell .vidu-project-structure-block {
  border-color: var(--vidu-project-border-clean);
}

.vidu-project-modal-shell .vidu-project-control-card {
  background: var(--vidu-project-surface-card) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.026),
    0 14px 34px rgba(0,0,0,0.18) !important;
}

.vidu-project-modal-shell .vidu-badge-status-running {
  background: rgba(255,159,67,0.16) !important;
  border-color: rgba(255,159,67,0.38) !important;
  color: #ffc078 !important;
}

.vidu-project-modal-shell .vidu-badge-status-new {
  background: rgba(90,167,255,0.14) !important;
  border-color: rgba(90,167,255,0.34) !important;
  color: #b9dcff !important;
}

.vidu-project-modal-shell .vidu-project-icon-blue,
.vidu-project-modal-shell .vidu-btn-primary {
  background: rgba(90,167,255,0.13) !important;
  border-color: rgba(90,167,255,0.34) !important;
  color: #d9ebff !important;
}

.vidu-project-modal-shell .vidu-project-icon-purple {
  background: rgba(139,124,255,0.13) !important;
  border-color: rgba(139,124,255,0.34) !important;
  color: #e1dcff !important;
}

.vidu-project-modal-shell .vidu-project-icon-green {
  background: rgba(56,216,143,0.12) !important;
  border-color: rgba(56,216,143,0.31) !important;
  color: #bcf7d9 !important;
}

.vidu-project-modal-shell .vidu-project-icon-blue:hover,
.vidu-project-modal-shell .vidu-project-icon-purple:hover,
.vidu-project-modal-shell .vidu-project-icon-green:hover,
.vidu-project-modal-shell .vidu-btn-primary:hover {
  filter: saturate(1.12) brightness(1.05);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 26px rgba(0,0,0,0.22) !important;
}

.vidu-project-modal-shell .vidu-project-viewer-card,
.vidu-project-modal-shell .vidu-project-documents-card {
  background:
    linear-gradient(180deg, rgba(139,124,255,0.085), rgba(22,22,26,0.88) 48%),
    var(--vidu-project-surface-card) !important;
  border-color: rgba(139,124,255,0.28) !important;
}

.vidu-project-modal-shell .vidu-project-documents-card .vidu-project-control-label,
.vidu-project-modal-shell .vidu-project-viewer-card .vidu-project-control-label {
  color: rgba(221,216,255,0.78) !important;
}

.vidu-project-modal-shell .vidu-project-doc-action {
  background: rgba(8, 8, 11, 0.58);
  border-color: rgba(255,255,255,0.085);
}

.vidu-project-modal-shell .vidu-project-doc-action:hover {
  background: rgba(90,167,255,0.115);
  border-color: rgba(90,167,255,0.34);
  color: #ffffff;
}

.vidu-project-modal-shell .vidu-project-center-tabs button.is-active,
.vidu-project-modal-shell .vidu-project-feed-filters button.is-active,
.vidu-project-modal-shell .vidu-timeline-view-switch button.is-active {
  background: rgba(255,159,67,0.15) !important;
  border-color: rgba(255,159,67,0.36) !important;
  color: #ffd2a3 !important;
}

/* Project modal global action hierarchy */
.vidu-project-modal-shell .vidu-badge-stage-new {
  background: rgba(148,163,184,0.13) !important;
  border-color: rgba(148,163,184,0.30) !important;
  color: #d4dbe6 !important;
}

.vidu-project-modal-shell .vidu-badge-stage-running {
  background: rgba(255,159,67,0.16) !important;
  border-color: rgba(255,159,67,0.38) !important;
  color: #ffc078 !important;
}

.vidu-project-modal-shell .vidu-badge-stage-review {
  background: rgba(90,167,255,0.15) !important;
  border-color: rgba(90,167,255,0.36) !important;
  color: #b9dcff !important;
}

.vidu-project-modal-shell .vidu-badge-stage-closed {
  background: rgba(56,216,143,0.13) !important;
  border-color: rgba(56,216,143,0.34) !important;
  color: #bdf7da !important;
}

.vidu-project-modal-shell .vidu-badge-stage-problem {
  background: rgba(248,82,98,0.14) !important;
  border-color: rgba(248,82,98,0.36) !important;
  color: #ffc1c8 !important;
}

.vidu-project-modal-shell .vidu-project-viewer-card,
.vidu-project-modal-shell .vidu-project-delivery-card,
.vidu-project-modal-shell .vidu-project-documents-card,
.vidu-project-modal-shell .vidu-project-payment-card {
  position: relative;
  background: rgba(18,18,22,0.88) !important;
  border-color: rgba(139,124,255,0.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.026),
    0 0 0 1px rgba(139,124,255,0.035),
    0 14px 34px rgba(0,0,0,0.20) !important;
}

.vidu-project-modal-shell .vidu-project-viewer-card:hover,
.vidu-project-modal-shell .vidu-project-delivery-card:hover,
.vidu-project-modal-shell .vidu-project-documents-card:hover,
.vidu-project-modal-shell .vidu-project-payment-card:hover {
  border-color: rgba(160,148,255,0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.032),
    0 0 0 1px rgba(139,124,255,0.055),
    0 16px 38px rgba(0,0,0,0.24) !important;
}

.vidu-project-modal-shell .vidu-project-card-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.vidu-project-modal-shell .vidu-project-card-topline .vidu-project-control-label {
  margin: 0;
}

.vidu-project-modal-shell .vidu-project-card-chip {
  flex: 0 0 auto;
  max-width: 52%;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid rgba(160,148,255,0.30);
  background: rgba(139,124,255,0.11);
  color: rgba(230,226,255,0.88);
  font-size: 10px;
  font-weight: 760;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  letter-spacing: .035em;
  box-shadow: 0 0 18px rgba(139,124,255,0.055);
}

.vidu-project-modal-shell .vidu-project-card-chip.is-green {
  border-color: rgba(34,197,94,0.34);
  background: rgba(34,197,94,0.12);
  color: #bbf7d0;
}

.vidu-project-modal-shell .vidu-project-card-chip.is-yellow {
  border-color: rgba(245,158,11,0.36);
  background: rgba(245,158,11,0.12);
  color: #fde68a;
}

.vidu-project-modal-shell .vidu-project-card-chip.is-red {
  border-color: rgba(239,68,68,0.36);
  background: rgba(239,68,68,0.12);
  color: #fecaca;
}

.vidu-project-modal-shell .vidu-project-card-chip.is-blue {
  border-color: rgba(59,130,246,0.34);
  background: rgba(59,130,246,0.12);
  color: #dbeafe;
}

.vidu-project-modal-shell .vidu-project-documents-card .vidu-project-doc-action,
.vidu-project-modal-shell .vidu-project-viewer-card .vidu-project-icon-btn,
.vidu-project-modal-shell .vidu-project-delivery-card .vidu-project-icon-btn {
  border-color: rgba(160,148,255,0.18);
}

.vidu-project-modal-shell .vidu-project-global-actions-card {
  background: rgba(15,15,18,0.82) !important;
  border-color: rgba(255,255,255,0.075) !important;
}

.vidu-project-modal-shell .vidu-project-global-actions {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.vidu-project-modal-shell .vidu-project-global-action {
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 10px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.075);
  background: rgba(255,255,255,0.035);
  color: rgba(255,255,255,0.72);
  font-size: 12px;
  font-weight: 680;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.vidu-project-modal-shell .vidu-project-global-action:hover {
  background: rgba(255,255,255,0.055);
  border-color: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.9);
}

.vidu-project-modal-shell .vidu-project-global-action.is-danger {
  border-color: rgba(248,82,98,0.18);
  color: rgba(255,194,201,0.78);
}

.vidu-project-modal-shell .vidu-project-global-action.is-danger:hover {
  background: rgba(248,82,98,0.10);
  border-color: rgba(248,82,98,0.34);
  color: #ffd8dd;
}

.vidu-project-modal-shell .vidu-project-global-action svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  flex: 0 0 auto;
}

/* Shared neutral dark modal language */
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-app-modal-dialog,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell .vidu-app-modal-dialog,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell .vidu-app-modal-dialog,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-app-modal-dialog,
[data-vidu-theme="dark"] .vidu-offer-modal-shell .vidu-app-modal-dialog,
[data-vidu-theme="dark"] .vidu-lead-modal-shell .vidu-app-modal-dialog {
  background: var(--vidu-modal-bg) !important;
  border: 1px solid var(--vidu-modal-border) !important;
  box-shadow:
    var(--vidu-modal-shadow),
    var(--vidu-modal-glow) !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-app-modal-body,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-app-modal-content,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-modal-content,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell .vidu-app-modal-body,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell .vidu-app-modal-content,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell .vidu-modal-content,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell .vidu-app-modal-body,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell .vidu-app-modal-content,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell .vidu-modal-content,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-app-modal-body,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-app-modal-content,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-modal-content,
[data-vidu-theme="dark"] .vidu-offer-modal-shell .vidu-app-modal-body,
[data-vidu-theme="dark"] .vidu-offer-modal-shell .vidu-app-modal-content,
[data-vidu-theme="dark"] .vidu-offer-modal-shell .vidu-modal-content,
[data-vidu-theme="dark"] .vidu-lead-modal-shell .vidu-app-modal-body,
[data-vidu-theme="dark"] .vidu-lead-modal-shell .vidu-app-modal-content,
[data-vidu-theme="dark"] .vidu-lead-modal-shell .vidu-modal-content {
  background: var(--vidu-modal-bg) !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-cockpit,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell .vidu-lead-cockpit,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell #vidu-project-builder,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-cockpit,
[data-vidu-theme="dark"] .vidu-lead-modal-shell .vidu-lead-cockpit,
[data-vidu-theme="dark"] .vidu-offer-modal-shell #vidu-project-builder {
  background: var(--vidu-project-modal-bg) !important;
  border-color: var(--vidu-modal-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    var(--vidu-modal-shadow),
    var(--vidu-modal-glow) !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-cockpit-header,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell .vidu-lead-cockpit-header,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-cockpit-header,
[data-vidu-theme="dark"] .vidu-lead-modal-shell .vidu-lead-cockpit-header {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.045), transparent 34%),
    var(--vidu-modal-header-bg) !important;
  border-bottom-color: var(--vidu-project-column-border) !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-cockpit-grid,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-cockpit-grid {
  background:
    radial-gradient(circle at 50% -8%, rgba(255,255,255,.035), transparent 34%),
    var(--vidu-project-modal-grid-bg) !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-column,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-structure,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-activity,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-control,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-structure-block,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-control-card,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-feed,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-chat-window,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-chat-compose,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-block,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-check-block,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-timeline-card,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-viewer-card,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-delivery-card,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-documents-card,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-payment-card,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-global-actions-card,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell .vidu-lead-panel,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell .vidu-lead-extra-row,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell #vidu-project-builder .vidu-card,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell #vidu-project-builder .vidu-stat,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell #vidu-project-builder .vidu-profit-list,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell #vidu-project-builder .vidu-profit-row,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell #vidu-project-builder .vidu-table-wrap,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell #vidu-project-builder details,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell #vidu-project-builder summary,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-column,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-structure,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-activity,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-control,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-structure-block,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-control-card,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-feed,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-chat-window,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-chat-compose,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-block,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-check-block,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-timeline-card,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-viewer-card,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-delivery-card,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-documents-card,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-payment-card,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-global-actions-card,
[data-vidu-theme="dark"] .vidu-lead-modal-shell .vidu-lead-panel,
[data-vidu-theme="dark"] .vidu-lead-modal-shell .vidu-lead-extra-row,
[data-vidu-theme="dark"] .vidu-offer-modal-shell #vidu-project-builder .vidu-card,
[data-vidu-theme="dark"] .vidu-offer-modal-shell #vidu-project-builder .vidu-stat,
[data-vidu-theme="dark"] .vidu-offer-modal-shell #vidu-project-builder .vidu-profit-list,
[data-vidu-theme="dark"] .vidu-offer-modal-shell #vidu-project-builder .vidu-profit-row,
[data-vidu-theme="dark"] .vidu-offer-modal-shell #vidu-project-builder .vidu-table-wrap,
[data-vidu-theme="dark"] .vidu-offer-modal-shell #vidu-project-builder details,
[data-vidu-theme="dark"] .vidu-offer-modal-shell #vidu-project-builder summary {
  background: var(--vidu-project-panel-bg) !important;
  border-color: var(--vidu-project-panel-border) !important;
  box-shadow: var(--vidu-project-module-shadow, inset 0 1px 0 rgba(255,255,255,.024), 0 14px 36px rgba(0, 0, 0, .20)) !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-control-card:hover,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-timeline-card:hover,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-viewer-card:hover,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-delivery-card:hover,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-documents-card:hover,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell .vidu-lead-panel:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-control-card:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-timeline-card:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-viewer-card:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-delivery-card:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-documents-card:hover,
[data-vidu-theme="dark"] .vidu-lead-modal-shell .vidu-lead-panel:hover {
  background: var(--vidu-project-panel-bg-hover) !important;
  border-color: rgba(255,255,255,.13) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 16px 42px rgba(0, 0, 0, .24) !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-column,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-structure,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-activity,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-control,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell #vidu-project-builder,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell .vidu-modal-inner-frame,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell .vidu-modal-inner-content,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-column,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-structure,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-activity,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-control,
[data-vidu-theme="dark"] .vidu-offer-modal-shell #vidu-project-builder,
[data-vidu-theme="dark"] .vidu-offer-modal-shell .vidu-modal-inner-frame,
[data-vidu-theme="dark"] .vidu-offer-modal-shell .vidu-modal-inner-content {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-column-head,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-sticky-head,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-column-head,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-sticky-head {
  background: var(--vidu-project-column-header-surface, transparent) !important;
  box-shadow: none !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-feed,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-chat-window,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-chat-compose,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-activity-card,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-feed,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-chat-window,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-chat-compose,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-activity-card {
  background:
    linear-gradient(180deg, rgba(96, 165, 250, .034), rgba(139, 92, 246, .024)),
    var(--vidu-project-panel-bg) !important;
  border-color: rgba(139, 160, 246, .13) !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-feed:hover,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-chat-window:hover,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-chat-compose:hover,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-activity-card:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-feed:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-chat-window:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-chat-compose:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-activity-card:hover {
  background:
    linear-gradient(180deg, rgba(96, 165, 250, .052), rgba(139, 92, 246, .036)),
    var(--vidu-project-panel-bg-hover) !important;
  border-color: rgba(139, 160, 246, .18) !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell input,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell textarea,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell select,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell input,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell textarea,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell select,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell input,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell textarea,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell select,
[data-vidu-theme="dark"] .vidu-project-modal-shell input,
[data-vidu-theme="dark"] .vidu-project-modal-shell textarea,
[data-vidu-theme="dark"] .vidu-project-modal-shell select,
[data-vidu-theme="dark"] .vidu-offer-modal-shell input,
[data-vidu-theme="dark"] .vidu-offer-modal-shell textarea,
[data-vidu-theme="dark"] .vidu-offer-modal-shell select,
[data-vidu-theme="dark"] .vidu-lead-modal-shell input,
[data-vidu-theme="dark"] .vidu-lead-modal-shell textarea,
[data-vidu-theme="dark"] .vidu-lead-modal-shell select {
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.095) !important;
  color: rgba(255,255,255,.90) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.022) !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell input:focus,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell textarea:focus,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell select:focus,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell input:focus,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell textarea:focus,
body:not([data-vidu-theme="light"]) .vidu-offer-modal-shell select:focus,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell input:focus,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell textarea:focus,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell select:focus,
[data-vidu-theme="dark"] .vidu-project-modal-shell input:focus,
[data-vidu-theme="dark"] .vidu-project-modal-shell textarea:focus,
[data-vidu-theme="dark"] .vidu-project-modal-shell select:focus,
[data-vidu-theme="dark"] .vidu-offer-modal-shell input:focus,
[data-vidu-theme="dark"] .vidu-offer-modal-shell textarea:focus,
[data-vidu-theme="dark"] .vidu-offer-modal-shell select:focus,
[data-vidu-theme="dark"] .vidu-lead-modal-shell input:focus,
[data-vidu-theme="dark"] .vidu-lead-modal-shell textarea:focus,
[data-vidu-theme="dark"] .vidu-lead-modal-shell select:focus {
  background: rgba(255,255,255,.075) !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.055) !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-title,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell .vidu-project-title,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-title,
[data-vidu-theme="dark"] .vidu-lead-modal-shell .vidu-project-title {
  text-shadow: 0 18px 52px rgba(0,0,0,.20) !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-card-chip,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-lead-meta-pill,
body:not([data-vidu-theme="light"]) .vidu-lead-modal-shell .vidu-lead-meta-pill,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-card-chip,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-lead-meta-pill,
[data-vidu-theme="dark"] .vidu-lead-modal-shell .vidu-lead-meta-pill {
  background: rgba(255,255,255,.052) !important;
  border-color: rgba(255,255,255,.115) !important;
  color: rgba(255,255,255,.80) !important;
  box-shadow: none !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-viewer-url,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-doc-action,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-global-action,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-viewer-url,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-doc-action,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-global-action {
  background: rgba(255,255,255,.026) !important;
  border-color: rgba(255,255,255,.072) !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-head-actions,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-center-tools,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-activity-actions,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-toolbar-actions,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-control-actions,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-doc-actions,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-drive-current-actions,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-docs-row-actions,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-drive-item-actions,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-head-actions,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-center-tools,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-activity-actions,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-toolbar-actions,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-control-actions,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-doc-actions,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-drive-current-actions,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-docs-row-actions,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-drive-item-actions {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-icon-action,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-icon-btn,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-column-focus-btn,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-drive-icon-btn,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-check-delete-item,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-check-delete-block,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-icon-action,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-icon-btn,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-column-focus-btn,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-drive-icon-btn,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-check-delete-item,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-check-delete-block {
  background: transparent !important;
  border-color: rgba(255,255,255,.07) !important;
  box-shadow: none !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-icon-action:hover,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-icon-btn:hover,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-column-focus-btn:hover,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-drive-icon-btn:hover,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-check-delete-item:hover,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-check-delete-block:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-icon-action:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-icon-btn:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-column-focus-btn:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-drive-icon-btn:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-check-delete-item:hover,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-check-delete-block:hover {
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: none !important;
}

body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-center-tabs,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-project-feed-filters,
body:not([data-vidu-theme="light"]) .vidu-project-modal-shell .vidu-timeline-view-switch,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-center-tabs,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-project-feed-filters,
[data-vidu-theme="dark"] .vidu-project-modal-shell .vidu-timeline-view-switch {
  background: rgba(255,255,255,.018) !important;
  border-color: rgba(255,255,255,.045) !important;
}

/* Project Modal v2 module wrapper adapter. */
.vidu-project-modal-shell .vidu-project-module {
  min-height: 0;
}

.vidu-project-modal-shell .vidu-project-module-header {
  min-width: 0;
}

.vidu-project-modal-shell .vidu-project-module-body {
  min-height: 0;
}

/* Project Modal v2: main communication panel contained layout.
   Keeps the center composer visible after communication became separate-view. */
.vidu-project-modal-shell .vidu-project-activity > .vidu-project-communication-module[data-project-communication-panel="main"] {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-communication-module[data-project-communication-panel="main"] .vidu-project-center-head-below {
  flex: 0 0 auto !important;
}

.vidu-project-modal-shell .vidu-project-communication-module[data-project-communication-panel="main"] .vidu-project-center-panel.is-active {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-communication-module[data-project-communication-panel="main"] .vidu-project-feed {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.vidu-project-modal-shell .vidu-project-communication-module[data-project-communication-panel="main"] .vidu-project-chat-window {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-communication-module[data-project-communication-panel="main"] .vidu-project-chat-messages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
}

.vidu-project-modal-shell .vidu-project-communication-module[data-project-communication-panel="main"] .vidu-project-chat-compose {
  flex: 0 0 auto !important;
  position: relative !important;
  margin-top: 10px !important;
}

/* =========================
   PROJECT MODAL V2 FLAT PROFESSIONAL MODULES
   Module interiors favor surfaces, borders, and typography over glow/blur.
   ========================= */

.vidu-project-modal-shell :where(
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-feed,
  .vidu-project-chat-window,
  .vidu-project-chat-compose,
  .vidu-project-block,
  .vidu-project-check-block,
  .vidu-project-location-card,
  .vidu-project-drive-item
) {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-subtle) !important;
  box-shadow: var(--vidu-shadow-none) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-control-card:hover,
  .vidu-project-timeline-card:hover,
  .vidu-project-location-card:hover,
  .vidu-project-location-card:focus-within,
  .vidu-project-drive-item:hover,
  .vidu-project-drive-item:focus-within
) {
  background: var(--vidu-surface-3) !important;
  border-color: var(--vidu-border-active) !important;
  box-shadow: var(--vidu-shadow-soft) !important;
  transform: none !important;
}

.vidu-project-modal-shell .vidu-project-communication-module {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-subtle) !important;
  box-shadow: var(--vidu-shadow-none) !important;
}

.vidu-project-modal-shell .vidu-project-communication-module .vidu-project-center-head-below,
.vidu-project-modal-shell .vidu-project-communication-module[data-project-communication-panel="main"] .vidu-project-center-head-below {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-subtle) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: var(--vidu-shadow-none) !important;
  transition: none !important;
}

.vidu-project-modal-shell .vidu-project-chat-compose {
  background: var(--vidu-surface-3) !important;
  border-color: var(--vidu-border-subtle) !important;
  box-shadow: var(--vidu-shadow-none) !important;
}

.vidu-project-modal-shell .vidu-project-feed-event,
.vidu-project-modal-shell .vidu-project-feed-event:hover,
.vidu-project-modal-shell .vidu-project-feed-event.is-selected {
  box-shadow: var(--vidu-shadow-none) !important;
  transform: none !important;
}

.vidu-project-modal-shell .vidu-project-feed-event:hover,
.vidu-project-modal-shell .vidu-project-feed-event.is-selected {
  background: var(--vidu-surface-3) !important;
  border-color: var(--vidu-border-active) !important;
}

.vidu-project-modal-shell :where(
  .vidu-timeline-scroll,
  .vidu-timeline-track,
  .vidu-timeline-point,
  .vidu-timeline-dot,
  .vidu-timeline-today
) {
  filter: none !important;
  text-shadow: none !important;
}

.vidu-project-modal-shell .vidu-timeline-track::before,
.vidu-project-modal-shell .vidu-timeline-track::after {
  box-shadow: none !important;
  filter: none !important;
}

.vidu-project-modal-shell :where(
  .vidu-timeline-dot,
  .vidu-timeline-point:hover .vidu-timeline-dot,
  .vidu-timeline-point.is-menu-open .vidu-timeline-dot,
  .vidu-project-feed-event.is-selected .vidu-project-feed-icon,
  .vidu-project-feed-event.is-selected .vidu-project-feed-dot
) {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--vidu-border-active) 32%, transparent) !important;
}

.vidu-project-modal-shell .vidu-timeline-today::before {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--vidu-border-active) 32%, transparent) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-feed-event,
  .vidu-project-location-card,
  .vidu-project-drive-item,
  .vidu-timeline-track,
  .vidu-timeline-point,
  .vidu-timeline-dot
) {
  transition-property: background, border-color, color, opacity !important;
}

/* Custom Project Legacy checklist: rich description editor and inline preview. */
.vidu-pm25-checklist-rich-preview {
  position: relative !important;
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  margin-top: 7px !important;
  color: rgba(248, 250, 252, .72) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.vidu-pm25-checklist-rich-preview.is-clamped:not(.is-expanded) .vidu-pm25-checklist-rich-content {
  max-height: 6em !important;
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 68%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 68%, transparent 100%) !important;
}

.vidu-pm25-checklist-rich-preview.is-expanded .vidu-pm25-checklist-rich-content {
  max-height: none !important;
  overflow: visible !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.vidu-pm25-checklist-rich-content,
.vidu-pm25-rich-editor {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.vidu-pm25-checklist-rich-content > :first-child,
.vidu-pm25-rich-editor > :first-child {
  margin-top: 0 !important;
}

.vidu-pm25-checklist-rich-content > :last-child,
.vidu-pm25-rich-editor > :last-child {
  margin-bottom: 0 !important;
}

.vidu-pm25-checklist-rich-content p,
.vidu-pm25-rich-editor p {
  margin: 0 0 .45em !important;
}

.vidu-pm25-checklist-rich-content h2,
.vidu-pm25-checklist-rich-content h3,
.vidu-pm25-checklist-rich-content h4,
.vidu-pm25-rich-editor h2,
.vidu-pm25-rich-editor h3,
.vidu-pm25-rich-editor h4 {
  margin: .75em 0 .3em !important;
  color: rgba(248, 250, 252, .96) !important;
  font-size: 1.06em !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
}

.vidu-pm25-checklist-rich-content ul,
.vidu-pm25-checklist-rich-content ol,
.vidu-pm25-rich-editor ul,
.vidu-pm25-rich-editor ol {
  margin: .22em 0 .52em !important;
  padding-left: 1.5em !important;
}

.vidu-pm25-checklist-rich-content ul ul,
.vidu-pm25-checklist-rich-content ol ol,
.vidu-pm25-checklist-rich-content ul ol,
.vidu-pm25-checklist-rich-content ol ul,
.vidu-pm25-rich-editor ul ul,
.vidu-pm25-rich-editor ol ol,
.vidu-pm25-rich-editor ul ol,
.vidu-pm25-rich-editor ol ul {
  margin-top: .16em !important;
  margin-bottom: .16em !important;
}

.vidu-pm25-checklist-rich-content li,
.vidu-pm25-rich-editor li {
  margin: .12em 0 !important;
}

.vidu-pm25-checklist-rich-content blockquote,
.vidu-pm25-rich-editor blockquote {
  margin: .5em 0 !important;
  padding: .22em 0 .22em .85em !important;
  border-left: 3px solid rgba(245, 158, 11, .52) !important;
  color: rgba(248, 250, 252, .66) !important;
}

.vidu-pm25-checklist-rich-content pre,
.vidu-pm25-rich-editor pre {
  max-width: 100% !important;
  margin: .55em 0 !important;
  padding: .7em .8em !important;
  overflow: auto !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 9px !important;
  background: rgba(0, 0, 0, .28) !important;
  white-space: pre-wrap !important;
  font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}

.vidu-pm25-checklist-rich-content code:not(pre code),
.vidu-pm25-rich-editor code:not(pre code) {
  padding: .08em .3em !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, .08) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}

.vidu-pm25-checklist-rich-content a,
.vidu-pm25-rich-editor a {
  color: #fbbf24 !important;
  text-decoration: underline !important;
}

.vidu-pm25-checklist-rich-content mark,
.vidu-pm25-rich-editor mark,
.vidu-pm25-rich-toolbar mark {
  padding: .05em .2em !important;
  border-radius: 4px !important;
  background: rgba(245, 158, 11, .28) !important;
  color: inherit !important;
}

.vidu-pm25-checklist-item.is-done .vidu-pm25-checklist-rich-content strong {
  text-decoration: none !important;
}

.vidu-pm25-checklist-rich-preview > button {
  justify-self: start !important;
  min-height: 26px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #fbbf24 !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.vidu-pm25-checklist-rich-preview > button:hover,
.vidu-pm25-checklist-rich-preview > button:focus-visible {
  color: #fde68a !important;
  outline: none !important;
  text-decoration: underline !important;
}

.vidu-pm25-rich-editor-shell {
  gap: 0 !important;
}

.vidu-pm25-rich-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-bottom: 0 !important;
  border-radius: 14px 14px 0 0 !important;
  background: rgba(0, 0, 0, .22) !important;
}

.vidu-pm25-rich-toolbar button {
  flex: 0 0 auto !important;
  min-width: 32px !important;
  min-height: 30px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .045) !important;
  color: rgba(248, 250, 252, .8) !important;
  font: inherit !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.vidu-pm25-rich-toolbar button:hover,
.vidu-pm25-rich-toolbar button:focus-visible {
  border-color: rgba(245, 158, 11, .48) !important;
  background: rgba(245, 158, 11, .1) !important;
  color: #fde68a !important;
  outline: none !important;
}

.vidu-pm25-rich-editor {
  min-height: 190px !important;
  padding: 14px !important;
  overflow: auto !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: 0 0 14px 14px !important;
  background: rgba(0, 0, 0, .14) !important;
  color: #f8fafc !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
  outline: 0 !important;
}

.vidu-pm25-rich-editor[contenteditable="true"]:focus {
  border-color: rgba(245, 158, 11, .42) !important;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, .08) !important;
}

.vidu-pm25-rich-editor:empty::before {
  content: attr(data-placeholder) !important;
  color: rgba(248, 250, 252, .38) !important;
  pointer-events: none !important;
}

.vidu-pm25-rich-editor[contenteditable="false"] {
  border-radius: 14px !important;
}

body[data-theme="light"] .vidu-pm25-checklist-rich-preview,
[data-vidu-theme="light"] .vidu-pm25-checklist-rich-preview,
.vidu-light-theme .vidu-pm25-checklist-rich-preview {
  color: rgba(15, 23, 42, .72) !important;
}

body[data-theme="light"] .vidu-pm25-rich-editor,
[data-vidu-theme="light"] .vidu-pm25-rich-editor,
.vidu-light-theme .vidu-pm25-rich-editor {
  border-color: rgba(15, 23, 42, .12) !important;
  background: rgba(15, 23, 42, .035) !important;
  color: #0f172a !important;
}

@media (max-width: 767px) {
  .vidu-pm25-rich-toolbar {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
  }
}

.vidu-project-offers-card {
  display: grid;
  gap: 14px;
  margin-bottom: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(148, 163, 184, .14);
}

.vidu-project-offers-head,
.vidu-project-offer-row,
.vidu-project-offer-main,
.vidu-project-offer-actions {
  display: flex;
  align-items: center;
}

.vidu-project-offers-head,
.vidu-project-offer-row {
  justify-content: space-between;
  gap: 14px;
}

.vidu-project-offers-head > div {
  display: grid;
  gap: 3px;
}

.vidu-project-offers-head span,
.vidu-project-offer-copy small,
.vidu-project-offers-empty span {
  color: var(--vidu-text-muted, rgba(226, 232, 240, .56));
}

.vidu-project-offers-head > div > span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-project-offers-list {
  display: grid;
  gap: 8px;
}

.vidu-project-offer-row {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 14px;
  background: rgba(148, 163, 184, .045);
  transition: border-color 160ms ease, background 160ms ease;
}

.vidu-project-offer-row:hover {
  border-color: rgba(94, 234, 212, .26);
  background: rgba(94, 234, 212, .055);
}

.vidu-project-offer-main {
  min-width: 0;
  flex: 1 1 auto;
  gap: 11px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.vidu-project-offer-icon {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  color: var(--vidu-accent, #5eead4);
}

.vidu-project-offer-icon svg {
  width: 24px;
  height: 24px;
}

.vidu-project-offer-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.vidu-project-offer-copy strong,
.vidu-project-offer-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-project-offer-copy small {
  font-size: 11px;
}

.vidu-project-offer-actions {
  flex: 0 0 auto;
  gap: 4px;
}

.vidu-project-offer-actions button {
  display: grid;
  width: 34px;
  height: 34px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--vidu-text-muted, rgba(226, 232, 240, .58));
  cursor: pointer;
}

.vidu-project-offer-actions button:hover {
  background: rgba(148, 163, 184, .12);
  color: var(--vidu-text-primary, #f8fafc);
}

.vidu-project-offer-actions button:last-child:hover {
  background: rgba(248, 113, 113, .12);
  color: #fca5a5;
}

.vidu-project-offer-actions svg {
  width: 18px;
  height: 18px;
}

.vidu-project-offers-empty {
  display: grid;
  gap: 4px;
  padding: 15px 0 2px;
}

.vidu-project-offers-empty span {
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 680px) {
  .vidu-project-offers-head {
    align-items: flex-start;
  }

  .vidu-project-offer-row {
    align-items: flex-start;
  }

  .vidu-project-offer-actions {
    gap: 1px;
  }
}


/* Source: assets/css/pipeline/09-finance.css */
/* Mobile dashboard layout pass */
@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden;
  }

  #vidu-pipeline-dashboard,
  #vidu-pipeline-dashboard.is-user-sidebar-expanded {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 84px 16px calc(104px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
  }

  #vidu-pipeline-dashboard,
  #vidu-pipeline-dashboard * {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar {
    position: fixed !important;
    left: 14px !important;
    top: 14px !important;
    right: auto !important;
    bottom: auto !important;
    width: 58px !important;
    height: 58px !important;
    max-width: none !important;
    z-index: 120 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded):hover .vidu-user-nav,
  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded):hover .vidu-user-system-nav {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-8px) scale(.96) !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded).is-hover-preview .vidu-user-nav,
  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded).is-hover-preview .vidu-user-system-nav {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded {
    left: 8px !important;
    top: 8px !important;
    bottom: 8px !important;
    width: min(86vw, 340px) !important;
    height: auto !important;
    max-height: calc(100svh - 16px) !important;
    background: rgba(18,19,22,0.96) !important;
    border-color: rgba(255,255,255,0.10) !important;
    box-shadow: 0 28px 80px rgba(0,0,0,0.54) !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar-inner {
    width: 100% !important;
    max-width: none !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-sidebar-toggle,
  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-sidebar-toggle .vidu-user-avatar {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    border-radius: 20px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-shell,
  #vidu-pipeline-dashboard .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard .vidu-dashboard-main,
  #vidu-pipeline-dashboard .vidu-dashboard-view,
  #vidu-pipeline-dashboard .vidu-dashboard-view-list,
  #vidu-pipeline-dashboard .vidu-dashboard-view-board,
  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap,
  #vidu-pipeline-dashboard .vidu-pipeline-list {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar,
  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap {
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar::after {
    display: none !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar-head,
  #vidu-pipeline-dashboard .vidu-dashboard-top-actions,
  #vidu-pipeline-dashboard .vidu-pipeline-list-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar-head h2 {
    font-size: 21px !important;
    line-height: 1.14 !important;
    padding-right: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar-sub,
  #vidu-pipeline-dashboard .vidu-pipeline-list-meta {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-view-switch {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    padding: 5px !important;
  }

  #vidu-pipeline-dashboard .vidu-view-btn {
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  #vidu-pipeline-dashboard .vidu-btn-new-offer {
    width: 100% !important;
    justify-content: center !important;
    min-height: 44px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-filters {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  #vidu-pipeline-dashboard .vidu-field,
  #vidu-pipeline-dashboard .vidu-field input,
  #vidu-pipeline-dashboard .vidu-field select,
  #vidu-pipeline-dashboard .vidu-filter-actions,
  #vidu-pipeline-dashboard .vidu-filter-actions .vidu-icon-btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-filter-actions {
    display: flex !important;
    align-items: stretch !important;
  }

  #vidu-pipeline-dashboard .vidu-filter-actions .vidu-icon-btn {
    min-height: 42px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card-title,
  #vidu-pipeline-dashboard .vidu-pipeline-card-client,
  #vidu-pipeline-dashboard .vidu-board-card-title,
  #vidu-pipeline-dashboard .vidu-board-card-client {
    white-space: normal !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card-meta,
  #vidu-pipeline-dashboard .vidu-board-card-meta {
    gap: 8px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card-side,
  #vidu-pipeline-dashboard .vidu-pipeline-card-actions {
    width: 100% !important;
    min-width: 0 !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-board {
    --vidu-pipeline-column-width: min(84vw, 320px);
    display: flex !important;
    flex-flow: row nowrap !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-column {
    flex: 0 0 var(--vidu-pipeline-column-width) !important;
    width: var(--vidu-pipeline-column-width) !important;
    max-width: var(--vidu-pipeline-column-width) !important;
    min-width: 0 !important;
    min-height: auto !important;
  }
}

.vidu-mobile-filter-toggle {
  display: none;
}

/* Mobile list-only dashboard and compact sticky filters */
@media (max-width: 768px) {
  #vidu-pipeline-dashboard [data-view="board"],
  #vidu-pipeline-dashboard #vidu-dashboard-view-board {
    display: none !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-view-switch {
    grid-template-columns: 1fr !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-view-switch .vidu-view-btn[data-view="list"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar {
    position: sticky !important;
    top: var(--vidu-safe-area-top, 0px) !important;
    z-index: 60 !important;
    padding: 10px !important;
    border-radius: 20px !important;
    transition: padding .22s ease, border-radius .22s ease, background .22s ease;
  }

  #vidu-pipeline-dashboard .vidu-mobile-filter-toggle {
    width: 100%;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid rgba(255,255,255,0.075);
    border-radius: 14px;
    background: rgba(255,255,255,0.035);
    color: rgba(255,255,255,0.82);
    padding: 0 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
  }

  #vidu-pipeline-dashboard .vidu-mobile-filter-toggle::before {
    content: "";
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    border: 1.8px solid currentColor;
    border-left: 0;
    border-right: 0;
    opacity: .72;
    box-shadow: inset 0 4px 0 transparent;
  }

  #vidu-pipeline-dashboard .vidu-mobile-filter-toggle span {
    flex: 1 1 auto;
    text-align: left;
  }

  #vidu-pipeline-dashboard .vidu-mobile-filter-toggle strong {
    min-width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255,159,67,0.16);
    border: 1px solid rgba(255,159,67,0.32);
    color: #ffc078;
    font-size: 11px;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar-head,
  #vidu-pipeline-dashboard .vidu-pipeline-filters {
    transition: opacity .18s ease, max-height .24s ease, transform .22s ease, margin .22s ease;
  }

  #vidu-pipeline-dashboard.is-mobile-filter-collapsed .vidu-pipeline-toolbar {
    padding: 8px !important;
    border-radius: 18px !important;
  }

  #vidu-pipeline-dashboard.is-mobile-filter-collapsed .vidu-pipeline-toolbar-head,
  #vidu-pipeline-dashboard.is-mobile-filter-collapsed .vidu-pipeline-filters {
    max-height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    transform: translateY(-4px) !important;
    margin: 0 !important;
  }

  #vidu-pipeline-dashboard:not(.is-mobile-filter-collapsed) .vidu-mobile-filter-toggle {
    margin-bottom: 10px;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-filters {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-filters .vidu-field:first-child,
  #vidu-pipeline-dashboard .vidu-pipeline-filters .vidu-filter-actions {
    grid-column: 1 / -1 !important;
  }

  #vidu-pipeline-dashboard .vidu-field {
    gap: 4px !important;
  }

  #vidu-pipeline-dashboard .vidu-field label {
    font-size: 10px !important;
  }

  #vidu-pipeline-dashboard .vidu-field input,
  #vidu-pipeline-dashboard .vidu-field select {
    min-height: 36px !important;
    height: 36px !important;
    border-radius: 11px !important;
    padding: 7px 10px !important;
    font-size: 13px !important;
  }

  #vidu-pipeline-dashboard .vidu-filter-actions .vidu-icon-btn {
    min-height: 36px !important;
    height: 36px !important;
    border-radius: 11px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap {
    margin-top: 10px !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-quick-filters {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 2px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-quick-filters::-webkit-scrollbar {
    display: none;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-quick-label,
  #vidu-pipeline-dashboard .vidu-dashboard-filter-chip {
    flex: 0 0 auto !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-table-head {
    display: none !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-list {
    display: grid !important;
    gap: 10px !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row {
    padding: 0 !important;
  border: 1px solid var(--vidu-project-panel-border) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: rgba(18,19,22,0.62) !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row-summary {
    grid-template-columns: 24px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 12px !important;
    min-height: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-project-cell {
    grid-column: 2 / 3;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-type-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-status-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-deadline-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-next-cell {
    grid-column: 2 / -1;
    min-width: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-actions {
    grid-column: 1 / -1;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    padding-left: 34px;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row-detail,
  #vidu-pipeline-dashboard .vidu-dashboard-row.is-expanded .vidu-dashboard-row-detail {
    grid-template-columns: 1fr !important;
    padding: 0 12px 12px 46px !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row-detail {
    max-height: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row.is-expanded .vidu-dashboard-row-detail {
    max-height: 920px !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-project-title,
  #vidu-pipeline-dashboard .vidu-dashboard-project-client,
  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell strong,
  #vidu-pipeline-dashboard .vidu-dashboard-next-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-deadline-cell {
    white-space: normal !important;
  }
}

/* Mobile pass: sticky filters, top alignment, modal overflow containment */
@media (max-width: 768px) {
  body.vidu-pipeline-workstation,
  body.vidu-pipeline-workstation :where(
    #page,
    #content,
    #primary,
    main,
    article,
    .entry-content
  ):has(#vidu-pipeline-dashboard) {
    overflow-x: hidden !important;
  }

  #vidu-pipeline-dashboard,
  #vidu-pipeline-dashboard.is-user-sidebar-expanded {
    padding-top: calc(16px + env(safe-area-inset-top, 0px)) !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) {
    position: fixed !important;
    top: calc(12px + env(safe-area-inset-top, 0px)) !important;
    right: 12px !important;
    left: auto !important;
    bottom: auto !important;
    width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    z-index: 90 !important;
    pointer-events: auto !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-rail {
    width: 50px !important;
    min-height: 50px !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-avatar,
  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-sidebar-toggle {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar {
    position: sticky !important;
    top: var(--vidu-safe-area-top, 0px) !important;
    z-index: 50 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    padding: 10px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar-head {
    padding-right: 58px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar-head,
  #vidu-pipeline-dashboard .vidu-pipeline-filters {
    max-height: 420px !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    overflow: hidden !important;
    transition:
      max-height 260ms cubic-bezier(0.22, 1, 0.36, 1),
      opacity 180ms ease,
      transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
      padding 260ms cubic-bezier(0.22, 1, 0.36, 1),
      margin 260ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: max-height, opacity, transform;
  }

  #vidu-pipeline-dashboard.is-mobile-filter-collapsed .vidu-pipeline-toolbar-head,
  #vidu-pipeline-dashboard.is-mobile-filter-collapsed .vidu-pipeline-filters {
    max-height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-6px) scale(0.99) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-mobile-filter-toggle {
    min-height: 40px !important;
    flex: 0 0 auto !important;
    transition:
      background 180ms ease,
      border-color 180ms ease,
      transform 220ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  #vidu-pipeline-dashboard.is-mobile-filter-collapsed .vidu-mobile-filter-toggle {
    margin-bottom: 0 !important;
    transform: translateY(0) !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-filters {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: end !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-filters .vidu-field,
  #vidu-pipeline-dashboard .vidu-pipeline-filters .vidu-filter-actions {
    min-width: 0 !important;
  }
}

/* Compact legacy project: one bounded body scroller, independent of PM2.5. */
@media (max-width: 900px) {
  body.vidu-modal-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell).vidu-app-modal.is-open {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 12px 0 !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-app-modal-dialog {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    translate: none !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: calc(100svh - 24px) !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border-radius: 22px !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-app-modal-body,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-app-modal-content,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-modal-content {
    height: auto !important;
    max-height: calc(100svh - 24px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 !important;
    border-radius: 22px !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-modal-inner-frame,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-modal-inner-content {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    border-radius: 22px !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: block !important;
    overflow: visible !important;
    border-radius: 22px !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 14px 14px 12px !important;
    border-radius: 22px 22px 0 0 !important;
    background: rgba(20,20,23,0.97) !important;
    backdrop-filter: blur(16px) saturate(1.05) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.05) !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-title {
    font-size: 20px !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
    margin: 0 0 8px !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-header-meta {
    gap: 6px !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-progress,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-deadline {
    display: none !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-head-actions {
    justify-content: flex-end !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-users {
    max-width: 118px !important;
    justify-content: flex-end !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-user-empty {
    display: none !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 12px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-control {
    order: 1 !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-structure {
    order: 2 !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-activity {
    order: 3 !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-column,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-structure,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-activity,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-control {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-column-head {
    position: sticky !important;
    top: 58px !important;
    z-index: 9 !important;
    padding: 9px 2px !important;
    margin-bottom: 6px !important;
    background: rgba(24,24,26,0.94) !important;
    border-radius: 14px !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-column-focus-btn {
    display: none !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-structure-block,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-control-card,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-timeline-card,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-feed,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-chat-window,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-chat-compose {
    border-radius: 16px !important;
    padding: 12px !important;
    margin: 0 0 10px !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-viewer-card,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-delivery-card,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-documents-card {
    padding: 12px !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-viewer-url {
    max-height: 42px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-structure-head {
    min-height: 42px !important;
    padding: 0 10px !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-structure-body.is-open {
    padding-top: 8px !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-feed,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-chat-window {
    min-height: 280px !important;
    max-height: 360px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-center-tabs,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-feed-filters {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    scrollbar-width: none;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-center-tabs::-webkit-scrollbar,
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-feed-filters::-webkit-scrollbar {
    display: none;
  }
}

/* Mobile project modal containment: prevent inner desktop widths from pushing the shell */
@media (max-width: 768px) {
  .vidu-project-modal-shell .vidu-app-modal-dialog,
  .vidu-project-modal-shell .vidu-app-modal-body,
  .vidu-project-modal-shell .vidu-app-modal-content,
  .vidu-project-modal-shell .vidu-modal-content,
  .vidu-project-modal-shell .vidu-modal-inner-frame,
  .vidu-project-modal-shell .vidu-modal-inner-content,
  .vidu-project-modal-shell .vidu-project-cockpit,
  .vidu-project-modal-shell .vidu-project-cockpit-header,
  .vidu-project-modal-shell .vidu-project-cockpit-grid,
  .vidu-project-modal-shell .vidu-project-column,
  .vidu-project-modal-shell .vidu-project-structure,
  .vidu-project-modal-shell .vidu-project-control,
  .vidu-project-modal-shell .vidu-project-activity,
  .vidu-project-modal-shell .vidu-project-structure-block,
  .vidu-project-modal-shell .vidu-project-control-card,
  .vidu-project-modal-shell .vidu-project-timeline-card,
  .vidu-project-modal-shell .vidu-project-feed,
  .vidu-project-modal-shell .vidu-project-chat-window,
  .vidu-project-modal-shell .vidu-project-chat-compose,
  .vidu-project-modal-shell .vidu-project-drive-panel,
  .vidu-project-modal-shell .vidu-project-drive-item,
  .vidu-project-modal-shell .vidu-project-drive-dropzone,
  .vidu-project-modal-shell .vidu-project-card-topline,
  .vidu-project-modal-shell .vidu-project-viewer-actions,
  .vidu-project-modal-shell .vidu-project-doc-actions,
  .vidu-project-modal-shell .vidu-project-global-actions,
  .vidu-project-modal-shell .vidu-project-center-tabs,
  .vidu-project-modal-shell .vidu-project-feed-filters {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .vidu-project-modal-shell input,
  .vidu-project-modal-shell select,
  .vidu-project-modal-shell textarea,
  .vidu-project-modal-shell button {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .vidu-project-modal-shell .vidu-project-title,
  .vidu-project-modal-shell .vidu-project-column-title,
  .vidu-project-modal-shell .vidu-project-drive-item strong,
  .vidu-project-modal-shell .vidu-project-feed-title,
  .vidu-project-modal-shell .vidu-project-chat-message,
  .vidu-project-modal-shell .vidu-project-chat-bubble {
    min-width: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  .vidu-project-modal-shell .vidu-project-viewer-url,
  .vidu-project-modal-shell .vidu-project-drive-link,
  .vidu-project-modal-shell code {
    overflow-wrap: anywhere !important;
  }
}

/* Emergency mobile reset: keep the workstation usable before fine polish */
@media (max-width: 768px) {
  html,
  body,
  body.vidu-pipeline-workstation {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.vidu-pipeline-workstation .entry-content,
  body.vidu-pipeline-workstation .site-content,
  body.vidu-pipeline-workstation .content-area,
  body.vidu-pipeline-workstation .elementor,
  body.vidu-pipeline-workstation .elementor-section,
  body.vidu-pipeline-workstation .elementor-container,
  body.vidu-pipeline-workstation .elementor-column,
  body.vidu-pipeline-workstation .elementor-widget-wrap,
  body.vidu-pipeline-workstation .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: visible !important;
  }

  #vidu-pipeline-dashboard,
  #vidu-pipeline-dashboard.is-user-sidebar-expanded {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 16px calc(24px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    display: block !important;
    overflow-x: hidden !important;
    transform: none !important;
  }

  #vidu-pipeline-dashboard > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar,
  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 0 14px !important;
    z-index: 5 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded {
    position: fixed !important;
    left: 8px !important;
    top: calc(8px + env(safe-area-inset-top)) !important;
    right: auto !important;
    bottom: 8px !important;
    width: min(86vw, 340px) !important;
    height: auto !important;
    max-height: calc(100svh - 16px - env(safe-area-inset-top)) !important;
    margin: 0 !important;
    z-index: 9999 !important;
    background: rgba(18,19,22,0.97) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    box-shadow: 0 28px 90px rgba(0,0,0,0.58) !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-rail {
    position: relative !important;
    width: 58px !important;
    height: auto !important;
    min-height: 58px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-nav,
  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-system-nav {
    position: absolute !important;
    left: 0 !important;
    top: 64px !important;
    width: 56px !important;
    z-index: 20 !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded):not(.is-hover-preview) .vidu-user-nav,
  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded):not(.is-hover-preview) .vidu-user-system-nav {
    max-height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-shell,
  #vidu-pipeline-dashboard .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard .vidu-dashboard-main,
  #vidu-pipeline-dashboard .vidu-pipeline-toolbar,
  #vidu-pipeline-dashboard .vidu-dashboard-view,
  #vidu-pipeline-dashboard .vidu-dashboard-view-list,
  #vidu-pipeline-dashboard .vidu-dashboard-view-board,
  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap,
  #vidu-pipeline-dashboard .vidu-pipeline-list,
  #vidu-pipeline-dashboard .vidu-pipeline-board {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    overflow-x: hidden !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar {
    position: sticky !important;
    top: var(--vidu-safe-area-top, 0px) !important;
    z-index: 30 !important;
    padding: 18px !important;
    border-radius: 24px !important;
    margin: 0 0 16px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar::after {
    display: none !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap {
    padding: 18px !important;
    border-radius: 24px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar-head,
  #vidu-pipeline-dashboard .vidu-dashboard-top-actions,
  #vidu-pipeline-dashboard .vidu-pipeline-filters,
  #vidu-pipeline-dashboard .vidu-pipeline-list-head {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar-head h2 {
    font-size: 22px !important;
    line-height: 1.15 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-view-switch {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
  }

  #vidu-pipeline-dashboard .vidu-view-btn,
  #vidu-pipeline-dashboard .vidu-btn-new-offer,
  #vidu-pipeline-dashboard .vidu-field,
  #vidu-pipeline-dashboard .vidu-field input,
  #vidu-pipeline-dashboard .vidu-field select,
  #vidu-pipeline-dashboard .vidu-filter-actions,
  #vidu-pipeline-dashboard .vidu-filter-actions button {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-btn-new-offer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card,
  #vidu-pipeline-dashboard .vidu-board-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* Mobile horizontal offset correction */
@media (max-width: 768px) {
  body.vidu-pipeline-workstation,
  body.vidu-pipeline-workstation :where(
    #page,
    #content,
    #primary,
    main,
    article,
    .site,
    .site-main,
    .page-content,
    .entry-content,
    .ast-container,
    .container,
    .elementor,
    .elementor-section,
    .elementor-container,
    .elementor-column,
    .elementor-widget,
    .elementor-widget-wrap,
    .elementor-widget-container,
    .elementor-element,
    .e-con,
    .e-con-inner
  ):has(#vidu-pipeline-dashboard) {
    left: auto !important;
    right: auto !important;
    translate: none !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: visible !important;
  }

  #vidu-pipeline-dashboard,
  #vidu-pipeline-dashboard.is-user-sidebar-expanded {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    translate: none !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-shell,
  #vidu-pipeline-dashboard .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard .vidu-dashboard-main,
  #vidu-pipeline-dashboard .vidu-pipeline-toolbar,
  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap,
  #vidu-pipeline-dashboard .vidu-dashboard-top-actions,
  #vidu-pipeline-dashboard .vidu-dashboard-view-switch,
  #vidu-pipeline-dashboard .vidu-pipeline-filters,
  #vidu-pipeline-dashboard .vidu-dashboard-view,
  #vidu-pipeline-dashboard .vidu-pipeline-list,
  #vidu-pipeline-dashboard .vidu-pipeline-board {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    translate: none !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Mobile dashboard controls stay at the viewport top */
@media (max-width: 768px) {
  #vidu-pipeline-dashboard,
  #vidu-pipeline-dashboard.is-user-sidebar-expanded {
    padding-top: calc(16px + env(safe-area-inset-top, 0px)) !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) {
    position: fixed !important;
    top: calc(12px + env(safe-area-inset-top, 0px)) !important;
    right: 12px !important;
    left: auto !important;
    bottom: auto !important;
    width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    z-index: 90 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded) .vidu-user-rail {
    width: 50px !important;
    min-height: 50px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar {
    position: sticky !important;
    top: var(--vidu-safe-area-top, 0px) !important;
    z-index: 50 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    padding: 10px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar-head {
    padding-right: 58px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-toolbar-head,
  #vidu-pipeline-dashboard .vidu-pipeline-filters {
    max-height: 420px !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    overflow: hidden !important;
    transition:
      max-height 260ms cubic-bezier(0.22, 1, 0.36, 1),
      opacity 180ms ease,
      transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
      padding 260ms cubic-bezier(0.22, 1, 0.36, 1),
      margin 260ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  #vidu-pipeline-dashboard.is-mobile-filter-collapsed .vidu-pipeline-toolbar-head,
  #vidu-pipeline-dashboard.is-mobile-filter-collapsed .vidu-pipeline-filters {
    max-height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-6px) scale(0.99) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #vidu-pipeline-dashboard.is-mobile-filter-collapsed .vidu-mobile-filter-toggle {
    margin-bottom: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-filters {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-filters .vidu-field:first-child,
  #vidu-pipeline-dashboard .vidu-pipeline-filters .vidu-filter-actions {
    grid-column: 1 / -1 !important;
  }
}

/* Assets list action polish: hidden by default, revealed on hover */
@media (hover: hover) and (pointer: fine) {
  .vidu-project-drive-item.is-file {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: hidden;
  }

  .vidu-project-drive-item.is-folder {
    grid-template-columns: auto minmax(0, 1fr) !important;
    overflow: hidden;
  }

  .vidu-project-drive-open {
    padding-right: 6px;
    transition: padding-right 220ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .vidu-project-drive-item:hover .vidu-project-drive-open,
  .vidu-project-drive-item:focus-within .vidu-project-drive-open {
    padding-right: 118px;
  }

  .vidu-project-drive-item-actions {
    position: absolute !important;
    right: 10px;
    top: 50%;
    z-index: 5;
    opacity: 0 !important;
    visibility: hidden;
    pointer-events: none;
    transform: translate(12px, -50%);
    transition:
      opacity 180ms ease,
      visibility 180ms ease,
      transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .vidu-project-drive-item:hover .vidu-project-drive-item-actions,
  .vidu-project-drive-item:focus-within .vidu-project-drive-item-actions {
    opacity: 1 !important;
    visibility: visible;
    pointer-events: auto;
    transform: translate(0, -50%);
  }

  .vidu-project-drive-item-actions .vidu-project-drive-icon-btn {
    opacity: 0;
    transform: translateX(8px) scale(0.98);
    transition:
      opacity 180ms ease,
      transform 240ms cubic-bezier(0.22, 1, 0.36, 1),
      background 160ms ease,
      border-color 160ms ease,
      color 160ms ease;
  }

  .vidu-project-drive-item:hover .vidu-project-drive-item-actions .vidu-project-drive-icon-btn,
  .vidu-project-drive-item:focus-within .vidu-project-drive-item-actions .vidu-project-drive-icon-btn {
    opacity: 1;
    transform: translateX(0) scale(1);
  }

  .vidu-project-drive-item:hover .vidu-project-drive-item-actions .vidu-project-drive-icon-btn:nth-child(1),
  .vidu-project-drive-item:focus-within .vidu-project-drive-item-actions .vidu-project-drive-icon-btn:nth-child(1) {
    transition-delay: 0ms;
  }

  .vidu-project-drive-item:hover .vidu-project-drive-item-actions .vidu-project-drive-icon-btn:nth-child(2),
  .vidu-project-drive-item:focus-within .vidu-project-drive-item-actions .vidu-project-drive-icon-btn:nth-child(2) {
    transition-delay: 32ms;
  }

  .vidu-project-drive-item:hover .vidu-project-drive-item-actions .vidu-project-drive-icon-btn:nth-child(3),
  .vidu-project-drive-item:focus-within .vidu-project-drive-item-actions .vidu-project-drive-icon-btn:nth-child(3) {
    transition-delay: 64ms;
  }

  .vidu-project-drive-item:hover .vidu-project-drive-item-actions .vidu-project-drive-icon-btn:nth-child(4),
  .vidu-project-drive-item:focus-within .vidu-project-drive-item-actions .vidu-project-drive-icon-btn:nth-child(4) {
    transition-delay: 96ms;
  }
}

@media (hover: none), (pointer: coarse) {
  .vidu-project-drive-item.is-file {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .vidu-project-drive-item.is-folder {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .vidu-project-drive-item-actions {
    opacity: .7;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }
}

/* Grid assets need a top-right overlay, not the list-row action reservation */
.vidu-project-drive-list.is-grid .vidu-project-drive-open,
.vidu-project-drive-list.is-grid .vidu-project-drive-item:hover .vidu-project-drive-open,
.vidu-project-drive-list.is-grid .vidu-project-drive-item:focus-within .vidu-project-drive-open {
  padding: 9px !important;
}

@media (hover: hover) and (pointer: fine) {
  .vidu-project-drive-list.is-grid .vidu-project-drive-item-actions {
    right: 8px !important;
    top: 8px !important;
    transform: translateX(10px) !important;
  }

  .vidu-project-drive-list.is-grid .vidu-project-drive-item:hover .vidu-project-drive-item-actions,
  .vidu-project-drive-list.is-grid .vidu-project-drive-item:focus-within .vidu-project-drive-item-actions {
    transform: translateX(0) !important;
  }
}

@media (max-width: 768px) {
  .vidu-project-drive-nav {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .vidu-project-drive-list.is-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Assets view switch and row action stability */
.vidu-project-drive-view-toggle {
  min-height: 48px;
  gap: 6px;
}

.vidu-project-drive-view-toggle button {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
  border-radius: 13px;
}

.vidu-project-drive-view-toggle button[data-drive-view-mode="list"] {
  gap: 3px;
}

.vidu-project-drive-view-toggle button[data-drive-view-mode="list"] span {
  width: 20px;
  height: 2px;
}

.vidu-project-drive-view-toggle button[data-drive-view-mode="grid"] {
  grid-template-columns: repeat(2, 8px);
  grid-template-rows: repeat(2, 8px);
  gap: 4px;
}

.vidu-project-drive-view-toggle button[data-drive-view-mode="grid"] i {
  width: 8px;
  height: 8px;
  border-radius: 3px;
}

.vidu-project-drive-client-drop-badge,
.vidu-project-drive-client-badge,
.vidu-project-drive-mime-badge {
  max-width: 124px;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (hover: hover) and (pointer: fine) {
  .vidu-project-drive-list:not(.is-grid) .vidu-project-drive-item.is-file {
    grid-template-columns: minmax(0, 1fr) minmax(112px, auto) !important;
    overflow: hidden;
  }

  .vidu-project-drive-list:not(.is-grid) .vidu-project-drive-item.is-folder {
    grid-template-columns: auto minmax(0, 1fr) minmax(112px, auto) !important;
    overflow: hidden;
  }

  .vidu-project-drive-list:not(.is-grid) .vidu-project-drive-open,
  .vidu-project-drive-list:not(.is-grid) .vidu-project-drive-item:hover .vidu-project-drive-open,
  .vidu-project-drive-list:not(.is-grid) .vidu-project-drive-item:focus-within .vidu-project-drive-open {
    padding-right: 0 !important;
  }

  .vidu-project-drive-list:not(.is-grid) .vidu-project-drive-item-actions {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    justify-content: flex-end;
    min-width: 112px;
    transform: none !important;
  }

  .vidu-project-drive-list:not(.is-grid) .vidu-project-drive-item:hover .vidu-project-drive-item-actions,
  .vidu-project-drive-list:not(.is-grid) .vidu-project-drive-item:focus-within .vidu-project-drive-item-actions {
    transform: none !important;
  }
}

.vidu-project-notes {
  display: grid;
  gap: 12px;
}

.vidu-project-notes-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.vidu-project-notes-head span {
  display: block;
  color: rgba(255,255,255,0.45);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.vidu-project-notes-head strong {
  color: rgba(255,255,255,0.86);
  font-size: 13px;
}

.vidu-project-notes-list {
  display: grid;
  gap: 9px;
}

.vidu-project-notes-empty {
  display: grid;
  gap: 4px;
  padding: 14px;
  border-radius: 16px;
  border: 1px dashed rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.025);
  color: rgba(255,255,255,0.58);
}

.vidu-project-notes-empty strong {
  color: rgba(255,255,255,0.84);
}

.vidu-project-brief {
  display: grid;
  gap: 11px;
}

.vidu-project-brief-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.vidu-project-brief-head span {
  display: block;
  color: var(--vidu-text-faint, rgba(255,255,255,0.46));
  font-size: var(--vidu-text-xs, 11px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.vidu-project-brief-head strong {
  color: var(--vidu-text-primary, rgba(255,255,255,0.88));
  font-size: var(--vidu-text-sm, 13px);
}

.vidu-project-brief-head em,
.vidu-project-brief-foot {
  color: var(--vidu-text-faint, rgba(255,255,255,0.46));
  font-size: var(--vidu-text-xs, 11px);
  font-style: normal;
}

.vidu-project-brief-head em.is-saving {
  color: rgba(147,197,253,0.78);
}

.vidu-project-brief-head em.is-saved {
  color: rgba(134,239,172,0.78);
}

.vidu-project-brief-head em.is-error {
  color: rgba(252,165,165,0.86);
}

.vidu-project-brief p {
  margin: 0;
  color: var(--vidu-text-muted, rgba(255,255,255,0.58));
  font-size: var(--vidu-text-sm, 13px);
  line-height: 1.55;
}

.vidu-project-brief-editor-shell {
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid var(--vidu-control-border, rgba(255,255,255,0.08));
  background:
    linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.025)),
    var(--vidu-control-bg, rgba(255,255,255,0.035));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.025);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.vidu-project-brief-editor-shell:focus-within {
  border-color: rgba(96,165,250,0.32);
  background:
    linear-gradient(180deg, rgba(96,165,250,0.075), rgba(255,255,255,0.03)),
    var(--vidu-control-bg, rgba(255,255,255,0.04));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.035),
    0 0 0 3px rgba(96,165,250,0.08);
}

.vidu-project-brief-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  background: rgba(0,0,0,0.10);
}

.vidu-project-brief-toolbar button {
  min-width: 28px;
  height: 28px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  background: rgba(255,255,255,0.035);
  color: var(--vidu-text-muted, rgba(255,255,255,0.68));
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.vidu-project-brief-toolbar button:hover,
.vidu-project-brief-toolbar button:focus-visible {
  border-color: rgba(96,165,250,0.28);
  background: rgba(96,165,250,0.12);
  color: var(--vidu-text-primary, rgba(255,255,255,0.9));
  outline: none;
}

.vidu-project-brief-input {
  width: 100%;
  min-height: 320px;
  max-height: 420px;
  overflow: auto;
  border: 0;
  background: transparent;
  color: var(--vidu-text-primary, rgba(255,255,255,0.88));
  font: inherit;
  font-size: var(--vidu-text-sm, 13px);
  line-height: 1.62;
  padding: 15px 16px;
  outline: none;
}

.vidu-project-brief-input:empty::before {
  content: attr(data-placeholder);
  color: var(--vidu-text-faint, rgba(255,255,255,0.38));
  pointer-events: none;
}

.vidu-project-brief-input h2,
.vidu-project-brief-input h3,
.vidu-project-brief-input h4 {
  margin: 14px 0 8px;
  color: var(--vidu-text-primary, rgba(255,255,255,0.92));
  line-height: 1.24;
}

.vidu-project-brief-input h2 {
  font-size: 20px;
}

.vidu-project-brief-input h3 {
  font-size: 17px;
}

.vidu-project-brief-input h4 {
  font-size: 15px;
}

.vidu-project-brief-input p,
.vidu-project-brief-input ul,
.vidu-project-brief-input ol,
.vidu-project-brief-input blockquote {
  margin: 0 0 10px;
  color: inherit;
  font-size: inherit;
}

.vidu-project-brief-input ul,
.vidu-project-brief-input ol {
  padding-left: 22px;
}

.vidu-project-brief-input li {
  margin: 4px 0;
}

.vidu-project-brief-input blockquote {
  padding: 9px 12px;
  border-left: 3px solid rgba(96,165,250,0.42);
  border-radius: 10px;
  background: rgba(96,165,250,0.08);
  color: var(--vidu-text-muted, rgba(255,255,255,0.72));
}

.vidu-project-brief-input a {
  color: rgba(147,197,253,0.95);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.vidu-project-brief-input hr {
  margin: 16px 0;
  border: 0;
  border-top: 1px solid rgba(255,255,255,0.12);
}

.vidu-project-brief-input[contenteditable="false"] {
  cursor: default;
  opacity: .82;
}

.vidu-work-modal2-rich-text {
  display: grid;
  gap: 8px;
}

.vidu-work-modal2-rich-text p,
.vidu-work-modal2-rich-text ul,
.vidu-work-modal2-rich-text ol,
.vidu-work-modal2-rich-text blockquote {
  margin: 0;
}

.vidu-work-modal2-rich-text ul,
.vidu-work-modal2-rich-text ol {
  padding-left: 20px;
}

.vidu-work-modal2-rich-text h2,
.vidu-work-modal2-rich-text h3,
.vidu-work-modal2-rich-text h4 {
  margin: 4px 0;
  color: var(--vidu-text-primary, rgba(255,255,255,0.9));
  line-height: 1.25;
}

.vidu-work-modal2-rich-text blockquote {
  padding: 8px 10px;
  border-left: 3px solid rgba(96,165,250,0.38);
  border-radius: 8px;
  background: rgba(96,165,250,0.08);
}

.vidu-project-docs {
  display: grid;
  gap: 12px;
}

.vidu-project-docs.is-loading {
  opacity: .72;
  pointer-events: none;
}

.vidu-project-docs-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.vidu-project-docs-head span,
.vidu-project-docs-row span {
  display: block;
  color: var(--vidu-text-faint, rgba(255,255,255,0.45));
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: var(--vidu-letter-label, .08em);
}

.vidu-project-docs-head strong,
.vidu-project-docs-row strong,
.vidu-project-docs-empty strong {
  color: var(--vidu-text-primary, rgba(255,255,255,0.86));
  font-size: 13px;
}

.vidu-project-docs-actions,
.vidu-project-docs-row-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}

.vidu-project-docs-row-actions {
  opacity: .10;
  transition: opacity .16s ease, transform .16s ease;
}

.vidu-project-docs-row:hover .vidu-project-docs-row-actions,
.vidu-project-docs-row:focus-within .vidu-project-docs-row-actions {
  opacity: .65;
}

.vidu-project-docs-row.is-client-visible .vidu-project-docs-row-actions {
  opacity: .34;
}

.vidu-project-docs-row.is-client-visible:hover .vidu-project-docs-row-actions,
.vidu-project-docs-row.is-client-visible:focus-within .vidu-project-docs-row-actions {
  opacity: .72;
}

.vidu-project-docs-list {
  display: grid;
  gap: 8px;
}

.vidu-project-docs-row,
.vidu-project-docs-empty {
  display: grid;
  gap: 8px;
  padding: 11px;
  border-radius: 17px;
  border: 1px solid var(--vidu-border-soft, rgba(255,255,255,0.065));
  background: var(--vidu-card-bg, rgba(10,10,14,0.34));
}

.vidu-project-docs-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.vidu-project-docs-row.is-client-visible {
  border-color: color-mix(in srgb, var(--vidu-accent-info, #60a5fa) 34%, transparent);
  background: color-mix(in srgb, var(--vidu-accent-info, #60a5fa) 9%, var(--vidu-card-bg, transparent));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.025), 0 0 22px color-mix(in srgb, var(--vidu-accent-info, #60a5fa) 10%, transparent);
}

.vidu-project-docs-row.is-unavailable {
  opacity: .68;
}

.vidu-project-docs-main {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.vidu-project-docs-icon {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 0;
  color: var(--vidu-accent-info, #93c5fd);
  background: transparent;
}

.vidu-project-docs-type-icon {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vidu-project-docs-type-icon.is-doc {
  color: #4285f4;
}

.vidu-project-docs-type-icon.is-sheet {
  color: #0f9d58;
}

.vidu-project-docs-icon svg:not(.vidu-project-docs-type-icon) {
  width: 15px;
  height: 15px;
  stroke: currentColor;
}

.vidu-project-docs-row strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-project-docs-empty {
  border-style: dashed;
  color: var(--vidu-text-secondary, rgba(255,255,255,0.58));
}

.vidu-project-docs-notice {
  position: sticky;
  bottom: 8px;
  z-index: 3;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--vidu-border-soft, rgba(255,255,255,0.08));
  background: var(--vidu-surface-3, rgba(20,20,26,0.92));
  color: var(--vidu-text-primary, rgba(255,255,255,0.9));
  font-size: 12px;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .16s ease, transform .16s ease;
}

.vidu-project-docs-notice.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.vidu-doc-preview-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 28px;
  background: rgba(0,0,0,0.58);
  backdrop-filter: blur(18px);
}

.vidu-doc-preview-modal {
  width: min(1180px, 94vw);
  height: min(860px, 90vh);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid var(--vidu-modal-border, var(--vidu-border-soft, rgba(255,255,255,0.10)));
  background: var(--vidu-modal-bg, var(--vidu-surface-1, rgba(14,14,18,0.96)));
  box-shadow: var(--vidu-shadow-modal, 0 30px 90px rgba(0,0,0,0.42));
}

.vidu-doc-preview-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--vidu-border-soft, rgba(255,255,255,0.08));
  background: var(--vidu-modal-header-bg, var(--vidu-surface-2, rgba(255,255,255,0.04)));
}

.vidu-doc-preview-head strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--vidu-text-primary, rgba(255,255,255,0.92));
  font-size: var(--vidu-text-sm, 13px);
}

.vidu-doc-preview-head > div {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.vidu-doc-preview-frame {
  width: 100%;
  height: 100%;
  border: 0;
  background: var(--vidu-surface-0, #08080b);
}

.vidu-project-note-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border-radius: 17px;
  border: 1px solid rgba(255,255,255,0.065);
  background: rgba(10,10,14,0.34);
}

.vidu-project-note-card.is-private {
  border-color: rgba(251,191,36,0.18);
}

.vidu-project-note-main {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.vidu-project-note-main strong,
.vidu-project-note-main span,
.vidu-project-note-main em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vidu-project-note-main strong {
  color: rgba(255,255,255,0.9);
  font-size: 13px;
  white-space: nowrap;
}

.vidu-project-note-main > span:not(.vidu-project-note-topline) {
  color: rgba(255,255,255,0.58);
  font-size: 12px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.vidu-project-note-main em {
  color: rgba(255,255,255,0.38);
  font-size: 10px;
  font-style: normal;
}

.vidu-project-note-topline {
  display: flex;
  gap: 6px;
  align-items: center;
}

.vidu-project-note-badge,
.vidu-project-note-tag {
  display: inline-flex;
  align-items: center;
  max-width: 120px;
  min-height: 19px;
  padding: 0 7px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 850;
  white-space: nowrap;
}

.vidu-project-note-badge.is-project {
  color: rgba(191,219,254,0.94);
  background: rgba(59,130,246,0.14);
  border: 1px solid rgba(96,165,250,0.22);
}

.vidu-project-note-badge.is-private {
  color: rgba(254,243,199,0.94);
  background: rgba(245,158,11,0.12);
  border: 1px solid rgba(245,158,11,0.22);
}

.vidu-project-note-tag {
  color: rgba(255,255,255,0.58);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.065);
  overflow: hidden;
  text-overflow: ellipsis;
}

.vidu-project-note-actions {
  display: flex;
  gap: 6px;
}

.vidu-project-drive-icon-btn.is-danger {
  color: rgba(254,202,202,0.85);
  border-color: rgba(248,113,113,0.22);
  background: rgba(127,29,29,0.16);
}

.vidu-project-note-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: grid;
  place-items: center;
  padding: 24px;
}

.vidu-project-note-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.62);
  backdrop-filter: blur(12px);
}

.vidu-project-note-dialog {
  position: relative;
  z-index: 1;
  width: min(760px, 94vw);
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid var(--vidu-modal-border);
  background: var(--vidu-modal-surface-elevated);
  box-shadow: var(--vidu-shadow-floating), var(--vidu-modal-glow);
}

.vidu-project-note-dialog-head,
.vidu-project-note-dialog-actions {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  border-bottom: 1px solid var(--vidu-modal-border);
}

.vidu-project-note-dialog-actions {
  border-top: 1px solid var(--vidu-modal-border);
  border-bottom: 0;
  justify-content: flex-end;
}

.vidu-project-note-dialog-head span {
  color: var(--vidu-text-muted);
  font-size: var(--vidu-text-xs);
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: var(--vidu-letter-label);
}

.vidu-project-note-dialog-head h3 {
  margin: 3px 0 0;
  color: var(--vidu-text-primary);
  font-size: var(--vidu-text-lg);
}

.vidu-project-note-close {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.76);
  cursor: pointer;
}

.vidu-project-note-form {
  min-height: 0;
  overflow-y: auto;
  display: grid;
  gap: 14px;
  padding: 20px;
}

.vidu-project-note-form label {
  display: grid;
  gap: 7px;
  color: rgba(255,255,255,0.56);
  font-size: 11px;
  font-weight: 750;
}

.vidu-project-note-form input,
.vidu-project-note-form select {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 13px;
  background: rgba(255,255,255,0.045);
  color: rgba(255,255,255,0.88);
  padding: 0 12px;
}

.vidu-project-note-form-grid {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1fr);
  gap: 12px;
}

.vidu-project-note-editor-shell {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  background: rgba(255,255,255,0.035);
}

.vidu-project-note-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.vidu-project-note-toolbar button {
  min-height: 30px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  background: rgba(255,255,255,0.045);
  color: rgba(255,255,255,0.72);
  font-size: 11px;
  cursor: pointer;
}

.vidu-project-note-editor {
  min-height: 220px;
  max-height: 42vh;
  overflow-y: auto;
  padding: 14px;
  color: rgba(255,255,255,0.86);
  line-height: 1.55;
  outline: none;
}

.vidu-project-note-editor blockquote {
  margin: 8px 0;
  padding: 8px 12px;
  border-left: 3px solid rgba(96,165,250,0.55);
  background: rgba(96,165,250,0.08);
  border-radius: 10px;
}

@media (max-width: 720px) {
  .vidu-project-note-form-grid {
    grid-template-columns: 1fr;
  }
}

.vidu-billing-open-btn {
  border-color: rgba(20, 184, 166, .34) !important;
  background: rgba(20, 184, 166, .12) !important;
  color: #d6fffa !important;
}

.vidu-billing-open-btn svg {
  width: 16px;
  height: 16px;
}

.vidu-billing-open-btn-wide {
  width: auto;
  min-width: 116px;
  gap: 7px;
  padding: 0 10px;
  border-radius: 8px;
}

.vidu-project-billing-action {
  border-color: rgba(20, 184, 166, .35) !important;
  background: rgba(20, 184, 166, .1) !important;
}

.vidu-project-finish-billing-action {
  border-color: rgba(59, 130, 246, .42) !important;
  background: rgba(59, 130, 246, .14) !important;
  color: #dbeafe !important;
}

.vidu-badge-billing-phase,
.vidu-badge-status-billing,
.vidu-badge-stage-billing {
  border-color: rgba(168, 85, 247, .4) !important;
  background: rgba(168, 85, 247, .14) !important;
  color: #eadcff !important;
}

.vidu-badge-invoice {
  border-width: 1px;
  border-style: solid;
}

.vidu-badge-invoice-blue {
  border-color: rgba(59, 130, 246, .36) !important;
  background: rgba(59, 130, 246, .12) !important;
  color: #dbeafe !important;
}

.vidu-badge-invoice-yellow {
  border-color: rgba(245, 158, 11, .42) !important;
  background: rgba(245, 158, 11, .13) !important;
  color: #fde68a !important;
}

.vidu-badge-invoice-red {
  border-color: rgba(239, 68, 68, .42) !important;
  background: rgba(239, 68, 68, .13) !important;
  color: #fecaca !important;
}

.vidu-badge-invoice-green {
  border-color: rgba(34, 197, 94, .36) !important;
  background: rgba(34, 197, 94, .13) !important;
  color: #bbf7d0 !important;
}

.vidu-billing-modal-shell .vidu-app-modal-inner,
.vidu-billing-modal-shell .vidu-modal-inner {
  width: min(1240px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
}

.vidu-billing-modal {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-height: calc(100vh - 56px);
  overflow: hidden;
  padding: 16px;
  color: #eef7f4;
}

.vidu-billing-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(15, 23, 42, .94), rgba(17, 24, 39, .88));
}

.vidu-billing-header span,
.vidu-billing-panel-head small,
.vidu-billing-facts dt,
.vidu-billing-totals span,
.vidu-billing-line span,
.vidu-billing-activity span {
  color: rgba(226, 232, 240, .68);
  font-size: 12px;
}

.vidu-billing-header h2 {
  margin: 4px 0;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: 0;
}

.vidu-billing-header p {
  margin: 0;
  color: rgba(226, 232, 240, .78);
}

.vidu-billing-header-side {
  display: grid;
  justify-items: end;
  gap: 8px;
  white-space: nowrap;
}

.vidu-billing-status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(20, 184, 166, .34);
  background: rgba(20, 184, 166, .12);
  color: #b9fff5 !important;
  font-weight: 700;
}

.vidu-billing-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-billing-links a,
.vidu-billing-invoiced a,
.vidu-billing-panel-head a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid rgba(148, 163, 184, .25);
  border-radius: 8px;
  color: #eaf3ff;
  text-decoration: none;
  background: rgba(15, 23, 42, .56);
}

.vidu-billing-links a.is-disabled {
  opacity: .42;
  pointer-events: none;
}

.vidu-billing-grid {
  display: grid;
  grid-template-columns: minmax(220px, .86fr) minmax(360px, 1.34fr) minmax(280px, .96fr);
  gap: 14px;
  min-height: 0;
}

.vidu-billing-panel {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  background: rgba(8, 13, 24, .74);
  box-shadow: 0 18px 52px rgba(0, 0, 0, .18);
  padding: 14px;
}

.vidu-billing-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.vidu-billing-panel-head > span {
  font-weight: 800;
  color: #f8fafc;
}

.vidu-billing-facts {
  display: grid;
  gap: 8px;
  margin: 0 0 14px;
}

.vidu-billing-facts div,
.vidu-billing-totals div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.vidu-billing-facts dd,
.vidu-billing-facts dt {
  margin: 0;
}

.vidu-billing-facts dd {
  overflow: hidden;
  max-width: 58%;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #f8fafc;
}

.vidu-billing-totals {
  display: grid;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.vidu-billing-lines {
  display: grid;
  gap: 6px;
  max-height: 430px;
  overflow: auto;
  padding-right: 4px;
}

.vidu-billing-line {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 92px 92px 82px 100px;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .045);
}

.vidu-billing-line > div {
  min-width: 0;
}

.vidu-billing-line strong,
.vidu-billing-line span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-billing-line > span,
.vidu-billing-line > strong {
  text-align: right;
}

.vidu-billing-line-head {
  min-height: 32px;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  border-radius: 0;
  font-weight: 800;
}

.vidu-billing-empty {
  padding: 18px;
  border: 1px dashed rgba(148, 163, 184, .24);
  border-radius: 8px;
  color: rgba(226, 232, 240, .72);
}

.vidu-billing-form {
  display: grid;
  gap: 10px;
}

.vidu-billing-form label {
  display: grid;
  gap: 6px;
  color: rgba(226, 232, 240, .72);
  font-size: 12px;
  font-weight: 700;
}

.vidu-billing-form select,
.vidu-billing-form input,
.vidu-billing-form textarea {
  width: 100%;
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 8px;
  background: rgba(2, 6, 23, .62);
  color: #f8fafc;
  padding: 8px 10px;
}

.vidu-billing-form textarea {
  resize: vertical;
}

.vidu-billing-primary {
  min-height: 42px;
  border: 0;
  border-radius: 8px;
  background: #14b8a6;
  color: #042f2e;
  font-weight: 900;
  cursor: pointer;
}

.vidu-billing-primary:disabled {
  opacity: .48;
  cursor: not-allowed;
}

.vidu-billing-form-message {
  min-height: 18px;
  color: rgba(226, 232, 240, .72);
  font-size: 12px;
}

.vidu-billing-invoiced {
  display: grid;
  gap: 12px;
}

.vidu-billing-success-panel {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(260px, 1.3fr) auto;
  align-items: center;
  gap: 14px;
  margin: 0 0 14px;
  padding: 14px 16px;
  border: 1px solid rgba(20, 184, 166, .28);
  border-radius: 12px;
  background: rgba(20, 184, 166, .08);
}

.vidu-billing-success-panel.is-warning {
  border-color: rgba(245, 158, 11, .36);
  background: rgba(245, 158, 11, .10);
}

.vidu-billing-success-panel.is-test {
  border-color: rgba(96, 165, 250, .32);
  background: rgba(96, 165, 250, .08);
}

.vidu-billing-success-main,
.vidu-billing-success-actions {
  display: grid;
  gap: 4px;
}

.vidu-billing-success-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.vidu-billing-success-facts div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vidu-billing-success-facts dt {
  color: rgba(226, 232, 240, .58);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-billing-success-facts dd {
  margin: 0;
  color: rgba(248, 250, 252, .9);
  font-size: 12px;
}

.vidu-billing-success-actions {
  justify-items: end;
}

.vidu-billing-success-panel strong {
  color: #f8fafc;
  font-size: 16px;
}

.vidu-billing-success-panel small {
  color: rgba(226, 232, 240, .72);
}

.vidu-billing-bottom {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 14px;
  min-height: 0;
}

.vidu-billing-bottom p {
  margin: 0;
  color: rgba(226, 232, 240, .75);
}

.vidu-billing-activity {
  display: grid;
  gap: 6px;
  max-height: 140px;
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vidu-billing-activity li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 32px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}

@media (max-width: 1040px) {
  .vidu-billing-grid {
    grid-template-columns: 1fr 1fr;
  }

  .vidu-billing-form-panel {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .vidu-billing-modal {
    max-height: calc(100vh - 24px);
    overflow: auto;
    padding: 10px;
  }

  .vidu-billing-header,
  .vidu-billing-bottom {
    grid-template-columns: 1fr;
  }

  .vidu-billing-header {
    display: grid;
  }

  .vidu-billing-header-side {
    justify-items: start;
    white-space: normal;
  }

  .vidu-billing-grid,
  .vidu-billing-bottom {
    grid-template-columns: 1fr;
  }

  .vidu-billing-line {
    grid-template-columns: minmax(120px, 1fr) 78px 82px;
  }

  .vidu-billing-line > span:nth-child(2),
  .vidu-billing-line > span:nth-child(4) {
    display: none;
  }

  .vidu-billing-primary {
    position: sticky;
    bottom: 8px;
  }
}

body.vidu-modal-open,
body.vidu-billing-modal-open {
  overflow: hidden !important;
}

.vidu-billing-modal-shell .vidu-app-modal-inner,
.vidu-billing-modal-shell .vidu-modal-inner,
.vidu-billing-modal-shell .vidu-modal-inner-frame,
.vidu-billing-modal-shell .vidu-modal-inner-content {
  width: min(1600px, 94vw) !important;
  max-width: min(1600px, 94vw) !important;
  max-height: 90vh !important;
  min-height: 0;
  overflow: hidden !important;
}

.vidu-billing-modal-shell .vidu-modal-inner-content {
  display: flex;
  flex-direction: column;
}

.vidu-billing-modal {
  width: min(1600px, 94vw);
  height: 90vh;
  max-height: 90vh;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  overflow: hidden;
  color: #f4f4f5;
  background:
    linear-gradient(180deg, rgba(28, 28, 32, .96), rgba(14, 14, 17, .98));
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 18px;
}

.vidu-billing-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 16px 18px 18px;
}

.vidu-billing-header {
  flex: 0 0 auto;
  padding: 18px 20px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .065);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(31, 31, 36, .96), rgba(22, 22, 26, .94));
  box-shadow: none;
}

.vidu-billing-header h2 {
  font-size: 24px;
  letter-spacing: 0;
}

.vidu-billing-status {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .055);
  color: #f4f4f5 !important;
}

.vidu-billing-summary-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.vidu-billing-summary-strip > div,
.vidu-billing-panel {
  border: 1px solid rgba(255, 255, 255, .06);
  background: rgba(18, 18, 22, .78);
  box-shadow: 0 10px 40px rgba(0, 0, 0, .22);
}

.vidu-billing-summary-strip > div {
  display: grid;
  gap: 5px;
  min-height: 72px;
  padding: 13px 14px;
  border-radius: 12px;
}

.vidu-billing-summary-strip span,
.vidu-billing-panel-head small,
.vidu-billing-facts dt,
.vidu-billing-line span,
.vidu-billing-activity span {
  color: rgba(228, 228, 231, .62);
}

.vidu-billing-summary-strip strong {
  font-size: 17px;
}

.vidu-billing-grid {
  grid-template-columns: minmax(260px, .85fr) minmax(430px, 1.35fr) minmax(320px, .92fr);
  align-items: start;
}

.vidu-billing-preview-grid {
  display: grid;
  grid-template-columns: minmax(360px, .9fr) minmax(480px, 1.1fr);
  gap: 14px;
  margin-top: 14px;
  align-items: start;
}

.vidu-billing-panel {
  border-radius: 14px;
  padding: 14px;
}

.vidu-billing-panel-head {
  min-height: 34px;
}

.vidu-billing-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vidu-billing-field-grid .is-wide,
.vidu-billing-note-label {
  grid-column: 1 / -1;
}

.vidu-billing-mode-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.vidu-billing-mode-switch label {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 10px;
  background: rgba(255, 255, 255, .035);
  cursor: pointer;
}

.vidu-billing-mode-switch input {
  accent-color: #8b9cff;
}

.vidu-billing-lines,
.vidu-billing-preview-lines {
  max-height: 340px;
  overflow: auto;
}

.vidu-billing-line {
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .045);
}

.vidu-billing-form select,
.vidu-billing-form input,
.vidu-billing-form textarea {
  border-color: rgba(255, 255, 255, .08);
  background: rgba(10, 10, 12, .66);
  color: #fafafa;
}

.vidu-billing-a4-preview {
  min-height: 420px;
  padding: 24px;
  border-radius: 12px;
  background: #f8f8f6;
  color: #1f1f23;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
}

.vidu-billing-a4-preview > div:first-child {
  display: grid;
  gap: 6px;
  margin-bottom: 24px;
}

.vidu-billing-a4-preview span {
  color: #6b7280;
}

.vidu-billing-a4-preview strong {
  color: #111827;
  font-size: 22px;
}

.vidu-billing-signature-row {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 64px;
}

.vidu-billing-signature-row span {
  flex: 1;
  max-width: 220px;
  border-top: 1px solid #1f2937;
  padding-top: 8px;
  text-align: center;
}

.vidu-billing-preview-totals {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .08);
}

.vidu-billing-preview-totals div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.vidu-billing-log {
  margin-top: 14px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 12px;
  background: rgba(18, 18, 22, .55);
}

.vidu-billing-log summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  cursor: pointer;
  font-weight: 800;
}

.vidu-billing-log .vidu-billing-activity {
  max-height: 180px;
  padding: 0 14px 12px;
}

.vidu-billing-action-bar {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 18px;
  border-top: 1px solid rgba(255, 255, 255, .07);
  background: rgba(20, 20, 24, .96);
  box-shadow: 0 -10px 32px rgba(0, 0, 0, .22);
}

.vidu-billing-action-bar .vidu-billing-links {
  min-width: 0;
}

.vidu-billing-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.vidu-billing-secondary {
  min-height: 38px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 9px;
  padding: 0 12px;
  background: rgba(255, 255, 255, .045);
  color: #f4f4f5;
  font-weight: 800;
  cursor: pointer;
}

.vidu-billing-primary {
  position: static;
  min-height: 40px;
  background: #f4f4f5;
  color: #111113;
}

.vidu-billing-form-message {
  grid-column: 1 / -1;
}

@media (max-width: 1180px) {
  .vidu-billing-grid,
  .vidu-billing-preview-grid,
  .vidu-billing-summary-strip {
    grid-template-columns: 1fr 1fr;
  }

  .vidu-billing-form-panel {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
  .vidu-billing-modal-shell .vidu-app-modal-inner,
  .vidu-billing-modal-shell .vidu-modal-inner,
  .vidu-billing-modal-shell .vidu-modal-inner-frame,
  .vidu-billing-modal-shell .vidu-modal-inner-content,
  .vidu-billing-modal {
    width: 96vw !important;
    max-width: 96vw !important;
    height: 92vh;
    max-height: 92vh !important;
  }

  .vidu-billing-grid,
  .vidu-billing-preview-grid,
  .vidu-billing-summary-strip,
  .vidu-billing-field-grid,
  .vidu-billing-mode-switch,
  .vidu-billing-action-bar {
    grid-template-columns: 1fr;
  }

  .vidu-billing-action-bar {
    align-items: stretch;
  }

  .vidu-billing-actions {
    justify-content: stretch;
  }

  .vidu-billing-actions > * {
    flex: 1;
  }
}

/* Financial closing modal stabilization */
.vidu-billing-modal-shell.vidu-app-modal.is-open,
.vidu-billing-modal-shell.vidu-modal.is-open,
#vidu-app-modal.vidu-billing-modal-shell.is-open {
  overflow: hidden !important;
}

.vidu-billing-modal-shell .vidu-app-modal-dialog {
  width: min(1600px, 94vw) !important;
  height: auto !important;
  max-height: 92vh !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: var(--vidu-modal-bg) !important;
  box-shadow: var(--vidu-modal-shadow), var(--vidu-modal-glow) !important;
}

.vidu-billing-modal-shell .vidu-app-modal-body,
.vidu-billing-modal-shell .vidu-modal-body,
.vidu-billing-modal-shell .vidu-modal-inner-frame,
.vidu-billing-modal-shell .vidu-modal-inner-content {
  width: 100% !important;
  height: 100% !important;
  max-height: 92vh !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.vidu-billing-modal {
  width: min(1600px, 94vw) !important;
  height: min(92vh, 980px) !important;
  max-height: 92vh !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  color: #f4f4f5 !important;
  background: #121214 !important;
  border: 1px solid rgba(255, 255, 255, .075) !important;
  border-radius: 24px !important;
  box-shadow: none !important;
}

.vidu-billing-header {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  min-height: 92px !important;
  padding: 20px 24px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .065) !important;
  border-radius: 0 !important;
  background: rgba(20, 20, 24, .96) !important;
}

.vidu-billing-header h2 {
  max-width: 920px;
  margin: 4px 0 !important;
  overflow: hidden;
  color: #fafafa !important;
  font-size: clamp(21px, 2vw, 28px) !important;
  line-height: 1.08 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-billing-header p,
.vidu-billing-header > div > span {
  color: rgba(244, 244, 245, .62) !important;
}

.vidu-billing-header-side {
  flex: 0 0 auto;
  min-width: 220px;
}

.vidu-billing-status {
  border-color: rgba(255, 255, 255, .105) !important;
  background: rgba(255, 255, 255, .055) !important;
  color: rgba(250, 250, 250, .88) !important;
  box-shadow: none !important;
}

.vidu-billing-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 18px 22px 22px !important;
  background: #121214 !important;
}

.vidu-billing-form {
  display: block !important;
  min-height: 0 !important;
}

.vidu-billing-summary-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
}

.vidu-billing-summary-strip > div,
.vidu-billing-panel,
.vidu-billing-log {
  border: 1px solid rgba(255, 255, 255, .045) !important;
  background: rgba(20, 20, 23, .64) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .18) !important;
}

.vidu-billing-summary-strip > div {
  min-height: 74px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
}

.vidu-billing-grid {
  display: grid !important;
  grid-template-columns: minmax(260px, .92fr) minmax(430px, 1.34fr) minmax(320px, .98fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.vidu-billing-preview-grid {
  display: grid !important;
  grid-template-columns: minmax(420px, .95fr) minmax(520px, 1.05fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
  margin-top: 16px !important;
}

.vidu-billing-panel {
  min-width: 0 !important;
  height: 100% !important;
  border-radius: 20px !important;
  padding: 18px !important;
  overflow: hidden !important;
}

.vidu-billing-panel[data-billing-section="client"] {
  overflow: visible !important;
  position: relative;
  z-index: 20;
}

.vidu-billing-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 34px !important;
  margin-bottom: 14px !important;
}

.vidu-billing-panel-head > span {
  color: #f4f4f5 !important;
  font-size: 14px !important;
  font-weight: 760 !important;
}

.vidu-billing-panel-tools {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.vidu-billing-focus-btn {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 10px;
  background: rgba(255, 255, 255, .045);
  color: rgba(244, 244, 245, .74);
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.vidu-billing-focus-btn:hover,
.vidu-billing-focus-btn.is-active {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .09);
  color: #fff;
}

.vidu-billing-field-grid {
  gap: 12px !important;
}

.vidu-billing-form select,
.vidu-billing-form input,
.vidu-billing-form textarea {
  min-height: 42px !important;
  border-color: rgba(255, 255, 255, .065) !important;
  border-radius: 13px !important;
  background: rgba(10, 10, 12, .54) !important;
  box-shadow: none !important;
}

.vidu-billing-form select:focus,
.vidu-billing-form input:focus,
.vidu-billing-form textarea:focus {
  outline: none !important;
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(12, 12, 15, .72) !important;
}

.vidu-billing-form textarea {
  max-height: 132px;
  resize: vertical;
}

.vidu-billing-mode-switch {
  gap: 10px !important;
}

.vidu-billing-standalone-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.vidu-billing-standalone-grid .is-wide {
  grid-column: 1 / -1;
}

.vidu-billing-partner-field {
  position: relative;
  display: block;
  z-index: 999998;
}

.vidu-billing-partner-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 999999;
  display: grid;
  gap: 4px;
  max-height: 320px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  padding: 6px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(18, 18, 21, .98);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .42);
}

.billing-partner-suggestions,
.vidu-partner-suggestions,
.partner-suggestions {
  max-height: 320px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  z-index: 999999;
}

.vidu-billing-partner-menu[hidden] {
  display: none !important;
}

.vidu-billing-partner-menu button {
  width: 100%;
  display: grid;
  gap: 2px;
  padding: 10px 11px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: rgba(255, 255, 255, .78);
  text-align: left;
  cursor: pointer;
}

.vidu-billing-partner-menu button:hover,
.vidu-billing-partner-menu button.is-active {
  background: rgba(255, 255, 255, .065);
}

.vidu-billing-partner-menu strong {
  color: rgba(255, 255, 255, .92);
  font-size: 12px;
}

.vidu-billing-partner-menu span {
  overflow: hidden;
  color: rgba(255, 255, 255, .44);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-billing-mode-switch label {
  min-height: 34px !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  background: rgba(255, 255, 255, .028) !important;
}

.vidu-billing-mode-switch {
  display: inline-grid !important;
  width: auto !important;
  min-width: min(100%, 330px);
  gap: 4px !important;
  padding: 4px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 999px;
  background: rgba(255,255,255,.026);
}

.vidu-billing-mode-switch label:has(input:checked) {
  background: rgba(255,255,255,.11) !important;
  color: #fff;
}

.vidu-billing-lines,
.vidu-billing-preview-lines {
  border-radius: 14px;
  max-height: 310px !important;
  overflow: auto !important;
}

.vidu-billing-items-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.vidu-billing-items-panel .vidu-billing-lines {
  flex: 1 1 auto;
  min-height: 0;
}

.vidu-billing-line {
  grid-template-columns: minmax(180px, 1fr) 88px 90px 74px 98px !important;
  min-height: 40px !important;
  padding: 7px 10px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .026) !important;
}

.vidu-billing-line-head {
  position: sticky;
  top: 0;
  z-index: 2;
  min-height: 34px !important;
  border-radius: 12px !important;
  background: rgba(18, 18, 22, .96) !important;
}

.vidu-billing-item-edit-head,
.vidu-billing-item-edit-row {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) 58px 86px 86px 70px 78px 92px 30px;
  gap: 7px;
  align-items: center;
}

.vidu-billing-item-edit-head {
  position: sticky;
  top: 34px;
  z-index: 2;
  padding: 8px 10px 4px;
  color: rgba(255,255,255,.42);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  background: rgba(18,18,22,.96);
}

.vidu-billing-item-edit-row {
  padding: 6px 8px;
  border-top: 1px solid rgba(255,255,255,.045);
}

.vidu-billing-item-edit-row input,
.vidu-billing-item-edit-row select {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 9px;
  padding: 0 8px;
  background: rgba(8,8,10,.54);
  color: #f8fafc;
  font-size: 12px;
}

.vidu-billing-item-title-field {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vidu-billing-item-title-field small {
  overflow: hidden;
  color: rgba(255,255,255,.42);
  font-size: 10px;
  font-weight: 800;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.vidu-billing-item-remove {
  width: 28px;
  height: 28px;
  border: 1px solid rgba(248,113,113,.22);
  border-radius: 9px;
  background: rgba(127,29,29,.24);
  color: #fecaca;
  cursor: pointer;
}

.vidu-billing-item-actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 10px;
}

.vidu-billing-source-preview {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  background: rgba(255,255,255,.024);
}

.vidu-billing-source-preview > span {
  color: rgba(255,255,255,.5);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-billing-modal-shell .vidu-modal-inner {
  width: min(1600px, 94vw) !important;
  max-height: 92vh !important;
}

.vidu-billing-modal {
  width: min(1600px, 94vw) !important;
  height: 92vh !important;
  max-height: 92vh !important;
}

.vidu-billing-grid {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

.vidu-billing-form-panel {
  order: 1;
}

.vidu-billing-panel[data-billing-section="client"] {
  order: 2;
}

.vidu-billing-items-panel {
  order: 3;
  grid-column: 1 / -1;
}

.vidu-billing-items-panel .vidu-billing-lines {
  max-height: 430px !important;
}

.vidu-billing-preview-grid {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
}

.vidu-billing-provider-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  background: rgba(255,255,255,.026);
}

.vidu-billing-provider-card img {
  display: block;
  width: 58px;
  height: 42px;
  object-fit: contain;
}

.vidu-billing-provider-card strong {
  display: block;
  color: rgba(255,255,255,.92);
  font-size: 13px;
}

.vidu-billing-provider-card span {
  display: block;
  margin-top: 3px;
  color: rgba(255,255,255,.48);
  font-size: 11px;
  line-height: 1.35;
}

.vidu-billing-mode-switch {
  min-width: 0 !important;
  max-width: 285px;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.vidu-billing-mode-switch label {
  min-height: 30px !important;
  padding: 0 9px !important;
  font-size: 11px !important;
  white-space: nowrap;
}

.vidu-billing-certificate-panel,
.vidu-billing-invoice-preview {
  height: 520px !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

.vidu-billing-certificate-panel .vidu-billing-panel-head,
.vidu-billing-invoice-preview .vidu-billing-panel-head {
  flex: 0 0 auto;
}

.vidu-billing-a4-preview {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 420px !important;
  max-height: 420px !important;
  overflow: auto !important;
  padding: 26px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #fbfaf7 0%, #f2f1ec 100%) !important;
  color: #1f1f23 !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07), 0 14px 42px rgba(0, 0, 0, .12) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.vidu-billing-a4-preview strong {
  font-size: 21px !important;
  line-height: 1.18 !important;
}

.vidu-billing-document-logo {
  display: block;
  max-width: 132px;
  max-height: 62px;
  object-fit: contain;
  margin: 0 0 18px;
}

.vidu-billing-document-provider {
  display: grid;
  gap: 3px;
  margin: -6px 0 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.vidu-billing-document-provider strong {
  color: #1f1f23 !important;
  font-size: 13px !important;
  margin: 0 !important;
}

.vidu-billing-document-provider span {
  color: rgba(31,31,35,.62) !important;
  font-size: 11px !important;
}

.vidu-billing-certificate-lines {
  display: grid;
  gap: 5px;
  margin: 14px 0 12px;
}

.vidu-billing-certificate-row {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) 52px 82px 72px 90px;
  gap: 8px;
  align-items: start;
  padding: 7px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  font-size: 11px;
}

.vidu-billing-certificate-row.is-head {
  color: rgba(31, 31, 35, .62);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.vidu-billing-certificate-row span:first-child {
  min-width: 0;
}

.vidu-billing-certificate-row small {
  display: block;
  margin-top: 2px;
  color: rgba(31, 31, 35, .52);
  font-size: 10px;
}

.vidu-billing-certificate-row span:not(:first-child),
.vidu-billing-certificate-row strong {
  text-align: right;
}

.vidu-billing-certificate-totals {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 18px;
  margin: 12px 0 4px;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, .13);
  font-size: 12px;
}

.vidu-billing-certificate-empty {
  margin: 14px 0;
  color: rgba(31, 31, 35, .55);
  font-size: 12px;
}

.vidu-billing-signature-row {
  margin-top: 46px !important;
}

.vidu-billing-invoice-preview .vidu-billing-preview-lines {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.vidu-billing-preview-totals {
  flex: 0 0 auto;
  margin-top: 12px !important;
}

.vidu-billing-log {
  margin-top: 16px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

.vidu-billing-log summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  list-style: none;
}

.vidu-billing-log summary::-webkit-details-marker {
  display: none;
}

.vidu-billing-log .vidu-billing-activity {
  max-height: 170px !important;
  overflow: auto !important;
}

.vidu-billing-action-bar {
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 14px 22px !important;
  border-top: 1px solid rgba(255, 255, 255, .07) !important;
  background: rgba(18, 18, 21, .98) !important;
  box-shadow: 0 -12px 34px rgba(0, 0, 0, .24) !important;
}

.vidu-billing-links a,
.vidu-billing-secondary {
  border-radius: 12px !important;
  border-color: rgba(255, 255, 255, .065) !important;
  background: rgba(255, 255, 255, .028) !important;
  color: rgba(255, 255, 255, .72) !important;
  box-shadow: none !important;
}

.vidu-billing-primary {
  border-radius: 12px !important;
  background: var(--vidu-brand-primary) !important;
  color: #07110a !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--vidu-brand-primary) 18%, transparent) !important;
}

.vidu-billing-primary.is-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  text-decoration: none !important;
}

.vidu-billing-links a:hover,
.vidu-billing-secondary:hover {
  border-color: rgba(255, 255, 255, .13) !important;
  background: rgba(255, 255, 255, .06) !important;
  color: rgba(255, 255, 255, .94) !important;
}

.vidu-billing-primary:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

/* Billing modal visual alignment with the shared neutral cinematic modal system */
body:not([data-vidu-theme="light"]) .vidu-billing-modal-shell .vidu-app-modal-dialog,
[data-vidu-theme="dark"] .vidu-billing-modal-shell .vidu-app-modal-dialog {
  background: var(--vidu-modal-bg) !important;
  border: 1px solid var(--vidu-modal-border) !important;
  box-shadow:
    var(--vidu-modal-shadow),
    var(--vidu-modal-glow) !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-modal-shell .vidu-app-modal-body,
body:not([data-vidu-theme="light"]) .vidu-billing-modal-shell .vidu-modal-body,
body:not([data-vidu-theme="light"]) .vidu-billing-modal-shell .vidu-modal-inner-frame,
body:not([data-vidu-theme="light"]) .vidu-billing-modal-shell .vidu-modal-inner-content,
[data-vidu-theme="dark"] .vidu-billing-modal-shell .vidu-app-modal-body,
[data-vidu-theme="dark"] .vidu-billing-modal-shell .vidu-modal-body,
[data-vidu-theme="dark"] .vidu-billing-modal-shell .vidu-modal-inner-frame,
[data-vidu-theme="dark"] .vidu-billing-modal-shell .vidu-modal-inner-content {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-modal,
[data-vidu-theme="dark"] .vidu-billing-modal {
  background:
    radial-gradient(circle at 50% -10%, rgba(255,255,255,.035), transparent 34%),
    var(--vidu-project-modal-bg) !important;
  border-color: var(--vidu-modal-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    var(--vidu-modal-shadow),
    var(--vidu-modal-glow) !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-header,
[data-vidu-theme="dark"] .vidu-billing-header {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.04), transparent 34%),
    var(--vidu-modal-header-bg) !important;
  border-bottom-color: var(--vidu-project-column-border) !important;
  box-shadow: none !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-scroll,
[data-vidu-theme="dark"] .vidu-billing-scroll {
  background: transparent !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-summary-strip > div,
body:not([data-vidu-theme="light"]) .vidu-billing-panel,
body:not([data-vidu-theme="light"]) .vidu-billing-log,
body:not([data-vidu-theme="light"]) .vidu-billing-provider-card,
body:not([data-vidu-theme="light"]) .vidu-billing-source-preview,
[data-vidu-theme="dark"] .vidu-billing-summary-strip > div,
[data-vidu-theme="dark"] .vidu-billing-panel,
[data-vidu-theme="dark"] .vidu-billing-log,
[data-vidu-theme="dark"] .vidu-billing-provider-card,
[data-vidu-theme="dark"] .vidu-billing-source-preview {
  background: var(--vidu-project-panel-bg) !important;
  border-color: var(--vidu-project-panel-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.022),
    0 14px 36px rgba(0,0,0,.20) !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-summary-strip > div:hover,
body:not([data-vidu-theme="light"]) .vidu-billing-panel:hover,
body:not([data-vidu-theme="light"]) .vidu-billing-provider-card:hover,
[data-vidu-theme="dark"] .vidu-billing-summary-strip > div:hover,
[data-vidu-theme="dark"] .vidu-billing-panel:hover,
[data-vidu-theme="dark"] .vidu-billing-provider-card:hover {
  background: var(--vidu-project-panel-bg-hover) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.028),
    0 16px 42px rgba(0,0,0,.22) !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-lines,
body:not([data-vidu-theme="light"]) .vidu-billing-preview-lines,
[data-vidu-theme="dark"] .vidu-billing-lines,
[data-vidu-theme="dark"] .vidu-billing-preview-lines {
  background: transparent !important;
  border-color: rgba(255,255,255,.055) !important;
  box-shadow: none !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-line,
body:not([data-vidu-theme="light"]) .vidu-billing-item-edit-row,
[data-vidu-theme="dark"] .vidu-billing-line,
[data-vidu-theme="dark"] .vidu-billing-item-edit-row {
  background: rgba(255,255,255,.028) !important;
  border-color: rgba(255,255,255,.055) !important;
  box-shadow: none !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-line-head,
body:not([data-vidu-theme="light"]) .vidu-billing-item-edit-head,
body:not([data-vidu-theme="light"]) .vidu-billing-log summary,
[data-vidu-theme="dark"] .vidu-billing-line-head,
[data-vidu-theme="dark"] .vidu-billing-item-edit-head,
[data-vidu-theme="dark"] .vidu-billing-log summary {
  background: rgba(24,24,27,.94) !important;
  border-color: rgba(255,255,255,.055) !important;
  box-shadow: none !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-form select,
body:not([data-vidu-theme="light"]) .vidu-billing-form input,
body:not([data-vidu-theme="light"]) .vidu-billing-form textarea,
body:not([data-vidu-theme="light"]) .vidu-billing-item-edit-row input,
body:not([data-vidu-theme="light"]) .vidu-billing-item-edit-row select,
[data-vidu-theme="dark"] .vidu-billing-form select,
[data-vidu-theme="dark"] .vidu-billing-form input,
[data-vidu-theme="dark"] .vidu-billing-form textarea,
[data-vidu-theme="dark"] .vidu-billing-item-edit-row input,
[data-vidu-theme="dark"] .vidu-billing-item-edit-row select {
  background: rgba(255,255,255,.052) !important;
  border-color: rgba(255,255,255,.088) !important;
  color: rgba(255,255,255,.90) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-form select:focus,
body:not([data-vidu-theme="light"]) .vidu-billing-form input:focus,
body:not([data-vidu-theme="light"]) .vidu-billing-form textarea:focus,
body:not([data-vidu-theme="light"]) .vidu-billing-item-edit-row input:focus,
body:not([data-vidu-theme="light"]) .vidu-billing-item-edit-row select:focus,
[data-vidu-theme="dark"] .vidu-billing-form select:focus,
[data-vidu-theme="dark"] .vidu-billing-form input:focus,
[data-vidu-theme="dark"] .vidu-billing-form textarea:focus,
[data-vidu-theme="dark"] .vidu-billing-item-edit-row input:focus,
[data-vidu-theme="dark"] .vidu-billing-item-edit-row select:focus {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.17) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.045) !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-mode-switch,
body:not([data-vidu-theme="light"]) .vidu-billing-panel-tools,
body:not([data-vidu-theme="light"]) .vidu-billing-action-bar,
body:not([data-vidu-theme="light"]) .vidu-billing-links,
body:not([data-vidu-theme="light"]) .vidu-billing-actions,
[data-vidu-theme="dark"] .vidu-billing-mode-switch,
[data-vidu-theme="dark"] .vidu-billing-panel-tools,
[data-vidu-theme="dark"] .vidu-billing-action-bar,
[data-vidu-theme="dark"] .vidu-billing-links,
[data-vidu-theme="dark"] .vidu-billing-actions {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-focus-btn,
body:not([data-vidu-theme="light"]) .vidu-billing-links a,
body:not([data-vidu-theme="light"]) .vidu-billing-secondary,
body:not([data-vidu-theme="light"]) .vidu-billing-mode-switch label,
[data-vidu-theme="dark"] .vidu-billing-focus-btn,
[data-vidu-theme="dark"] .vidu-billing-links a,
[data-vidu-theme="dark"] .vidu-billing-secondary,
[data-vidu-theme="dark"] .vidu-billing-mode-switch label {
  background: transparent !important;
  border-color: rgba(255,255,255,.07) !important;
  color: rgba(255,255,255,.76) !important;
  box-shadow: none !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-focus-btn:hover,
body:not([data-vidu-theme="light"]) .vidu-billing-focus-btn.is-active,
body:not([data-vidu-theme="light"]) .vidu-billing-links a:hover,
body:not([data-vidu-theme="light"]) .vidu-billing-secondary:hover,
body:not([data-vidu-theme="light"]) .vidu-billing-mode-switch label:has(input:checked),
[data-vidu-theme="dark"] .vidu-billing-focus-btn:hover,
[data-vidu-theme="dark"] .vidu-billing-focus-btn.is-active,
[data-vidu-theme="dark"] .vidu-billing-links a:hover,
[data-vidu-theme="dark"] .vidu-billing-secondary:hover,
[data-vidu-theme="dark"] .vidu-billing-mode-switch label:has(input:checked) {
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.13) !important;
  color: rgba(255,255,255,.93) !important;
  box-shadow: none !important;
}

body:not([data-vidu-theme="light"]) .vidu-billing-status,
[data-vidu-theme="dark"] .vidu-billing-status {
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.82) !important;
  box-shadow: none !important;
}

.vidu-billing-modal.is-focus-mode .vidu-billing-summary-strip {
  display: none !important;
}

.vidu-billing-modal.is-focus-mode .vidu-billing-grid,
.vidu-billing-modal.is-focus-mode .vidu-billing-preview-grid {
  grid-template-columns: 1fr !important;
}

.vidu-billing-modal.is-focus-mode [data-billing-section] {
  opacity: .34;
  max-height: 74px;
  overflow: hidden !important;
  transition: opacity .2s ease, max-height .24s ease, border-color .2s ease;
}

.vidu-billing-modal.is-focus-mode [data-billing-section].is-focus-active {
  opacity: 1;
  max-height: min(68vh, 720px);
  border-color: rgba(255, 255, 255, .16) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .34) !important;
}

.vidu-billing-modal.is-focus-mode .vidu-billing-certificate-panel.is-focus-active,
.vidu-billing-modal.is-focus-mode .vidu-billing-invoice-preview.is-focus-active {
  height: min(68vh, 720px) !important;
}

.vidu-billing-modal.is-focus-mode .vidu-billing-certificate-panel.is-focus-active .vidu-billing-a4-preview {
  height: calc(min(68vh, 720px) - 72px) !important;
  max-height: calc(min(68vh, 720px) - 72px) !important;
}

.vidu-billing-modal.is-focus-mode .vidu-billing-items-panel.is-focus-active .vidu-billing-lines,
.vidu-billing-modal.is-focus-mode .vidu-billing-invoice-preview.is-focus-active .vidu-billing-preview-lines {
  max-height: calc(min(68vh, 720px) - 150px) !important;
}

.vidu-billing-modal.is-focus-mode .vidu-billing-log.is-focus-active {
  max-height: min(58vh, 560px) !important;
}

.vidu-billing-modal.is-focus-mode .vidu-billing-log.is-focus-active .vidu-billing-activity {
  max-height: min(48vh, 460px) !important;
}

@media (max-width: 1400px) {
  .vidu-billing-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .vidu-billing-items-panel {
    grid-column: 1 / -1;
  }

  .vidu-billing-preview-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
}

@media (max-width: 1100px) {
  .vidu-billing-modal {
    width: 96vw !important;
    height: 92vh !important;
  }

  .vidu-billing-header {
    align-items: flex-start !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }

  .vidu-billing-header h2 {
    white-space: normal;
  }

  .vidu-billing-grid,
  .vidu-billing-preview-grid,
  .vidu-billing-summary-strip,
  .vidu-billing-field-grid,
  .vidu-billing-standalone-grid,
  .vidu-billing-mode-switch {
    grid-template-columns: 1fr !important;
  }

  .vidu-billing-success-panel,
  .vidu-billing-success-facts {
    grid-template-columns: 1fr !important;
  }

  .vidu-billing-success-actions {
    justify-items: stretch;
  }

  .vidu-billing-items-panel {
    grid-column: auto;
  }

  .vidu-billing-certificate-panel,
  .vidu-billing-invoice-preview {
    height: 460px !important;
  }

  .vidu-billing-a4-preview {
    height: 360px !important;
    max-height: 360px !important;
  }

  .vidu-billing-certificate-row {
    grid-template-columns: minmax(110px, 1fr) 48px 78px 86px;
  }

  .vidu-billing-certificate-row span:nth-child(4) {
    display: none;
  }
}

@media (max-width: 760px) {
  .vidu-billing-scroll {
    padding: 14px !important;
  }

  .vidu-billing-action-bar {
    grid-template-columns: 1fr !important;
    padding: 12px 14px !important;
  }

  .vidu-billing-links {
    display: none !important;
  }

  .vidu-billing-line {
    grid-template-columns: minmax(130px, 1fr) 90px 98px !important;
  }

  .vidu-billing-item-edit-head {
    display: none;
  }

  .vidu-billing-item-edit-row {
    grid-template-columns: 1fr 74px;
  }

  .vidu-billing-item-title-field {
    grid-column: 1 / -1;
  }

  .vidu-billing-line > span:nth-child(2),
  .vidu-billing-line > span:nth-child(4) {
    display: none !important;
  }

  .vidu-billing-certificate-panel,
  .vidu-billing-invoice-preview {
    height: 430px !important;
  }

  .vidu-billing-a4-preview {
    height: 330px !important;
    max-height: 330px !important;
    padding: 20px !important;
  }
}

/* Workspace chrome layout */
#vidu-pipeline-dashboard .vidu-operations-dock,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-operations-dock,
#vidu-pipeline-dashboard.is-billing-workspace .vidu-operations-dock {
  display: none !important;
}

#vidu-pipeline-dashboard.is-user-sidebar-expanded,
#vidu-pipeline-dashboard.is-billing-workspace.is-user-sidebar-expanded {
  padding-left: 92px;
}

#vidu-pipeline-dashboard .vidu-user-sidebar,
#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded),
#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded {
  z-index: 10050 !important;
}

@media (max-width: 768px) {
  #vidu-pipeline-dashboard .vidu-user-sidebar,
  #vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded),
  #vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded {
    z-index: 10050 !important;
  }
}
:root {
  --vidu-brand-primary: #22c55e;
  --vidu-brand-secondary: #60a5fa;
}

/* Shared pipeline chips must keep the same colors inside cards and modal headers. */
.vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--blue,
.vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--blue,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--blue,
#vidu-pipeline-dashboard .vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--blue {
  border-color: rgba(96,165,250,0.30) !important;
  background: rgba(96,165,250,0.105) !important;
  color: #bfdbfe !important;
}

.vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--yellow,
.vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--yellow,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--yellow,
#vidu-pipeline-dashboard .vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--yellow {
  border-color: rgba(250,204,21,0.30) !important;
  background: rgba(250,204,21,0.105) !important;
  color: #fde68a !important;
}

.vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--orange,
.vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--orange,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--orange,
#vidu-pipeline-dashboard .vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--orange {
  border-color: rgba(249,115,22,0.32) !important;
  background: rgba(249,115,22,0.115) !important;
  color: #fed7aa !important;
}

.vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--purple,
.vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--purple,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--purple,
#vidu-pipeline-dashboard .vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--purple {
  border-color: rgba(168,85,247,0.32) !important;
  background: rgba(168,85,247,0.12) !important;
  color: #e9d5ff !important;
}

.vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--red,
.vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--red,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--red,
#vidu-pipeline-dashboard .vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--red {
  border-color: rgba(248,113,113,0.32) !important;
  background: rgba(248,113,113,0.105) !important;
  color: #fecaca !important;
}

.vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--green,
.vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--green,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-header-meta .vidu-chip--green,
#vidu-pipeline-dashboard .vidu-lead-modal-shell .vidu-project-header-meta .vidu-chip--green {
  border-color: rgba(74,222,128,0.30) !important;
  background: rgba(74,222,128,0.105) !important;
  color: #bbf7d0 !important;
}

/* Dashboard/pipeline scroll system. */
@media (min-width: 769px) {
  body.vidu-dashboard-workspace-active,
  body.vidu-pipeline-workspace-active {
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace,
  #vidu-pipeline-dashboard.is-pipeline-workspace {
    height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    padding-top: 20px !important;
    padding-bottom: max(20px, env(safe-area-inset-bottom, 0px)) !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-shell,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-shell,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view-list,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view-board {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-main {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-toolbar,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-toolbar {
    position: relative !important;
    top: auto !important;
    margin-bottom: 0 !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-toolbar::after,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-toolbar::after {
    display: none !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-list-wrap {
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 18px !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-table-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    background: rgba(10,11,14,0.92) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-board {
    height: 100% !important;
    min-height: 0 !important;
    align-items: stretch !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 18px !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column {
    position: relative !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column.is-scrolled .vidu-pipeline-column-head {
    box-shadow: 0 12px 24px rgba(0,0,0,0.20) !important;
    border-bottom-color: rgba(255,255,255,0.08) !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column.has-more::after {
    opacity: 1 !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    padding-bottom: 28px !important;
  }
}


/* Source: assets/css/pipeline/10-documents.css */
/* Placeholder: document-library rules are retained in source-order modules for cascade safety. */


/* Source: assets/css/pipeline/11-client-viewer.css */
/* Placeholder: client-viewer rules are retained in source-order modules for cascade safety. */


/* Source: assets/css/pipeline/12-registration-login.css */
/* Placeholder: registration/login rules are retained in 90-compat-legacy.css for cascade safety. */


/* Source: assets/css/pipeline/13-system-settings.css */
/* Placeholder: most system-settings rules are retained in 90-compat-legacy.css for cascade safety. */

.vidu-reference-lifecycle-overlay[hidden] {
  display: none;
}

/* Unified workspace workflow — shared Engineering / Intelligence surface */
.vidu-unified-workflow {
  --workflow-accent: #8b6df6;
  width: 100%;
  min-height: 100%;
  padding: 10px 8px 28px;
  box-sizing: border-box;
  color: #eff1f5;
}

.vidu-unified-workflow-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding: 8px 8px 20px;
}

.vidu-unified-workflow-title > div { display: grid; gap: 5px; }
.vidu-unified-workflow-title span {
  color: #8d98a8;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.vidu-unified-workflow-title h1 {
  margin: 0;
  color: #f5f5f6;
  font: 500 clamp(28px, 3vw, 42px)/1.08 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: -.045em;
}
.vidu-unified-workflow-title p { margin: 0; color: #9299a5; font-size: 13px; }
.vidu-unified-workflow-title p::first-letter { color: #a78bfa; }

.vidu-unified-workflow-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 42px;
  padding: 0 8px 14px;
}

.vidu-unified-workflow-toolbar > span {
  color: rgba(229, 237, 247, .54);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-unified-workflow-new {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid rgba(167, 139, 250, .28);
  border-radius: 12px;
  color: #ded7ff;
  background: rgba(114, 79, 210, .12);
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
}

.vidu-unified-workflow-filters {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 8px 8px 30px;
  overflow-x: auto;
}
.vidu-unified-workflow-filters button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 9px;
  color: #979da8;
  background: rgba(255, 255, 255, .018);
  font-size: 12px;
  cursor: pointer;
}
.vidu-unified-workflow-filters button b {
  display: grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  color: #b7bdc8;
  background: rgba(255, 255, 255, .055);
  font-size: 10px;
}
.vidu-unified-workflow-filters button.is-active {
  border-color: rgba(167, 139, 250, .48);
  color: #c8baff;
  background: rgba(108, 78, 187, .14);
  box-shadow: inset 0 0 0 1px rgba(167, 139, 250, .06);
}

.vidu-unified-workflow-columns,
.vidu-unified-workflow-row {
  display: grid;
  grid-template-columns: minmax(280px, 1.65fr) minmax(170px, .85fr) minmax(150px, .72fr) minmax(130px, .62fr) minmax(190px, .92fr);
  align-items: center;
  gap: 20px;
}
.vidu-unified-workflow-columns {
  min-height: 36px;
  padding: 0 16px;
  color: #818895;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .03em;
}
.vidu-unified-workflow-row {
  position: relative;
  min-height: 76px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .065);
  background: transparent;
  transition: background .18s ease, transform .18s ease;
}
.vidu-unified-workflow-row:hover { background: rgba(255, 255, 255, .022); }
.vidu-unified-workflow-row-main {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
  padding: 0;
  border: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  cursor: pointer;
}
.vidu-unified-workflow-row-main > span:last-child { display: grid; gap: 3px; min-width: 0; }
.vidu-unified-workflow-row-main strong { overflow: hidden; color: #eceef2; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.vidu-unified-workflow-row-main small { color: #818894; font-size: 11px; }
.vidu-unified-workflow-row .vidu-engineering-agent-avatar { flex: 0 0 auto; width: 36px; height: 36px; border-color: rgba(255, 255, 255, .16); }
.vidu-unified-workflow-row .vidu-engineering-agent-avatar img { width: 100%; height: 100%; object-fit: cover; }
.vidu-unified-workflow-state { display: inline-flex; align-items: center; gap: 8px; color: #adb3bd; font-size: 12px; font-weight: 650; }
.vidu-unified-workflow-state i { width: 9px; height: 9px; border: 1px solid currentColor; border-radius: 999px; box-shadow: 0 0 0 3px rgba(255, 255, 255, .015); }
.vidu-unified-workflow-state.is-ready,
.vidu-unified-workflow-state.is-done { color: #70c99c; }
.vidu-unified-workflow-state.is-review { color: #e7b260; }
.vidu-unified-workflow-state.is-running { color: #67b7e6; }
.vidu-unified-workflow-state.is-new { color: #ef746f; }
.vidu-codex-row-progress { display: grid; gap: 7px; min-width: 0; }
.vidu-codex-row-progress-label { display: flex; align-items: center; gap: 8px; min-width: 0; }
.vidu-codex-row-progress-label > i { flex: 0 0 auto; width: 7px; height: 7px; border: 0; border-radius: 999px; background: currentColor; box-shadow: 0 0 0 4px rgba(103, 183, 230, .08); animation: vidu-codex-row-pulse 1.25s ease-in-out infinite; }
.vidu-codex-row-progress-label b { overflow: hidden; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.vidu-codex-row-progress-track { position: relative; overflow: hidden; width: 100%; height: 3px; border-radius: 999px; background: rgba(103, 183, 230, .12); }
.vidu-codex-row-progress-track > span { position: absolute; inset: 0 auto 0 0; width: var(--vidu-codex-progress, 20%); min-width: 12%; border-radius: inherit; background: linear-gradient(90deg, rgba(103, 183, 230, .3), rgba(137, 204, 241, .95)); transition: width .55s ease; }
.vidu-codex-row-progress-track > span::after { position: absolute; inset: 0; width: 42%; content: ""; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .48), transparent); animation: vidu-codex-row-glide 1.45s ease-in-out infinite; }
.vidu-codex-row-progress-track i { position: absolute; top: 50%; right: -2px; width: 5px; height: 5px; border: 0; border-radius: 999px; background: #d9f2ff; box-shadow: 0 0 7px rgba(103, 183, 230, .85); transform: translateY(-50%); }
@keyframes vidu-codex-row-glide { from { transform: translateX(-120%); } to { transform: translateX(280%); } }
@keyframes vidu-codex-row-pulse { 0%, 100% { opacity: .55; transform: scale(.82); } 50% { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  .vidu-codex-row-progress-label > i,
  .vidu-codex-row-progress-track > span::after { animation: none; }
}
.vidu-unified-workflow-evidence,
.vidu-unified-workflow-row time { color: #9ba1ac; font-size: 12px; font-style: normal; }
.vidu-unified-workflow-next {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(151, 117, 245, .28);
  border-radius: 10px;
  color: #c7b9fc;
  background: rgba(108, 78, 187, .08);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}
.vidu-unified-workflow-next i { font-size: 19px; font-style: normal; font-weight: 400; }
.vidu-unified-workflow-empty { padding: 70px 20px; color: #9299a5; text-align: center; }
.vidu-unified-workflow-empty strong { color: #d9dce2; }

.vidu-unified-workflow-modal {
  position: fixed;
  z-index: 100100;
  inset: 0;
  display: grid;
  place-items: center;
  width: 100vw;
  height: 100dvh;
  min-height: 100dvh;
  padding: clamp(16px, 3vh, 32px) 5vw;
  box-sizing: border-box;
  overflow: hidden;
}
.vidu-unified-workflow-backdrop { position: absolute; inset: 0; border: 0; background: rgba(3, 5, 9, .64); backdrop-filter: blur(5px); cursor: default; }
.vidu-unified-workflow-dialog {
  position: relative;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  width: min(840px, 92vw);
  max-height: min(820px, calc(100dvh - clamp(32px, 6vh, 64px)));
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 18px;
  color: #eff1f5;
  background: linear-gradient(145deg, rgba(25, 29, 36, .985), rgba(14, 17, 23, .99));
  box-shadow: 0 32px 110px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255, 255, 255, .04);
}
.vidu-unified-workflow-dialog > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 68px;
  padding: 0 22px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.vidu-unified-workflow-dialog > header div { display: grid; gap: 3px; }
.vidu-unified-workflow-dialog > header span { color: #8b93a0; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.vidu-unified-workflow-dialog > header h2 { margin: 0; color: #f3f3f5; font-size: 18px; }
.vidu-unified-workflow-dialog > header button { width: 36px; height: 36px; border: 0; color: #afb4bd; background: transparent; font-size: 27px; cursor: pointer; }
.vidu-unified-workflow-progress {
  display: grid;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.vidu-unified-workflow-progress > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 24px 0;
}
.vidu-unified-workflow-progress > header span {
  color: #858c98;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.vidu-unified-workflow-progress > header strong {
  color: #c9baff;
  font-size: 10px;
  font-weight: 760;
}
.vidu-unified-workflow-lifecycle {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 16px 24px 18px;
}
.vidu-unified-workflow-lifecycle span { position: relative; display: grid; justify-items: center; gap: 5px; color: #858c98; font-size: 10px; text-align: center; }
.vidu-unified-workflow-lifecycle small { color: #626a76; font-size: 8px; font-weight: 650; }
.vidu-unified-workflow-lifecycle span::before { content: ""; position: absolute; top: 8px; right: 50%; left: -50%; height: 1px; background: rgba(255, 255, 255, .16); }
.vidu-unified-workflow-lifecycle span:first-child::before { display: none; }
.vidu-unified-workflow-lifecycle i { position: relative; z-index: 1; display: grid; place-items: center; width: 16px; height: 16px; border: 1px solid #68717d; border-radius: 50%; background: #171b22; color: #10141a; font-size: 9px; font-style: normal; }
.vidu-unified-workflow-lifecycle span.is-done { color: #8acba9; }
.vidu-unified-workflow-lifecycle span.is-done::before { background: #5c9f7b; }
.vidu-unified-workflow-lifecycle span.is-done i { border-color: #68bd91; color: #b9efcf; background: #1d3a2d; }
.vidu-unified-workflow-lifecycle span.is-current { color: #bfa9ff; }
.vidu-unified-workflow-lifecycle span.is-current small { color: #a995ee; }
.vidu-unified-workflow-lifecycle span.is-done small { color: #6eaa8a; }
.vidu-unified-workflow-lifecycle span.is-current::before { background: linear-gradient(90deg, #5c9f7b, #8b6df6); }
.vidu-unified-workflow-lifecycle span.is-current i { border: 4px solid #8b6df6; box-shadow: 0 0 0 4px rgba(139, 109, 246, .12), 0 0 20px rgba(139, 109, 246, .26); }
.vidu-unified-workflow-dialog-body { display: grid; grid-auto-rows: max-content; align-content: start; gap: 12px; min-height: 0; padding: 18px 22px; overflow: auto; }
.vidu-unified-workflow-dialog-body > section,
.vidu-unified-workflow-dialog-body > details {
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 13px;
  background: rgba(255, 255, 255, .018);
}
.vidu-unified-workflow-dialog-body section > span { color: #9098a5; font-size: 10px; font-weight: 760; letter-spacing: .04em; text-transform: uppercase; }
.vidu-unified-workflow-dialog-body h3 { margin: 6px 0 8px; font-size: 18px; }
.vidu-unified-workflow-dialog-body p { margin: 5px 0 0; color: #b6bbc4; font-size: 13px; line-height: 1.55; }
.vidu-unified-workflow-metrics { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid rgba(255, 255, 255, .075); border-radius: 13px; overflow: hidden; }
.vidu-unified-workflow-metrics article { display: grid; gap: 6px; min-height: 72px; align-content: center; padding: 12px 16px; border-right: 1px solid rgba(255, 255, 255, .07); background: rgba(255, 255, 255, .018); }
.vidu-unified-workflow-metrics article:last-child { border-right: 0; }
.vidu-unified-workflow-metrics strong { color: #eff1f5; font-size: 19px; }
.vidu-unified-workflow-metrics span { color: #8f96a2; font-size: 10px; }
.vidu-unified-workflow-dialog-body details summary { color: #d3d6dc; font-size: 12px; font-weight: 700; cursor: pointer; }
.vidu-unified-workflow-dialog-body details small { display: block; margin-top: 10px; color: #777f8b; font-size: 10px; line-height: 1.5; }
.vidu-unified-workflow-detail-sections { display: grid; gap: 14px; margin-top: 16px; }
.vidu-unified-workflow-detail-sections > section { padding: 0 0 14px; border-bottom: 1px solid rgba(255, 255, 255, .065); }
.vidu-unified-workflow-detail-sections > section:last-child { padding-bottom: 0; border-bottom: 0; }
.vidu-unified-workflow-detail-sections article { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 10px; margin-top: 9px; }
.vidu-unified-workflow-detail-sections article strong { color: #d7dbe2; font-size: 11px; }
.vidu-unified-workflow-detail-sections article p { margin: 0; }
.vidu-unified-workflow-detail-sections ul { display: grid; gap: 5px; margin: 10px 0 0; padding-left: 18px; color: #9ea5b0; font-size: 11px; line-height: 1.45; }
.vidu-unified-workflow-primary-step {
  border-color: rgba(167, 139, 250, .24);
  background: linear-gradient(135deg, rgba(111, 84, 202, .13), rgba(255, 255, 255, .018));
}
.vidu-unified-workflow-primary-step h3 { color: #ddd5ff; }
.vidu-codex-live-status {
  display: grid;
  gap: 14px;
  border-color: rgba(139, 109, 246, .3) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(139, 109, 246, .13), transparent 34%),
    linear-gradient(145deg, rgba(34, 29, 51, .7), rgba(15, 18, 25, .88)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}
.vidu-codex-live-status > header,
.vidu-codex-live-status > header div {
  display: flex;
  align-items: center;
}
.vidu-codex-live-status > header { justify-content: space-between; gap: 14px; }
.vidu-codex-live-status > header div { gap: 9px; }
.vidu-codex-live-status > header div > i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #9d7dff;
  box-shadow: 0 0 0 5px rgba(139, 109, 246, .12), 0 0 18px rgba(139, 109, 246, .7);
  animation: viduCodexLivePulse 1.65s ease-in-out infinite;
}
.vidu-codex-live-status > header span {
  color: #c8b8ff !important;
  letter-spacing: .11em !important;
}
.vidu-codex-live-status > header strong { color: #ded6fb; font-size: 10px; font-weight: 760; }
.vidu-codex-live-copy { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.vidu-codex-live-copy h3 { margin-bottom: 5px; color: #f0ecff; }
.vidu-codex-live-copy small { flex: 0 0 auto; color: #7e8591; font-size: 9px; white-space: nowrap; }
.vidu-codex-live-phases {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}
.vidu-codex-live-phases span {
  position: relative;
  display: grid;
  gap: 6px;
  min-width: 0;
  padding-top: 8px;
  border-top: 2px solid rgba(255, 255, 255, .08);
  color: #656d79;
}
.vidu-codex-live-phases span.is-done { border-color: rgba(102, 187, 143, .62); color: #79b997; }
.vidu-codex-live-phases span.is-active { border-color: #9b7bff; color: #cabdff; }
.vidu-codex-live-phases span.is-active::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 42%;
  height: 2px;
  background: #d7ceff;
  box-shadow: 0 0 12px rgba(155, 123, 255, .8);
  animation: viduCodexLiveTrack 1.7s ease-in-out infinite alternate;
}
.vidu-codex-live-phases i { min-height: 10px; color: #79b997; font-size: 9px; font-style: normal; }
.vidu-codex-live-phases b { overflow: hidden; font-size: 9px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.vidu-codex-live-events { display: grid; border-top: 1px solid rgba(255, 255, 255, .07); }
.vidu-codex-live-events article {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .045);
}
.vidu-codex-live-events article:last-child { padding-bottom: 0; border-bottom: 0; }
.vidu-codex-live-events article > i { width: 5px; height: 5px; margin-top: 5px; border-radius: 50%; background: #8e73e8; }
.vidu-codex-live-events strong { display: block; color: #aeb4c0; font-size: 9px; font-weight: 760; text-transform: uppercase; }
.vidu-codex-live-events p {
  display: -webkit-box;
  margin-top: 3px !important;
  overflow: hidden;
  color: #888f9a !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.vidu-codex-live-events time { color: #666e7a; font-size: 9px; white-space: nowrap; }
.vidu-codex-live-status.is-failed {
  border-color: rgba(239, 104, 111, .3) !important;
  background: linear-gradient(145deg, rgba(73, 28, 35, .32), rgba(18, 18, 24, .9)) !important;
}
.vidu-codex-live-status.is-failed > header div > i { background: #ef686f; box-shadow: 0 0 0 5px rgba(239, 104, 111, .1); animation: none; }
.vidu-codex-live-status.is-failed > header span,
.vidu-codex-live-status.is-failed > header strong { color: #f2a0a5 !important; }
@keyframes viduCodexLivePulse {
  0%, 100% { opacity: .55; transform: scale(.78); }
  50% { opacity: 1; transform: scale(1); }
}
@keyframes viduCodexLiveTrack {
  from { width: 18%; opacity: .55; }
  to { width: 78%; opacity: 1; }
}
.vidu-unified-workflow-result { border-color: rgba(112, 201, 156, .22); background: rgba(46, 112, 78, .08); }
.vidu-unified-workflow-result h3 { color: #a8e1c2; }
.vidu-unified-workflow-result > div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
.vidu-unified-workflow-result b { padding: 6px 9px; border: 1px solid rgba(112, 201, 156, .16); border-radius: 999px; color: #9ccfb4; font-size: 10px; font-weight: 700; }
.vidu-workflow-purpose-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; min-width: 0; padding: 0 !important; border: 0 !important; background: transparent !important; }
.vidu-workflow-purpose-summary article { display: grid; align-content: start; gap: 7px; min-width: 0; min-height: 150px; padding: 16px; border: 1px solid rgba(255, 255, 255, .075); border-radius: 13px; background: rgba(255, 255, 255, .018); }
.vidu-workflow-purpose-summary article.is-outcome { border-color: rgba(112, 201, 156, .22); background: linear-gradient(145deg, rgba(46, 112, 78, .11), rgba(255, 255, 255, .018)); }
.vidu-workflow-purpose-summary.is-engineering article.is-outcome { border-color: rgba(139, 109, 246, .26); background: linear-gradient(145deg, rgba(111, 84, 202, .12), rgba(255, 255, 255, .018)); }
.vidu-workflow-purpose-summary article > span { color: #9098a5; font-size: 9px; font-weight: 780; letter-spacing: .06em; text-transform: uppercase; }
.vidu-workflow-purpose-summary article h3 { margin: 0; color: #e7e9ed; font-size: 15px; line-height: 1.35; overflow-wrap: anywhere; }
.vidu-workflow-purpose-summary article.is-outcome h3 { color: #a8e1c2; }
.vidu-workflow-purpose-summary.is-engineering article.is-outcome h3 { color: #d6cbff; }
.vidu-workflow-purpose-summary article p { margin: 0; color: #b6bbc4; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
.vidu-workflow-purpose-summary article small { margin-top: auto; padding-top: 5px; color: #7f8996; font-size: 9px; line-height: 1.4; }
.vidu-scout-workflow-evidence-result,
.vidu-scout-workflow-insight-result,
.vidu-scout-workflow-recommendation-result,
.vidu-scout-discovery-result { display: grid; align-content: start; gap: 12px; min-width: 0; height: auto; overflow: visible; }
.vidu-scout-discovery-result > * { min-width: 0; }
.vidu-scout-discovery-findings { display: grid; gap: 7px; margin: 2px 0 0; padding: 0; list-style: none; }
.vidu-scout-discovery-findings li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 12px; min-width: 0; padding: 10px 11px; border: 1px solid rgba(255, 255, 255, .065); border-radius: 10px; background: rgba(0, 0, 0, .12); }
.vidu-scout-discovery-findings li > div { display: flex !important; align-items: flex-start; gap: 10px !important; min-width: 0; margin: 0 !important; }
.vidu-scout-discovery-findings li > div > b { display: grid; flex: 0 0 22px; place-items: center; width: 22px; height: 22px; padding: 0; border-radius: 50%; }
.vidu-scout-discovery-findings li span { display: grid; gap: 4px; min-width: 0; }
.vidu-scout-discovery-findings li strong { color: #d7dce4; font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
.vidu-scout-discovery-findings li small { color: #858e9b; font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; }
.vidu-scout-discovery-findings li em { align-self: start; color: #d9b878; font-size: 9px; font-style: normal; font-weight: 750; white-space: nowrap; }
.vidu-scout-discovery-findings li.is-validated em { color: #82cda5; }
.vidu-scout-discovery-coverage { display: grid !important; gap: 8px !important; min-width: 0; margin-top: 2px !important; padding: 11px; border: 1px solid rgba(255, 255, 255, .06); border-radius: 10px; background: rgba(0, 0, 0, .09); }
.vidu-scout-discovery-coverage > strong { color: #d0d5dd; font-size: 11px; }
.vidu-scout-discovery-coverage > p { margin: 0; font-size: 11px; }
.vidu-scout-discovery-coverage ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.vidu-scout-discovery-coverage li { display: flex; justify-content: space-between; gap: 12px; min-width: 0; color: #aeb5c0; font-size: 10px; }
.vidu-scout-discovery-coverage li small { color: #d69b91; overflow-wrap: anywhere; text-align: right; }
.vidu-scout-workflow-insight-result { border-color: rgba(139, 109, 246, .28); background: rgba(111, 84, 202, .09); }
.vidu-scout-workflow-insight-result h3 { color: #d6cbff; }
.vidu-scout-workflow-recommendation-result { border-color: rgba(96, 165, 250, .22); background: rgba(37, 99, 235, .07); }
.vidu-scout-workflow-recommendation-result h3 { color: #bdd7ff; }
.vidu-scout-workflow-result-facts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 0 !important; }
.vidu-scout-workflow-source-list,
.vidu-scout-workflow-claim-list { display: grid !important; gap: 8px !important; margin-top: 2px !important; }
.vidu-scout-workflow-source-list > strong,
.vidu-scout-workflow-claim-list > strong { color: #d8dde5; font-size: 11px; }
.vidu-scout-workflow-source-list ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.vidu-scout-workflow-source-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 10px; border: 1px solid rgba(255, 255, 255, .065); border-radius: 9px; background: rgba(0, 0, 0, .11); }
.vidu-scout-workflow-source-list li span { color: #cbd1da; font-size: 11px; text-transform: none; letter-spacing: 0; }
.vidu-scout-workflow-source-list li small { color: #79bd98; font-size: 9px; white-space: nowrap; }
.vidu-scout-workflow-claim-list article { display: grid; gap: 6px; padding: 10px 11px; border: 1px solid rgba(255, 255, 255, .065); border-radius: 10px; background: rgba(0, 0, 0, .12); }
.vidu-scout-workflow-claim-list article > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; }
.vidu-scout-workflow-claim-list article > div span { color: #8fa0b4; font-size: 9px; }
.vidu-scout-workflow-claim-list article > div b { padding: 0; border: 0; color: #a7d8bd; }
.vidu-scout-workflow-claim-list article p { margin: 0; color: #c5cad2; font-size: 12px; }
.vidu-scout-workflow-claim-list article small { color: #737d8b; font-size: 9px; }
.vidu-scout-workflow-result details { padding-top: 4px; border-top: 1px solid rgba(255, 255, 255, .06); }
.vidu-scout-workflow-result details summary { padding-top: 8px; }
.vidu-scout-workflow-result details ul { margin: 10px 0 0; padding-left: 18px; color: #969eaa; font-size: 11px; line-height: 1.5; }
.vidu-scout-workflow-implication { padding: 12px; border: 1px solid rgba(255, 255, 255, .065); border-radius: 10px; background: rgba(0, 0, 0, .1); }
.vidu-scout-workflow-implication span { color: #a99bea !important; }
.vidu-scout-workflow-implication p { margin-top: 6px; }
.vidu-unified-workflow-dialog > footer { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-height: 68px; padding: 0 22px; border-top: 1px solid rgba(255, 255, 255, .075); }
.vidu-unified-workflow-dialog > footer button { min-height: 38px; padding: 0 17px; border-radius: 9px; font-size: 11px; font-weight: 750; cursor: pointer; }
.vidu-unified-workflow-dialog > footer .is-secondary { border: 1px solid rgba(255, 255, 255, .1); color: #aeb4be; background: transparent; }
.vidu-unified-workflow-dialog > footer .is-primary { border: 1px solid rgba(173, 145, 255, .5); color: #fff; background: linear-gradient(135deg, #6f54ca, #906ef0); box-shadow: 0 12px 28px rgba(100, 71, 188, .24); }
.vidu-unified-workflow-dialog > footer .is-danger { border: 1px solid rgba(233, 104, 104, .42); color: #f2c4c4; background: rgba(116, 42, 46, .28); box-shadow: none; }
.vidu-unified-workflow-dialog > footer .is-danger:hover:not(:disabled) { border-color: rgba(241, 126, 126, .64); background: rgba(135, 49, 54, .38); }
.vidu-unified-workflow-dialog > footer button:disabled { opacity: .55; cursor: default; }

@media (max-width: 720px) {
  .vidu-workflow-purpose-summary { grid-template-columns: 1fr; }
  .vidu-scout-discovery-findings li { grid-template-columns: 1fr; }
  .vidu-scout-discovery-findings li em { white-space: normal; }
}

.vidu-engineering-shell.is-unified-workflow { grid-template-columns: minmax(0, 1fr); }
.vidu-engineering-shell.is-unified-workflow .vidu-engineering-main {
  overflow: auto;
  /* A backdrop filter creates a containing block for fixed descendants.
     Keep the workflow modal attached to the viewport, not this panel. */
  backdrop-filter: none;
}
.vidu-engineering-workspace[data-engineering-view="workflow"],
.vidu-scout-workspace[data-scout-view="workflow"] {
  background: radial-gradient(circle at 18% 2%, rgba(113, 89, 163, .07), transparent 31%), #101215;
}
.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-header,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-header {
  min-height: 58px;
  padding: 10px 18px;
  border-radius: 14px;
  background: rgba(18, 21, 26, .74);
  box-shadow: none;
}
.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-hero-copy,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-header > div { gap: 2px; }
.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-header h2,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-header h2 { font-size: 16px; }
.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-header p,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-header p { max-width: 560px; font-size: 11px; }
.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-header-side { gap: 5px; min-width: 0; }
.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-status,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-header aside { opacity: .78; }
.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-nav-bar,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-nav { padding: 3px 6px; border-radius: 12px; background: rgba(16, 18, 22, .7); box-shadow: none; }
.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-nav button,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-nav button { min-height: 30px; font-size: 11px; }

.vidu-engineering-expert-nav { position: relative; color: #8f97a3; }
.vidu-engineering-expert-nav > summary { display: flex; align-items: center; min-height: 30px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 10px; font-size: 11px; font-weight: 720; list-style: none; cursor: pointer; }
.vidu-engineering-expert-nav > summary::-webkit-details-marker { display: none; }
.vidu-engineering-expert-nav > div { position: absolute; z-index: 80; top: calc(100% + 7px); left: 0; display: grid; grid-template-columns: repeat(2, minmax(130px, 1fr)); gap: 4px; width: min(360px, 82vw); padding: 8px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 13px; background: rgba(20, 23, 29, .98); box-shadow: 0 22px 50px rgba(0, 0, 0, .42); }
.vidu-engineering-expert-nav:not([open]) > div { display: none; }
.vidu-engineering-nav .vidu-engineering-expert-nav button { justify-content: flex-start; min-height: 34px; padding: 0 10px; text-align: left; }
.vidu-engineering-nav-bar.is-expert-view .vidu-engineering-expert-nav > div { position: static; display: flex; width: auto; padding: 0; border: 0; background: transparent; box-shadow: none; }
.vidu-engineering-nav-bar.is-expert-view .vidu-engineering-expert-nav > summary { display: none; }

@media (max-width: 1100px) {
  .vidu-unified-workflow-columns { display: none; }
  .vidu-unified-workflow-row { grid-template-columns: minmax(240px, 1.4fr) minmax(150px, .8fr) minmax(190px, .9fr); gap: 12px; padding: 12px; }
  .vidu-unified-workflow-row .vidu-unified-workflow-evidence,
  .vidu-unified-workflow-row time { display: none; }
}
@media (max-width: 720px) {
  .vidu-unified-workflow-title { align-items: flex-start; flex-direction: column; }
  .vidu-unified-workflow-row { grid-template-columns: 1fr; gap: 10px; padding: 16px 8px; }
  .vidu-unified-workflow-state { padding-left: 49px; }
  .vidu-unified-workflow-next { margin-left: 49px; }
  .vidu-unified-workflow-lifecycle { grid-template-columns: repeat(3, 1fr); row-gap: 18px; }
  .vidu-unified-workflow-lifecycle span:nth-child(4)::before { display: none; }
  .vidu-unified-workflow-metrics { grid-template-columns: repeat(2, 1fr); }
  .vidu-unified-workflow-metrics article:nth-child(2) { border-right: 0; }
  .vidu-codex-live-copy { align-items: start; flex-direction: column; gap: 8px; }
  .vidu-codex-live-copy small { white-space: normal; }
  .vidu-codex-live-phases { grid-template-columns: 1fr; }
  .vidu-codex-live-phases span { grid-template-columns: 14px 1fr; padding: 7px 0 0; }
  .vidu-unified-workflow-dialog > footer { flex-wrap: wrap; padding: 12px; }
}

.vidu-reference-lifecycle-overlay {
  position: fixed;
  z-index: 10020;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(2, 6, 23, .72);
}

.vidu-reference-lifecycle-review {
  display: grid;
  gap: 16px;
  width: min(760px, 100%);
  max-height: min(820px, calc(100dvh - 48px));
  overflow: auto;
  padding: 22px;
  border: 1px solid rgba(125, 211, 252, .28);
  border-radius: 8px;
  background: #0f172a;
  color: #e2e8f0;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

.vidu-reference-lifecycle-review > header,
.vidu-reference-lifecycle-impact > header,
.vidu-reference-lifecycle-plan > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.vidu-reference-lifecycle-review header span,
.vidu-reference-lifecycle-summary span,
.vidu-reference-lifecycle-review label > span,
.vidu-reference-lifecycle-review legend {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 700;
}

.vidu-reference-lifecycle-review h3,
.vidu-reference-lifecycle-review p {
  margin: 0;
}

.vidu-reference-lifecycle-review h3 {
  margin-top: 4px;
  color: #f8fafc;
  font-size: 20px;
}

.vidu-reference-lifecycle-review > header button {
  display: grid;
  width: 32px;
  height: 32px;
  padding: 0;
  place-items: center;
}

.vidu-reference-lifecycle-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.vidu-reference-lifecycle-summary section,
.vidu-reference-lifecycle-impact,
.vidu-reference-lifecycle-plan,
.vidu-reference-lifecycle-message,
.vidu-reference-lifecycle-review form {
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 8px;
  background: rgba(15, 23, 42, .72);
}

.vidu-reference-lifecycle-summary strong {
  display: block;
  margin-top: 5px;
  color: #f8fafc;
  font-size: 14px;
  text-transform: capitalize;
}

.vidu-reference-lifecycle-impact ul {
  display: grid;
  gap: 7px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.vidu-reference-lifecycle-impact li {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: #cbd5e1;
  text-transform: capitalize;
}

.vidu-reference-lifecycle-review form,
.vidu-reference-lifecycle-review fieldset {
  display: grid;
  gap: 10px;
  margin: 0;
}

.vidu-reference-lifecycle-review fieldset {
  padding: 0;
  border: 0;
}

.vidu-reference-lifecycle-review input,
.vidu-reference-lifecycle-review textarea {
  width: 100%;
  box-sizing: border-box;
  margin-top: 6px;
  padding: 9px 10px;
  border: 1px solid rgba(148, 163, 184, .3);
  border-radius: 6px;
  background: #020617;
  color: #f8fafc;
}

.vidu-reference-lifecycle-review textarea {
  min-height: 90px;
  resize: vertical;
}

.vidu-reference-lifecycle-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.vidu-reference-lifecycle-actions button,
.vidu-reference-lifecycle-message button,
.vidu-reference-lifecycle-review > header button {
  border: 1px solid rgba(125, 211, 252, .34);
  border-radius: 6px;
  background: #0e7490;
  color: #ecfeff;
  cursor: pointer;
  font-weight: 700;
}

.vidu-reference-lifecycle-actions button {
  min-height: 34px;
  padding: 0 13px;
}

.vidu-reference-lifecycle-actions button.is-danger {
  border-color: rgba(248, 113, 113, .6);
  background: #b91c1c;
}

.vidu-reference-lifecycle-actions button:disabled {
  cursor: not-allowed;
  opacity: .46;
}

.vidu-reference-lifecycle-message.is-error {
  border-color: rgba(248, 113, 113, .55);
  background: rgba(127, 29, 29, .28);
}

.vidu-reference-lifecycle-message.is-warning {
  border-color: rgba(251, 191, 36, .48);
  background: rgba(120, 53, 15, .22);
}

.vidu-reference-lifecycle-loading {
  display: grid;
  min-height: 180px;
  place-items: center;
  color: #cbd5e1;
}

@media (max-width: 640px) {
  .vidu-reference-lifecycle-overlay { padding: 12px; }
  .vidu-reference-lifecycle-review { max-height: calc(100dvh - 24px); padding: 16px; }
  .vidu-reference-lifecycle-summary { grid-template-columns: 1fr; }
}

.vidu-app-modal.organization-intelligence .vidu-app-modal-dialog,
.vidu-app-modal[data-chrome="organization-intelligence"] .vidu-app-modal-dialog {
  width: min(1040px, calc(100vw - 32px));
}

.vidu-workforce-profile-ui {
  --workforce-surface: rgba(15, 23, 42, .58);
  --workforce-surface-strong: rgba(2, 6, 23, .72);
  --workforce-surface-soft: rgba(30, 41, 59, .42);
  --workforce-border: rgba(148, 163, 184, .2);
  --workforce-border-strong: rgba(125, 211, 252, .34);
  --workforce-text: rgba(248, 250, 252, .94);
  --workforce-muted: rgba(203, 213, 225, .72);
  --workforce-faint: rgba(148, 163, 184, .64);
  --workforce-accent: rgba(34, 211, 238, .92);
  --workforce-accent-bg: rgba(14, 116, 144, .18);
  display: grid;
  gap: 16px;
  color: var(--workforce-text);
}

.vidu-workforce-profile-hero,
.vidu-workforce-profile-toolbar,
.vidu-workforce-profile-card,
.vidu-workforce-profile-drawer,
.vidu-workforce-profile-empty {
  border: 1px solid var(--workforce-border);
  border-radius: 16px;
  background: var(--workforce-surface);
  color: var(--workforce-text);
}

.vidu-workforce-profile-hero {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 20px;
  background:
    linear-gradient(135deg, rgba(14, 116, 144, .14), rgba(59, 130, 246, .07)),
    var(--workforce-surface);
}

.vidu-workforce-profile-hero p,
.vidu-workforce-profile-toolbar span,
.vidu-workforce-profile-card header span,
.vidu-workforce-profile-drawer-head span,
.vidu-workforce-profile-detail-grid strong,
.vidu-workforce-profile-timeline span {
  display: block;
  margin: 0 0 5px;
  color: var(--workforce-faint);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-workforce-profile-hero h2,
.vidu-workforce-profile-drawer-head h3 {
  margin: 0 0 8px;
  color: var(--workforce-text);
}

.vidu-workforce-profile-hero span,
.vidu-workforce-profile-card p,
.vidu-workforce-profile-drawer-head p,
.vidu-workforce-profile-detail-grid span,
.vidu-workforce-profile-detail-grid p,
.vidu-workforce-profile-detail-grid li,
.vidu-workforce-profile-timeline p,
.vidu-workforce-profile-status {
  color: var(--workforce-muted);
}

.vidu-workforce-profile-hero strong {
  display: block;
  color: var(--workforce-text);
  font-size: 28px;
}

.vidu-workforce-profile-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  background: var(--workforce-surface-strong);
}

.vidu-workforce-profile-toolbar button,
.vidu-workforce-profile-tabs button,
.vidu-workforce-profile-drawer-head button {
  min-height: 34px;
  border: 1px solid var(--workforce-border);
  border-radius: 10px;
  background: rgba(15, 23, 42, .78);
  color: var(--workforce-muted);
  font-weight: 700;
  cursor: pointer;
}

.vidu-workforce-profile-toolbar button,
.vidu-workforce-profile-tabs button {
  padding: 0 14px;
}

.vidu-workforce-profile-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.vidu-workforce-profile-card {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  cursor: pointer;
}

.vidu-workforce-profile-card:hover,
.vidu-workforce-profile-card:focus-visible {
  border-color: var(--workforce-border-strong);
  background: var(--workforce-surface-soft);
}

.vidu-workforce-profile-avatar {
  width: 56px;
  height: 56px;
  overflow: hidden;
  border: 1px solid var(--workforce-border-strong);
  border-radius: 50%;
  background: var(--workforce-accent-bg);
}

.vidu-workforce-profile-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vidu-workforce-profile-avatar span {
  display: grid;
  height: 100%;
  place-items: center;
  color: var(--workforce-text);
  font-weight: 900;
}

.vidu-workforce-profile-card header strong {
  display: block;
  color: var(--workforce-text);
  font-size: 16px;
}

.vidu-workforce-profile-card header small {
  display: block;
  color: var(--workforce-muted);
}

.vidu-workforce-profile-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

.vidu-workforce-profile-chips span {
  min-height: 22px;
  padding: 2px 8px;
  border: 1px solid var(--workforce-border);
  border-radius: 999px;
  background: var(--workforce-surface-strong);
  color: var(--workforce-muted);
  font-size: 12px;
  font-weight: 700;
}

.vidu-workforce-profile-drawer {
  padding: 18px;
}

.vidu-workforce-profile-drawer-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.vidu-workforce-profile-drawer-head button {
  width: 34px;
  padding: 0;
  color: var(--workforce-text);
}

.vidu-workforce-profile-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.vidu-workforce-profile-tabs button.is-active {
  border-color: var(--workforce-border-strong);
  background: var(--workforce-accent-bg);
  color: var(--workforce-text);
}

.vidu-workforce-profile-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vidu-workforce-profile-detail-grid section,
.vidu-workforce-profile-timeline article {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--workforce-border);
  border-radius: 12px;
  background: var(--workforce-surface-strong);
}

.vidu-workforce-profile-detail-grid span,
.vidu-workforce-profile-detail-grid p,
.vidu-workforce-profile-detail-grid li {
  overflow-wrap: anywhere;
}

.vidu-workforce-profile-detail-grid ul {
  margin: 0 0 0 18px;
  padding: 0;
}

.vidu-workforce-profile-timeline {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.vidu-workforce-profile-empty {
  padding: 20px;
  color: var(--workforce-muted);
}

.vidu-workforce-profile-empty strong {
  display: block;
  margin-bottom: 6px;
  color: var(--workforce-text);
}

.vidu-workforce-profile-empty p {
  margin: 0 0 12px;
}

.vidu-workforce-profile-empty button {
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--workforce-border-strong);
  border-radius: 10px;
  background: var(--workforce-accent-bg);
  color: var(--workforce-text);
  font-weight: 800;
  cursor: pointer;
}

.vidu-workforce-education {
  --education-surface: rgba(15, 23, 42, .58);
  --education-surface-strong: rgba(2, 6, 23, .72);
  --education-surface-soft: rgba(30, 41, 59, .42);
  --education-border: rgba(148, 163, 184, .2);
  --education-border-strong: rgba(125, 211, 252, .34);
  --education-text: rgba(248, 250, 252, .94);
  --education-muted: rgba(203, 213, 225, .72);
  --education-faint: rgba(148, 163, 184, .64);
  --education-accent: rgba(34, 211, 238, .92);
  --education-accent-bg: rgba(14, 116, 144, .18);
  display: grid;
  gap: 16px;
  color: var(--education-text);
}

.vidu-workforce-education-hero {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 20px;
  border: 1px solid var(--education-border);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(14, 116, 144, .14), rgba(59, 130, 246, .07)),
    var(--education-surface);
}

.vidu-workforce-education-hero p {
  margin: 0 0 6px;
  color: var(--education-accent);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-workforce-education-hero h2 {
  margin: 0 0 8px;
  color: var(--education-text);
}

.vidu-workforce-education-hero span {
  display: block;
  max-width: 760px;
  color: var(--education-muted);
}

.vidu-workforce-education-hero strong {
  display: block;
  margin-bottom: 5px;
  color: var(--education-text);
}

.vidu-workforce-education-sections {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 6px;
  border: 1px solid var(--education-border);
  border-radius: 14px;
  background: var(--education-surface-strong);
}

.vidu-workforce-education-sections button,
.vidu-workforce-education-actions button {
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--education-border);
  border-radius: 10px;
  background: rgba(15, 23, 42, .78);
  color: var(--education-muted);
  font-weight: 700;
  cursor: pointer;
}

.vidu-workforce-education-sections button.is-active,
.vidu-workforce-education-actions button[type="submit"] {
  border-color: var(--education-border-strong);
  background: var(--education-accent-bg);
  color: var(--education-text);
}

.vidu-workforce-education-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--education-border);
  border-radius: 16px;
  background: var(--education-surface);
}

.vidu-workforce-education-filters label span {
  display: block;
  margin-bottom: 5px;
  color: var(--education-faint);
  font-size: 12px;
  font-weight: 700;
}

.vidu-workforce-education-filters input,
.vidu-workforce-education-filters select {
  width: 100%;
  min-height: 36px;
  border: 1px solid var(--education-border);
  border-radius: 10px;
  background: rgba(2, 6, 23, .68);
  color: var(--education-text);
  color-scheme: dark;
}

.vidu-workforce-education-actions {
  display: flex;
  align-items: end;
  gap: 8px;
}

.vidu-workforce-education-status {
  color: var(--education-muted);
}

.vidu-workforce-academy {
  display: grid;
  gap: 14px;
}

.vidu-workforce-academy-head,
.vidu-workforce-academy-card {
  border: 1px solid var(--education-border);
  border-radius: 16px;
  background: var(--education-surface);
  color: var(--education-text);
}

.vidu-workforce-academy-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
}

.vidu-workforce-academy-head-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.vidu-workforce-academy-head span,
.vidu-workforce-academy-card header span,
.vidu-workforce-academy-timeline span {
  display: block;
  margin-bottom: 4px;
  color: var(--education-faint);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-workforce-academy-head h4,
.vidu-workforce-academy-card h4 {
  margin: 0 0 6px;
  color: var(--education-text);
}

.vidu-workforce-academy-head p,
.vidu-workforce-academy-card p,
.vidu-workforce-academy-muted,
.vidu-workforce-academy-timeline p {
  margin: 0;
  color: var(--education-muted);
}

.vidu-workforce-academy-head button,
.vidu-workforce-academy-actions button {
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--education-border-strong);
  border-radius: 10px;
  background: var(--education-accent-bg);
  color: var(--education-text);
  font-weight: 800;
  cursor: pointer;
}

.vidu-workforce-academy-head button:disabled,
.vidu-workforce-academy-actions button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.vidu-workforce-academy-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.vidu-workforce-academy-card {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.vidu-workforce-academy-card header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.vidu-workforce-academy-card header b {
  align-self: start;
  white-space: nowrap;
  color: rgba(165, 243, 252, .94);
}

.vidu-workforce-academy-modules {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vidu-workforce-academy-modules li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border: 1px solid var(--education-border);
  border-radius: 10px;
  background: var(--education-surface-strong);
  color: var(--education-muted);
}

.vidu-workforce-academy-modules span {
  color: var(--education-faint);
}

.vidu-workforce-academy-timeline {
  display: grid;
  gap: 8px;
}

.vidu-workforce-academy-timeline article {
  padding: 10px;
  border: 1px solid var(--education-border);
  border-radius: 12px;
  background: var(--education-surface-strong);
}

.vidu-workforce-academy-timeline strong {
  color: var(--education-text);
}

.vidu-workforce-academy-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vidu-workforce-academy-actions span {
  color: var(--education-muted);
  font-size: 12px;
  font-weight: 700;
}

.vidu-workforce-academy-evidence {
  border: 1px solid rgba(139, 113, 255, 0.22);
  border-radius: 14px;
  background: rgba(139, 113, 255, 0.055);
  overflow: hidden;
}

.vidu-workforce-academy-evidence summary {
  padding: 11px 13px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  color: var(--vidu-text-primary, #f5f2ff);
}

.vidu-workforce-academy-evidence summary span {
  margin-left: 6px;
  color: #bdaeff;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.vidu-workforce-academy-evidence > div {
  display: grid;
  gap: 10px;
  padding: 0 13px 13px;
}

.vidu-workforce-academy-evidence label {
  display: grid;
  gap: 6px;
  color: var(--vidu-text-secondary, #c8c1da);
  font-size: 11px;
  font-weight: 650;
}

.vidu-workforce-academy-evidence input,
.vidu-workforce-academy-evidence textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(7, 5, 16, 0.6);
  color: var(--vidu-text-primary, #fff);
  padding: 9px 10px;
  font: inherit;
  resize: vertical;
}

.vidu-workforce-academy-evidence p {
  margin: 0;
  font-size: 10px;
  line-height: 1.45;
  color: var(--vidu-text-muted, #9189a6);
}

.vidu-workforce-first-day {
  display: grid;
  gap: 14px;
}

.vidu-workforce-first-day-hero,
.vidu-workforce-first-day-grid article,
.vidu-workforce-first-day-columns section,
.vidu-workforce-first-day-timeline article,
.vidu-workforce-first-day-alerts article {
  border: 1px solid var(--education-border);
  border-radius: 16px;
  background: var(--education-surface);
  color: var(--education-text);
}

.vidu-workforce-first-day-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
}

.vidu-workforce-first-day-hero span,
.vidu-workforce-first-day-grid article > span,
.vidu-workforce-first-day-columns header span,
.vidu-workforce-first-day-timeline span {
  display: block;
  margin-bottom: 6px;
  color: var(--education-faint);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-workforce-first-day-hero h4 {
  margin: 0 0 6px;
  color: var(--education-text);
}

.vidu-workforce-first-day-hero p,
.vidu-workforce-first-day-grid p,
.vidu-workforce-first-day-columns p,
.vidu-workforce-first-day-timeline p,
.vidu-workforce-first-day-alerts p,
.vidu-workforce-first-day-alerts span {
  margin: 0;
  color: var(--education-muted);
}

.vidu-workforce-first-day-hero b,
.vidu-workforce-first-day-metrics span,
.vidu-workforce-first-day-columns header strong {
  color: rgba(165, 243, 252, .94);
}

.vidu-workforce-first-day-hero b.is-blocked,
.vidu-workforce-first-day-metrics .is-blocked {
  color: rgba(252, 165, 165, .96);
}

.vidu-workforce-first-day-hero b.is-partial,
.vidu-workforce-first-day-metrics .is-partial {
  color: rgba(253, 224, 71, .94);
}

.vidu-workforce-first-day-metrics,
.vidu-workforce-first-day-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.vidu-workforce-first-day-metrics section,
.vidu-workforce-first-day-grid article {
  padding: 14px;
}

.vidu-workforce-first-day-metrics section {
  border: 1px solid var(--education-border);
  border-radius: 14px;
  background: var(--education-surface-strong);
}

.vidu-workforce-first-day-metrics strong {
  display: block;
  margin-bottom: 5px;
  color: var(--education-faint);
  font-size: 11px;
  text-transform: uppercase;
}

.vidu-workforce-first-day-grid article {
  display: grid;
  gap: 8px;
}

.vidu-workforce-first-day-grid ul,
.vidu-workforce-first-day-columns ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
  color: var(--education-muted);
}

.vidu-workforce-first-day-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.vidu-workforce-first-day-columns section {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 14px;
}

.vidu-workforce-first-day-columns header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.vidu-workforce-first-day-columns article {
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid var(--education-border);
  border-radius: 12px;
  background: var(--education-surface-strong);
}

.vidu-workforce-first-day-columns article strong,
.vidu-workforce-first-day-grid article strong,
.vidu-workforce-first-day-timeline strong,
.vidu-workforce-first-day-alerts strong {
  color: var(--education-text);
}

.vidu-workforce-first-day-columns article div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.vidu-workforce-first-day-columns article div span {
  padding: 4px 7px;
  border: 1px solid var(--education-border);
  border-radius: 999px;
  color: var(--education-faint);
  font-size: 11px;
}

.vidu-workforce-first-day-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.vidu-workforce-first-day-timeline article {
  padding: 12px;
  background: var(--education-surface-strong);
}

.vidu-workforce-first-day-timeline article.is-ready {
  border-color: rgba(45, 212, 191, .35);
}

.vidu-workforce-first-day-timeline article.is-blocked {
  border-color: rgba(248, 113, 113, .42);
}

.vidu-workforce-first-day-alerts {
  display: grid;
  gap: 8px;
}

.vidu-workforce-first-day-alerts article {
  display: grid;
  gap: 5px;
  padding: 12px;
  background: rgba(30, 41, 59, .64);
}

.vidu-workforce-first-day-alerts article.is-error {
  border-color: rgba(248, 113, 113, .42);
  background: rgba(127, 29, 29, .2);
}

.vidu-clara-activation-readiness {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--education-border-strong);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(8, 47, 73, .42), rgba(15, 23, 42, .78));
  color: var(--education-text);
}

.vidu-clara-activation-readiness > header,
.vidu-clara-activation-readiness > footer,
.vidu-clara-activation-steps article {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.vidu-clara-activation-readiness > header span,
.vidu-clara-activation-readiness > footer span {
  display: block;
  margin-bottom: 4px;
  color: var(--education-faint);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.vidu-clara-activation-readiness h4,
.vidu-clara-activation-readiness p {
  margin: 0;
}

.vidu-clara-activation-readiness h4 {
  margin-bottom: 5px;
}

.vidu-clara-activation-readiness p {
  color: var(--education-muted);
}

.vidu-clara-activation-readiness > header > b,
.vidu-clara-activation-steps article > b {
  color: rgba(253, 224, 71, .94);
  font-size: 11px;
  text-transform: uppercase;
}

.vidu-clara-activation-readiness > header > b.is-ready,
.vidu-clara-activation-steps article.is-ready > b {
  color: rgba(94, 234, 212, .96);
}

.vidu-clara-activation-readiness > header > b.is-blocked,
.vidu-clara-activation-steps article.is-blocked > b {
  color: rgba(252, 165, 165, .96);
}

.vidu-clara-activation-steps {
  display: grid;
  gap: 8px;
}

.vidu-clara-activation-steps article {
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--education-border);
  border-radius: 12px;
  background: rgba(15, 23, 42, .58);
}

.vidu-clara-activation-steps article > span {
  display: grid;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid var(--education-border-strong);
  border-radius: 50%;
  color: var(--education-faint);
  font-size: 11px;
  font-weight: 800;
}

.vidu-clara-activation-steps article > div {
  min-width: 0;
  flex: 1;
}

.vidu-clara-activation-steps article strong {
  display: block;
  margin-bottom: 3px;
}

.vidu-clara-activation-readiness > footer {
  display: grid;
  grid-template-columns: minmax(0, 2fr) repeat(2, minmax(130px, 1fr)) auto;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid var(--education-border);
}

.vidu-clara-activation-readiness > footer > div {
  min-width: 0;
}

.vidu-clara-activation-readiness > footer > button {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(56, 189, 248, .45);
  border-radius: 11px;
  background: rgba(14, 165, 233, .16);
  color: #e0f2fe;
  font-weight: 800;
  cursor: pointer;
}

.vidu-clara-activation-readiness > footer > button:disabled {
  cursor: wait;
  opacity: .58;
}

.vidu-workforce-education-note {
  padding: 10px 12px;
  border: 1px solid var(--education-border-strong);
  border-left: 4px solid var(--education-accent);
  border-radius: 12px;
  background: var(--education-accent-bg);
  color: var(--education-muted);
}

.vidu-reference-architecture-extractor {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--education-border);
  border-radius: 16px;
  background: var(--education-surface);
  color: var(--education-text);
}

.vidu-reference-architecture-extractor header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
}

.vidu-reference-architecture-extractor header span {
  color: var(--education-faint);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-reference-architecture-extractor header strong {
  color: rgba(165, 243, 252, .94);
}

.vidu-reference-architecture-extractor p {
  margin: 0;
  color: var(--education-muted);
}

.vidu-reference-architecture-extractor-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.vidu-reference-architecture-extractor-grid section {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--education-border);
  border-radius: 12px;
  background: var(--education-surface-strong);
}

.vidu-reference-architecture-extractor-grid b,
.vidu-reference-architecture-extractor-grid span {
  display: block;
}

.vidu-reference-architecture-extractor-grid b {
  margin-bottom: 4px;
  color: var(--education-faint);
  font-size: 11px;
  text-transform: uppercase;
}

.vidu-reference-architecture-extractor-grid span {
  overflow-wrap: anywhere;
  color: var(--education-text);
  font-size: 12px;
}

.vidu-bootstrap-workspace-summary,
.vidu-bootstrap-audit-panel {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--education-border);
  border-radius: 16px;
  background: var(--education-surface);
  color: var(--education-text);
}

.vidu-bootstrap-workspace-head,
.vidu-bootstrap-audit-panel header {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}

.vidu-bootstrap-workspace-head > div,
.vidu-bootstrap-audit-panel header > div {
  min-width: min(100%, 260px);
  flex: 1 1 360px;
}

.vidu-bootstrap-workspace-head span,
.vidu-bootstrap-audit-panel header span,
.vidu-bootstrap-readiness-grid strong,
.vidu-bootstrap-metric-grid strong,
.vidu-bootstrap-audit-summary strong,
.vidu-bootstrap-source-section h5,
.vidu-bootstrap-action-toolbar strong,
.vidu-bootstrap-source-current span,
.vidu-bootstrap-source-pipeline strong,
.vidu-bootstrap-source-metrics strong {
  display: block;
  color: var(--education-faint);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-bootstrap-workspace-head h4,
.vidu-bootstrap-audit-panel h4,
.vidu-bootstrap-source-section h5 {
  margin: 0 0 6px;
  color: var(--education-text);
  overflow-wrap: anywhere;
}

.vidu-bootstrap-workspace-head p,
.vidu-bootstrap-audit-panel p {
  margin: 0;
  color: var(--education-muted);
}

.vidu-bootstrap-workspace-head b,
.vidu-bootstrap-audit-panel header b,
.vidu-bootstrap-readiness-grid span,
.vidu-bootstrap-audit-summary span {
  padding: 6px 10px;
  border: 1px solid var(--education-border);
  border-radius: 999px;
  background: var(--education-surface-strong);
  color: var(--education-muted);
  font-size: 12px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.vidu-bootstrap-workspace-summary .is-ready,
.vidu-bootstrap-audit-panel .is-ready,
.vidu-bootstrap-source-pipeline .is-ready {
  border-color: rgba(34, 197, 94, .32);
  background: rgba(34, 197, 94, .1);
  color: rgba(187, 247, 208, .95);
}

.vidu-bootstrap-workspace-summary .is-partial,
.vidu-bootstrap-audit-panel .is-partial,
.vidu-bootstrap-source-pipeline .is-partial,
.vidu-bootstrap-source-pipeline .is-running {
  border-color: rgba(251, 191, 36, .34);
  background: rgba(251, 191, 36, .1);
  color: rgba(254, 240, 138, .94);
}

.vidu-bootstrap-workspace-summary .is-blocked,
.vidu-bootstrap-audit-panel .is-blocked,
.vidu-bootstrap-source-pipeline .is-blocked {
  border-color: rgba(248, 113, 113, .32);
  background: rgba(248, 113, 113, .1);
  color: rgba(254, 202, 202, .95);
}

.vidu-bootstrap-readiness-grid,
.vidu-bootstrap-metric-grid,
.vidu-bootstrap-audit-summary,
.vidu-bootstrap-source-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 8px;
  min-width: 0;
}

.vidu-bootstrap-readiness-grid section,
.vidu-bootstrap-metric-grid section,
.vidu-bootstrap-audit-summary section,
.vidu-bootstrap-source-metrics section {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--education-border);
  border-radius: 12px;
  background: var(--education-surface-strong);
}

.vidu-bootstrap-metric-grid span,
.vidu-bootstrap-source-metrics span {
  display: block;
  overflow-wrap: anywhere;
  color: var(--education-text);
  font-weight: 800;
}

.vidu-bootstrap-timeline,
.vidu-bootstrap-audit-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.vidu-bootstrap-timeline span {
  padding: 6px 9px;
  border: 1px solid var(--education-border);
  border-radius: 999px;
  background: var(--education-surface-strong);
  color: var(--education-muted);
  font-size: 12px;
  font-weight: 800;
}

.vidu-bootstrap-audit-actions button,
.vidu-bootstrap-action-toolbar button {
  min-height: 34px;
  min-width: min(100%, 118px);
  max-width: 100%;
  padding: 0 12px;
  border: 1px solid var(--education-border);
  border-radius: 10px;
  background: rgba(15, 23, 42, .78);
  color: var(--education-muted);
  font-weight: 800;
  overflow-wrap: anywhere;
  text-align: left;
  cursor: pointer;
}

.vidu-bootstrap-audit-actions button:first-child,
.vidu-bootstrap-primary-action button.is-primary:not(:disabled) {
  border-color: var(--education-border-strong);
  background: var(--education-accent-bg);
  color: var(--education-text);
}

.vidu-bootstrap-audit-actions button:disabled,
.vidu-bootstrap-action-toolbar button:disabled {
  cursor: not-allowed;
  opacity: .46;
}

.vidu-bootstrap-audit-export {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--education-border);
  border-radius: 12px;
  background: var(--education-surface-strong);
}

.vidu-bootstrap-audit-export summary {
  color: var(--education-text);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.vidu-bootstrap-audit-export pre {
  max-height: 260px;
  overflow: auto;
  margin: 0;
  color: rgba(226, 232, 240, .9);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.vidu-bootstrap-disclosure {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--education-border);
  border-radius: 10px;
  background: rgba(15, 23, 42, .78);
  color: var(--education-muted);
  font-weight: 800;
  cursor: pointer;
}

.vidu-bootstrap-disclosure:focus-visible,
.vidu-bootstrap-audit-actions button:focus-visible,
.vidu-bootstrap-action-toolbar button:focus-visible,
.vidu-bootstrap-primary-action button:focus-visible {
  outline: 2px solid rgba(125, 211, 252, .78);
  outline-offset: 2px;
}

.vidu-bootstrap-details-panel,
.vidu-bootstrap-source-details {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.vidu-bootstrap-source-details .vidu-workforce-education-detail-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
}

.vidu-bootstrap-source-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap: 14px;
  min-width: 0;
}

.vidu-workforce-education-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.vidu-workforce-education-card,
.vidu-workforce-education-empty,
.vidu-workforce-education-readiness-grid section {
  border: 1px solid var(--education-border);
  border-radius: 16px;
  background: var(--education-surface);
  color: var(--education-text);
}

.vidu-workforce-education-card {
  padding: 16px;
}

.vidu-workforce-education-card header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.vidu-workforce-education-card header span,
.vidu-workforce-education-detail-grid strong,
.vidu-workforce-education-profile-grid strong {
  display: block;
  margin-bottom: 4px;
  color: var(--education-faint);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-workforce-education-card h4 {
  margin: 0 0 6px;
  color: var(--education-text);
}

.vidu-workforce-education-card p {
  margin: 0;
  color: var(--education-muted);
}

.vidu-workforce-education-card header b {
  white-space: nowrap;
  color: rgba(165, 243, 252, .94);
}

.vidu-workforce-education-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}

.vidu-workforce-education-chip-row span {
  min-height: 22px;
  padding: 2px 8px;
  border: 1px solid var(--education-border);
  border-radius: 999px;
  background: var(--education-surface-strong);
  color: var(--education-muted);
  font-size: 12px;
  font-weight: 700;
}

.vidu-workforce-education-card details {
  margin-top: 12px;
}

.vidu-workforce-education-detail-grid,
.vidu-workforce-education-profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.vidu-workforce-education-detail-grid section,
.vidu-workforce-education-profile-grid section {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--education-border);
  border-radius: 12px;
  background: var(--education-surface-strong);
}

.vidu-workforce-education-detail-grid span,
.vidu-workforce-education-profile-grid span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.vidu-workforce-education-detail-grid ul {
  margin: 0 0 0 18px;
  padding: 0;
  color: var(--education-muted);
}

.vidu-bootstrap-source-pairs {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vidu-bootstrap-source-pairs li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  min-width: 0;
  color: var(--education-muted);
  font-size: 12px;
}

.vidu-bootstrap-source-pairs span,
.vidu-bootstrap-source-pairs b,
.vidu-bootstrap-source-empty {
  min-width: 0;
  overflow-wrap: anywhere;
}

.vidu-bootstrap-source-pairs b {
  color: var(--education-text);
  text-align: right;
}

.vidu-bootstrap-source-empty {
  margin: 0;
  color: var(--education-muted);
}

.vidu-reference-architecture-extractor details {
  max-height: 150px;
  overflow: auto;
  padding: 8px 10px;
  border: 1px solid var(--education-border);
  border-radius: 8px;
  background: var(--education-surface-strong);
}

.vidu-reference-architecture-extractor details p {
  overflow-wrap: anywhere;
}

.vidu-workforce-education-profile-grid span {
  display: block;
  overflow-wrap: anywhere;
  color: var(--education-text);
}

.vidu-workforce-education-card pre {
  max-height: 220px;
  overflow: auto;
  margin: 0;
  color: rgba(226, 232, 240, .9);
  white-space: pre-wrap;
}

.vidu-bootstrap-source-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
}

.vidu-bootstrap-source-head {
  margin-bottom: 0;
}

.vidu-bootstrap-source-head > div {
  min-width: 0;
}

.vidu-bootstrap-source-head h4,
.vidu-bootstrap-source-head p,
.vidu-bootstrap-source-head span,
.vidu-bootstrap-source-head b {
  overflow-wrap: anywhere;
}

.vidu-bootstrap-source-head b {
  white-space: normal;
}

.vidu-bootstrap-source-card.is-failed {
  border-color: rgba(248, 113, 113, .28);
}

.vidu-bootstrap-source-current {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(140px, .6fr);
  gap: 10px;
  min-width: 0;
}

.vidu-bootstrap-source-current > div,
.vidu-bootstrap-source-section {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--education-border);
  border-radius: 12px;
  background: var(--education-surface-strong);
}

.vidu-bootstrap-source-current strong {
  display: block;
  color: var(--education-text);
  overflow-wrap: anywhere;
}

.vidu-bootstrap-source-current p {
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.vidu-bootstrap-source-quick-metrics,
.vidu-bootstrap-primary-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.vidu-bootstrap-source-quick-metrics span {
  padding: 6px 9px;
  border: 1px solid var(--education-border);
  border-radius: 999px;
  background: var(--education-surface-strong);
  color: var(--education-muted);
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.vidu-bootstrap-primary-action button {
  min-height: 36px;
  min-width: min(100%, 142px);
  max-width: 100%;
  padding: 0 12px;
  border: 1px solid var(--education-border);
  border-radius: 10px;
  background: rgba(15, 23, 42, .78);
  color: var(--education-muted);
  font-weight: 800;
  overflow-wrap: anywhere;
  text-align: left;
  cursor: pointer;
}

.vidu-bootstrap-source-section {
  display: grid;
  gap: 8px;
}

.vidu-bootstrap-source-pipeline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 124px), 1fr));
  gap: 8px;
  min-width: 0;
}

.vidu-bootstrap-source-pipeline section {
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--education-border);
  border-radius: 12px;
  background: var(--education-surface-strong);
}

.vidu-bootstrap-source-pipeline section.is-current {
  box-shadow: inset 0 0 0 1px var(--education-border-strong);
}

.vidu-bootstrap-source-pipeline span {
  display: block;
  color: var(--education-muted);
  font-size: 12px;
  font-weight: 800;
}

.vidu-bootstrap-action-toolbar {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  min-width: 0;
}

.vidu-bootstrap-action-toolbar div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--education-border);
  border-radius: 12px;
  background: var(--education-surface-strong);
}

.vidu-bootstrap-action-toolbar strong {
  flex: 0 0 100%;
}

.vidu-workforce-education-empty {
  padding: 20px;
  color: var(--education-muted);
}

.vidu-workforce-education-readiness {
  display: grid;
  gap: 14px;
}

.vidu-workforce-education-readiness-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 12px;
}

.vidu-workforce-education-readiness-grid section {
  padding: 14px;
}

.vidu-workforce-education-readiness-grid strong {
  display: block;
  color: var(--education-faint);
  font-size: 11px;
  text-transform: uppercase;
}

.vidu-workforce-education-readiness-grid span {
  color: var(--education-text);
  font-size: 24px;
  font-weight: 800;
}

.vidu-reference-architecture-inspection {
  display: grid;
  gap: 14px;
}

.vidu-reference-inspection-shell {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--education-border);
  border-radius: 18px;
  background: var(--education-surface);
  color: var(--education-text);
}

.vidu-reference-inspection-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}

.vidu-reference-inspection-head span,
.vidu-reference-inspection-summary strong,
.vidu-reference-inspection-counts strong,
.vidu-reference-inspection-controls label > span,
.vidu-reference-inspection-detail header span,
.vidu-reference-inspection-row-main b {
  display: block;
  color: var(--education-faint);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-reference-inspection-head h4,
.vidu-reference-inspection-detail h4 {
  margin: 0 0 6px;
  color: var(--education-text);
}

.vidu-reference-inspection-head p {
  margin: 0;
  color: var(--education-muted);
}

.vidu-reference-inspection-head button,
.vidu-reference-inspection-view-switch button {
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--education-border);
  border-radius: 10px;
  background: rgba(15, 23, 42, .78);
  color: var(--education-muted);
  font-weight: 800;
  cursor: pointer;
}

.vidu-reference-inspection-view-switch button.is-active {
  border-color: var(--education-border-strong);
  background: var(--education-accent-bg);
  color: var(--education-text);
}

.vidu-reference-inspection-note {
  padding: 10px 12px;
  border: 1px solid var(--education-border-strong);
  border-radius: 12px;
  background: var(--education-accent-bg);
  color: var(--education-muted);
}

.vidu-reference-inspection-summary,
.vidu-reference-inspection-counts {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.vidu-reference-inspection-summary section,
.vidu-reference-inspection-counts section {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--education-border);
  border-radius: 12px;
  background: var(--education-surface-strong);
}

.vidu-reference-inspection-summary span,
.vidu-reference-inspection-counts span {
  display: block;
  color: var(--education-text);
  font-size: 18px;
  font-weight: 800;
}

.vidu-reference-inspection-warnings {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.vidu-reference-inspection-warnings span {
  padding: 5px 9px;
  border: 1px solid rgba(251, 191, 36, .28);
  border-radius: 999px;
  background: rgba(251, 191, 36, .1);
  color: rgba(254, 240, 138, .92);
  font-size: 12px;
  font-weight: 800;
}

.vidu-reference-inspection-controls {
  display: grid;
  grid-template-columns: 170px 170px minmax(220px, 1fr) 120px 150px auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--education-border);
  border-radius: 14px;
  background: var(--education-surface-strong);
}

.vidu-reference-inspection-controls input,
.vidu-reference-inspection-controls select {
  width: 100%;
  min-height: 36px;
  border: 1px solid var(--education-border);
  border-radius: 10px;
  background: rgba(2, 6, 23, .68);
  color: var(--education-text);
  color-scheme: dark;
}

.vidu-reference-inspection-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
}

.vidu-reference-inspection-checkbox input {
  width: auto;
  min-height: auto;
}

.vidu-reference-inspection-view-switch {
  display: flex;
  gap: 6px;
}

.vidu-reference-inspection-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  gap: 14px;
  align-items: start;
}

.vidu-reference-inspection-browser,
.vidu-reference-inspection-detail,
.vidu-reference-inspection-raw {
  min-width: 0;
  border: 1px solid var(--education-border);
  border-radius: 14px;
  background: var(--education-surface-strong);
}

.vidu-reference-inspection-browser {
  max-height: 620px;
  overflow: auto;
  padding: 10px;
}

.vidu-reference-inspection-tree-node {
  margin-left: calc(var(--inspection-depth, 0) * 12px);
}

.vidu-reference-inspection-tree-row {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 6px;
  margin-bottom: 6px;
}

.vidu-reference-inspection-tree-row button,
.vidu-reference-inspection-table button {
  min-width: 0;
  border: 1px solid var(--education-border);
  border-radius: 10px;
  background: rgba(15, 23, 42, .62);
  color: var(--education-text);
  cursor: pointer;
}

.vidu-reference-inspection-tree-row button:disabled {
  cursor: default;
  opacity: .4;
}

.vidu-reference-inspection-tree-row button[data-reference-inspection-node],
.vidu-reference-inspection-tree-row button[data-reference-grammar-node],
.vidu-reference-inspection-tree-row button[data-reference-projection-node] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding: 8px 10px;
  text-align: left;
}

.vidu-reference-inspection-tree-node.is-selected > .vidu-reference-inspection-tree-row button[data-reference-inspection-node],
.vidu-reference-inspection-tree-node.is-selected > .vidu-reference-inspection-tree-row button[data-reference-grammar-node],
.vidu-reference-inspection-tree-node.is-selected > .vidu-reference-inspection-tree-row button[data-reference-projection-node],
.vidu-reference-inspection-table button.is-selected {
  border-color: var(--education-border-strong);
  background: var(--education-accent-bg);
}

.vidu-reference-inspection-tree-node.is-suspicious > .vidu-reference-inspection-tree-row button[data-reference-inspection-node],
.vidu-reference-inspection-tree-node.is-suspicious > .vidu-reference-inspection-tree-row button[data-reference-projection-node] {
  box-shadow: inset 3px 0 0 rgba(251, 191, 36, .7);
}

.vidu-reference-inspection-row-main,
.vidu-reference-inspection-row-meta {
  min-width: 0;
}

.vidu-reference-inspection-row-main span,
.vidu-reference-inspection-row-meta {
  overflow: hidden;
  color: var(--education-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-reference-inspection-row-main span {
  color: var(--education-text);
  font-weight: 800;
}

.vidu-reference-inspection-table {
  display: grid;
  gap: 6px;
}

.vidu-reference-inspection-table > div,
.vidu-reference-inspection-table button {
  display: grid;
  grid-template-columns: 64px 96px minmax(180px, 1fr) 86px minmax(220px, 1.2fr) 110px 86px minmax(160px, .9fr);
  gap: 8px;
  align-items: center;
  padding: 8px;
  text-align: left;
}

.vidu-reference-inspection-table > div {
  color: var(--education-faint);
  font-size: 11px;
  text-transform: uppercase;
}

.vidu-reference-inspection-table span {
  min-width: 0;
  overflow: hidden;
  color: var(--education-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-reference-inspection-detail {
  position: sticky;
  top: 0;
  display: grid;
  gap: 12px;
  padding: 14px;
}

.vidu-reference-inspection-wide {
  grid-column: 1 / -1;
}

.vidu-reference-inspection-detail pre,
.vidu-reference-inspection-raw pre {
  max-height: 260px;
  overflow: auto;
  margin: 0;
  color: rgba(226, 232, 240, .9);
  white-space: pre-wrap;
}

.vidu-reference-inspection-raw {
  padding: 12px;
}

.vidu-projection-badge {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  padding: 3px 8px;
  border: 1px solid var(--education-border);
  border-radius: 999px;
  background: rgba(15, 23, 42, .72);
  color: var(--education-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-projection-badge.is-educational {
  border-color: rgba(34, 197, 94, .34);
  background: rgba(34, 197, 94, .12);
  color: rgba(187, 247, 208, .94);
}

.vidu-projection-badge.is-operational {
  border-color: rgba(56, 189, 248, .34);
  background: rgba(14, 165, 233, .12);
  color: rgba(186, 230, 253, .94);
}

.vidu-projection-badge.is-governance {
  border-color: rgba(168, 85, 247, .34);
  background: rgba(168, 85, 247, .12);
  color: rgba(233, 213, 255, .94);
}

.vidu-projection-badge.is-mixed,
.vidu-projection-badge.is-unclassified {
  border-color: rgba(251, 191, 36, .3);
  background: rgba(251, 191, 36, .1);
  color: rgba(254, 240, 138, .94);
}

.vidu-projection-review-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--education-border);
  border-radius: 14px;
  background: rgba(2, 6, 23, .34);
}

.vidu-projection-review-form label {
  display: grid;
  gap: 5px;
}

.vidu-projection-review-form label > span {
  color: var(--education-faint);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-projection-review-form input,
.vidu-projection-review-form select,
.vidu-projection-review-form textarea {
  min-height: 36px;
  border: 1px solid var(--education-border);
  border-radius: 10px;
  background: rgba(2, 6, 23, .68);
  color: var(--education-text);
  color-scheme: dark;
}

.vidu-projection-review-form textarea {
  padding: 8px 10px;
  resize: vertical;
}

.vidu-projection-review-form button {
  min-height: 38px;
  border: 1px solid var(--education-border-strong);
  border-radius: 10px;
  background: var(--education-accent-bg);
  color: var(--education-text);
  font-weight: 800;
  cursor: pointer;
}

@media (max-width: 1100px) {
  .vidu-workforce-profile-grid,
  .vidu-workforce-education-filters,
  .vidu-workforce-academy-grid,
  .vidu-workforce-education-grid,
  .vidu-reference-architecture-extractor-grid,
  .vidu-bootstrap-readiness-grid,
  .vidu-bootstrap-metric-grid,
  .vidu-bootstrap-audit-summary,
  .vidu-bootstrap-source-metrics,
  .vidu-bootstrap-source-pipeline,
  .vidu-bootstrap-source-current,
  .vidu-workforce-first-day-metrics,
  .vidu-workforce-first-day-grid,
  .vidu-workforce-first-day-columns,
  .vidu-workforce-first-day-timeline,
  .vidu-reference-inspection-summary,
  .vidu-reference-inspection-counts,
  .vidu-reference-inspection-controls,
  .vidu-reference-inspection-layout,
  .vidu-workforce-education-readiness-grid {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
  }
}

@media (max-width: 720px) {
  .vidu-workforce-profile-hero,
  .vidu-workforce-profile-toolbar,
  .vidu-workforce-profile-drawer-head,
  .vidu-workforce-education-hero,
  .vidu-bootstrap-workspace-head,
  .vidu-bootstrap-audit-panel header,
  .vidu-workforce-academy-head,
  .vidu-workforce-academy-card header,
  .vidu-workforce-education-card header {
    display: block;
  }

  .vidu-workforce-profile-grid,
  .vidu-workforce-profile-detail-grid,
  .vidu-workforce-education-filters,
  .vidu-workforce-academy-grid,
  .vidu-workforce-education-grid,
  .vidu-reference-architecture-extractor-grid,
  .vidu-bootstrap-readiness-grid,
  .vidu-bootstrap-metric-grid,
  .vidu-bootstrap-audit-summary,
  .vidu-bootstrap-source-metrics,
  .vidu-bootstrap-source-pipeline,
  .vidu-bootstrap-source-current,
  .vidu-workforce-first-day-metrics,
  .vidu-workforce-first-day-grid,
  .vidu-workforce-first-day-columns,
  .vidu-workforce-first-day-timeline,
  .vidu-workforce-education-detail-grid,
  .vidu-workforce-education-profile-grid,
  .vidu-workforce-education-readiness-grid {
    grid-template-columns: 1fr;
  }

  .vidu-bootstrap-source-pairs li {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .vidu-bootstrap-source-pairs b {
    text-align: left;
  }

  .vidu-workforce-first-day-hero {
    display: block;
  }

  .vidu-clara-activation-readiness > header,
  .vidu-clara-activation-steps article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .vidu-clara-activation-readiness > header > b,
  .vidu-clara-activation-steps article > b {
    grid-column: 2;
  }

  .vidu-clara-activation-readiness > footer {
    grid-template-columns: 1fr;
  }
}

.vidu-org-intel-shell {
  height: min(760px, calc(100svh - 132px));
  max-height: calc(100svh - 132px);
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 28px;
  background:
    linear-gradient(155deg, rgba(168, 85, 247, .055), transparent 44%),
    linear-gradient(135deg, rgba(22, 25, 43, .99) 0%, rgba(17, 20, 31, .99) 42%, rgba(13, 16, 24, .99) 100%);
  color: rgba(226, 232, 240, .92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 24px 90px rgba(2, 6, 23, .36);
}

.vidu-org-intel-head,
.vidu-org-intel-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 26px;
  z-index: 2;
  background: rgba(13, 16, 24, .76);
  backdrop-filter: blur(18px);
}

.vidu-org-intel-head {
  position: sticky;
  top: 0;
  border-bottom: 1px solid rgba(148, 163, 184, .12);
}

.vidu-org-intel-head span,
.vidu-org-intel-step > span,
.vidu-org-intel-review > span,
.vidu-org-intel-welcome > span,
.vidu-org-intel-created p {
  color: rgba(125, 211, 252, .76);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.vidu-org-intel-head h2,
.vidu-org-intel-step h3,
.vidu-org-intel-review h3,
.vidu-org-intel-welcome h3,
.vidu-org-intel-created h3 {
  margin: 5px 0 0;
  color: rgba(248, 250, 252, .96);
  letter-spacing: 0;
}

.vidu-org-intel-head h2 {
  font-size: 30px;
}

.vidu-org-intel-progress {
  min-width: 190px;
  display: grid;
  justify-items: end;
  gap: 3px;
}

.vidu-org-intel-progress strong {
  color: rgba(248, 250, 252, .94);
  font-size: 22px;
  font-weight: 820;
}

.vidu-org-intel-progress span,
.vidu-org-intel-progress em {
  color: rgba(148, 163, 184, .78);
  font-size: 12px;
  font-style: normal;
  letter-spacing: 0;
}

.vidu-org-intel-progress em {
  color: rgba(125, 211, 252, .78);
  font-weight: 760;
}

.vidu-org-intel-main {
  min-height: 0;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 28px;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.vidu-org-intel-welcome,
.vidu-org-intel-step,
.vidu-org-intel-review,
.vidu-org-intel-created {
  max-width: 880px;
  margin: 0 auto;
}

.vidu-org-intel-welcome {
  min-height: 440px;
  display: grid;
  align-content: center;
  gap: 18px;
}

.vidu-org-intel-welcome h3,
.vidu-org-intel-created h3 {
  max-width: 720px;
  font-size: 56px;
  line-height: .98;
}

.vidu-org-intel-welcome p,
.vidu-org-intel-step p,
.vidu-org-intel-review p,
.vidu-org-intel-created small {
  max-width: 660px;
  margin: 0;
  color: rgba(203, 213, 225, .72);
  font-size: 15px;
  line-height: 1.65;
}

.vidu-org-intel-architecture {
  position: relative;
  display: grid;
  gap: 0;
  max-width: 520px;
  margin-top: 18px;
  padding: 8px 0;
}

.vidu-org-intel-architecture::before {
  content: "";
  position: absolute;
  top: 26px;
  bottom: 26px;
  left: 17px;
  width: 1px;
  background: linear-gradient(180deg, rgba(125, 211, 252, .08), rgba(125, 211, 252, .42), rgba(148, 163, 184, .1));
}

.vidu-org-intel-architecture div {
  position: relative;
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 52px;
  color: rgba(226, 232, 240, .88);
}

.vidu-org-intel-architecture span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(125, 211, 252, .22);
  border-radius: 50%;
  background: rgba(13, 16, 24, .96);
  color: rgba(125, 211, 252, .8);
  font-size: 11px;
  font-weight: 820;
}

.vidu-org-intel-architecture strong {
  color: rgba(226, 232, 240, .88);
  font-size: 14px;
  font-weight: 760;
}

.vidu-org-intel-step h3,
.vidu-org-intel-review h3 {
  font-size: 42px;
  line-height: 1.05;
}

.vidu-org-intel-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

.vidu-org-intel-option {
  position: relative;
  min-height: 136px;
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 16px;
  border: 2px solid rgba(148, 163, 184, .12);
  border-radius: 20px;
  background: rgba(15, 23, 42, .52);
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.vidu-org-intel-option:hover {
  transform: translateY(-1px);
  border-color: rgba(148, 163, 184, .26);
  background: rgba(30, 41, 59, .42);
}

.vidu-org-intel-option.is-selected {
  transform: translateY(-2px);
  border-color: rgba(34, 211, 238, .54);
  background: rgba(14, 116, 144, .18);
  box-shadow: 0 18px 48px rgba(34, 211, 238, .105), inset 0 1px 0 rgba(255, 255, 255, .07);
}

.vidu-org-intel-option-icon {
  width: 30px;
  height: 30px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(34, 211, 238, .22), rgba(59, 130, 246, .14));
  box-shadow: inset 0 0 0 1px rgba(125, 211, 252, .16);
}

.vidu-org-intel-option-check {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(34, 211, 238, .38);
  border-radius: 50%;
  background: rgba(8, 145, 178, .24);
  color: rgba(240, 253, 250, .96);
  font-size: 13px;
  font-weight: 900;
  opacity: 0;
  transform: scale(.82);
  transition: opacity .18s ease, transform .18s ease;
}

.vidu-org-intel-option.is-selected .vidu-org-intel-option-check {
  opacity: 1;
  transform: scale(1);
}

.vidu-org-intel-option:focus-visible,
.vidu-org-intel-btn:focus-visible {
  outline: 2px solid rgba(125, 211, 252, .74);
  outline-offset: 3px;
}

.vidu-org-intel-option strong {
  color: rgba(248, 250, 252, .92);
  font-size: 15px;
}

.vidu-org-intel-option small {
  color: rgba(148, 163, 184, .8);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-org-intel-review-grid {
  display: grid;
  gap: 10px;
  margin-top: 24px;
}

.vidu-org-intel-review-created {
  margin-top: 16px;
  padding: 15px 16px;
  border: 1px solid rgba(34, 211, 238, .2);
  border-radius: 16px;
  background: rgba(14, 116, 144, .12);
  color: rgba(226, 232, 240, .9);
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}

.vidu-org-intel-review-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 16px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 16px;
  background: rgba(15, 23, 42, .44);
}

.vidu-org-intel-review-row span {
  color: rgba(148, 163, 184, .82);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.vidu-org-intel-review-row strong {
  color: rgba(248, 250, 252, .92);
  font-size: 14px;
  text-align: right;
}

.vidu-org-intel-created {
  min-height: 440px;
  display: grid;
  place-content: center;
  gap: 15px;
  text-align: center;
}

.vidu-org-intel-mark {
  width: 74px;
  height: 74px;
  margin: 0 auto 8px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(34, 211, 238, .9), rgba(59, 130, 246, .65));
  box-shadow: 0 22px 70px rgba(34, 211, 238, .24);
}

.vidu-org-intel-footer {
  position: sticky;
  bottom: 0;
  border-top: 1px solid rgba(148, 163, 184, .12);
}

.vidu-org-intel-footer > span {
  min-width: 0;
  color: rgba(148, 163, 184, .78);
  font-size: 12px;
}

.vidu-org-intel-footer > span.is-warning {
  color: rgba(251, 191, 36, .88);
}

.vidu-org-intel-footer > div {
  display: flex;
  gap: 10px;
}

.vidu-org-intel-btn {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 999px;
  background: rgba(15, 23, 42, .64);
  color: rgba(226, 232, 240, .88);
  font-size: 13px;
  font-weight: 760;
  cursor: pointer;
}

.vidu-org-intel-btn.is-primary {
  border-color: rgba(34, 211, 238, .36);
  background: linear-gradient(135deg, rgba(8, 145, 178, .9), rgba(37, 99, 235, .82));
  color: white;
}

.vidu-org-intel-btn:disabled {
  cursor: default;
  opacity: .42;
}

.vidu-org-intel-main > section {
  animation: viduOrgIntelStepIn .18s ease both;
}

@keyframes viduOrgIntelStepIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 860px) {
  .vidu-org-intel-shell {
    height: calc(100svh - 44px);
    max-height: calc(100svh - 44px);
    border-radius: 22px;
  }

  .vidu-org-intel-head,
  .vidu-org-intel-footer {
    align-items: stretch;
    flex-direction: column;
    padding: 18px;
  }

  .vidu-org-intel-main {
    max-height: none;
    padding: 20px;
  }

  .vidu-org-intel-options,
  .vidu-org-intel-architecture {
    grid-template-columns: 1fr;
  }

  .vidu-org-intel-head h2 {
    font-size: 24px;
  }

  .vidu-org-intel-welcome h3,
  .vidu-org-intel-created h3 {
    font-size: 38px;
  }

  .vidu-org-intel-step h3,
  .vidu-org-intel-review h3 {
    font-size: 30px;
  }

  .vidu-org-intel-progress {
    min-width: 0;
    justify-items: start;
  }

  .vidu-org-intel-footer > div {
    justify-content: flex-end;
  }
}

.vidu-core-api-diagnostics-actions {
  flex-wrap: wrap;
}

.vidu-core-api-client-meta strong {
  overflow-wrap: anywhere;
}

.vidu-core-api-diagnostics-output {
  min-height: 220px;
  max-height: 420px;
  margin: 0;
  padding: 14px;
  overflow: auto;
  border: 1px solid var(--vidu-border-subtle, var(--vidu-border-soft));
  border-radius: 12px;
  background: var(--vidu-surface-1, rgba(8, 10, 14, .96));
  color: var(--vidu-text-primary);
  font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  white-space: pre-wrap;
  word-break: break-word;
}

.vidu-people-hub-layout {
  display: grid;
  grid-template-columns: minmax(210px, 260px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.vidu-people-division-rail {
  display: grid;
  gap: 8px;
  position: sticky;
  top: 12px;
}

.vidu-people-division-rail button {
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 11px 12px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 12px;
  background: rgba(15, 23, 42, .42);
  color: var(--vidu-text-primary);
  text-align: left;
  cursor: pointer;
}

.vidu-people-division-rail button:hover,
.vidu-people-division-rail button.is-active {
  border-color: rgba(125, 211, 252, .38);
  background: rgba(14, 165, 233, .10);
}

.vidu-people-division-rail strong {
  font-size: 12px;
  font-weight: 800;
}

.vidu-people-division-rail span {
  color: var(--vidu-text-muted);
  font-size: 11px;
}

.vidu-people-members-center {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.vidu-people-division-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(125, 211, 252, .08), transparent 34%),
    rgba(15, 23, 42, .34);
}

.vidu-people-division-header span {
  display: block;
  margin-bottom: 5px;
  color: #a5f3fc;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.vidu-people-division-header h3 {
  margin: 0;
  color: var(--vidu-text-primary);
  font-size: 22px;
  line-height: 1.1;
}

.vidu-people-division-header p {
  margin: 7px 0 0;
  color: var(--vidu-text-muted);
  line-height: 1.45;
}

.vidu-people-division-header small {
  grid-column: 1 / -1;
  justify-self: start;
  padding: 5px 8px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 999px;
  color: var(--vidu-text-secondary);
  background: rgba(255, 255, 255, .035);
  font-size: 11px;
  font-weight: 760;
}

.vidu-people-member-section {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.vidu-people-member-section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.vidu-people-member-section > header span {
  color: #c4b5fd;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.vidu-people-member-section > header strong {
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-weight: 760;
}

.vidu-team-member-meta-line {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.vidu-team-member-meta-line span {
  max-width: 100%;
  overflow: hidden;
  padding: 5px 8px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 999px;
  color: var(--vidu-text-secondary);
  background: rgba(255, 255, 255, .035);
  font-size: 11px;
  font-weight: 720;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-team-member-card .vidu-team-member-presence {
  align-self: start;
  justify-self: end;
}

.vidu-team-custom-title-field span {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.vidu-team-member-card .vidu-team-watch-areas {
  margin-top: 10px;
}

@media (max-width: 860px) {
  .vidu-people-hub-layout {
    grid-template-columns: 1fr;
  }

  .vidu-people-division-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: static;
  }

  .vidu-people-division-header {
    grid-template-columns: 1fr;
  }
}

.vidu-architecture-map-shell {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-height: 760px;
  height: min(84vh, 920px);
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 45% 10%, rgba(124, 58, 237, .14), transparent 32%),
    linear-gradient(145deg, rgba(8, 13, 24, .98), rgba(4, 8, 16, .98));
  color: #eef2ff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .34);
}

.vidu-architecture-fullscreen-lock {
  overflow: hidden;
}

.vidu-architecture-map-shell.is-fullscreen {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  width: 100vw;
  height: 100dvh;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 52% 8%, rgba(124, 58, 237, .16), transparent 34%),
    linear-gradient(145deg, rgba(4, 7, 14, .99), rgba(2, 6, 12, .99));
  box-shadow: 0 30px 120px rgba(0, 0, 0, .74);
}

body > .vidu-architecture-map-shell.is-architecture-portal {
  margin: 0;
  max-width: none;
  max-height: none;
}

.vidu-architecture-map-shell.is-fullscreen .vidu-architecture-map-layout {
  grid-template-columns: 260px minmax(0, 1fr) 340px;
}

.vidu-architecture-map-shell.is-left-sidebar-collapsed .vidu-architecture-map-layout {
  grid-template-columns: 0 minmax(0, 1fr) minmax(300px, 340px);
}

.vidu-architecture-map-shell.is-right-sidebar-collapsed .vidu-architecture-map-layout {
  grid-template-columns: 220px minmax(0, 1fr) 0;
}

.vidu-architecture-map-shell.is-left-sidebar-collapsed.is-right-sidebar-collapsed .vidu-architecture-map-layout {
  grid-template-columns: 0 minmax(0, 1fr) 0;
}

.vidu-architecture-map-shell.is-fullscreen.is-left-sidebar-collapsed .vidu-architecture-map-layout {
  grid-template-columns: 0 minmax(0, 1fr) 340px;
}

.vidu-architecture-map-shell.is-fullscreen.is-right-sidebar-collapsed .vidu-architecture-map-layout {
  grid-template-columns: 260px minmax(0, 1fr) 0;
}

.vidu-architecture-map-shell.is-fullscreen.is-left-sidebar-collapsed.is-right-sidebar-collapsed .vidu-architecture-map-layout {
  grid-template-columns: 0 minmax(0, 1fr) 0;
}

.vidu-architecture-map-topbar,
.vidu-architecture-map-footer {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(148, 163, 184, .14);
  background: rgba(9, 13, 23, .76);
}

.vidu-architecture-map-footer {
  border-top: 1px solid rgba(148, 163, 184, .14);
  border-bottom: 0;
}

.vidu-architecture-map-topbar > div:first-child {
  display: grid;
  grid-template-columns: auto auto;
  gap: 2px 14px;
  align-items: center;
}

.vidu-architecture-map-topbar strong {
  grid-row: span 2;
  font-size: 25px;
  letter-spacing: .02em;
}

.vidu-architecture-map-topbar span {
  font-size: 15px;
  font-weight: 800;
}

.vidu-architecture-map-topbar em,
.vidu-architecture-map-footer span {
  color: rgba(203, 213, 225, .74);
  font-size: 12px;
  font-style: normal;
}

.vidu-architecture-map-actions,
.vidu-architecture-map-footer > div {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.vidu-architecture-map-actions button,
.vidu-architecture-map-footer button,
.vidu-architecture-drawer-actions button {
  height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 9px;
  background: rgba(15, 23, 42, .76);
  color: #e5e7eb;
  font-weight: 750;
  cursor: pointer;
}

.vidu-architecture-map-actions button.is-active,
.vidu-architecture-filter-grid button.is-active,
.vidu-architecture-drawer-actions button {
  border-color: rgba(168, 85, 247, .52);
  background: linear-gradient(135deg, rgba(124, 58, 237, .88), rgba(168, 85, 247, .72));
  color: #fff;
}

.vidu-architecture-drawer-actions button.is-danger {
  border-color: rgba(248, 113, 113, .48);
  background: linear-gradient(135deg, rgba(153, 27, 27, .86), rgba(239, 68, 68, .68));
}

.vidu-architecture-switch {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 9px;
  background: rgba(15, 23, 42, .58);
  color: rgba(226, 232, 240, .88);
  font-size: 12px;
}

.vidu-architecture-map-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) minmax(300px, 340px);
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

.vidu-architecture-map-sidebar,
.vidu-architecture-drawer {
  display: grid;
  align-content: start;
  gap: 18px;
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px;
  border-right: 1px solid rgba(148, 163, 184, .14);
  background: rgba(6, 10, 18, .62);
}

.vidu-architecture-drawer {
  z-index: 3;
  max-width: 360px;
  overflow-x: hidden;
  border-right: 0;
  border-left: 1px solid rgba(148, 163, 184, .14);
}

.vidu-architecture-map-sidebar > *,
.vidu-architecture-drawer > *,
.vidu-architecture-detail-card,
.vidu-architecture-detail-card *,
.vidu-architecture-detail-stack,
.vidu-architecture-detail-stack *,
.vidu-architecture-drawer-actions {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

.vidu-architecture-drawer input,
.vidu-architecture-drawer textarea,
.vidu-architecture-drawer select,
.vidu-architecture-drawer pre,
.vidu-architecture-drawer a,
.vidu-architecture-drawer li,
.vidu-architecture-drawer strong,
.vidu-architecture-drawer p {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.vidu-architecture-drawer.is-collapsed,
.vidu-architecture-map-shell.is-left-sidebar-collapsed .vidu-architecture-map-sidebar {
  padding: 0;
  border: 0;
  overflow: hidden;
}

.vidu-architecture-sidebar-collapse,
.vidu-architecture-sidebar-reopen {
  min-height: 32px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 10px;
  background: rgba(15, 23, 42, .78);
  color: #e5e7eb;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.vidu-architecture-sidebar-reopen {
  position: sticky;
  top: 12px;
  z-index: 8;
  width: max-content;
  padding: 7px 11px;
  margin: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .28);
}

.vidu-architecture-sidebar-reopen.is-right.is-floating {
  left: auto;
  float: right;
}

.vidu-architecture-map-sidebar section {
  display: grid;
  gap: 10px;
}

.vidu-architecture-map-sidebar section > span,
.vidu-architecture-detail-stack span {
  color: rgba(196, 181, 253, .92);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-architecture-map-sidebar select {
  width: 100%;
  height: 34px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 9px;
  background: rgba(15, 23, 42, .72);
  color: #e5e7eb;
}

.vidu-architecture-status-list,
.vidu-architecture-filter-grid {
  display: grid;
  gap: 8px;
}

.vidu-architecture-filter-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vidu-architecture-status-list button,
.vidu-architecture-filter-grid button,
.vidu-architecture-map-sidebar label {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 30px;
  padding: 7px 9px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 999px;
  background: rgba(15, 23, 42, .45);
  color: rgba(226, 232, 240, .84);
  font-size: 12px;
}

.vidu-architecture-status-list button {
  justify-content: space-between;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.vidu-architecture-status-list i,
.vidu-architecture-map-footer i {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #64748b;
}

.vidu-architecture-status-list .is-foundation,
.vidu-architecture-map-footer .is-foundation { background: #3b82f6; }
.vidu-architecture-status-list .is-active,
.vidu-architecture-map-footer .is-active { background: #22c55e; }
.vidu-architecture-status-list .is-stable,
.vidu-architecture-map-footer .is-stable { background: #14b8a6; }
.vidu-architecture-status-list .is-needs_refinement,
.vidu-architecture-map-footer .is-needs_refinement { background: #fb923c; }
.vidu-architecture-status-list .is-deprecated,
.vidu-architecture-map-footer .is-deprecated { background: #ef4444; }

.vidu-architecture-map-stats p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  color: rgba(203, 213, 225, .72);
}

.vidu-architecture-map-stats b {
  color: #fff;
}

.vidu-architecture-map-stats i {
  font-style: normal;
}

.vidu-architecture-map-canvas-wrap {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  background-image:
    linear-gradient(rgba(148, 163, 184, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, .055) 1px, transparent 1px);
  background-size: 32px 32px;
}

.vidu-architecture-map-canvas {
  position: relative;
  min-width: 1800px;
  min-height: 1400px;
  width: 1800px;
  height: 1400px;
  transform: scale(var(--architecture-zoom, 1));
  transform-origin: 0 0;
}

.vidu-architecture-map-edges {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 1800px;
  height: 1400px;
  pointer-events: none;
}

.vidu-architecture-map-edges path {
  fill: none;
  stroke: rgba(203, 213, 225, .72);
  stroke-width: 1.35;
}

.vidu-architecture-map-edges path.is-runtime-active {
  stroke: rgba(192, 132, 252, .96);
  stroke-width: 2.6;
  filter: drop-shadow(0 0 8px rgba(168, 85, 247, .7));
  stroke-dasharray: 8 7;
  animation: vidu-architecture-edge-flow 1.1s linear infinite;
}

.vidu-architecture-map-edges path.is-budget,
.vidu-architecture-map-edges path.is-context,
.vidu-architecture-map-edges path.is-bridge {
  stroke: rgba(34, 211, 238, .72);
  stroke-dasharray: 6 6;
}

.vidu-architecture-map-edges marker path {
  fill: rgba(203, 213, 225, .84);
}

.vidu-architecture-map-node {
  position: absolute;
  left: var(--x);
  top: var(--y);
  z-index: 2;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 2px 10px;
  align-items: center;
  width: 174px;
  min-height: 58px;
  padding: 9px 12px;
  border: 1px solid rgba(96, 165, 250, .58);
  border-radius: 8px;
  background:
    radial-gradient(circle at 16% 18%, rgba(96, 165, 250, .14), transparent 34%),
    linear-gradient(135deg, #101827, #0a101c);
  color: #f8fafc;
  text-align: left;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .26);
  cursor: pointer;
  user-select: none;
}

.vidu-architecture-map-shell[data-edit-mode="true"] .vidu-architecture-map-node {
  cursor: grab;
}

.vidu-architecture-map-shell[data-edit-mode="true"] .vidu-architecture-map-node:active {
  cursor: grabbing;
}

.vidu-architecture-port {
  position: absolute;
  top: 50%;
  z-index: 4;
  width: 13px;
  height: 13px;
  border: 2px solid rgba(226, 232, 240, .82);
  border-radius: 999px;
  background: #020617;
  box-shadow: 0 0 0 4px rgba(15, 23, 42, .82), 0 0 18px rgba(96, 165, 250, .28);
  transform: translateY(-50%);
  cursor: crosshair;
}

.vidu-architecture-port.is-input {
  left: -8px;
}

.vidu-architecture-port.is-output {
  right: -8px;
}

.vidu-architecture-port:hover,
.vidu-architecture-port.is-connecting {
  border-color: #c084fc;
  background: #7c3aed;
  box-shadow: 0 0 0 5px rgba(124, 58, 237, .24), 0 0 22px rgba(192, 132, 252, .42);
}

.vidu-architecture-map-node i {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: rgba(96, 165, 250, .13);
  color: #bfdbfe;
  font-style: normal;
}

.vidu-architecture-map-node .vidu-architecture-node-title {
  min-width: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 850;
}

.vidu-architecture-map-node em {
  color: rgba(203, 213, 225, .78);
  font-size: 10px;
  font-style: normal;
}

.vidu-architecture-map-node.is-selected {
  outline: 2px solid rgba(168, 85, 247, .95);
  outline-offset: 2px;
}

.vidu-architecture-map-node.is-runtime-active {
  box-shadow: 0 0 0 1px rgba(96, 165, 250, .64), 0 0 24px rgba(96, 165, 250, .44), 0 14px 36px rgba(0, 0, 0, .3);
  animation: vidu-architecture-runtime-glow 1.6s ease-in-out infinite;
}

.vidu-architecture-map-node.is-runtime-processing {
  border-color: rgba(192, 132, 252, .95);
  box-shadow: 0 0 0 1px rgba(192, 132, 252, .7), 0 0 26px rgba(168, 85, 247, .46), 0 14px 36px rgba(0, 0, 0, .3);
  animation: vidu-architecture-runtime-border 1s ease-in-out infinite;
}

.vidu-architecture-map-node.is-runtime-completed {
  border-color: rgba(74, 222, 128, .95);
  box-shadow: 0 0 0 1px rgba(74, 222, 128, .72), 0 0 24px rgba(34, 197, 94, .42), 0 14px 36px rgba(0, 0, 0, .3);
}

.vidu-architecture-map-node.is-runtime-warning {
  border-color: rgba(251, 146, 60, .96);
  box-shadow: 0 0 0 1px rgba(251, 146, 60, .72), 0 0 24px rgba(251, 146, 60, .42), 0 14px 36px rgba(0, 0, 0, .3);
}

.vidu-architecture-map-node.is-runtime-final {
  border-color: rgba(250, 204, 21, .98);
  box-shadow: 0 0 0 2px rgba(250, 204, 21, .82), 0 0 32px rgba(250, 204, 21, .52), 0 16px 42px rgba(0, 0, 0, .34);
}

.vidu-architecture-map-node.is-runtime-error {
  border-color: rgba(248, 113, 113, .98);
  box-shadow: 0 0 0 1px rgba(248, 113, 113, .78), 0 0 24px rgba(239, 68, 68, .48), 0 14px 36px rgba(0, 0, 0, .3);
}

.vidu-architecture-connection-hint {
  color: #e9d5ff;
  font-size: 12px;
  font-weight: 800;
}

.vidu-architecture-runtime-panel {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(168, 85, 247, .22);
  border-radius: 14px;
  background:
    radial-gradient(circle at 10% 0%, rgba(168, 85, 247, .16), transparent 40%),
    rgba(15, 23, 42, .58);
}

.vidu-architecture-runtime-panel p {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 8px;
  margin: 0;
  color: rgba(226, 232, 240, .8);
  font-size: 11px;
}

.vidu-architecture-runtime-panel b,
.vidu-architecture-runtime-panel i {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
}

.vidu-architecture-runtime-panel i {
  color: #f8fafc;
}

@keyframes vidu-architecture-runtime-glow {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.2); }
}

@keyframes vidu-architecture-runtime-border {
  0%, 100% { outline: 1px solid rgba(192, 132, 252, .18); outline-offset: 1px; }
  50% { outline: 4px solid rgba(192, 132, 252, .22); outline-offset: 4px; }
}

@keyframes vidu-architecture-edge-flow {
  to { stroke-dashoffset: -30; }
}

.vidu-architecture-map-node.is-workforce,
.vidu-architecture-map-node.is-active { border-color: rgba(34, 197, 94, .58); }
.vidu-architecture-map-node.is-brain { border-color: rgba(96, 165, 250, .6); }
.vidu-architecture-map-node.is-ui,
.vidu-architecture-map-node.is-meeting { border-color: rgba(217, 70, 239, .56); }
.vidu-architecture-map-node.is-action { border-color: rgba(251, 146, 60, .64); }
.vidu-architecture-map-node.is-integration { border-color: rgba(45, 212, 191, .64); }
.vidu-architecture-map-node.is-planned { opacity: .72; }
.vidu-architecture-map-node.is-needs_refinement { border-color: rgba(251, 146, 60, .82); }

.vidu-architecture-drawer-head {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  position: sticky;
  top: -16px;
  z-index: 2;
  margin: -16px -16px 0;
  padding: 16px;
  border-bottom: 1px solid rgba(148, 163, 184, .12);
  background: rgba(6, 10, 18, .94);
  backdrop-filter: blur(14px);
}

.vidu-architecture-drawer-head div {
  display: grid;
  gap: 5px;
}

.vidu-architecture-drawer-head strong {
  font-size: 18px;
}

.vidu-architecture-drawer-head em {
  width: fit-content;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(34, 197, 94, .12);
  color: #86efac;
  font-size: 11px;
  font-style: normal;
}

.vidu-architecture-drawer-head button {
  border: 0;
  background: transparent;
  color: rgba(226, 232, 240, .72);
  font-size: 24px;
  cursor: pointer;
}

.vidu-architecture-detail-card,
.vidu-architecture-detail-stack section {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 12px;
  background: rgba(15, 23, 42, .42);
}

.vidu-architecture-detail-card label {
  display: grid;
  gap: 6px;
  color: rgba(203, 213, 225, .76);
  font-size: 11px;
  font-weight: 750;
}

.vidu-architecture-detail-card input,
.vidu-architecture-detail-card textarea,
.vidu-architecture-detail-card select {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 9px;
  background: rgba(2, 6, 23, .58);
  color: #f8fafc;
  padding: 8px 9px;
}

.vidu-architecture-detail-card textarea {
  min-height: 72px;
  resize: vertical;
}

.vidu-architecture-toggle-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.vidu-architecture-toggle-grid label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  border-radius: 9px;
  background: rgba(15, 23, 42, .72);
}

.vidu-architecture-detail-stack {
  display: grid;
  gap: 10px;
}

.vidu-architecture-detail-stack ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 16px;
  color: rgba(226, 232, 240, .82);
  font-size: 12px;
}

.vidu-architecture-detail-stack strong,
.vidu-architecture-empty {
  color: rgba(226, 232, 240, .82);
  font-size: 12px;
}

.vidu-architecture-drawer-actions {
  position: sticky;
  bottom: -16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 -16px -16px;
  padding: 14px 16px 16px;
  border-top: 1px solid rgba(148, 163, 184, .12);
  background: rgba(6, 10, 18, .94);
  backdrop-filter: blur(14px);
}

.vidu-architecture-export-box {
  width: 100%;
  min-height: 220px;
  margin-top: 12px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 12px;
  background: rgba(2, 6, 23, .9);
  color: #dbeafe;
  padding: 12px;
  font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.vidu-codex-runtime-panel {
  overflow: hidden;
}

#vidu-engineering-workspace[hidden] {
  display: none;
}

#vidu-engineering-workspace.is-active {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
  color: #e5edf7;
}

body.vidu-engineering-workspace-active {
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 0%, rgba(34, 211, 238, .12), transparent 30%),
    linear-gradient(145deg, rgba(2, 6, 23, .99), rgba(7, 12, 22, .99));
}

#vidu-scout-research-workspace[hidden] {
  display: none;
}

#vidu-scout-research-workspace.is-active {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
  color: #e5edf7;
}

body.vidu-scout-workspace-active {
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(56, 189, 248, .11), transparent 32%),
    linear-gradient(145deg, rgba(2, 6, 23, .99), rgba(8, 13, 23, .99));
}

.vidu-divisions-workspace-host { height: 100%; min-height: 0; overflow-y: auto; }

body.vidu-divisions-workspace-active {
  overflow: hidden;
}

.vidu-divisions-workspace {
  min-height: 100%;
  padding: 24px;
  color: #e5edf7;
  background: transparent;
}

.vidu-divisions-header {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 16px;
  padding: 22px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 24px;
  background: rgba(15, 23, 42, .62);
  box-shadow: 0 22px 70px rgba(2, 6, 23, .34), inset 0 1px 0 rgba(255, 255, 255, .045);
  backdrop-filter: blur(22px);
}

.vidu-divisions-header span,
.vidu-divisions-signal span,
.vidu-division-card header span {
  color: #a5b4fc;
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-divisions-header h2 {
  margin: 4px 0 8px;
  font-size: clamp(30px, 4vw, 48px);
  letter-spacing: 0;
}

.vidu-divisions-header p,
.vidu-divisions-signal p,
.vidu-division-card p {
  margin: 0;
  color: #a7b7cb;
  line-height: 1.55;
}

.vidu-divisions-header aside,
.vidu-division-card footer,
.vidu-division-members {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
}

.vidu-divisions-signal {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.vidu-divisions-signal article,
.vidu-division-card {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 18px;
  background: rgba(15, 23, 42, .5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.vidu-divisions-signal article {
  display: grid;
  gap: 6px;
  padding: 15px;
}

.vidu-divisions-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(320px, 1fr));
  gap: 14px;
}

.vidu-division-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.vidu-division-card:hover {
  transform: translateY(-1px);
  border-color: rgba(125, 211, 252, .28);
  background: rgba(15, 23, 42, .64);
}

.vidu-division-card.is-intelligence {
  border-color: rgba(125, 211, 252, .22);
  background: radial-gradient(circle at 0% 0%, rgba(14, 165, 233, .12), transparent 34%), rgba(15, 23, 42, .5);
}

.vidu-division-card.is-engineering {
  border-color: rgba(96, 165, 250, .22);
}

.vidu-division-card.is-planned,
.vidu-division-card.is-disabled {
  opacity: .68;
}

.vidu-division-card header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.vidu-division-card h3 {
  margin: 4px 0 0;
  color: #f8fafc;
  font-size: 21px;
}

.vidu-division-members span {
  color: #cbd5e1;
  font-size: 12px;
}

.vidu-division-action {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(125, 211, 252, .24);
  border-radius: 999px;
  color: #e0f2fe;
  background: rgba(14, 116, 144, .16);
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.vidu-division-action:hover:not(:disabled) {
  border-color: rgba(125, 211, 252, .42);
  background: rgba(14, 116, 144, .26);
}

.vidu-division-action.is-secondary {
  color: #cbd5e1;
  border-color: rgba(148, 163, 184, .18);
  background: rgba(15, 23, 42, .62);
}

.vidu-division-action:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.vidu-organization-lobby-view {
  min-height: 100%;
}

.vidu-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  color: currentColor;
  vertical-align: middle;
}

.vidu-icon-sm {
  width: 16px;
  height: 16px;
}

.vidu-icon-md {
  width: 18px;
  height: 18px;
}

.vidu-icon-lg {
  width: 24px;
  height: 24px;
}

.vidu-icon-pill {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(226, 232, 240, .1);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
}

.vidu-icon-accent {
  color: #a5f3fc;
}

.vidu-icon-muted {
  color: #8f9aaa;
}

/* Organization Lobby v3 fixed widget system */
.u-line-clamp-1,
.u-line-clamp-2,
.u-ellipsis,
.u-no-overflow {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.u-line-clamp-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.u-line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.u-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Organization Lobby v3: controlled digital reception layout */
body.vidu-organization-lobby-active #vidu-pipeline-dashboard {
  padding-left: max(20px, env(safe-area-inset-left, 0px));
  padding-right: max(20px, env(safe-area-inset-right, 0px));
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-user-sidebar,
body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-operations-dock {
  display: none;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-topbar-filters,
body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-topbar-workspace-switcher,
body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-mobile-filter-toggle,
body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-dashboard-quick-filters {
  display: none;
}

#vidu-pipeline-dashboard .vidu-lobby-topbar-group {
  display: none;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-lobby-topbar-group {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  padding: 3px 5px;
  border: 1px solid color-mix(in srgb, var(--vidu-control-border) 62%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--vidu-control-bg) 72%, transparent);
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-lobby-topbar-view {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 112px;
  max-width: 184px;
  padding-left: 7px;
  color: var(--vidu-text-faint);
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-lobby-topbar-view > span,
body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-lobby-topbar-group button {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-lobby-topbar-view svg,
body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-lobby-topbar-group button svg {
  width: 19px;
  height: 19px;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-lobby-topbar-view select {
  width: 100%;
  min-width: 0;
  height: 30px;
  padding: 0 20px 0 0;
  border: 0;
  outline: 0;
  color: var(--vidu-text-secondary);
  background: transparent;
  font: 650 11px/1 var(--vidu-font-sans);
  text-overflow: ellipsis;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-lobby-topbar-group button {
  width: 31px;
  height: 31px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--vidu-text-faint);
  background: transparent;
  cursor: pointer;
  transition: color .16s ease, background .16s ease, transform .16s ease;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-lobby-topbar-group button:hover,
body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-lobby-topbar-group button:focus-visible {
  color: var(--vidu-text-primary);
  background: var(--vidu-control-bg-hover);
  transform: translateY(-1px);
  outline: none;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-lobby-topbar-group button.is-active {
  color: var(--vidu-control-text-active);
  background: var(--vidu-control-bg-active);
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-lobby-topbar-group button:disabled {
  opacity: .3;
  cursor: not-allowed;
  transform: none;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard .vidu-lobby-topbar-divider {
  width: 1px;
  height: 18px;
  margin: 0 2px;
  background: color-mix(in srgb, var(--vidu-control-border) 70%, transparent);
}

#vidu-pipeline-dashboard.is-organization-lobby-workspace .vidu-dashboard-workspace,
#vidu-pipeline-dashboard.is-organization-lobby-workspace .vidu-dashboard-main,
#vidu-pipeline-dashboard.is-organization-lobby-workspace .vidu-organization-lobby-view {
  width: 100%;
  max-width: none;
}

.vidu-org-lobby-v3,
.vidu-org-lobby-v3 * {
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
}

.vidu-org-lobby-v3 {
  --lobby-panel: rgba(14, 16, 24, .72);
  --lobby-panel-strong: rgba(18, 21, 31, .88);
  --lobby-border: rgba(226, 232, 240, .09);
  --lobby-muted: rgba(203, 213, 225, .68);
  --lobby-faint: rgba(148, 163, 184, .64);
  --lobby-purple: #8b5cf6;
  --lobby-cyan: #22d3ee;
  --lobby-radius: 20px;
  --lobby-radius-inner: 14px;
  width: 100%;
  padding: clamp(14px, 1.35vw, 24px);
  color: #f7f8fb;
  background:
    radial-gradient(circle at 20% 0%, rgba(124, 58, 237, .14), transparent 28%),
    radial-gradient(circle at 86% 6%, rgba(34, 211, 238, .06), transparent 24%),
    linear-gradient(135deg, #07080d 0%, #0c0e16 48%, #11131a 100%);
  overflow-x: hidden;
}

.vidu-org-lobby-v3__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.vidu-org-lobby-v3__hero-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 430px);
  gap: 12px;
  min-height: 232px;
}

.vidu-org-lobby-v3__pulse-divisions,
.vidu-org-lobby-v3__pulse,
.vidu-org-lobby-v3__divisions,
.vidu-org-lobby-v3__people-activity,
.vidu-org-lobby-v3__operations {
  min-width: 0;
  overflow: visible;
}

.vidu-org-lobby-v3__pulse-divisions {
  display: grid;
  grid-template-columns: minmax(260px, .28fr) minmax(0, .72fr);
  gap: 10px;
  min-height: 250px;
}

.vidu-org-lobby-v3 .vidu-lobby-hero,
.vidu-org-lobby-v3 .vidu-lobby-pulse,
.vidu-org-lobby-v3 .vidu-lobby-divisions-section,
.vidu-org-lobby-v3 .vidu-lobby-widget,
.vidu-org-lobby-v3 .vidu-lobby-action-center {
  width: 100%;
  height: 100%;
  max-width: 100%;
  border: 1px solid var(--lobby-border);
  border-radius: var(--lobby-radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015)),
    var(--lobby-panel);
  box-shadow: 0 16px 48px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .055);
  backdrop-filter: blur(18px);
  background-clip: padding-box;
}

.vidu-org-lobby-v3 .vidu-lobby-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(390px, .72fr) minmax(300px, .58fr) auto;
  align-items: stretch;
  gap: 18px;
  min-height: 232px;
  padding: 28px 30px 22px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(9, 10, 17, .95) 0%, rgba(16, 14, 29, .82) 44%, rgba(20, 19, 39, .48) 100%),
    radial-gradient(circle at 72% 22%, rgba(139, 92, 246, .18), transparent 34%),
    linear-gradient(135deg, #0a0b12, #11121c);
}

.vidu-lobby-hero-main {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: center;
  gap: 7px;
  min-width: 0;
}

.vidu-lobby-hero-main > span,
.vidu-lobby-widget > header span,
.vidu-lobby-action-center > header span,
.vidu-lobby-pulse > header span,
.vidu-lobby-divisions-section > header span {
  color: var(--lobby-faint);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-org-lobby-v3 .vidu-lobby-greeting {
  margin: 0;
  color: #b6bdc9;
  font-size: clamp(18px, 1.45vw, 24px);
  line-height: 1;
}

.vidu-org-lobby-v3 .vidu-lobby-hero h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(44px, 4.2vw, 72px);
  font-weight: 860;
  line-height: .96;
  letter-spacing: 0;
}

.vidu-org-lobby-v3 .vidu-lobby-hero h2 b {
  color: #9b5cff;
}

.vidu-org-lobby-v3 .vidu-lobby-hero-main > p:not(.vidu-lobby-greeting) {
  max-width: 520px;
  margin: 4px 0 8px;
  color: #d7dce5;
  font-size: 14px;
  line-height: 1.45;
}

.vidu-org-lobby-v3 .vidu-lobby-status-lines {
  display: grid;
  grid-template-columns: repeat(4, minmax(118px, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vidu-org-lobby-v3 .vidu-lobby-status-lines li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 9px;
  align-items: center;
  min-height: 56px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 14px;
  background: rgba(9, 11, 18, .48);
}

.vidu-org-lobby-v3 .vidu-lobby-status-lines li > span {
  grid-row: 1 / 3;
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: var(--lobby-radius-inner);
  color: #a78bfa;
  background: rgba(139, 92, 246, .16);
}

.vidu-org-lobby-v3 .vidu-lobby-status-lines strong,
.vidu-org-lobby-v3 .vidu-lobby-status-lines small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-lobby-v3 .vidu-lobby-status-lines strong {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 800;
}

.vidu-org-lobby-v3 .vidu-lobby-status-lines small {
  color: #b7c0cf;
  font-size: 11px;
}

.vidu-lobby-hero-visual {
  position: relative;
  z-index: 1;
  min-height: 176px;
  align-self: end;
  opacity: .95;
}

.vidu-lobby-hero-visual::before {
  content: "";
  position: absolute;
  inset: 52% -18% 0 -26%;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(30, 41, 59, .42), transparent 64%);
}

.vidu-lobby-hq-building {
  position: absolute;
  right: 4%;
  bottom: 0;
  width: min(330px, 92%);
  height: 178px;
  border: 1px solid rgba(167, 139, 250, .24);
  border-radius: 5px 18px 4px 4px;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .12) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .09) 0 1px, transparent 1px 36px),
    linear-gradient(135deg, rgba(36, 34, 61, .84), rgba(10, 16, 28, .92));
  box-shadow: 0 22px 48px rgba(4, 5, 12, .54), inset 0 1px 0 rgba(255, 255, 255, .08);
  transform: perspective(560px) rotateY(-10deg) skewY(-1deg);
}

.vidu-lobby-hq-building span {
  position: absolute;
  top: 22px;
  right: 48px;
  color: #fff;
  font-size: 30px;
  font-weight: 820;
  text-shadow: 0 0 18px rgba(167, 139, 250, .9);
}

.vidu-lobby-hq-building i {
  position: absolute;
  width: 58px;
  height: 36px;
  border-radius: 5px;
  background: rgba(139, 92, 246, .26);
  box-shadow: 0 0 24px rgba(139, 92, 246, .24);
}

.vidu-lobby-hq-building i:nth-of-type(1) { left: 44px; top: 42px; }
.vidu-lobby-hq-building i:nth-of-type(2) { left: 118px; top: 90px; }
.vidu-lobby-hq-building i:nth-of-type(3) { right: 54px; top: 86px; }
.vidu-lobby-hq-building i:nth-of-type(4) { left: 56px; bottom: 18px; }

.vidu-lobby-hero-meta {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 118px;
}

.vidu-lobby-hero-meta div {
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  border-radius: var(--lobby-radius-inner);
  background: rgba(6, 8, 14, .42);
}

.vidu-lobby-hero-meta span {
  color: var(--lobby-faint);
  font-size: 10px;
}

.vidu-lobby-hero-meta strong {
  color: #eef2f7;
  font-size: 12px;
}

.vidu-org-lobby-v3__action .vidu-lobby-action-center {
  min-height: 232px;
  padding: 20px 22px;
  background: linear-gradient(180deg, rgba(18, 20, 30, .9), rgba(10, 11, 17, .86));
}

.vidu-org-lobby-v3 .vidu-lobby-action-center > header,
.vidu-org-lobby-v3 .vidu-lobby-widget > header,
.vidu-org-lobby-v3 .vidu-lobby-pulse > header,
.vidu-org-lobby-v3 .vidu-lobby-divisions-section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 28px;
  margin: 0 0 10px;
}

.vidu-org-lobby-v3 .vidu-lobby-action-center > header strong,
.vidu-org-lobby-v3 .vidu-lobby-widget > header strong,
.vidu-org-lobby-v3 .vidu-lobby-pulse > header strong,
.vidu-org-lobby-v3 .vidu-lobby-divisions-section > header strong {
  display: block;
  color: #f4f7fb;
  font-size: 13px;
  font-weight: 820;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-lobby-v3 .vidu-lobby-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.vidu-org-lobby-v3 .vidu-lobby-action {
  border: 0;
  color: #a78bfa;
  font-size: 12px;
  font-weight: 780;
  background: transparent;
  cursor: pointer;
}

.vidu-org-lobby-v3 .vidu-lobby-icon-button {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 11px;
  color: #dbeafe;
  background: rgba(255, 255, 255, .045);
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.vidu-org-lobby-v3 .vidu-lobby-icon-button:hover {
  transform: translateY(-1px);
  border-color: rgba(167, 139, 250, .32);
  background: rgba(139, 92, 246, .13);
}

.vidu-org-lobby-v3 .vidu-lobby-icon-button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.vidu-org-lobby-v3 .vidu-lobby-action-list {
  display: grid;
  gap: 8px;
}

.vidu-org-lobby-v3 .vidu-lobby-action-list button:not(.vidu-lobby-compact-more) {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 34px;
  padding: 7px 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .055);
  color: inherit;
  text-align: left;
  background: transparent;
  cursor: pointer;
}

.vidu-lobby-action-type {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 12px;
  color: #fb7185;
  background: rgba(244, 63, 94, .14);
}

.vidu-lobby-action-type.is-medium { color: #a78bfa; background: rgba(139, 92, 246, .15); }
.vidu-lobby-action-type.is-low { color: #22c55e; background: rgba(34, 197, 94, .14); }

.vidu-org-lobby-v3 .vidu-lobby-action-list strong,
.vidu-org-lobby-v3 .vidu-lobby-action-list small,
.vidu-org-lobby-v3 .vidu-lobby-action-list em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-lobby-v3 .vidu-lobby-action-list strong {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 780;
}

.vidu-org-lobby-v3 .vidu-lobby-action-list small,
.vidu-org-lobby-v3 .vidu-lobby-action-list em {
  color: var(--lobby-faint);
  font-size: 11px;
  font-style: normal;
}

.vidu-org-lobby-v3 .vidu-lobby-action-list em.is-high,
.vidu-org-lobby-v3 .vidu-lobby-action-list em.is-critical {
  color: #fb7185;
}

.vidu-org-lobby-v3 .vidu-lobby-pulse {
  height: 100%;
  padding: 14px;
}

.vidu-org-lobby-v3 .vidu-lobby-pulse-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  grid-auto-rows: minmax(28px, 1fr);
  gap: 7px;
  height: calc(100% - 38px);
  overflow: hidden;
}

.vidu-org-lobby-v3 .vidu-lobby-pulse-card {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 28px;
  padding: 6px 8px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: var(--lobby-radius-inner);
  color: inherit;
  text-align: left;
  background: rgba(255, 255, 255, .035);
  scroll-snap-align: start;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.vidu-org-lobby-v3 .vidu-lobby-pulse-card:hover {
  transform: translateY(-1px);
  border-color: rgba(167, 139, 250, .26);
  background: rgba(255, 255, 255, .055);
}

.vidu-org-lobby-v3 .vidu-lobby-pulse-icon {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  color: #a78bfa;
  background: rgba(139, 92, 246, .16);
}

.vidu-org-lobby-v3 .vidu-lobby-pulse-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 6px;
}

.vidu-org-lobby-v3 .vidu-lobby-pulse-copy span,
.vidu-org-lobby-v3 .vidu-lobby-pulse-copy strong,
.vidu-org-lobby-v3 .vidu-lobby-pulse-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-lobby-v3 .vidu-lobby-pulse-copy span {
  color: var(--lobby-muted);
  font-size: 11px;
}

.vidu-org-lobby-v3 .vidu-lobby-pulse-copy strong {
  color: #fff;
  font-size: 13px;
  font-weight: 820;
  text-align: right;
}

.vidu-org-lobby-v3 .vidu-lobby-pulse-copy small {
  display: none;
  color: var(--lobby-faint);
  font-size: 10px;
}

.vidu-org-lobby-v3 .vidu-lobby-sparkline {
  display: none;
  align-items: end;
  gap: 3px;
  height: 26px;
}

.vidu-org-lobby-v3 .vidu-lobby-sparkline i {
  width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(167, 139, 250, .92), rgba(34, 211, 238, .55));
}

.vidu-org-lobby-v3 .vidu-lobby-sparkline i:nth-child(1) { height: 8px; opacity: .55; }
.vidu-org-lobby-v3 .vidu-lobby-sparkline i:nth-child(2) { height: 12px; opacity: .68; }
.vidu-org-lobby-v3 .vidu-lobby-sparkline i:nth-child(3) { height: 15px; opacity: .78; }
.vidu-org-lobby-v3 .vidu-lobby-sparkline i:nth-child(4) { height: 11px; opacity: .72; }
.vidu-org-lobby-v3 .vidu-lobby-sparkline i:nth-child(5) { height: 20px; }

.vidu-org-lobby-v3 .vidu-lobby-pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 12px rgba(34, 197, 94, .58);
}

.vidu-org-lobby-v3 .vidu-lobby-divisions-section {
  height: 100%;
  padding: 14px;
  overflow: hidden;
}

.vidu-org-lobby-v3 .vidu-lobby-divisions-section > header p {
  margin: 0 0 0 auto;
  color: var(--lobby-faint);
  font-size: 12px;
}

.vidu-org-lobby-v3 .vidu-lobby-divisions-carousel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 320px;
  gap: 12px;
  height: calc(100% - 39px);
  padding: 2px 18px 4px 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
}

.vidu-org-lobby-v3 .vidu-lobby-division-card {
  position: relative;
  display: grid;
  grid-template-rows: auto auto auto auto auto;
  gap: 8px;
  height: 202px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: var(--lobby-radius-inner);
  color: inherit;
  background: rgba(255, 255, 255, .035);
  overflow: hidden;
  scroll-snap-align: start;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.vidu-org-lobby-v3 .vidu-lobby-division-card:hover,
.vidu-org-lobby-v3 .vidu-lobby-division-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(167, 139, 250, .26);
  background: rgba(255, 255, 255, .048);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .24);
  outline: 0;
}

.vidu-org-lobby-v3 .vidu-lobby-division-card--engineering { --division-accent: #38bdf8; }
.vidu-org-lobby-v3 .vidu-lobby-division-card--intelligence { --division-accent: #2dd4bf; }
.vidu-org-lobby-v3 .vidu-lobby-division-card--marketing { --division-accent: #fb923c; }

.vidu-org-lobby-v3 .vidu-lobby-marketing-list {
  display: grid;
  align-content: start;
  gap: 1px;
  min-height: 0;
  overflow: auto;
  scrollbar-width: none;
}

.vidu-org-lobby-v3 .vidu-lobby-marketing-list::-webkit-scrollbar {
  display: none;
}

.vidu-org-lobby-v3 .vidu-lobby-marketing-row {
  width: 100%;
  min-width: 0;
  min-height: 50px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 9px 2px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
  background: transparent;
  color: rgba(241, 245, 249, 0.9);
  text-align: left;
  cursor: pointer;
  transition: color 150ms ease, background 150ms ease, transform 150ms ease;
}

.vidu-org-lobby-v3 .vidu-lobby-marketing-row:hover {
  color: #fff7ed;
  background: linear-gradient(90deg, rgba(251, 146, 60, 0.08), transparent 72%);
  transform: translateY(-1px);
}

.vidu-org-lobby-v3 .vidu-lobby-marketing-row > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vidu-org-lobby-v3 .vidu-lobby-marketing-row strong,
.vidu-org-lobby-v3 .vidu-lobby-marketing-row small,
.vidu-org-lobby-v3 .vidu-lobby-marketing-row em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-lobby-v3 .vidu-lobby-marketing-row strong {
  font-size: 12px;
  font-weight: 720;
}

.vidu-org-lobby-v3 .vidu-lobby-marketing-row small {
  color: rgba(203, 213, 225, 0.55);
  font-size: 10px;
}

.vidu-org-lobby-v3 .vidu-lobby-marketing-row em {
  max-width: 130px;
  color: rgba(253, 186, 116, 0.66);
  font-size: 9px;
  font-style: normal;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.vidu-org-lobby-v3 .vidu-lobby-division-card--sales { --division-accent: #f472b6; }
.vidu-org-lobby-v3 .vidu-lobby-division-card--finance { --division-accent: #84cc16; }
.vidu-org-lobby-v3 .vidu-lobby-division-card--client-success { --division-accent: #a78bfa; }
.vidu-org-lobby-v3 .vidu-lobby-division-card--operations { --division-accent: #a3a3a3; }

.vidu-org-lobby-v3 .vidu-lobby-division-head {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.vidu-org-lobby-v3 .vidu-lobby-division-icon {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 13px;
  color: var(--division-accent, #a78bfa);
  background: color-mix(in srgb, var(--division-accent, #a78bfa) 16%, transparent);
}

.vidu-org-lobby-v3 .vidu-lobby-division-state {
  color: var(--division-accent, #a78bfa);
  font-size: 9px;
  font-weight: 860;
  letter-spacing: .08em;
}

.vidu-org-lobby-v3 .vidu-lobby-division-head strong,
.vidu-org-lobby-v3 .vidu-lobby-division-card p,
.vidu-org-lobby-v3 .vidu-lobby-division-card dd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-lobby-v3 .vidu-lobby-division-head strong {
  display: block;
  color: #f8fafc;
  font-size: 15px;
  font-weight: 820;
}

.vidu-org-lobby-v3 .vidu-lobby-division-card p {
  margin: 0;
  color: #cbd5e1;
  font-size: 12px;
  line-height: 1.35;
}

.vidu-org-lobby-v3 .vidu-lobby-division-tags {
  display: flex;
  gap: 6px;
  overflow: hidden;
}

.vidu-org-lobby-v3 .vidu-lobby-division-tags span {
  flex: 0 1 auto;
  max-width: 96px;
  padding: 4px 7px;
  border-radius: 999px;
  color: #dbeafe;
  font-size: 10px;
  background: rgba(255, 255, 255, .055);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-lobby-v3 .vidu-lobby-division-workforce {
  display: flex;
  align-items: center;
  gap: 4px;
}

.vidu-org-lobby-v3 .vidu-lobby-division-workforce .vidu-avatar {
  margin-right: -7px;
  border: 2px solid rgba(8, 10, 16, .92);
}

.vidu-org-lobby-v3 .vidu-lobby-avatar-more {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
  color: #dbeafe;
  font-size: 11px;
  background: rgba(255, 255, 255, .07);
}

.vidu-org-lobby-v3 .vidu-avatar {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: var(--vidu-avatar-size, 40px);
  height: var(--vidu-avatar-size, 40px);
  border: 1px solid color-mix(in srgb, var(--vidu-avatar-accent, #a78bfa) 42%, rgba(255, 255, 255, .10));
  border-radius: 50%;
  color: #f8fafc;
  background:
    radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--vidu-avatar-accent, #a78bfa) 36%, transparent), transparent 55%),
    rgba(255, 255, 255, .08);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
  overflow: visible;
}

.vidu-org-lobby-v3 .vidu-avatar.is-xs { --vidu-avatar-size: 28px; }
.vidu-org-lobby-v3 .vidu-avatar.is-sm { --vidu-avatar-size: 32px; }
.vidu-org-lobby-v3 .vidu-avatar.is-md { --vidu-avatar-size: 40px; }
.vidu-org-lobby-v3 .vidu-avatar.is-lg { --vidu-avatar-size: clamp(44px, 4vw, 52px); }

.vidu-org-lobby-v3 .vidu-avatar img,
.vidu-org-lobby-v3 .vidu-avatar__initials {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.vidu-org-lobby-v3 .vidu-avatar img {
  object-fit: cover;
}

.vidu-org-lobby-v3 .vidu-avatar__initials {
  color: #f8fafc;
  font-size: calc(var(--vidu-avatar-size, 40px) * .36);
  font-weight: 780;
  letter-spacing: 0;
}

.vidu-org-lobby-v3 .vidu-avatar__status {
  position: absolute;
  right: 0;
  bottom: 0;
  width: max(8px, calc(var(--vidu-avatar-size, 40px) * .22));
  height: max(8px, calc(var(--vidu-avatar-size, 40px) * .22));
  border: 2px solid rgba(8, 10, 16, .96);
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, .12);
}

.vidu-org-lobby-v3 .vidu-avatar__status.is-idle {
  background: #94a3b8;
  box-shadow: none;
}

.vidu-org-lobby-v3 .vidu-lobby-division-card dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.vidu-org-lobby-v3 .vidu-lobby-division-card dt {
  color: var(--lobby-faint);
  font-size: 9px;
}

.vidu-org-lobby-v3 .vidu-lobby-division-card dd {
  margin: 2px 0 0;
  color: #f8fafc;
  font-size: 11px;
}

.vidu-org-lobby-v3__people-activity {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  min-height: 224px;
}

.vidu-org-lobby-v3__people-activity .vidu-lobby-widget {
  height: 224px;
  padding: 14px 16px;
  overflow: hidden;
}

.vidu-org-lobby-v3__operations {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-height: 210px;
}

.vidu-org-lobby-v3__operations .vidu-lobby-widget {
  height: 210px;
  padding: 14px 16px;
  overflow: hidden;
}

.vidu-org-lobby-v3 .vidu-lobby-workforce-snapshot {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 10px;
  height: calc(100% - 36px);
  min-height: 0;
}

.vidu-org-lobby-v3 .vidu-lobby-workforce-summary {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  color: var(--lobby-faint);
  font-size: 11px;
}

.vidu-org-lobby-v3 .vidu-lobby-workforce-summary strong,
.vidu-org-lobby-v3 .vidu-lobby-workforce-summary span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-lobby-v3 .vidu-lobby-workforce-summary strong {
  color: #f8fafc;
  font-size: 12px;
}

.vidu-org-lobby-v3 .vidu-lobby-agent-preview-row {
  display: grid;
  grid-template-columns: repeat(var(--lobby-workforce-columns, 2), minmax(0, 1fr));
  gap: 8px;
  align-content: start;
  min-height: 0;
  overflow: auto;
  padding-right: 2px;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, .24) transparent;
}

.vidu-org-lobby-v3 .vidu-lobby-agent-preview-row button {
  display: grid;
  grid-template-columns: clamp(42px, 4vw, 52px) minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 58px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 14px;
  color: inherit;
  text-align: left;
  background: rgba(255, 255, 255, .025);
  cursor: pointer;
}

.vidu-org-lobby-v3 .vidu-lobby-agent-preview-row span {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.vidu-org-lobby-v3 .vidu-lobby-agent-preview-row strong,
.vidu-org-lobby-v3 .vidu-lobby-agent-preview-row small,
.vidu-org-lobby-v3 .vidu-lobby-agent-preview-row em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-lobby-v3 .vidu-lobby-agent-preview-row strong {
  color: #f8fafc;
  font-size: 11px;
}

.vidu-org-lobby-v3 .vidu-lobby-agent-preview-row small {
  color: var(--lobby-faint);
  font-size: 9px;
}

.vidu-org-lobby-v3 .vidu-lobby-agent-preview-row em {
  color: rgba(34, 197, 94, .82);
  font-size: 9px;
  font-style: normal;
}

.vidu-org-lobby-v3 .vidu-lobby-workforce-snapshot footer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--lobby-faint);
  font-size: 11px;
}

.vidu-org-lobby-v3 .vidu-lobby-meeting-widget {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 10px;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.vidu-org-lobby-v3 .vidu-lobby-meeting-list {
  display: grid;
  align-content: start;
  min-height: 0;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, .24) transparent;
}

.vidu-org-lobby-v3 .vidu-lobby-meeting-list > button:not(.vidu-lobby-compact-more) {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 52px;
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
  color: inherit;
  text-align: left;
  background: transparent;
  cursor: pointer;
}

.vidu-org-lobby-v3 .vidu-lobby-meeting-list > button:first-child {
  border-top: 1px solid rgba(196, 181, 217, .20);
}

.vidu-org-lobby-v3 .vidu-lobby-meeting-list time,
.vidu-org-lobby-v3 .vidu-lobby-meeting-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.vidu-org-lobby-v3 .vidu-lobby-meeting-list time strong {
  color: #f4f1f7;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}

.vidu-org-lobby-v3 .vidu-lobby-meeting-list time small,
.vidu-org-lobby-v3 .vidu-lobby-meeting-copy small {
  color: var(--lobby-faint);
  font-size: 10px;
}

.vidu-org-lobby-v3 .vidu-lobby-meeting-copy strong {
  overflow: hidden;
  color: #f8fafc;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-lobby-v3 .vidu-lobby-meeting-widget .vidu-lobby-event-participants {
  display: flex;
  justify-content: flex-end;
  padding-right: 5px;
}

.vidu-org-lobby-v3 .vidu-lobby-meeting-widget .vidu-lobby-event-participants .vidu-avatar {
  margin-right: -8px;
  border-width: 2px;
  border-color: #181818;
}

.vidu-org-lobby-v3 .vidu-lobby-meeting-widget .vidu-lobby-event-actions {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 38px;
  padding: 5px 0 2px;
  flex: 0 0 auto;
}

.vidu-org-lobby-v3 .vidu-lobby-meeting-primary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 5px 11px;
  border: 1px solid rgba(196, 181, 217, .28);
  border-radius: 999px;
  color: #f4f1f7;
  background: rgba(196, 181, 217, .07);
  cursor: pointer;
}

.vidu-org-lobby-v4 .vidu-lobby-v4__grid-item.is-compact .vidu-lobby-meeting-list > button:nth-of-type(n+3) {
  display: none;
}

.vidu-org-lobby-v3 .vidu-lobby-activity-feed,
.vidu-org-lobby-v3 .vidu-lobby-upcoming-events,
.vidu-org-lobby-v3 .vidu-lobby-decisions,
.vidu-org-lobby-v3 .vidu-lobby-list {
  display: grid;
  gap: 8px;
  max-height: calc(100% - 36px);
  overflow: auto;
  padding-right: 3px;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, .28) transparent;
}

.vidu-org-lobby-v3 .vidu-lobby-activity-feed button,
.vidu-org-lobby-v3 .vidu-lobby-upcoming-events button:not(.vidu-lobby-view-all),
.vidu-org-lobby-v3 .vidu-lobby-decisions button,
.vidu-org-lobby-v3 .vidu-lobby-list button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 4px 0;
  border: 0;
  color: inherit;
  text-align: left;
  background: transparent;
}

.vidu-org-lobby-v3 .vidu-lobby-activity-feed button {
  grid-template-columns: 34px 32px minmax(0, 1fr);
}

.vidu-org-lobby-v3 .vidu-lobby-upcoming-events button:not(.vidu-lobby-view-all) {
  grid-template-columns: 32px 52px minmax(0, 1fr);
}

.vidu-org-lobby-v3 .vidu-lobby-decisions button {
  grid-template-columns: 32px minmax(0, 1fr);
}

.vidu-org-lobby-v3 .vidu-lobby-activity-feed strong,
.vidu-org-lobby-v3 .vidu-lobby-activity-feed small,
.vidu-org-lobby-v3 .vidu-lobby-upcoming-events strong,
.vidu-org-lobby-v3 .vidu-lobby-upcoming-events small,
.vidu-org-lobby-v3 .vidu-lobby-decisions strong,
.vidu-org-lobby-v3 .vidu-lobby-decisions small,
.vidu-org-lobby-v3 .vidu-lobby-list strong,
.vidu-org-lobby-v3 .vidu-lobby-list span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-lobby-v3 .vidu-lobby-activity-feed strong,
.vidu-org-lobby-v3 .vidu-lobby-upcoming-events strong,
.vidu-org-lobby-v3 .vidu-lobby-decisions strong {
  color: #f8fafc;
  font-size: 12px;
}

.vidu-org-lobby-v3 .vidu-lobby-activity-feed small,
.vidu-org-lobby-v3 .vidu-lobby-upcoming-events small,
.vidu-org-lobby-v3 .vidu-lobby-decisions small {
  color: var(--lobby-faint);
  font-size: 11px;
}

.vidu-org-lobby-v3 .vidu-lobby-activity-feed time {
  color: #cbd5e1;
  font-size: 11px;
}

.vidu-org-lobby-v3 .vidu-lobby-activity-feed em {
  display: none;
}

.vidu-org-lobby-v3 .vidu-lobby-event-calendar,
.vidu-org-lobby-v3 .vidu-lobby-decision-mark {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(59, 130, 246, .16);
}

.vidu-org-lobby-v3 .vidu-lobby-event-calendar::before {
  content: none;
}

.vidu-org-lobby-v3 .vidu-lobby-decision-mark {
  border-radius: 50%;
  background: rgba(34, 197, 94, .18);
}

.vidu-org-lobby-v3 .vidu-lobby-decision-mark::before {
  content: none;
}

.vidu-org-lobby-v3 .vidu-lobby-quick-actions {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  height: calc(100% - 28px);
}

.vidu-org-lobby-v3__operations .vidu-lobby-decisions,
.vidu-org-lobby-v3__operations .vidu-lobby-digital-workforce-widget {
  max-height: calc(100% - 36px);
}

.vidu-lobby-digital-workforce-widget {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 9px;
  height: calc(100% - 36px);
  min-height: 0;
  overflow: hidden;
}

.vidu-lobby-digital-workforce-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.vidu-lobby-digital-workforce-stats article {
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: var(--lobby-radius-inner);
  background: rgba(255, 255, 255, .035);
}

.vidu-lobby-digital-workforce-stats span,
.vidu-lobby-digital-workforce-stats strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-lobby-digital-workforce-stats span {
  color: var(--lobby-faint);
  font-size: 9px;
}

.vidu-lobby-digital-workforce-stats strong {
  color: #fff;
  font-size: 16px;
}

.vidu-lobby-digital-workforce-latest-list {
  display: grid;
  gap: 6px;
  min-height: 0;
  overflow: auto;
  padding-right: 2px;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, .24) transparent;
}

.vidu-lobby-digital-workforce-latest {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 3px 0;
  border: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  cursor: pointer;
}

.vidu-lobby-digital-workforce-latest span {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.vidu-lobby-digital-workforce-latest strong,
.vidu-lobby-digital-workforce-latest small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-lobby-digital-workforce-latest strong {
  color: #f8fafc;
  font-size: 12px;
}

.vidu-lobby-digital-workforce-latest small {
  color: var(--lobby-faint);
  font-size: 11px;
}

.vidu-lobby-digital-workforce-agents {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-height: 34px;
  min-width: 0;
}

.vidu-lobby-digital-workforce-agents .vidu-avatar {
  margin-right: -6px;
  border: 2px solid rgba(8, 10, 16, .92);
}

.vidu-lobby-digital-workforce-agents .vidu-lobby-view-all {
  margin-left: auto;
  white-space: nowrap;
}

.vidu-org-lobby-v3 .vidu-lobby-quick-actions button {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 12px;
  color: #f8fafc;
  text-align: left;
  background: rgba(255, 255, 255, .04);
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.vidu-org-lobby-v3 .vidu-lobby-quick-actions button:hover {
  transform: translateY(-1px);
  border-color: rgba(167, 139, 250, .25);
  background: rgba(255, 255, 255, .06);
}

.vidu-org-lobby-v3 .vidu-lobby-quick-icon {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  color: #f8fafc;
  background: rgba(255, 255, 255, .07);
}

.vidu-org-lobby-v3 .vidu-lobby-quick-actions strong {
  overflow: hidden;
  color: #f8fafc;
  font-size: 12px;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-lobby-digital-workforce-pill {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 64px;
  align-self: end;
  padding: 12px 16px;
  border: 1px solid rgba(167, 139, 250, .28);
  border-radius: 999px;
  color: #f8fafc;
  background: linear-gradient(135deg, rgba(109, 40, 217, .72), rgba(67, 56, 202, .54));
  box-shadow: 0 18px 42px rgba(76, 29, 149, .25), inset 0 1px 0 rgba(255, 255, 255, .12);
  cursor: pointer;
}

.vidu-lobby-digital-workforce-pill > span {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .12);
}

.vidu-lobby-digital-workforce-pill strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-lobby-v3 .vidu-lobby-compact-more {
  width: max-content;
  max-width: 100%;
  padding: 0;
  border: 0;
  color: #a78bfa;
  font-size: 11px;
  font-weight: 760;
  background: transparent;
  cursor: pointer;
}

.vidu-org-lobby-v3 .vidu-lobby-view-all {
  color: #a78bfa;
  font-size: 11px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.vidu-org-lobby-v3 .vidu-lobby-drawer-grid {
  display: grid;
  gap: 10px;
}

.vidu-org-lobby-v3 .vidu-lobby-drawer-grid article {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(226, 232, 240, .08);
  border-radius: 14px;
  background: rgba(255, 255, 255, .035);
}

.vidu-org-lobby-v3 .vidu-lobby-drawer-grid strong,
.vidu-org-lobby-v3 .vidu-lobby-drawer-grid span,
.vidu-org-lobby-v3 .vidu-lobby-drawer-grid p {
  display: block;
  margin: 0;
}

.vidu-org-lobby-v3 .vidu-lobby-drawer-grid strong {
  color: #f8fafc;
}

.vidu-org-lobby-v3 .vidu-lobby-drawer-grid span {
  margin-top: 4px;
  color: #a5f3fc;
  font-size: 12px;
  font-weight: 780;
}

.vidu-org-lobby-v3 .vidu-lobby-drawer-grid p {
  margin-top: 6px;
  color: #aeb8c7;
  line-height: 1.45;
}

@media (max-width: 1280px) {
  .vidu-org-lobby-v3__hero-row,
  .vidu-org-lobby-v3__pulse-divisions,
  .vidu-org-lobby-v3__people-activity,
  .vidu-org-lobby-v3__operations {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .52fr);
  }

  .vidu-org-lobby-v3__operations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-org-lobby-v3__people-activity .vidu-lobby-widget {
    height: 194px;
  }

  .vidu-org-lobby-v3 .vidu-lobby-status-lines {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-org-lobby-v3 .vidu-lobby-quick-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  body.vidu-organization-lobby-active #vidu-pipeline-dashboard {
    padding-left: 12px;
    padding-right: 12px;
  }

  .vidu-org-lobby-v3__hero-row,
  .vidu-org-lobby-v3__pulse-divisions,
  .vidu-org-lobby-v3__people-activity,
  .vidu-org-lobby-v3__operations {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-org-lobby-v3 .vidu-lobby-hero {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
  }

  .vidu-lobby-hero-visual,
  .vidu-lobby-hero-meta {
    display: none;
  }

  .vidu-org-lobby-v3 .vidu-lobby-pulse,
  .vidu-org-lobby-v3 .vidu-lobby-divisions-section,
  .vidu-org-lobby-v3__people-activity .vidu-lobby-widget,
  .vidu-org-lobby-v3__operations .vidu-lobby-widget,
  .vidu-org-lobby-v3__action .vidu-lobby-action-center {
    height: auto;
    min-height: 0;
  }

  .vidu-org-lobby-v3 .vidu-lobby-pulse-strip {
    height: auto;
  }

  .vidu-org-lobby-v3 .vidu-lobby-agent-preview-row {
    grid-template-columns: repeat(var(--lobby-workforce-columns, 2), minmax(62px, 1fr));
  }
}

@media (max-width: 720px) {
  .vidu-org-lobby-v3 .vidu-lobby-status-lines {
    grid-template-columns: 1fr;
  }

  .vidu-org-lobby-v3 .vidu-lobby-pulse-strip {
    grid-auto-columns: 78vw;
  }

  .vidu-org-lobby-v3 .vidu-lobby-divisions-carousel {
    grid-auto-columns: 82vw;
  }

  .vidu-org-lobby-v3 .vidu-lobby-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Organization Lobby v4: personal, multi-view widget workspace */
.vidu-org-lobby-v4 {
  --lobby-v4-bg: #181818;
  --lobby-v4-surface: rgba(255, 255, 255, .018);
  --lobby-v4-line: rgba(255, 255, 255, .085);
  --lobby-v4-muted: rgba(236, 236, 236, .58);
  --lobby-v4-accent: #c4b5d9;
  --lobby-v4-success: #a7ce91;
  position: relative;
  min-height: calc(100vh - 32px);
  padding: clamp(18px, 2.4vw, 44px);
  color: #eee;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, .035), transparent 28%),
    linear-gradient(135deg, #141414 0%, var(--lobby-v4-bg) 54%, #202020 100%);
}

.vidu-org-lobby-v4.is-background-soft {
  --lobby-v4-bg: #242424;
  background: linear-gradient(135deg, #202020, #292929 58%, #222);
}

.vidu-org-lobby-v4.is-background-image {
  background:
    linear-gradient(rgba(18, 18, 18, .68), rgba(18, 18, 18, .78)),
    var(--lobby-user-bg, radial-gradient(circle at 72% 22%, #4b4744, #1c1c1c 58%));
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.vidu-lobby-v4__workspace-bar {
  display: none;
  position: sticky;
  z-index: 70;
  top: clamp(10px, 1.4vw, 18px);
  display: grid;
  grid-template-columns: minmax(132px, 1fr) auto minmax(150px, .7fr) auto auto;
  align-items: center;
  gap: clamp(10px, 1.4vw, 22px);
  width: min(1840px, calc(100% - 2px));
  margin: 0 auto clamp(34px, 5vw, 76px);
  padding: 9px 10px 9px 14px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 18px;
  background: rgba(24, 24, 24, .78);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .025);
  backdrop-filter: blur(22px) saturate(115%);
}

.vidu-lobby-v4__brand,
.vidu-lobby-v4__work-view-picker {
  display: grid;
  gap: 3px;
}

.vidu-lobby-v4__brand span {
  color: #f4f4f4;
  font-size: 18px;
  font-weight: 720;
}

.vidu-lobby-v4__brand small,
.vidu-lobby-v4__work-view-picker > span {
  color: var(--lobby-v4-muted);
  font-size: 9px;
  font-weight: 760;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.vidu-lobby-v4__view-switch {
  display: inline-flex;
  gap: 2px;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 999px;
  background: rgba(255, 255, 255, .018);
}

.vidu-lobby-v4__view-switch button,
.vidu-lobby-v4__apps button,
.vidu-lobby-v4__edit-actions button {
  border: 0;
  color: rgba(238, 238, 238, .66);
  background: transparent;
  cursor: pointer;
}

.vidu-lobby-v4__view-switch button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 10px;
}

.vidu-lobby-v4__view-switch button:hover {
  color: rgba(248, 248, 248, .92);
  background: rgba(255, 255, 255, .045);
}

.vidu-lobby-v4__view-switch svg {
  width: 15px;
  height: 15px;
}

.vidu-lobby-v4__work-view-picker {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: rgba(238, 238, 238, .42);
}

.vidu-lobby-v4__work-view-picker > span {
  display: inline-grid;
  place-items: center;
}

.vidu-lobby-v4__work-view-picker select,
.vidu-lobby-v4__library select,
.vidu-lobby-v4__library input {
  min-height: 34px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  border-radius: 0;
  color: #eee;
  background: transparent;
  font: inherit;
}

.vidu-lobby-v4__work-view-picker select {
  min-height: 28px;
  padding: 0 22px 0 0;
  border-bottom-color: rgba(255, 255, 255, .065);
  color: rgba(238, 238, 238, .72);
  font-size: 11px;
}

.vidu-lobby-v4__apps,
.vidu-lobby-v4__edit-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vidu-lobby-v4__apps button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 50%;
  font-size: 10px;
}

.vidu-lobby-v4__apps button span,
.vidu-lobby-v4__edit-actions button span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.vidu-lobby-v4__apps button:hover,
.vidu-lobby-v4__edit-actions button:hover {
  color: #fff;
}

.vidu-lobby-v4__edit-actions button {
  display: inline-grid;
  place-items: center;
  width: 32px;
  min-height: 32px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 50%;
  font-size: 10px;
}

.vidu-lobby-v4__edit-actions button.is-active {
  color: #181818;
  border-color: var(--lobby-v4-accent);
  background: var(--lobby-v4-accent);
}

.vidu-org-lobby-v4__canvas {
  width: 100%;
  max-width: 1880px;
  margin: 0 auto;
}

.vidu-org-lobby-v4__grid {
  --lobby-v4-row-size: 94px;
  --lobby-v4-row-gap: clamp(28px, 3.8vw, 68px);
  display: grid;
  position: relative;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(var(--lobby-grid-rows, 6), var(--lobby-v4-row-size));
  grid-auto-flow: initial;
  grid-auto-rows: var(--lobby-v4-row-size);
  gap: var(--lobby-v4-row-gap) clamp(24px, 3vw, 52px);
  align-items: stretch;
  min-height: 58vh;
}

.vidu-org-lobby-v4.is-density-balanced .vidu-org-lobby-v4__grid { --lobby-v4-row-gap: 32px; gap: var(--lobby-v4-row-gap) 28px; }
.vidu-org-lobby-v4.is-density-compact .vidu-org-lobby-v4__grid { --lobby-v4-row-gap: 18px; gap: var(--lobby-v4-row-gap) 16px; }

.vidu-lobby-v4__grid-item {
  position: relative;
  grid-column: calc(var(--lobby-widget-x) + 1) / span var(--lobby-widget-w);
  grid-row: calc(var(--lobby-widget-y) + 1) / span var(--lobby-widget-h);
  height: calc((var(--lobby-widget-h) * var(--lobby-v4-row-size)) + ((var(--lobby-widget-h) - 1) * var(--lobby-v4-row-gap)));
  min-height: 0;
  max-height: calc((var(--lobby-widget-h) * var(--lobby-v4-row-size)) + ((var(--lobby-widget-h) - 1) * var(--lobby-v4-row-gap)));
  overflow: hidden;
  transition: opacity .18s ease, transform .18s ease, outline-color .18s ease;
}

.vidu-lobby-v4__grid-item.is-dragging { opacity: .34; transform: scale(.985); }
.vidu-lobby-v4__grid-item.is-drag-target { outline-color: var(--lobby-v4-accent); }
.vidu-lobby-v4__grid-item.is-resizing {
  outline-color: rgba(196, 181, 217, .78);
  transition: none;
}

.vidu-lobby-v4__grid-item.is-resizing::after {
  content: attr(data-lobby-resize-preview);
  position: absolute;
  z-index: 12;
  right: 8px;
  bottom: 8px;
  padding: 4px 7px;
  border-radius: 999px;
  color: #181818;
  background: var(--lobby-v4-accent);
  font-size: 9px;
  font-weight: 750;
  pointer-events: none;
}

.vidu-lobby-v4__grid-item.is-editing {
  padding: 42px 14px 14px;
  outline: 1px dashed rgba(196, 181, 217, .34);
  outline-offset: 5px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .018);
  overflow: hidden;
}

.vidu-org-lobby-v4.is-customizing .vidu-org-lobby-v4__grid {
  background-image:
    linear-gradient(to right, rgba(196, 181, 217, .055) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(196, 181, 217, .055) 1px, transparent 1px);
  background-size: calc(100% / 12) 100%, 100% calc(var(--lobby-v4-row-size) + var(--lobby-v4-row-gap));
  background-position: 0 0;
  border-radius: 12px;
}

.vidu-lobby-v4__widget-content,
.vidu-lobby-v4__widget-content > * {
  width: 100%;
  height: 100%;
}

.vidu-lobby-v4__grid-item.is-compact .vidu-lobby-action-list > button:nth-of-type(n+3),
.vidu-lobby-v4__grid-item.is-compact .vidu-lobby-activity-feed > button:nth-of-type(n+3),
.vidu-lobby-v4__grid-item.is-compact .vidu-lobby-upcoming-events > button:nth-of-type(n+3),
.vidu-lobby-v4__grid-item.is-standard .vidu-lobby-action-list > button:nth-of-type(n+4),
.vidu-lobby-v4__grid-item.is-standard .vidu-lobby-activity-feed > button:nth-of-type(n+4) {
  display: none;
}

.vidu-lobby-v4__grid-item.is-compact .vidu-lobby-header-actions .vidu-lobby-icon-button,
.vidu-lobby-v4__grid-item.is-compact .vidu-lobby-event-participants {
  display: none;
}

.vidu-org-lobby-v4 .vidu-lobby-hero,
.vidu-org-lobby-v4 .vidu-lobby-pulse,
.vidu-org-lobby-v4 .vidu-lobby-divisions-section,
.vidu-org-lobby-v4 .vidu-lobby-widget,
.vidu-org-lobby-v4 .vidu-lobby-action-center {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.vidu-org-lobby-v4 .vidu-lobby-widget,
.vidu-org-lobby-v4 .vidu-lobby-action-center,
.vidu-org-lobby-v4 .vidu-lobby-pulse,
.vidu-org-lobby-v4 .vidu-lobby-divisions-section {
  padding: 0;
}

.vidu-org-lobby-v4 .vidu-lobby-widget {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
}

.vidu-org-lobby-v4 .vidu-lobby-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 20px;
  min-height: 0;
  padding: 0;
  overflow: visible;
}

.vidu-org-lobby-v4 .vidu-lobby-hero-main {
  display: grid;
  align-content: start;
  gap: 13px;
}

.vidu-org-lobby-v4 .vidu-lobby-hero h2 {
  margin: 0;
  color: #ededed;
  font-size: clamp(26px, 2.7vw, 48px);
  font-weight: 410;
  line-height: 1.12;
  letter-spacing: -.025em;
}

.vidu-org-lobby-v4 .vidu-lobby-hero-main > p:not(.vidu-lobby-greeting) {
  max-width: 780px;
  margin: 0;
  color: rgba(238, 238, 238, .62);
  font-size: clamp(13px, 1.15vw, 17px);
  line-height: 1.55;
}

.vidu-lobby-live-state {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}

.vidu-lobby-live-state i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--lobby-v4-success);
  box-shadow: 0 0 0 4px rgba(167, 206, 145, .08);
}

.vidu-lobby-live-state strong { color: var(--lobby-v4-success); font-size: 9px; letter-spacing: .15em; }
.vidu-lobby-live-state small { color: #747474; font-size: 9px; }

.vidu-lobby-system-time {
  display: grid;
  justify-items: end;
  align-content: center;
  gap: 3px;
  min-width: 132px;
  padding: 11px 14px 10px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(7, 9, 14, .24));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 16px 42px rgba(0, 0, 0, .13);
  backdrop-filter: blur(18px) saturate(108%);
}

.vidu-lobby-system-time time {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  color: #fff;
  font-size: clamp(24px, 2vw, 32px);
  font-variant-numeric: tabular-nums;
  font-weight: 660;
  letter-spacing: -.045em;
  line-height: 1;
}

.vidu-lobby-system-time time > span {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

.vidu-lobby-system-time .vidu-lobby-clock-separator {
  width: .42em;
  color: rgba(255, 255, 255, .78);
  text-align: center;
  transform-origin: center;
  animation: vidu-lobby-clock-pulse 1s ease-in-out infinite;
}

.vidu-lobby-system-time [data-lobby-system-date] {
  color: rgba(229, 231, 235, .5);
  font-size: 10px;
  text-transform: capitalize;
}

@keyframes vidu-lobby-clock-pulse {
  0%, 100% { opacity: .92; transform: scale(.96); }
  50% { opacity: .28; transform: scale(1.04); }
}

.vidu-system-bridge-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr);
  gap: 14px;
  align-items: center;
  margin: 14px 0 18px;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 16px;
  background: rgba(15, 17, 24, .62);
}

.vidu-system-bridge-control.is-enabled {
  border-color: rgba(74, 222, 128, .28);
  background: linear-gradient(135deg, rgba(20, 83, 45, .16), rgba(15, 17, 24, .66));
}

.vidu-system-bridge-control > div:first-child span,
.vidu-system-bridge-control > div:first-child strong,
.vidu-system-bridge-control > div:first-child p {
  display: block;
}

.vidu-system-bridge-control > div:first-child span {
  color: rgba(167, 139, 250, .78);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-system-bridge-control > div:first-child strong {
  margin-top: 4px;
  color: #f8fafc;
}

.vidu-system-bridge-control > div:first-child p {
  margin: 5px 0 0;
  color: rgba(203, 213, 225, .66);
  font-size: 12px;
  line-height: 1.5;
}

.vidu-system-bridge-control .vidu-system-action-row {
  grid-column: 1 / -1;
  margin-top: 0;
}

.vidu-org-lobby-v4 .vidu-lobby-widget > header,
.vidu-org-lobby-v4 .vidu-lobby-action-center > header,
.vidu-org-lobby-v4 .vidu-lobby-pulse > header,
.vidu-org-lobby-v4 .vidu-lobby-divisions-section > header {
  padding: 0 0 12px;
  border-bottom: 1px solid var(--lobby-v4-line);
}

.vidu-org-lobby-v4 .vidu-lobby-widget > header strong,
.vidu-org-lobby-v4 .vidu-lobby-action-center > header strong,
.vidu-org-lobby-v4 .vidu-lobby-pulse > header strong,
.vidu-org-lobby-v4 .vidu-lobby-divisions-section > header strong {
  font-size: 16px;
  font-weight: 650;
}

.vidu-lobby-v4__editor-chrome {
  position: absolute;
  z-index: 8;
  top: 6px;
  left: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
}

.vidu-lobby-v4__editor-chrome strong {
  margin-right: auto;
  color: rgba(255, 255, 255, .62);
  font-size: 10px;
}

.vidu-lobby-v4__editor-chrome button {
  min-height: 25px;
  padding: 0 7px;
  border: 0;
  border-radius: 999px;
  color: #ddd;
  background: rgba(255, 255, 255, .055);
  font-size: 9px;
  cursor: pointer;
}

.vidu-lobby-v4__drag-handle { color: var(--lobby-v4-accent); cursor: grab; }
.vidu-lobby-v4__resize-handle {
  position: absolute;
  z-index: 11;
  right: 3px;
  bottom: 3px;
  width: 24px;
  height: 24px;
  border: 0;
  border-right: 2px solid rgba(196, 181, 217, .6);
  border-bottom: 2px solid rgba(196, 181, 217, .6);
  background: transparent;
  cursor: nwse-resize;
  touch-action: none;
}

.vidu-lobby-project-list { display: grid; }
.vidu-lobby-project-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(94px, .34fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 62px;
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .065);
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.vidu-lobby-project-copy { display: grid; gap: 4px; }
.vidu-lobby-project-copy strong { color: #eee; font-size: 13px; }
.vidu-lobby-project-copy small { color: var(--lobby-v4-muted); font-size: 10px; }
.vidu-lobby-project-progress { display: grid; grid-template-columns: minmax(42px, 1fr) auto; align-items: center; gap: 8px; }
.vidu-lobby-project-progress::before { content: ""; grid-column: 1; grid-row: 1; height: 2px; background: rgba(255, 255, 255, .08); }
.vidu-lobby-project-progress i { grid-column: 1; grid-row: 1; width: var(--progress); height: 2px; background: var(--lobby-v4-success); }
.vidu-lobby-project-progress b { color: #aaa; font-size: 9px; font-weight: 600; }

.vidu-lobby-pipeline-workspace-select { display: inline-flex; align-items: center; gap: 10px; min-width: 0; max-width: 260px; color: var(--lobby-v4-muted); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.vidu-lobby-pipeline-workspace-select > span { position: static; inset: auto; display: block; flex: 0 0 auto; width: auto; overflow: visible; white-space: nowrap; transform: none; }
.vidu-lobby-pipeline-workspace-select select { position: static; display: block; flex: 1 1 120px; width: min(150px, 100%); min-width: 92px; max-width: 180px; min-height: 28px; margin: 0; padding: 3px 26px 3px 9px; border: 1px solid rgba(255, 255, 255, .10); border-radius: 999px; color: #ddd; background: rgba(255, 255, 255, .035); font-size: 10px; text-transform: none; }
.vidu-lobby-pipeline-scale { display: inline-grid; grid-template-columns: auto minmax(54px, 92px) 34px; align-items: center; gap: 6px; color: var(--lobby-v4-muted); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.vidu-lobby-pipeline-scale input { width: 100%; accent-color: var(--lobby-v4-accent); cursor: ew-resize; }
.vidu-lobby-pipeline-scale output { color: #bbb; font-size: 9px; letter-spacing: 0; text-align: right; }
.vidu-org-lobby-v4 .vidu-lobby-widget[data-lobby-widget="pipeline_overview"] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-height: 0; }
.vidu-lobby-pipeline-mini { display: grid; grid-template-columns: repeat(var(--lobby-pipeline-columns, 5), minmax(var(--lobby-pipeline-column-width, 138px), 1fr)); min-height: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.vidu-lobby-pipeline-stage { display: grid; grid-template-rows: auto minmax(0, 1fr); align-content: start; gap: 9px; min-width: 0; padding: 12px; border: 0; border-left: 1px solid var(--lobby-v4-line); color: inherit; background: transparent; text-align: left; }
.vidu-lobby-pipeline-stage:first-child { border-left: 0; }
.vidu-lobby-pipeline-stage > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 25px; }
.vidu-lobby-pipeline-stage > header span { overflow: hidden; color: var(--lobby-v4-muted); font-size: 9px; letter-spacing: .1em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.vidu-lobby-pipeline-stage > header strong { color: #eee; font-size: 14px; font-weight: 560; }
.vidu-lobby-pipeline-stage > div { display: grid; grid-auto-rows: max-content; align-content: start; gap: 7px; min-height: 0; padding-top: 6px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.vidu-lobby-pipeline-mini::-webkit-scrollbar,
.vidu-lobby-pipeline-stage > div::-webkit-scrollbar { display: none; }
.vidu-lobby-pipeline-stage > div > p { margin: 9px 0; color: #696969; font-size: 9px; }
.vidu-lobby-pipeline-system-card {
  position: relative;
  isolation: isolate;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--vidu-board-accent, #8fb7cf) 28%, rgba(255, 255, 255, .08));
  border-radius: var(--lobby-pipeline-card-radius, 18px);
  color: inherit;
  background: linear-gradient(145deg, color-mix(in srgb, var(--vidu-board-accent, #8fb7cf) 9%, rgba(17, 19, 23, .86)), rgba(13, 15, 18, .78));
  box-shadow: 0 14px 36px rgba(0, 0, 0, .16);
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.vidu-lobby-pipeline-system-card::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 22%;
  bottom: 22%;
  left: 0;
  width: 3px;
  border-radius: 999px;
  background: var(--vidu-board-accent, #8fb7cf);
}
.vidu-lobby-pipeline-system-card .vidu-board-card-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: inherit;
  box-sizing: border-box;
  padding: var(--lobby-pipeline-card-pad-y, 16px) var(--lobby-pipeline-card-pad-x, 18px);
}
.vidu-lobby-pipeline-system-card .vidu-board-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: auto;
}
.vidu-lobby-pipeline-system-card .vidu-board-card-status {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}
.vidu-lobby-pipeline-system-card .vidu-board-card-body {
  display: grid;
  gap: 5px;
  margin-top: 14px;
}
.vidu-lobby-pipeline-system-card .vidu-board-card-title {
  overflow: hidden;
  color: #f0f0f2;
  font-size: var(--lobby-pipeline-title-size, 13px);
  font-weight: 680;
  line-height: 1.25;
  text-overflow: ellipsis;
}
.vidu-lobby-pipeline-system-card .vidu-board-card-client,
.vidu-lobby-pipeline-system-card .vidu-board-card-meta {
  color: rgba(235, 236, 240, .5);
  font-size: var(--lobby-pipeline-meta-size, 9px);
  line-height: 1.35;
}
.vidu-lobby-pipeline-system-card .vidu-board-card-meta { display: grid; gap: 3px; }
.vidu-lobby-pipeline-system-card:hover,
.vidu-lobby-pipeline-system-card:focus-visible {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--vidu-board-accent, #8fb7cf) 52%, rgba(255, 255, 255, .12));
  box-shadow: 0 20px 46px rgba(0, 0, 0, .24);
  outline: none;
}
.vidu-lobby-pipeline-system-card.is-widget {
  height: var(--lobby-pipeline-card-height, 210px);
  min-height: var(--lobby-pipeline-card-height, 210px);
}
.vidu-lobby-pipeline-system-card.is-widget .vidu-board-card-inner {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: var(--lobby-pipeline-card-pad-y, 16px) var(--lobby-pipeline-card-pad-x, 18px);
  transform: none;
}
#vidu-pipeline-dashboard .vidu-org-lobby-v4 .vidu-lobby-pipeline-system-card.is-widget .vidu-board-card-top {
  gap: var(--lobby-pipeline-content-gap, 5px);
  min-height: 0;
  margin: 0;
}
#vidu-pipeline-dashboard .vidu-org-lobby-v4 .vidu-lobby-pipeline-system-card.is-widget .vidu-board-card-status {
  gap: var(--lobby-pipeline-content-gap, 4px);
}
#vidu-pipeline-dashboard .vidu-org-lobby-v4 .vidu-lobby-pipeline-system-card.is-widget .vidu-board-card-body {
  gap: var(--lobby-pipeline-content-gap, 5px);
  margin-top: var(--lobby-pipeline-body-offset, 14px);
}
#vidu-pipeline-dashboard .vidu-org-lobby-v4 .vidu-lobby-pipeline-system-card.is-widget .vidu-board-card-title {
  margin: 0;
  font-size: var(--lobby-pipeline-title-size, 13px);
}
#vidu-pipeline-dashboard .vidu-org-lobby-v4 .vidu-lobby-pipeline-system-card.is-widget .vidu-board-card-client {
  margin: 0;
  font-size: var(--lobby-pipeline-client-size, 10px);
}
#vidu-pipeline-dashboard .vidu-org-lobby-v4 .vidu-lobby-pipeline-system-card.is-widget .vidu-board-card-meta,
#vidu-pipeline-dashboard .vidu-org-lobby-v4 .vidu-lobby-pipeline-system-card.is-widget .vidu-board-card-meta small {
  gap: var(--lobby-pipeline-content-gap, 3px);
  font-size: var(--lobby-pipeline-meta-size, 9px);
}
#vidu-pipeline-dashboard .vidu-org-lobby-v4 .vidu-lobby-pipeline-system-card.is-widget .vidu-chip,
#vidu-pipeline-dashboard .vidu-org-lobby-v4 .vidu-lobby-pipeline-system-card.is-widget .vidu-lead-age-chip {
  min-height: 0;
  font-size: var(--lobby-pipeline-chip-size, 9px);
  line-height: 1.15;
}
#vidu-pipeline-dashboard .vidu-org-lobby-v4 .vidu-lobby-pipeline-system-card.is-widget .vidu-chip::before {
  width: var(--lobby-pipeline-chip-dot-size, 6px);
  height: var(--lobby-pipeline-chip-dot-size, 6px);
  flex-basis: var(--lobby-pipeline-chip-dot-size, 6px);
}
#vidu-pipeline-dashboard .vidu-org-lobby-v4 .vidu-lobby-pipeline-system-card.is-widget .vidu-board-card-avatar {
  width: var(--lobby-pipeline-avatar-size, 24px);
  height: var(--lobby-pipeline-avatar-size, 24px);
  flex-basis: var(--lobby-pipeline-avatar-size, 24px);
}
.vidu-lobby-pipeline-unassigned { grid-column: 2; grid-row: 1 / span 2; align-self: center; max-width: var(--lobby-pipeline-owner-width, 44px); color: #686868; font-size: var(--lobby-pipeline-meta-size, 8px); line-height: 1.2; text-align: right; }
.vidu-lobby-text-link { margin-top: 12px; padding: 0; border: 0; color: var(--lobby-v4-accent); background: transparent; font-size: 10px; cursor: pointer; }

.vidu-scout-autonomous-runtime { display: grid; gap: 18px; }
.vidu-scout-runtime-main-panel { min-width: 0; }
.vidu-scout-runtime-main-panel > .vidu-scout-autonomous-runtime { border-color: rgba(79, 205, 196, .22); background: linear-gradient(135deg, rgba(9, 29, 40, .82), rgba(4, 11, 18, .76)); }
.vidu-scout-automation-form { display: grid; grid-template-columns: repeat(3, minmax(140px, 1fr)); gap: 12px; padding: 16px; border: 1px solid rgba(79, 205, 196, .16); border-radius: 14px; background: rgba(13, 25, 31, .42); }
.vidu-scout-automation-form > label { display: grid; gap: 6px; color: #93a4b5; font-size: 10px; }
.vidu-scout-automation-form select,
.vidu-scout-automation-form input[type="number"] { min-height: 36px; padding: 7px 10px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 9px; color: #e8eef4; background: rgba(2, 8, 14, .64); }
.vidu-scout-automation-form .is-toggle { display: flex; grid-column: 1 / -1; align-items: center; gap: 9px; color: #dbe8e8; }
.vidu-scout-automation-form fieldset { grid-column: 1 / -1; padding: 12px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 10px; }
.vidu-scout-automation-form legend { padding: 0 7px; color: #8ca4ad; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.vidu-scout-automation-watch-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px; }
.vidu-scout-automation-watch-grid label { display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; padding: 8px; border-radius: 8px; background: rgba(255, 255, 255, .025); }
.vidu-scout-automation-watch-grid input { grid-row: 1 / span 2; align-self: center; }
.vidu-scout-automation-watch-grid span { color: #dde6e9; font-size: 10px; }
.vidu-scout-automation-watch-grid small { color: #70828b; font-size: 8px; }
.vidu-scout-automation-form > footer { display: flex; grid-column: 1 / -1; flex-wrap: wrap; gap: 8px; }
.vidu-scout-runtime-message { padding: 11px 14px; border-left: 2px solid #5ad4cc; color: #c7dcde; background: rgba(79, 200, 192, .06); font-size: 11px; line-height: 1.45; }
.vidu-scout-automation-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 10px; }
.vidu-scout-provider-health { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; }
.vidu-scout-provider-health article { display: grid; gap: 4px; padding: 11px 12px; border: 1px solid rgba(255, 255, 255, .075); border-radius: 11px; background: rgba(4, 10, 17, .36); }
.vidu-scout-provider-health article.is-healthy { border-color: rgba(79, 205, 196, .24); }
.vidu-scout-provider-health article.is-unavailable { border-color: rgba(255, 111, 125, .24); }
.vidu-scout-provider-health span { color: #879ba4; font-size: 8px; letter-spacing: .09em; text-transform: uppercase; }
.vidu-scout-provider-health strong { color: #e2ecee; font-size: 11px; }
.vidu-scout-provider-health small { color: #677980; font-size: 8px; overflow-wrap: anywhere; }
.vidu-scout-runtime-error { display: grid; gap: 5px; padding: 12px 14px; border: 1px solid rgba(255, 111, 125, .24); border-radius: 12px; background: rgba(100, 24, 34, .12); }
.vidu-scout-runtime-error span { color: #ff8491; font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.vidu-scout-runtime-error strong { color: #f4dadd; font-size: 13px; }
.vidu-scout-runtime-error small { color: #9b858a; }
.vidu-scout-query-plan { display: grid; gap: 7px; padding: 14px 16px; border-left: 2px solid #4fc8c0; background: rgba(79, 200, 192, .035); }
.vidu-scout-query-plan > span { color: #58cfca; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.vidu-scout-query-plan > strong { color: #e5f0f0; font-size: 12px; }
.vidu-scout-query-plan > p { margin: 0; color: #a8b6bc; font-size: 11px; line-height: 1.5; }
.vidu-scout-query-plan > small { color: #687980; font-size: 8px; overflow-wrap: anywhere; }
.vidu-scout-signal-candidate-list { display: grid; gap: 12px; }
.vidu-scout-signal-candidate { display: grid; gap: 12px; padding: 15px 16px; border: 1px solid rgba(255, 255, 255, .075); border-radius: 13px; background: rgba(4, 10, 17, .42); }
.vidu-scout-signal-candidate.is-human_review_required { border-color: rgba(229, 186, 92, .28); }
.vidu-scout-signal-candidate.is-accepted { border-color: rgba(79, 205, 196, .28); }
.vidu-scout-signal-candidate > header { display: flex; justify-content: space-between; gap: 12px; }
.vidu-scout-signal-candidate > header span { color: #75ccc7; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.vidu-scout-signal-candidate > header strong { display: block; margin-top: 3px; color: #eef3f4; font-size: 13px; }
.vidu-scout-signal-candidate > p { margin: 0; color: #a9b5ba; font-size: 11px; line-height: 1.55; }
.vidu-scout-signal-candidate > footer { display: flex; flex-wrap: wrap; gap: 8px; }
.vidu-scout-autonomous-safety { padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .07); color: #77878e; }

.vidu-lobby-scout-watch-select { display: inline-grid; grid-template-columns: auto minmax(130px, 190px); align-items: center; gap: 7px; color: var(--lobby-v4-muted); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.vidu-lobby-scout-watch-select select { min-height: 28px; padding: 3px 25px 3px 9px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 999px; color: #ddd; background: rgba(255, 255, 255, .035); font-size: 10px; text-transform: none; }
.vidu-lobby-scout-runtime { display: grid; align-content: start; gap: 12px; min-height: 0; }
.vidu-lobby-scout-runtime__summary { display: grid; gap: 3px; }
.vidu-lobby-scout-runtime__summary > span { display: inline-flex; align-items: center; gap: 6px; color: #8acbc5; font-size: 8px; font-weight: 750; letter-spacing: .09em; }
.vidu-lobby-scout-runtime__summary > span i,
.vidu-lobby-scout-runtime__providers i { width: 6px; height: 6px; border-radius: 50%; background: #62cfae; box-shadow: 0 0 0 3px rgba(98, 207, 174, .08); }
.vidu-lobby-scout-runtime__summary > strong { color: #ededed; font-size: 17px; font-weight: 560; }
.vidu-lobby-scout-runtime__summary > small { color: #737373; font-size: 9px; }
.vidu-lobby-scout-runtime__metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--lobby-v4-line); border-bottom: 1px solid var(--lobby-v4-line); }
.vidu-lobby-scout-runtime__metrics span { display: grid; gap: 2px; padding: 10px 9px; border-left: 1px solid var(--lobby-v4-line); }
.vidu-lobby-scout-runtime__metrics span:first-child { border-left: 0; }
.vidu-lobby-scout-runtime__metrics b { color: #eee; font-size: 15px; font-weight: 560; }
.vidu-lobby-scout-runtime__metrics small { color: #6e6e6e; font-size: 8px; letter-spacing: .07em; text-transform: uppercase; }
.vidu-lobby-scout-runtime__providers { display: flex; flex-wrap: wrap; gap: 7px; }
.vidu-lobby-scout-runtime__providers > span { display: inline-flex; align-items: center; gap: 6px; color: #a4a4a4; font-size: 9px; }
.vidu-lobby-scout-runtime__providers > span.is-unavailable i { background: #d16a71; box-shadow: none; }
.vidu-lobby-scout-runtime__providers small { color: #666; }
.vidu-lobby-scout-runtime__signal { display: grid; gap: 3px; padding: 10px 0; border: 0; border-top: 1px solid var(--lobby-v4-line); color: inherit; background: transparent; text-align: left; cursor: pointer; }
.vidu-lobby-scout-runtime__signal span { color: #6f6f6f; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.vidu-lobby-scout-runtime__signal strong { color: #ddd; font-size: 11px; font-weight: 550; line-height: 1.35; }
.vidu-lobby-scout-runtime__signal small { color: #818181; font-size: 8px; }
.vidu-lobby-scout-runtime__status { padding: 8px 10px; border-left: 2px solid #64c9c0; color: #afd5d1; background: rgba(100, 201, 192, .055); font-size: 9px; }
.vidu-lobby-scout-runtime > footer { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }

@media (max-width: 900px) {
  .vidu-scout-automation-form { grid-template-columns: 1fr; }
  .vidu-scout-automation-form .is-toggle,
  .vidu-scout-automation-form fieldset,
  .vidu-scout-automation-form > footer { grid-column: 1; }
  .vidu-scout-automation-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.vidu-lobby-intelligence-signals { display: grid; align-content: start; min-height: 0; }
.vidu-lobby-intelligence-signals > button:not(.vidu-lobby-view-all):not(.vidu-lobby-compact-more) { appearance: none; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; min-width: 0; min-height: 62px; padding: 10px 0; border: 0; border-bottom: 1px solid var(--lobby-v4-line); border-radius: 0; color: inherit; text-align: left; background: transparent; box-shadow: none; cursor: pointer; }
.vidu-lobby-intelligence-signals > button:first-child { border-top: 1px solid rgba(196, 181, 217, .16); }
.vidu-lobby-signal-copy { display: grid; gap: 4px; min-width: 0; }
.vidu-lobby-signal-copy strong { overflow: hidden; color: #ededed; font-size: 12px; font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }
.vidu-lobby-signal-copy small { overflow: hidden; color: #777; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.vidu-lobby-signal-copy small b { color: var(--lobby-v4-success); font-size: 8px; letter-spacing: .08em; }
.vidu-lobby-signal-copy > em { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #8b8b8b; font-size: 10px; font-style: normal; line-height: 1.4; }
.vidu-lobby-signal-meta { display: flex; align-items: flex-end; flex-direction: column; gap: 3px; }
.vidu-lobby-signal-meta em, .vidu-lobby-signal-meta b, .vidu-lobby-signal-meta i { color: #858585; font-size: 8px; font-style: normal; font-weight: 500; white-space: nowrap; }
.vidu-lobby-signal-meta em { color: var(--lobby-v4-accent); }
.vidu-lobby-signal-empty { display: grid; gap: 6px; padding: 22px 0; border-top: 1px solid var(--lobby-v4-line); border-bottom: 1px solid var(--lobby-v4-line); }
.vidu-lobby-signal-empty strong { color: #d8d8d8; font-size: 12px; }
.vidu-lobby-signal-empty span { max-width: 560px; color: #777; font-size: 10px; line-height: 1.5; }

.vidu-lobby-finance-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); min-height: 116px; }
.vidu-lobby-finance-summary button { display: grid; align-content: center; gap: 8px; padding: 18px; border: 0; border-left: 1px solid var(--lobby-v4-line); color: inherit; background: transparent; text-align: left; cursor: pointer; }
.vidu-lobby-finance-summary button:first-child { border-left: 0; }
.vidu-lobby-finance-summary span { color: var(--lobby-v4-muted); font-size: 9px; letter-spacing: .11em; text-transform: uppercase; }
.vidu-lobby-finance-summary strong { color: #ededed; font-size: clamp(15px, 1.6vw, 24px); font-weight: 460; }
.vidu-lobby-document-list { display: grid; }
.vidu-lobby-document-list button { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 46px; padding: 8px 0; border: 0; border-bottom: 1px solid var(--lobby-v4-line); color: inherit; background: transparent; text-align: left; cursor: pointer; }
.vidu-lobby-document-list strong { overflow: hidden; color: #ddd; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.vidu-lobby-document-list small { color: #777; font-size: 9px; }
.vidu-lobby-empty-state { margin: 18px 0; color: var(--lobby-v4-muted); font-size: 11px; }

.vidu-lobby-v4__library {
  position: fixed;
  z-index: 80;
  top: 18px;
  right: 18px;
  bottom: 18px;
  width: min(560px, calc(100vw - 36px));
  padding: 24px;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 20px;
  color: #eee;
  background: rgba(27, 27, 27, .97);
  box-shadow: 0 26px 80px rgba(0, 0, 0, .52);
  backdrop-filter: blur(24px);
}
.vidu-lobby-v4__library > header { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.vidu-lobby-v4__library > header div { display: grid; gap: 5px; }
.vidu-lobby-v4__library > header span { color: var(--lobby-v4-accent); font-size: 9px; letter-spacing: .16em; }
.vidu-lobby-v4__library > header strong { font-size: 18px; }
.vidu-lobby-v4__library > header button { width: 34px; height: 34px; border: 0; border-radius: 50%; color: #ddd; background: rgba(255, 255, 255, .06); cursor: pointer; }
.vidu-lobby-v4__template-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 22px; }
.vidu-lobby-v4__template-strip button,
.vidu-lobby-v4__library-apps button { display: grid; gap: 4px; padding: 12px; border: 1px solid rgba(255, 255, 255, .075); border-radius: 12px; color: #ddd; background: transparent; text-align: left; cursor: pointer; }
.vidu-lobby-v4__template-strip small,
.vidu-lobby-v4__library-apps small { color: #888; font-size: 9px; }
.vidu-lobby-v4__library-settings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 24px; }
.vidu-lobby-v4__library-settings label { display: grid; gap: 5px; color: #888; font-size: 9px; text-transform: uppercase; }
.vidu-lobby-v4__library-settings label.is-wide { grid-column: 1 / -1; }
.vidu-lobby-v4__library-apps { display: grid; gap: 24px; }
.vidu-lobby-v4__library-apps section { display: grid; gap: 9px; }
.vidu-lobby-v4__library-apps h3 { margin: 0; color: #aaa; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.vidu-lobby-v4__library-apps section > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.vidu-lobby-v4__library-apps button { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; }
.vidu-lobby-v4__library-apps button.is-added { border-color: rgba(167, 206, 145, .32); }
.vidu-lobby-v4__empty-canvas { grid-column: 1 / -1; align-self: start; display: grid; gap: 8px; min-height: 220px; place-content: center; border: 1px dashed rgba(255, 255, 255, .12); border-radius: 18px; color: #bbb; background: transparent; cursor: pointer; }

@media (max-width: 1180px) {
  .vidu-lobby-v4__workspace-bar { grid-template-columns: 1fr auto auto; }
  .vidu-lobby-v4__brand, .vidu-lobby-v4__apps { display: none; }
  .vidu-org-lobby-v4__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); grid-template-rows: none; grid-auto-flow: row dense; }
  .vidu-lobby-v4__grid-item { grid-row: auto; }
  .vidu-lobby-v4__grid-item.is-wide,
  .vidu-lobby-v4__grid-item.is-focus { grid-column: 1 / -1; }
  .vidu-lobby-v4__grid-item.is-standard,
  .vidu-lobby-v4__grid-item.is-tall { grid-column: span 4; }
  .vidu-lobby-v4__grid-item.is-compact { grid-column: span 3; }
}

@media (max-width: 760px) {
  .vidu-org-lobby-v4 { padding: 14px; }
  .vidu-lobby-v4__workspace-bar { grid-template-columns: 1fr auto; gap: 10px; margin-bottom: 28px; }
  .vidu-lobby-v4__view-switch { display: none; }
  .vidu-lobby-v4__edit-actions button:first-child { display: none; }
  .vidu-org-lobby-v4__grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    align-items: start;
    gap: 30px;
    min-height: 0;
  }
  .vidu-lobby-v4__grid-item {
    grid-column: 1;
    grid-row: auto;
    align-self: start;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }
  .vidu-lobby-v4__widget-content,
  .vidu-lobby-v4__widget-content > * {
    height: auto;
  }
  .vidu-lobby-pipeline-mini { grid-template-columns: 1fr; }
  .vidu-lobby-pipeline-stage { border-left: 0; border-top: 1px solid var(--lobby-v4-line); }
  .vidu-lobby-v4__template-strip,
  .vidu-lobby-v4__library-settings,
  .vidu-lobby-v4__library-apps section > div { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .vidu-org-lobby-v4 *, .vidu-org-lobby-v4 *::before, .vidu-org-lobby-v4 *::after { animation: none; transition-duration: .01ms; }
}

/* Finance project modules: the data surface stays compact and inherits the project-card system. */
.vidu-finance-project-module {
  display: grid;
  gap: 10px;
  padding: 4px 0 2px;
}

.vidu-finance-project-module > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
}

.vidu-finance-project-module span,
.vidu-finance-project-module p {
  color: var(--muted, rgba(230, 235, 244, 0.58));
}

.vidu-org-lobby-v4 .vidu-lobby-finance-metric {
  display: grid;
  align-content: center;
  justify-items: start;
  min-height: 132px;
  gap: 7px;
}

.vidu-org-lobby-v4 .vidu-lobby-finance-metric > strong {
  color: var(--text, #f4f6fa);
  font-size: clamp(24px, 3vw, 42px);
  line-height: 1;
}

.vidu-org-lobby-v4 .vidu-lobby-finance-metric > span {
  color: var(--muted, rgba(230, 235, 244, 0.58));
  font-size: 12px;
}

.vidu-finance-project-module strong {
  color: var(--text, #f4f6fa);
  text-align: right;
}

.vidu-finance-project-module p {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

/* Finance Division organization operating layer */
.vidu-finance-division-config-btn,
.vidu-finance-division-overview button,
.vidu-finance-division-dialog button {
  appearance: none;
  min-height: 38px;
  padding: 0 15px;
  border: 1px solid rgba(85, 209, 145, .26);
  border-radius: 999px;
  color: #b8e8cc;
  background: rgba(38, 111, 72, .1);
  cursor: pointer;
}
.vidu-finance-division-command { margin: 18px 0 24px; }
.vidu-finance-division-overview { padding: 24px; border: 1px solid rgba(255,255,255,.08); border-radius: 22px; background: rgba(10,14,18,.78); }
.vidu-finance-division-overview > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; }
.vidu-finance-division-overview > header > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.vidu-finance-division-overview > header span,
.vidu-finance-division-grid section > header span { color: #74cfa0; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.vidu-finance-division-overview > header h4 { margin: 7px 0 4px; font: 500 22px/1.2 var(--vidu-font-mono, ui-monospace, monospace); }
.vidu-finance-division-overview > header p { margin: 0; color: #78818d; }
.vidu-finance-division-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: 22px; overflow: hidden; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; background: rgba(255,255,255,.07); }
.vidu-finance-division-kpis article { display: grid; gap: 5px; padding: 17px; background: #0d1117; }
.vidu-finance-division-kpis span { color: #6f7885; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.vidu-finance-division-kpis strong { font-size: 20px; }
.vidu-finance-division-kpis small { color: #68717d; }
.vidu-finance-division-grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 12px; margin-top: 12px; }
.vidu-finance-division-grid > section { min-width: 0; padding: 18px; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; background: rgba(255,255,255,.018); }
.vidu-finance-division-grid section > header { display: grid; gap: 5px; margin-bottom: 13px; }
.vidu-finance-division-list { display: grid; }
.vidu-finance-division-list article { display: grid; grid-template-columns: 8px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.vidu-finance-division-list i { width: 7px; height: 7px; border-radius: 50%; background: #677180; }
.vidu-finance-division-list i.is-connected,
.vidu-finance-division-list i.is-available { background: #43cf82; box-shadow: 0 0 12px rgba(67,207,130,.35); }
.vidu-finance-division-list div { display: grid; min-width: 0; gap: 3px; text-align: left; }
.vidu-finance-division-list small,
.vidu-finance-division-list > article > span,
.vidu-finance-workforce-grid small { color: #6f7885; font-size: 10px; }
.vidu-finance-workforce-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.vidu-finance-workforce-grid button { position: relative; display: block; min-width: 0; min-height: 172px; padding: 0; overflow: hidden; border-color: rgba(255,255,255,.07); border-radius: 15px; color: #e7ebef; background: rgba(255,255,255,.02); }
.vidu-finance-workforce-portrait,
.vidu-finance-workforce-portrait .vidu-avatar { display: block; width: 100%; height: 100%; }
.vidu-finance-workforce-portrait .vidu-avatar img,
.vidu-finance-workforce-portrait .vidu-avatar__initials { width: 100%; height: 100%; border-radius: 0; object-fit: cover; }
.vidu-finance-workforce-meta { position: absolute; right: 0; bottom: 0; left: 0; display: grid; gap: 3px; padding: 38px 12px 12px; text-align: right; background: linear-gradient(180deg, transparent, rgba(5,8,12,.9)); }
.vidu-finance-workforce-meta strong { font-size: 12px; }
.vidu-finance-workforce-meta small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vidu-finance-compliance-grid { display: grid; }
.vidu-finance-compliance-grid article { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.vidu-finance-compliance-grid strong { font-size: 12px; font-weight: 500; }
.vidu-finance-compliance-grid span { color: #78cf9f; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.vidu-finance-division-overlay { position: fixed; inset: 0; z-index: 16040; display: grid; place-items: center; padding: 24px; background: rgba(4,7,10,.74); backdrop-filter: blur(18px); }
.vidu-finance-division-dialog { display: grid; grid-template-rows: auto minmax(0,1fr); width: min(1120px,100%); max-height: min(900px,calc(100dvh - 48px)); overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: #0d1117; box-shadow: 0 28px 100px rgba(0,0,0,.52); }
.vidu-finance-division-dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; padding: 22px 26px; border-bottom: 1px solid rgba(255,255,255,.07); }
.vidu-finance-division-dialog > header span { color: #74cfa0; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.vidu-finance-division-dialog > header h3 { margin: 6px 0; font-size: 24px; }
.vidu-finance-division-dialog > header p { margin: 0; color: #747d89; }
.vidu-finance-division-dialog > header button { width: 38px; padding: 0; border-color: rgba(255,255,255,.08); color: #aeb5bf; background: rgba(255,255,255,.04); }
.vidu-finance-division-dialog form { display: grid; grid-template-rows: minmax(0,1fr) auto; min-height: 0; }
.vidu-finance-division-config-body { display: grid; gap: 18px; min-height: 0; padding: 24px 26px; overflow-y: auto; scrollbar-width: none; }
.vidu-finance-division-config-body::-webkit-scrollbar { display: none; }
.vidu-finance-division-config-body > section { display: grid; gap: 12px; }
.vidu-finance-division-config-body h4 { margin: 0; font-size: 14px; }
.vidu-finance-config-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.vidu-finance-config-grid label { position: relative; display: grid; gap: 7px; }
.vidu-finance-config-grid label > span { color: #7d8693; font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }
.vidu-finance-config-grid input,
.vidu-finance-config-grid select { width: 100%; min-height: 43px; padding: 0 12px; border: 1px solid rgba(255,255,255,.09); border-radius: 11px; color: #e8ebef; background: #151a21; }
.vidu-finance-config-grid label > small { position: absolute; right: 12px; bottom: 13px; color: #65707d; }
.vidu-finance-config-note { margin: 0; color: #747d89; font-size: 11px; }
.vidu-finance-config-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.vidu-finance-config-list article { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 14px; border-radius: 12px; background: rgba(255,255,255,.025); }
.vidu-finance-config-list article div { display: grid; gap: 3px; }
.vidu-finance-config-list small,
.vidu-finance-config-list article > span { color: #737c88; font-size: 10px; }
.vidu-finance-config-choice { display: grid; grid-template-columns: 20px minmax(0,1fr) auto; align-items: center; gap: 12px; min-width: 0; padding: 12px 14px; border: 1px solid transparent; border-radius: 12px; background: rgba(255,255,255,.025); cursor: pointer; transition: border-color .16s ease, background-color .16s ease; }
.vidu-finance-config-choice:hover { background: rgba(255,255,255,.04); }
.vidu-finance-config-choice:has(input:checked) { border-color: rgba(116,207,160,.2); background: rgba(116,207,160,.055); }
.vidu-finance-config-choice input { width: 16px; height: 16px; margin: 0; accent-color: #74cfa0; }
.vidu-finance-config-choice div { display: grid; min-width: 0; gap: 3px; }
.vidu-finance-config-choice small { color: #737c88; font-size: 10px; }
.vidu-finance-config-choice-state { color: #737c88; font-size: 10px; white-space: nowrap; }
.vidu-finance-config-choice-state i { font-style: normal; }
.vidu-finance-config-choice-state .is-on { display: none; color: #74cfa0; }
.vidu-finance-config-choice:has(input:checked) .vidu-finance-config-choice-state .is-on { display: inline; }
.vidu-finance-config-choice:has(input:checked) .vidu-finance-config-choice-state .is-off { display: none; }
.vidu-finance-division-dialog form > footer { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 16px 26px; border-top: 1px solid rgba(255,255,255,.07); }
.vidu-finance-division-dialog form > footer > span { margin-right: auto; color: #76c99b; font-size: 11px; }
.vidu-finance-division-dialog button.is-primary { color: #07110c; background: #83d8a8; }

.vidu-finance-division-dialog.is-setup {
  width: min(920px, 100%);
}

.vidu-finance-setup-body {
  display: grid;
  gap: 18px;
  min-height: 0;
  padding: 24px 26px 28px;
  overflow-y: auto;
  scrollbar-width: none;
}

.vidu-finance-setup-body::-webkit-scrollbar { display: none; }

.vidu-finance-setup-readiness {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 16px;
  background: rgba(255, 255, 255, .07);
}

.vidu-finance-setup-readiness article {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 16px;
  background: #11161c;
}

.vidu-finance-setup-readiness span,
.vidu-finance-setup-readiness small {
  color: #727c88;
  font-size: 10px;
}

.vidu-finance-setup-readiness span {
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-finance-setup-readiness strong { font-size: 20px; }

.vidu-finance-setup-sections { display: grid; gap: 8px; }

.vidu-finance-setup-sections > button {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 14px 16px;
  border-color: rgba(255, 255, 255, .07);
  border-radius: 14px;
  color: #e8ebef;
  text-align: left;
  background: rgba(255, 255, 255, .024);
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.vidu-finance-setup-sections > button:hover,
.vidu-finance-setup-sections > button:focus-visible {
  border-color: rgba(116, 207, 160, .24);
  background: rgba(116, 207, 160, .055);
  transform: translateY(-1px);
  outline: none;
}

.vidu-finance-setup-sections > button > span {
  color: #74cfa0;
  font: 600 11px/1 var(--vidu-font-mono, ui-monospace, monospace);
}

.vidu-finance-setup-sections > button > div { display: grid; gap: 5px; }
.vidu-finance-setup-sections small { color: #747d89; line-height: 1.4; }
.vidu-finance-setup-sections i { color: #75808c; font-size: 22px; font-style: normal; }

.vidu-finance-division-grid > section.is-guided-focus {
  border-color: rgba(116, 207, 160, .34);
  box-shadow: 0 0 0 1px rgba(116, 207, 160, .08), 0 18px 60px rgba(23, 90, 55, .12);
}

.vidu-finance-config-grid textarea {
  width: 100%;
  min-height: 74px;
  padding: 11px 12px;
  resize: vertical;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 11px;
  color: #e8ebef;
  background: #151a21;
  font: inherit;
}

.vidu-finance-config-grid .is-checkbox {
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  min-height: 43px;
}

.vidu-finance-config-grid .is-checkbox input {
  width: 18px;
  min-height: 18px;
  margin: 0;
  accent-color: #74cfa0;
}

/* Shared division-workspace portrait treatment. Lobby dock avatars retain their circular style. */
:is(
  .vidu-finance-workspace,
  .vidu-divisions-workspace-host,
  .vidu-sales-workspace-host,
  .vidu-marketing-workspace-host,
  .vidu-scout-research-workspace-host,
  .vidu-engineering-workspace-host,
  .vidu-agent-knowledge-inbox-workspace-host,
  .vidu-workforce-experience-workspace-host
) .vidu-avatar img {
  border-radius: clamp(12px, 18%, 20px);
  object-fit: cover;
}

@media (max-width: 980px) { .vidu-finance-division-kpis { grid-template-columns: repeat(2,1fr); } .vidu-finance-division-grid { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .vidu-finance-division-overview > header { flex-direction: column; } .vidu-finance-config-grid, .vidu-finance-config-list, .vidu-finance-setup-readiness { grid-template-columns: 1fr; } .vidu-finance-division-overlay { padding: 10px; } .vidu-finance-division-dialog { max-height: calc(100dvh - 20px); } .vidu-finance-division-dialog form > footer { flex-wrap: wrap; } .vidu-finance-division-dialog form > footer > span { width: 100%; margin-right: 0; } }

/* Sales Division foundation workspace */
body.vidu-sales-workspace-active {
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 2%, rgba(16, 185, 129, .1), transparent 28%),
    linear-gradient(145deg, #080b10, #090d13 55%, #07100d);
}

/* One navigation hierarchy for Lobby, Dashboard, Pipeline and every Division workspace. */
#vidu-pipeline-dashboard .vidu-topbar-divisions {
  position: relative;
  flex: 0 0 auto;
}

#vidu-pipeline-dashboard .vidu-topbar-divisions-toggle {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 12px 0 10px;
  border: 1px solid color-mix(in srgb, var(--vidu-control-border) 72%, transparent);
  border-radius: 999px;
  color: var(--vidu-text-secondary);
  background: color-mix(in srgb, var(--vidu-control-bg) 76%, transparent);
  cursor: pointer;
  transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
}

#vidu-pipeline-dashboard .vidu-topbar-divisions-toggle:hover,
#vidu-pipeline-dashboard .vidu-topbar-divisions-toggle:focus-visible,
#vidu-pipeline-dashboard .vidu-topbar-divisions.is-open .vidu-topbar-divisions-toggle {
  color: var(--vidu-text-primary);
  border-color: color-mix(in srgb, var(--vidu-accent-primary) 32%, var(--vidu-control-border));
  background: color-mix(in srgb, var(--vidu-control-bg-hover) 88%, transparent);
  outline: none;
}

#vidu-pipeline-dashboard .vidu-topbar-divisions-icon {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
}

#vidu-pipeline-dashboard .vidu-topbar-divisions-icon svg {
  width: 17px;
  height: 17px;
}

#vidu-pipeline-dashboard .vidu-topbar-divisions-chevron {
  margin-top: -2px;
  color: var(--vidu-text-tertiary);
  font-size: 13px;
  transition: transform 160ms ease;
}

#vidu-pipeline-dashboard .vidu-topbar-divisions.is-open .vidu-topbar-divisions-chevron {
  transform: rotate(180deg) translateY(-1px);
}

#vidu-pipeline-dashboard .vidu-topbar-divisions-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 12050;
  width: min(360px, calc(100vw - 28px));
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--vidu-border-soft) 72%, transparent);
  border-radius: 20px;
  background: rgba(20, 20, 24, .97);
  box-shadow:
    0 28px 76px rgba(0, 0, 0, .46),
    inset 0 1px 0 rgba(255, 255, 255, .035);
  backdrop-filter: blur(26px) saturate(124%);
}

#vidu-pipeline-dashboard .vidu-topbar-divisions-menu > button {
  appearance: none;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  width: 100%;
  min-height: 72px;
  gap: 12px;
  padding: 12px 12px;
  border: 0;
  border-radius: 11px;
  color: var(--vidu-text-primary);
  text-align: left;
  background: transparent;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease;
}

#vidu-pipeline-dashboard .vidu-topbar-divisions-menu > button:hover,
#vidu-pipeline-dashboard .vidu-topbar-divisions-menu > button:focus-visible {
  background: color-mix(in srgb, var(--vidu-control-bg-hover) 82%, transparent);
  outline: none;
}

#vidu-pipeline-dashboard .vidu-header-division-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: var(--vidu-accent, #54c8f7);
}

#vidu-pipeline-dashboard .vidu-header-division-icon svg {
  display: block;
  width: 29px;
  height: 29px;
}

#vidu-pipeline-dashboard .vidu-header-division-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

#vidu-pipeline-dashboard .vidu-header-division-copy strong {
  font-size: 13px;
  font-weight: 720;
}

#vidu-pipeline-dashboard .vidu-header-division-copy small {
  color: rgba(148, 163, 184, .58);
  font-size: 10px;
  font-weight: 480;
  letter-spacing: .01em;
}

/* Refined Workforce access: compact operation type and a dedicated people rail. */
#vidu-elena-global-layer .vidu-dwf-operation-card header aside {
  align-items: flex-start;
}

#vidu-elena-global-layer .vidu-dwf-operation-card header aside i {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  max-width: 88px;
  height: 22px;
  min-height: 22px;
  display: inline-grid;
  place-items: center;
  padding: 0 9px;
  line-height: 1;
}

#vidu-elena-global-layer .vidu-ai-panel[data-operations-view="members"] {
  height: min(440px, calc(100vh - 48px));
}

#vidu-elena-global-layer .vidu-ai-members-view {
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#vidu-elena-global-layer .vidu-ai-members-view > header {
  display: grid;
  gap: 4px;
  padding: 18px 20px 2px;
}

#vidu-elena-global-layer .vidu-ai-members-view > header > span {
  color: rgba(125, 211, 252, .72);
  font-size: 9px;
  font-weight: 820;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#vidu-elena-global-layer .vidu-ai-members-view > header > strong {
  color: rgba(248, 250, 252, .95);
  font-size: 17px;
  font-weight: 820;
}

#vidu-elena-global-layer .vidu-ai-members-view > header > p {
  margin: 1px 0 0;
  color: rgba(148, 163, 184, .74);
  font-size: 11px;
  line-height: 1.5;
}

#vidu-elena-global-layer .vidu-ai-members-rail {
  position: relative;
  min-height: 0;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 4px;
  padding: 54px 18px 18px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%);
}

#vidu-elena-global-layer .vidu-ai-members-rail::-webkit-scrollbar {
  display: none;
}

#vidu-elena-global-layer .vidu-ai-member {
  position: relative;
  flex: 0 0 100px;
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 4px;
  scroll-snap-align: center;
  text-align: center;
}

#vidu-elena-global-layer .vidu-ai-member-avatar {
  position: relative;
  display: grid;
  place-items: center;
}

#vidu-elena-global-layer .vidu-ai-member-zones {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border-radius: 50%;
}

#vidu-elena-global-layer .vidu-ai-member-zones button {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
}

#vidu-elena-global-layer .vidu-ai-member-zones button:active {
  transform: none;
}

#vidu-elena-global-layer .vidu-ai-member-avatar .vidu-avatar {
  width: 62px;
  height: 62px;
  border: 1px solid rgba(125, 211, 252, .22);
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .24);
  transition: transform 180ms cubic-bezier(.22, 1, .36, 1), border-color 180ms ease, box-shadow 180ms ease;
}

#vidu-elena-global-layer .vidu-ai-member-avatar .vidu-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

#vidu-elena-global-layer .vidu-ai-member:hover .vidu-avatar,
#vidu-elena-global-layer .vidu-ai-member:focus-within .vidu-avatar {
  border-color: rgba(125, 211, 252, .52);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .28), 0 0 20px rgba(56, 189, 248, .10);
  transform: translateY(-3px);
}

#vidu-elena-global-layer .vidu-ai-member-actions {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 9px);
  z-index: 2;
  display: inline-flex;
  gap: 5px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 999px;
  background: rgba(9, 13, 22, .92);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .36);
  backdrop-filter: blur(16px);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 6px) scale(.92);
  transition: opacity 160ms ease, transform 180ms cubic-bezier(.22, 1, .36, 1);
}

#vidu-elena-global-layer .vidu-ai-member-avatar:hover .vidu-ai-member-actions,
#vidu-elena-global-layer .vidu-ai-member-avatar:focus-within .vidu-ai-member-actions {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

#vidu-elena-global-layer .vidu-ai-member-actions span {
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .055);
  color: rgba(226, 232, 240, .82);
  opacity: .42;
  transition: background 150ms ease, color 150ms ease, transform 150ms ease;
}

#vidu-elena-global-layer .vidu-ai-member-zones:has(.is-chat:hover) ~ .vidu-ai-member-actions [data-vidu-ai-member-action-icon="chat"],
#vidu-elena-global-layer .vidu-ai-member-zones:has(.is-chat:focus-visible) ~ .vidu-ai-member-actions [data-vidu-ai-member-action-icon="chat"],
#vidu-elena-global-layer .vidu-ai-member-zones:has(.is-voice:hover) ~ .vidu-ai-member-actions [data-vidu-ai-member-action-icon="voice"],
#vidu-elena-global-layer .vidu-ai-member-zones:has(.is-voice:focus-visible) ~ .vidu-ai-member-actions [data-vidu-ai-member-action-icon="voice"] {
  background: rgba(125, 211, 252, .14);
  color: rgba(240, 249, 255, .98);
  opacity: 1;
  outline: none;
  transform: translateY(-1px);
}

#vidu-elena-global-layer .vidu-ai-member-actions svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#vidu-elena-global-layer .vidu-ai-member > strong {
  max-width: 100%;
  overflow: hidden;
  color: rgba(248, 250, 252, .90);
  font-size: 11px;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-elena-global-layer .vidu-ai-member > small {
  max-width: 100%;
  min-height: 25px;
  overflow: hidden;
  color: rgba(148, 163, 184, .58);
  font-size: 8px;
  line-height: 1.35;
  text-overflow: ellipsis;
}

#vidu-elena-global-layer .vidu-ai-members-view > footer {
  display: flex;
  justify-content: center;
  padding: 0 18px 18px;
  color: rgba(148, 163, 184, .50);
  font-size: 9px;
}

@media (hover: none) {
  #vidu-elena-global-layer .vidu-ai-member-actions {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
  }
}

/* Action Inbox v2 — aligned with the Engineering workflow modal */
.vidu-action-inbox-workspace[data-action-inbox-workspace] {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: clamp(14px, 2.5vh, 28px);
  box-sizing: border-box;
  color: #eff1f5;
  background: rgba(3, 5, 9, .58);
}

.vidu-action-inbox-dialog {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  width: min(1180px, 100%);
  height: min(820px, 100%);
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(25, 29, 36, .985), rgba(14, 17, 23, .99));
  box-shadow: 0 32px 110px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.vidu-action-inbox-dialog > .vidu-action-inbox-header {
  align-items: center;
  min-height: 78px;
  margin: 0;
  padding: 0 22px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.vidu-action-inbox-dialog > .vidu-action-inbox-header > div {
  display: grid;
  gap: 3px;
}

.vidu-action-inbox-dialog > .vidu-action-inbox-header span {
  color: #8b93a0;
  font-size: 9px;
  letter-spacing: .12em;
}

.vidu-action-inbox-dialog > .vidu-action-inbox-header h2 {
  margin: 0;
  color: #f3f3f5;
  font: 650 19px/1.2 inherit;
  letter-spacing: -.015em;
}

.vidu-action-inbox-dialog > .vidu-action-inbox-header p {
  color: #858c98;
  font-size: 12px;
}

.vidu-action-inbox-dialog > .vidu-action-inbox-header aside {
  display: flex;
  align-items: center;
  gap: 14px;
}

.vidu-action-inbox-lock {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #9ba2ad !important;
  font-size: 10px !important;
  font-weight: 650;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.vidu-action-inbox-lock i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #72c899;
  box-shadow: 0 0 0 4px rgba(114, 200, 153, .08);
}

.vidu-action-inbox-close {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  color: #aeb4bd;
  background: transparent;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.vidu-action-inbox-close:hover { color: #fff; }

.vidu-action-inbox-filters {
  display: flex;
  gap: 8px;
  padding: 12px 20px;
  overflow-x: auto;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  scrollbar-width: none;
}

.vidu-action-inbox-filters::-webkit-scrollbar { display: none; }

.vidu-action-inbox-filters button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 9px;
  color: #9299a5;
  background: rgba(255, 255, 255, .018);
  white-space: nowrap;
  cursor: pointer;
}

.vidu-action-inbox-filters button span {
  color: inherit;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}

.vidu-action-inbox-filters button b {
  display: grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 999px;
  color: #b8bec8;
  background: rgba(255, 255, 255, .055);
  font-size: 9px;
}

.vidu-action-inbox-filters button.is-active {
  border-color: rgba(167, 139, 250, .42);
  color: #c9bcfb;
  background: rgba(108, 78, 187, .13);
}

.vidu-action-inbox-dialog > .vidu-action-inbox-shell {
  display: grid;
  grid-template-columns: minmax(290px, .78fr) minmax(0, 1.5fr);
  gap: 0;
  min-height: 0;
  overflow: hidden;
}

.vidu-action-inbox-dialog .vidu-action-inbox-feed,
.vidu-action-inbox-dialog .vidu-action-inbox-inspector {
  max-height: none;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.vidu-action-inbox-dialog .vidu-action-inbox-feed {
  border-right: 1px solid rgba(255, 255, 255, .07);
}

.vidu-action-inbox-dialog .vidu-action-inbox-feed > header {
  align-items: center;
  min-height: 48px;
  padding: 0 16px;
  border-color: rgba(255, 255, 255, .055);
}

.vidu-action-inbox-dialog .vidu-action-inbox-feed > header strong {
  color: #aeb4bd;
  font-size: 11px;
  font-weight: 650;
}

.vidu-action-inbox-dialog .vidu-action-inbox-scroll { padding: 10px; }

.vidu-action-inbox-dialog .vidu-action-inbox-card {
  margin-bottom: 6px;
  border-color: transparent;
  border-radius: 11px;
  background: transparent;
}

.vidu-action-inbox-dialog .vidu-action-inbox-card > button {
  gap: 8px;
  padding: 12px;
}

.vidu-action-inbox-dialog .vidu-action-inbox-card header i {
  color: #676f7b;
  font-size: 20px;
  font-style: normal;
}

.vidu-action-inbox-dialog .vidu-action-inbox-card footer { gap: 6px; }

.vidu-action-inbox-dialog .vidu-action-inbox-card.is-active,
.vidu-action-inbox-dialog .vidu-action-inbox-card:hover {
  border-color: rgba(167, 139, 250, .22);
  background: rgba(124, 92, 212, .09);
  box-shadow: none;
}

.vidu-action-inbox-inspector-compact {
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  gap: 10px;
  padding: 16px 18px 24px;
  overflow-y: auto;
}

.vidu-action-inbox-inspector-compact > header {
  align-items: center;
  padding: 2px 2px 10px;
}

.vidu-action-inbox-inspector-compact > header > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vidu-action-inbox-inspector-compact > header strong {
  color: #eff1f5;
  font-size: 16px;
}

.vidu-action-inbox-inspector-compact > section,
.vidu-action-inbox-inspector-compact > details {
  padding: 14px 15px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 12px;
  background: rgba(255, 255, 255, .018);
}

.vidu-action-inbox-inspector-compact .vidu-action-inbox-summary p,
.vidu-action-inbox-inspector-compact .vidu-action-inbox-next-step p {
  color: #aeb4bd;
  font-size: 13px;
}

.vidu-action-inbox-next-step {
  border-color: rgba(167, 139, 250, .2) !important;
  background: linear-gradient(135deg, rgba(111, 84, 202, .11), rgba(255, 255, 255, .018)) !important;
}

.vidu-action-inbox-next-step > span,
.vidu-action-inbox-lifecycle-compact > span {
  color: #8f96a2;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .11em;
}

.vidu-action-inbox-next-step > strong {
  display: block;
  margin-top: 7px;
  color: #ddd5ff;
  font-size: 17px;
}

.vidu-action-inbox-next-step .vidu-action-inbox-action { margin-top: 12px; }

.vidu-action-inbox-lifecycle-compact .vidu-action-inbox-code-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 10px;
}

.vidu-action-inbox-lifecycle-compact .vidu-action-inbox-code-list code {
  overflow: hidden;
  color: #9fa6b1;
  background: transparent;
  text-overflow: ellipsis;
}

.vidu-action-inbox-details { padding: 0 !important; overflow: hidden; }

.vidu-action-inbox-details > summary {
  padding: 14px 15px;
  color: #cfd3da;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  list-style-position: inside;
}

.vidu-action-inbox-details > div {
  display: grid;
  gap: 10px;
  padding: 0 12px 12px;
}

.vidu-action-inbox-details > div > section,
.vidu-action-inbox-details .vidu-action-inbox-audit,
.vidu-action-inbox-details .vidu-action-inbox-context-form {
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 10px;
  background: rgba(0, 0, 0, .1);
}

.vidu-action-inbox-secondary-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 4px 0 0;
}

.vidu-action-inbox-dialog .vidu-action-inbox-action {
  min-height: 34px;
  padding: 0 13px;
  border-radius: 9px;
  font-size: 11px;
}

@media (max-width: 860px) {
  .vidu-action-inbox-workspace[data-action-inbox-workspace] { padding: 0; }
  .vidu-action-inbox-dialog { width: 100%; height: 100%; border-radius: 0; }
  .vidu-action-inbox-lock { display: none; }
  .vidu-action-inbox-dialog > .vidu-action-inbox-shell { grid-template-columns: 1fr; overflow-y: auto; }
  .vidu-action-inbox-dialog .vidu-action-inbox-feed { min-height: 280px; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .07); }
  .vidu-action-inbox-inspector-compact { overflow: visible; }
  .vidu-action-inbox-lifecycle-compact .vidu-action-inbox-code-list { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 1120px) {
  #vidu-pipeline-dashboard .vidu-topbar-divisions-toggle > span:nth-child(2) { display: none; }
  #vidu-pipeline-dashboard .vidu-topbar-divisions-toggle { width: 38px; padding: 0; justify-content: center; }
  #vidu-pipeline-dashboard .vidu-topbar-divisions-chevron { display: none; }
}

.vidu-sales-workspace-host {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: clamp(28px, 4vw, 72px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  color: var(--vidu-text, #f3f4f6);
  background: transparent;
}
.vidu-sales-workspace-host::-webkit-scrollbar { display: none; }
.vidu-sales-workspace { width: min(1680px, 100%); margin: 0 auto; }
.vidu-sales-header, .vidu-sales-panel > header, .vidu-sales-workforce-list article { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.vidu-sales-header > div { max-width: 780px; }
.vidu-sales-header span, .vidu-sales-panel > header span, .vidu-sales-kpis span { color: #7f8795; font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.vidu-sales-header h2, .vidu-sales-panel h3 { margin: 10px 0; font-family: var(--vidu-font-mono, ui-monospace, monospace); font-weight: 500; }
.vidu-sales-header h2 { font-size: clamp(30px, 3vw, 48px); }
.vidu-sales-header p { margin: 0; color: #9298a4; line-height: 1.65; }
.vidu-sales-header aside { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.vidu-sales-action { appearance: none; min-height: 40px; padding: 0 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: #d4d7dd; background: rgba(255,255,255,.035); cursor: pointer; }
.vidu-sales-action:hover { border-color: rgba(105,210,154,.5); color: #fff; }
.vidu-sales-action.is-primary { border-color: rgba(105,210,154,.45); color: #a9e4c4; background: rgba(47,139,91,.12); }
.vidu-sales-kpis { display: grid; grid-template-columns: repeat(4, 1fr); margin: 38px 0 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; overflow: hidden; background: rgba(13,16,22,.78); }
.vidu-sales-kpis article { display: grid; gap: 6px; padding: 22px; border-right: 1px solid rgba(255,255,255,.08); }
.vidu-sales-kpis article:last-child { border-right: 0; }
.vidu-sales-kpis strong { font-size: 27px; }
.vidu-sales-kpis small { color: #707784; }
.vidu-sales-identity-strip { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 16px; padding: 18px 22px; border: 1px solid rgba(105,210,154,.15); border-radius: 16px; background: rgba(32,91,61,.07); }
.vidu-sales-identity-strip > div { display: grid; gap: 5px; }
.vidu-sales-identity-strip > div:last-child { display: flex; align-items: center; gap: 14px; }
.vidu-sales-identity-strip span, .vidu-sales-identity-strip small { color: #7a838f; font-size: 11px; }
.vidu-sales-identity-strip strong { color: #dce7e1; }
.vidu-sales-forecast-strip { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin: 0 0 16px; }
.vidu-sales-forecast-strip article { display: grid; gap: 5px; padding: 14px 16px; border-radius: 13px; background: rgba(255,255,255,.025); }
.vidu-sales-forecast-strip span { color: #747d89; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.vidu-sales-forecast-strip strong { color: #d8dde3; font-size: 14px; }
.vidu-sales-main { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(320px,.75fr); gap: 16px; }
.vidu-sales-panel { padding: 24px; border: 1px solid rgba(255,255,255,.09); border-radius: 20px; background: rgba(12,15,20,.82); }
.vidu-sales-panel > header small { color: #69717d; }
.vidu-sales-entity-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 18px; }
.vidu-sales-entity-grid article { display: grid; gap: 7px; min-height: 112px; padding: 16px; border-radius: 14px; background: rgba(255,255,255,.025); }
.vidu-sales-entity-grid article span { color: #73cf9c; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.vidu-sales-entity-grid article small { color: #747b86; overflow-wrap: anywhere; }
.vidu-sales-relationship-list, .vidu-sales-gate-list, .vidu-sales-workforce-list { display: grid; margin-top: 12px; }
.vidu-sales-relationship-list article { display: grid; grid-template-columns: 34px 1fr 1.4fr 1fr; align-items: center; gap: 10px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.vidu-sales-relationship-list i { color: #5d6673; font-style: normal; }
.vidu-sales-relationship-list em { color: #77808c; font-style: normal; font-size: 12px; }
.vidu-sales-gate-list { gap: 2px; }
.vidu-sales-gate-list article { display: flex; justify-content: space-between; gap: 16px; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.vidu-sales-gate-list span { color: #73cf9c; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.vidu-sales-workforce-list { gap: 8px; margin-top: 14px; }
.vidu-sales-workforce-list article { justify-content: flex-start; padding: 14px; border-radius: 14px; background: rgba(255,255,255,.025); }
.vidu-sales-workforce-list article > div { min-width: 0; flex: 1; }
.vidu-sales-workforce-list strong, .vidu-sales-workforce-list small { display: block; }
.vidu-sales-workforce-list small, .vidu-sales-workforce-list p, .vidu-sales-workforce-list article > span { color: #737b87; }
.vidu-sales-workforce-list p { margin: 5px 0 0; font-size: 12px; line-height: 1.45; }
.vidu-sales-workforce-list article > span { max-width: 150px; font-size: 10px; text-align: right; }
@media (max-width: 980px) { .vidu-sales-header { flex-direction: column; } .vidu-sales-header aside { justify-content: flex-start; } .vidu-sales-kpis { grid-template-columns: repeat(2,1fr); } .vidu-sales-main { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .vidu-sales-workspace-host { padding: 22px 16px 100px; } .vidu-sales-kpis { grid-template-columns: 1fr 1fr; } .vidu-sales-kpis article { padding: 16px; } .vidu-sales-entity-grid { grid-template-columns: 1fr 1fr; } .vidu-sales-relationship-list article { grid-template-columns: 26px 1fr; } .vidu-sales-relationship-list em, .vidu-sales-relationship-list strong { grid-column: 2; } }
@media (max-width: 640px) { .vidu-sales-identity-strip, .vidu-sales-identity-strip > div:last-child { align-items: flex-start; flex-direction: column; } }
@media (max-width: 640px) { .vidu-sales-forecast-strip { grid-template-columns: 1fr 1fr; } }

.vidu-sales-config-overlay { position: fixed; inset: 0; z-index: 16020; display: grid; place-items: center; padding: 24px; background: rgba(4,6,9,.72); backdrop-filter: blur(18px); }
.vidu-sales-config-dialog { width: min(1180px, 100%); max-height: min(860px, calc(100vh - 48px)); overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: rgba(12,15,20,.97); box-shadow: 0 28px 90px rgba(0,0,0,.48); }
.vidu-sales-config-dialog form { display: grid; grid-template-rows: auto minmax(0,1fr) auto; max-height: inherit; }
.vidu-sales-config-dialog form > header, .vidu-sales-config-dialog form > footer { display: flex; align-items: center; gap: 14px; padding: 20px 24px; border-bottom: 1px solid rgba(255,255,255,.08); }
.vidu-sales-config-dialog form > header { justify-content: space-between; }
.vidu-sales-config-dialog form > header h3 { margin: 5px 0; font-size: 24px; }
.vidu-sales-config-dialog form > header p { margin: 0; color: #7f8792; }
.vidu-sales-config-dialog form > header button, .vidu-sales-stage-editor article > button { border: 0; color: #adb3bd; background: transparent; cursor: pointer; }
.vidu-sales-config-dialog form > header button { width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.05); font-size: 20px; }
.vidu-sales-config-body { display: grid; grid-template-columns: minmax(0,1fr) 300px; min-height: 0; overflow: hidden; }
.vidu-sales-config-main, .vidu-sales-version-list { min-height: 0; overflow-y: auto; padding: 22px; }
.vidu-sales-config-main { display: grid; gap: 14px; }
.vidu-sales-config-main > label { display: grid; gap: 7px; }
.vidu-sales-config-main input, .vidu-sales-config-main textarea { width: 100%; padding: 11px 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #e7e9ed; background: rgba(255,255,255,.035); }
.vidu-sales-config-main textarea { min-height: 74px; resize: vertical; }
.vidu-sales-config-main > header { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; }
.vidu-sales-config-main > header span, .vidu-sales-config-main label > span { color: #858d99; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.vidu-sales-stage-editor { display: grid; gap: 8px; }
.vidu-sales-stage-editor article { display: grid; grid-template-columns: 22px minmax(150px,.75fr) 82px minmax(220px,1.4fr) 28px; align-items: end; gap: 9px; padding: 12px; border-radius: 13px; background: rgba(255,255,255,.025); }
.vidu-sales-stage-editor label { display: grid; gap: 6px; }
.vidu-sales-stage-grip { align-self: center; color: #56606c; }
.vidu-sales-version-list { border-left: 1px solid rgba(255,255,255,.08); }
.vidu-sales-version-list > header { display: flex; justify-content: space-between; margin-bottom: 12px; }
.vidu-sales-version-list article { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.vidu-sales-version-list article small { display: block; margin-top: 4px; color: #707885; }
.vidu-sales-version-list article button, .vidu-sales-version-list article > span { align-self: center; border: 0; color: #89d6ac; background: transparent; cursor: pointer; }
.vidu-sales-version-list article.is-active { color: #b9ebcf; }
.vidu-sales-config-dialog form > footer { justify-content: flex-end; border-top: 1px solid rgba(255,255,255,.08); border-bottom: 0; }
.vidu-sales-config-dialog form > footer > span { margin-right: auto; color: #89d6ac; }
.vidu-sales-config-dialog form > footer label { color: #8c949f; font-size: 12px; }
@media (max-width: 820px) { .vidu-sales-config-body { grid-template-columns: 1fr; overflow-y: auto; } .vidu-sales-config-main, .vidu-sales-version-list { overflow: visible; } .vidu-sales-version-list { border-top: 1px solid rgba(255,255,255,.08); border-left: 0; } .vidu-sales-stage-editor article { grid-template-columns: 18px 1fr 74px 28px; } .vidu-sales-stage-editor .is-exit { grid-column: 2 / 4; } }
.vidu-sales-access-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vidu-sales-access-fields label { display: grid; gap: 7px; }
.vidu-sales-access-fields select { width: 100%; padding: 11px 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #e7e9ed; background: #151920; }
.vidu-sales-config-body.is-single { grid-template-columns: minmax(0,1fr); }
.vidu-sales-config-dialog.is-commercial { width: min(760px, 100%); }
.vidu-sales-commercial-fields { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.vidu-sales-commercial-fields label { display: grid; gap: 7px; }
.vidu-sales-commercial-fields label > div { position: relative; }
.vidu-sales-commercial-fields select, .vidu-sales-commercial-fields input { width: 100%; padding: 11px 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #e7e9ed; background: #151920; }
.vidu-sales-commercial-fields em { position: absolute; top: 50%; right: 12px; color: #777f8b; font-style: normal; transform: translateY(-50%); }
.vidu-sales-commercial-gates { display: grid; gap: 9px; margin-top: 8px; }
.vidu-sales-commercial-gates label { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: start; gap: 12px; padding: 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.025); }
.vidu-sales-commercial-gates label.is-locked { opacity: .72; }
.vidu-sales-commercial-gates span { display: grid; gap: 3px; }
.vidu-sales-commercial-gates strong { color: #e6e8ec; font-size: 13px; }
.vidu-sales-commercial-gates small { color: #7d8591; }
@media (max-width: 640px) { .vidu-sales-commercial-fields { grid-template-columns: 1fr; } }
.vidu-sales-role-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.vidu-sales-role-grid article { display: grid; gap: 6px; min-height: 100px; padding: 14px; border-radius: 13px; background: rgba(255,255,255,.025); }
.vidu-sales-role-grid article > span { color: #89d6ac; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.vidu-sales-role-grid article small { color: #747c88; line-height: 1.5; }
.vidu-sales-version-list.is-action-matrix article > span { max-width: 110px; text-align: right; cursor: default; }
@media (max-width: 640px) { .vidu-sales-access-fields, .vidu-sales-role-grid { grid-template-columns: 1fr; } }

/* Marketing Division engine room */
body.vidu-marketing-workspace-active {
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 0%, rgba(245, 158, 11, .1), transparent 28%),
    linear-gradient(145deg, #080b10, #0b0d12 55%, #100d09);
}

.vidu-division-workspace-surface[hidden] {
  display: none;
}

.vidu-marketing-workspace-host {
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}

.vidu-marketing-workspace-host::-webkit-scrollbar {
  display: none;
}

.vidu-marketing-workspace {
  min-height: 100%;
  padding: clamp(28px, 4vw, 68px);
  color: #f4f4f6;
  background: transparent;
}

.vidu-marketing-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
  max-width: 1680px;
  margin: 0 auto 34px;
}

.vidu-marketing-header > div > span,
.vidu-marketing-panel header span,
.vidu-marketing-kpis span {
  color: rgba(244, 244, 246, .46);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.vidu-marketing-header h2 {
  margin: 8px 0 10px;
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 600;
  letter-spacing: -.045em;
}

.vidu-marketing-header p {
  max-width: 780px;
  margin: 0;
  color: rgba(244, 244, 246, .58);
  font-size: 15px;
  line-height: 1.6;
}

.vidu-marketing-header aside {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.vidu-marketing-action {
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 999px;
  color: rgba(244, 244, 246, .72);
  background: rgba(255, 255, 255, .035);
  cursor: pointer;
  transition: border-color 160ms ease, color 160ms ease, background 160ms ease, transform 160ms ease;
}

.vidu-marketing-action:hover {
  border-color: rgba(239, 166, 70, .38);
  color: #fff;
  background: rgba(239, 166, 70, .08);
  transform: translateY(-1px);
}

.vidu-marketing-action.is-primary {
  border-color: rgba(239, 166, 70, .34);
  color: #f4d29c;
  background: rgba(239, 166, 70, .1);
}

.vidu-marketing-action.is-onboarding {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-color: rgba(119, 101, 218, .3);
  color: rgba(224, 219, 255, .86);
  background: rgba(119, 101, 218, .08);
}

.vidu-marketing-action.is-onboarding span {
  display: grid;
  place-items: center;
  min-width: 30px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  color: #fff;
  background: rgba(119, 101, 218, .22);
  font-size: 10px;
  font-weight: 700;
}

.vidu-marketing-action:disabled {
  opacity: .48;
  cursor: wait;
  transform: none;
}

.vidu-marketing-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  max-width: 1680px;
  margin: 0 auto 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 18px;
  background: rgba(255, 255, 255, .07);
}

.vidu-marketing-kpis article {
  display: grid;
  gap: 6px;
  padding: 20px 22px;
  background: rgba(12, 15, 20, .95);
}

.vidu-marketing-kpis strong {
  font-size: 25px;
  font-weight: 600;
}

.vidu-marketing-kpis small {
  color: rgba(244, 244, 246, .42);
}

.vidu-marketing-automation-strip {
  display: grid;
  grid-template-columns: auto minmax(240px, 1fr) auto auto;
  align-items: center;
  gap: 14px;
  max-width: 1680px;
  margin: 0 auto 18px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 16px;
  background: rgba(14, 17, 22, .72);
}

.vidu-marketing-automation-indicator {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #697181;
  box-shadow: 0 0 0 5px rgba(105, 113, 129, .1);
}

.vidu-marketing-automation-strip.is-healthy .vidu-marketing-automation-indicator {
  background: #72c98e;
  box-shadow: 0 0 0 5px rgba(114, 201, 142, .1);
}

.vidu-marketing-automation-strip.is-attention_required .vidu-marketing-automation-indicator {
  background: #efa646;
  box-shadow: 0 0 0 5px rgba(239, 166, 70, .11);
}

.vidu-marketing-automation-strip > div:first-of-type {
  display: grid;
  gap: 3px;
}

.vidu-marketing-automation-strip > div:first-of-type > span,
.vidu-marketing-automation-stats span {
  color: rgba(244, 244, 246, .42);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-marketing-automation-strip > div:first-of-type strong {
  font-size: 14px;
  font-weight: 600;
}

.vidu-marketing-automation-strip > div:first-of-type small,
.vidu-marketing-automation-strip > p {
  color: rgba(244, 244, 246, .42);
  font-size: 11px;
}

.vidu-marketing-automation-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.vidu-marketing-automation-stats span {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
}

.vidu-marketing-automation-strip > p {
  grid-column: 2 / -1;
  margin: -5px 0 0;
}

.vidu-marketing-main {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr);
  gap: 18px;
  max-width: 1680px;
  margin: 0 auto;
}

.vidu-marketing-panel {
  min-width: 0;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 22px;
  background: rgba(14, 17, 22, .72);
}

.vidu-marketing-panel > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
}

.vidu-marketing-panel h3 {
  margin: 6px 0 0;
  font-size: 20px;
  font-weight: 600;
}

.vidu-marketing-panel > header > small,
.vidu-marketing-note {
  color: rgba(244, 244, 246, .38);
  font-size: 11px;
}

.vidu-marketing-campaign-list,
.vidu-marketing-connection-list,
.vidu-marketing-gate-list {
  display: grid;
  gap: 1px;
  overflow: hidden;
  border-radius: 14px;
  background: rgba(255, 255, 255, .065);
}

.vidu-marketing-connection-open {
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  color: rgba(244, 244, 246, .72);
  background: rgba(255, 255, 255, .035);
  cursor: pointer;
  transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.vidu-marketing-connection-open:hover {
  border-color: rgba(239, 166, 70, .32);
  color: #fff;
  background: rgba(239, 166, 70, .075);
}

.vidu-marketing-connection-config {
  display: grid;
  gap: 16px;
  padding: 0;
  color: #f4f4f6;
  background: transparent;
}

.vidu-marketing-config-overlay {
  position: fixed;
  inset: 0;
  z-index: 16000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(5, 7, 10, .7);
  backdrop-filter: blur(18px) saturate(.82);
  animation: vidu-marketing-overlay-enter 180ms ease both;
}

.vidu-marketing-config-dialog {
  width: min(760px, 100%);
  max-height: min(820px, calc(100dvh - 48px));
  overflow-x: hidden;
  overflow-y: auto;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 24px;
  color: #f4f4f6;
  background: rgba(13, 16, 21, .97);
  box-shadow: 0 28px 90px rgba(0, 0, 0, .5);
  scrollbar-width: none;
  animation: vidu-marketing-dialog-enter 210ms cubic-bezier(.2, .75, .25, 1) both;
}

.vidu-marketing-config-dialog::-webkit-scrollbar {
  display: none;
}

@keyframes vidu-marketing-overlay-enter {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes vidu-marketing-dialog-enter {
  from { opacity: 0; transform: translateY(8px) scale(.988); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.vidu-marketing-connection-config > header,
.vidu-marketing-connection-config > footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.vidu-marketing-connection-config > header div {
  display: grid;
  gap: 4px;
}

.vidu-marketing-connection-config > header strong {
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 600;
  letter-spacing: -.035em;
}

.vidu-marketing-config-close {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  padding: 0 0 3px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
  color: rgba(244, 244, 246, .62);
  background: rgba(255, 255, 255, .04);
  font-size: 22px;
  cursor: pointer;
  transition: color 150ms ease, background 150ms ease, transform 150ms ease;
}

.vidu-marketing-config-close:hover {
  color: #fff;
  background: rgba(255, 255, 255, .08);
  transform: rotate(3deg);
}

.vidu-marketing-connection-config > header span,
.vidu-marketing-connection-config label span {
  color: rgba(244, 244, 246, .44);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-marketing-connection-config > header small,
.vidu-marketing-connection-config > footer p {
  max-width: 310px;
  margin: 0;
  color: rgba(244, 244, 246, .4);
  font-size: 10px;
  line-height: 1.45;
}

.vidu-marketing-connection-steps {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

.vidu-marketing-connection-steps::-webkit-scrollbar {
  display: none;
}

.vidu-marketing-connection-steps span {
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  color: rgba(244, 244, 246, .42);
  background: rgba(255, 255, 255, .035);
  font-size: 9px;
}

.vidu-marketing-connection-steps .is-active {
  color: #f4d29c;
  background: rgba(239, 166, 70, .1);
}

.vidu-marketing-connection-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vidu-marketing-config-section {
  display: grid;
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 16px;
  background: rgba(255, 255, 255, .018);
}

.vidu-marketing-config-section > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
}

.vidu-marketing-config-section > header > span {
  color: rgba(244, 244, 246, .78);
  font-size: 13px;
  font-weight: 650;
}

.vidu-marketing-config-section > header > small,
.vidu-marketing-config-section > p {
  margin: 0;
  color: rgba(244, 244, 246, .42);
  font-size: 11px;
  line-height: 1.55;
}

.vidu-marketing-config-section.is-security {
  grid-template-columns: 1fr;
  background: rgba(239, 166, 70, .025);
}

.vidu-marketing-discovery-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.vidu-marketing-discovery-actions small {
  color: rgba(244, 244, 246, .38);
  font-size: 10px;
}

.vidu-marketing-config-section.is-sync > .vidu-marketing-action {
  justify-self: start;
}

.vidu-marketing-sync-state {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
  gap: 8px 14px;
}

.vidu-marketing-sync-state strong {
  font-size: 18px;
  font-weight: 600;
}

.vidu-marketing-sync-state span,
.vidu-marketing-sync-state em {
  color: rgba(244, 244, 246, .4);
  font-size: 10px;
  font-style: normal;
}

.vidu-marketing-sync-state em {
  grid-column: 1 / -1;
  color: #e8b56c;
}

.vidu-marketing-import-preview {
  display: grid;
  gap: 1px;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(255, 255, 255, .055);
}

.vidu-marketing-import-preview article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background: #0c0f14;
}

.vidu-marketing-import-preview article > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vidu-marketing-import-preview article strong,
.vidu-marketing-import-preview article small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-marketing-import-preview article strong {
  font-size: 11px;
}

.vidu-marketing-import-preview article small,
.vidu-marketing-import-preview article > span,
.vidu-marketing-import-preview > small {
  color: rgba(244, 244, 246, .4);
  font-size: 9px;
}

.vidu-marketing-import-preview > small {
  padding: 8px 12px;
  background: #0c0f14;
}

.vidu-marketing-connection-fields label {
  display: grid;
  gap: 6px;
}

.vidu-marketing-connection-fields label.is-full {
  grid-column: 1 / -1;
}

.vidu-marketing-connection-fields input,
.vidu-marketing-connection-fields select {
  min-width: 0;
  min-height: 40px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 11px;
  color: #f4f4f6;
  background: rgba(255, 255, 255, .035);
}

.vidu-marketing-connection-config > footer > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.vidu-marketing-audit-list {
  display: grid;
  gap: 1px;
  margin-top: 14px;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(255, 255, 255, .055);
}

.vidu-marketing-audit-list article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  background: #0d1015;
}

.vidu-marketing-audit-list article > span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #667080;
}

.vidu-marketing-audit-list article > span.is-connected,
.vidu-marketing-audit-list article > span.is-ready {
  background: #53c889;
}

.vidu-marketing-audit-list article > span.is-blocked,
.vidu-marketing-audit-list article > span.is-attention_required {
  background: #efaa52;
}

.vidu-marketing-audit-list strong,
.vidu-marketing-audit-list small {
  display: block;
}

.vidu-marketing-audit-list strong {
  color: rgba(244, 244, 246, .72);
  font-size: 10px;
}

.vidu-marketing-audit-list small,
.vidu-marketing-audit-list time,
.vidu-marketing-audit-list > p {
  color: rgba(244, 244, 246, .36);
  font-size: 9px;
}

.vidu-marketing-audit-list > p {
  margin: 0;
  padding: 13px;
  background: #0d1015;
}

.vidu-marketing-campaign-row {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) minmax(120px, 22%);
  align-items: center;
  gap: 18px;
  min-height: 68px;
  padding: 12px 16px;
  border: 0;
  color: inherit;
  text-align: left;
  background: #0d1015;
  cursor: pointer;
  transition: background 150ms ease, transform 150ms ease;
}

.vidu-marketing-campaign-row:hover {
  background: #12161c;
  transform: translateX(3px);
}

.vidu-marketing-campaign-state {
  color: #efb158;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-marketing-campaign-copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-marketing-campaign-copy strong,
.vidu-marketing-campaign-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-marketing-campaign-copy small,
.vidu-marketing-campaign-budget small {
  color: rgba(244, 244, 246, .42);
}

.vidu-marketing-campaign-budget {
  display: grid;
  gap: 7px;
}

.vidu-marketing-campaign-budget i {
  position: relative;
  height: 2px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .09);
}

.vidu-marketing-campaign-budget i::after {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--marketing-progress);
  content: "";
  background: #efb158;
}

.vidu-marketing-connection-list article,
.vidu-marketing-gate-list article {
  display: grid;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding: 12px 14px;
  background: #0d1015;
}

.vidu-marketing-connection-list article {
  grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.vidu-marketing-connection-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #59616e;
}

.vidu-marketing-connection-list article.is-connected .vidu-marketing-connection-dot {
  background: #53c889;
  box-shadow: 0 0 12px rgba(83, 200, 137, .4);
}

.vidu-marketing-connection-list div,
.vidu-marketing-gate-list div,
.vidu-marketing-workforce-list div {
  display: grid;
  gap: 4px;
}

.vidu-marketing-connection-list small,
.vidu-marketing-gate-list small,
.vidu-marketing-workforce-list small,
.vidu-marketing-connection-status {
  color: rgba(244, 244, 246, .4);
  font-size: 11px;
}

.vidu-marketing-note {
  margin: 14px 2px 0;
  line-height: 1.5;
}

.vidu-marketing-gate-list article {
  grid-template-columns: 30px minmax(0, 1fr) auto;
}

.vidu-marketing-gate-list article > span {
  color: rgba(239, 177, 88, .72);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
}

.vidu-marketing-gate-list em {
  color: #9ac7ad;
  font-size: 10px;
  font-style: normal;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-marketing-workforce-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.vidu-marketing-workforce-intro {
  margin: -6px 0 18px;
  color: rgba(244, 244, 246, .44);
  font-size: 12px;
  line-height: 1.55;
}

.vidu-marketing-workforce-list > button {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: inherit;
  text-align: left;
  background: rgba(255, 255, 255, .025);
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.vidu-marketing-workforce-list > button:hover {
  border-color: rgba(239, 166, 70, .16);
  background: rgba(255, 255, 255, .045);
  transform: translateY(-1px);
}

.vidu-marketing-workforce-list > button > div {
  min-width: 0;
}

.vidu-marketing-workforce-list > button > div > span {
  display: -webkit-box;
  overflow: hidden;
  color: rgba(244, 244, 246, .34);
  font-size: 9px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.vidu-marketing-workforce-list > button > i {
  margin-left: auto;
  color: rgba(244, 244, 246, .3);
  font-size: 20px;
  font-style: normal;
}

.vidu-marketing-config-dialog.is-responsibility {
  width: min(720px, 100%);
}

.vidu-marketing-responsibility-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
}

.vidu-marketing-responsibility-header > div {
  display: grid;
  gap: 3px;
}

.vidu-marketing-responsibility-header span,
.vidu-marketing-responsibility-grid section > span {
  color: rgba(244, 244, 246, .4);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.vidu-marketing-responsibility-header h3 {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
}

.vidu-marketing-responsibility-header small {
  color: rgba(244, 244, 246, .5);
}

.vidu-marketing-responsibility-mandate {
  margin: 24px 0;
  color: rgba(244, 244, 246, .7);
  font-size: 16px;
  line-height: 1.6;
}

.vidu-marketing-responsibility-grid {
  display: grid;
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 16px;
  background: rgba(255, 255, 255, .06);
}

.vidu-marketing-responsibility-grid section {
  display: grid;
  gap: 12px;
  padding: 17px;
  background: #0d1015;
}

.vidu-marketing-responsibility-grid ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vidu-marketing-responsibility-grid li {
  position: relative;
  padding-left: 14px;
  color: rgba(244, 244, 246, .7);
  font-size: 12px;
}

.vidu-marketing-responsibility-grid li::before {
  position: absolute;
  top: .55em;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  content: "";
  background: #efb158;
}

.vidu-marketing-responsibility-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.vidu-marketing-responsibility-chips em {
  padding: 6px 9px;
  border-radius: 999px;
  color: rgba(244, 244, 246, .63);
  background: rgba(255, 255, 255, .045);
  font-size: 10px;
  font-style: normal;
}

.vidu-marketing-responsibility-chips.is-actions em {
  color: #a7d2b9;
  background: rgba(83, 200, 137, .075);
}

.vidu-marketing-config-dialog.is-responsibility > footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-top: 20px;
}

.vidu-marketing-config-dialog.is-responsibility > footer p {
  max-width: 380px;
  margin: 0;
  color: rgba(244, 244, 246, .38);
  font-size: 10px;
  line-height: 1.5;
}

.vidu-marketing-config-dialog.is-responsibility > footer > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.vidu-marketing-empty {
  margin: 0;
  padding: 28px;
  color: rgba(244, 244, 246, .45);
  background: #0d1015;
}

.vidu-marketing-config-dialog.is-production-onboarding {
  display: grid;
  width: min(840px, 100%);
  gap: 18px;
}

.vidu-marketing-onboarding-header,
.vidu-marketing-config-dialog.is-production-onboarding > footer,
.vidu-marketing-onboarding-progress > div,
.vidu-marketing-onboarding-campaign,
.vidu-marketing-onboarding-steps article,
.vidu-marketing-onboarding-safety {
  display: flex;
  align-items: center;
}

.vidu-marketing-onboarding-header,
.vidu-marketing-config-dialog.is-production-onboarding > footer,
.vidu-marketing-onboarding-progress > div {
  justify-content: space-between;
  gap: 18px;
}

.vidu-marketing-onboarding-header > div {
  display: grid;
  gap: 4px;
}

.vidu-marketing-onboarding-header span,
.vidu-marketing-onboarding-campaign label > span {
  color: rgba(244, 244, 246, .46);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.vidu-marketing-onboarding-header h3 {
  margin: 0;
  color: #f7f7f9;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 600;
  letter-spacing: -.035em;
}

.vidu-marketing-onboarding-header small,
.vidu-marketing-onboarding-progress small,
.vidu-marketing-onboarding-steps small,
.vidu-marketing-onboarding-safety span {
  color: rgba(244, 244, 246, .44);
  font-size: 10px;
  line-height: 1.5;
}

.vidu-marketing-onboarding-progress {
  display: grid;
  gap: 9px;
  padding: 16px;
  border: 1px solid rgba(119, 101, 218, .18);
  border-radius: 16px;
  background: rgba(119, 101, 218, .055);
}

.vidu-marketing-onboarding-progress span {
  color: rgba(244, 244, 246, .62);
  font-size: 11px;
}

.vidu-marketing-onboarding-progress strong {
  font-size: 22px;
  letter-spacing: -.03em;
}

.vidu-marketing-onboarding-progress > i {
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .065);
}

.vidu-marketing-onboarding-progress > i > b {
  display: block;
  width: var(--marketing-onboarding-progress, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7765da, #64c5bd);
  transition: width 220ms cubic-bezier(.22, 1, .36, 1);
}

.vidu-marketing-onboarding-campaign {
  align-items: end;
  gap: 10px;
}

.vidu-marketing-onboarding-campaign label {
  display: grid;
  flex: 1 1 auto;
  gap: 6px;
}

.vidu-marketing-onboarding-campaign select {
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  color: rgba(248, 248, 250, .9);
  background: rgba(255, 255, 255, .035);
}

.vidu-marketing-onboarding-steps {
  display: grid;
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 16px;
  background: rgba(255, 255, 255, .06);
}

.vidu-marketing-onboarding-steps article {
  min-height: 62px;
  gap: 11px;
  padding: 11px 14px;
  background: rgba(11, 14, 19, .97);
}

.vidu-marketing-onboarding-steps article > span {
  color: rgba(244, 244, 246, .3);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
}

.vidu-marketing-onboarding-steps article > i {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d86571;
  box-shadow: 0 0 0 4px rgba(216, 101, 113, .08);
}

.vidu-marketing-onboarding-steps article.is-passed > i {
  background: #55c88d;
  box-shadow: 0 0 0 4px rgba(85, 200, 141, .08);
}

.vidu-marketing-onboarding-steps article.is-warning > i {
  background: #e7ad58;
  box-shadow: 0 0 0 4px rgba(231, 173, 88, .08);
}

.vidu-marketing-onboarding-steps article > div {
  display: grid;
  flex: 1 1 auto;
  min-width: 0;
  gap: 3px;
}

.vidu-marketing-onboarding-steps strong {
  color: rgba(248, 248, 250, .88);
  font-size: 12px;
}

.vidu-marketing-onboarding-steps em {
  flex: 0 0 auto;
  color: rgba(244, 244, 246, .38);
  font-size: 9px;
  font-style: normal;
  text-transform: uppercase;
}

.vidu-marketing-onboarding-steps article.is-passed em {
  color: rgba(101, 211, 155, .7);
}

.vidu-marketing-onboarding-safety {
  align-items: flex-start;
  gap: 12px;
  padding: 13px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .025);
}

.vidu-marketing-onboarding-safety strong {
  flex: 0 0 auto;
  color: rgba(244, 210, 156, .78);
  font-size: 10px;
}

@media (max-width: 980px) {
  .vidu-marketing-workspace {
    padding: 22px 16px 110px;
  }

  .vidu-marketing-header,
  .vidu-marketing-panel > header {
    align-items: flex-start;
    flex-direction: column;
  }

  .vidu-marketing-header aside {
    justify-content: flex-start;
  }

  .vidu-marketing-kpis,
  .vidu-marketing-main {
    grid-template-columns: 1fr;
  }

  .vidu-marketing-automation-strip {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .vidu-marketing-automation-stats,
  .vidu-marketing-automation-strip > .vidu-marketing-action {
    grid-column: 2;
    justify-content: flex-start;
  }

  .vidu-marketing-automation-strip > p {
    grid-column: 2;
  }

  .vidu-marketing-campaign-row {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .vidu-marketing-campaign-budget {
    width: 100%;
  }

  .vidu-marketing-workforce-list {
    grid-template-columns: 1fr;
  }

  .vidu-marketing-connection-list article {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .vidu-marketing-connection-status {
    display: none;
  }

  .vidu-marketing-connection-fields {
    grid-template-columns: 1fr;
  }

  .vidu-marketing-connection-config > header,
  .vidu-marketing-connection-config > footer {
    flex-direction: column;
  }

  .vidu-marketing-config-overlay {
    align-items: end;
    padding: 12px;
  }

  .vidu-marketing-config-dialog {
    max-height: calc(100dvh - 24px);
    padding: 20px 16px;
    border-radius: 22px;
  }

  .vidu-marketing-config-section > header,
  .vidu-marketing-config-dialog.is-responsibility > footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .vidu-marketing-discovery-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .vidu-marketing-config-dialog.is-responsibility > footer > div,
  .vidu-marketing-connection-config > footer > div {
    justify-content: flex-start;
  }

  .vidu-marketing-onboarding-header,
  .vidu-marketing-config-dialog.is-production-onboarding > footer,
  .vidu-marketing-onboarding-campaign,
  .vidu-marketing-onboarding-safety {
    align-items: stretch;
    flex-direction: column;
  }

  .vidu-marketing-onboarding-campaign .vidu-marketing-action {
    width: 100%;
  }
}

/* Legal Division workspace */
.vidu-legal-workspace-host {
  display: none;
  min-height: calc(100vh - 160px);
  background:
    radial-gradient(circle at 12% 8%, rgba(103, 72, 151, .2), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(185, 145, 71, .08), transparent 28%),
    #090a0d;
  color: #eceaf0;
}

.vidu-legal-workspace-host.is-active { display: block; }

.vidu-legal-workspace {
  width: min(1640px, calc(100% - 80px));
  margin: 0 auto;
  padding: 68px 0 110px;
}

.vidu-legal-hero,
.vidu-legal-panel > header,
.vidu-legal-workforce article,
.vidu-legal-packs article > div,
.vidu-legal-sources a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.vidu-legal-hero { margin-bottom: 30px; }
.vidu-legal-hero > div:last-child { display: flex; gap: 10px; flex-wrap: wrap; }
.vidu-legal-hero span,
.vidu-legal-panel > header span {
  color: #c7a9ef;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
}
.vidu-legal-hero h2 { margin: 7px 0 8px; font-size: clamp(34px, 4vw, 58px); letter-spacing: -.04em; }
.vidu-legal-hero p { max-width: 820px; margin: 0; color: #a9a8b2; line-height: 1.65; }
.vidu-legal-workspace button {
  border: 1px solid #3b3448;
  border-radius: 999px;
  background: #15111c;
  color: #d8cfdf;
  padding: 11px 17px;
  cursor: pointer;
}
.vidu-legal-workspace button:hover { border-color: #8d69ba; color: #fff; }
.vidu-legal-workspace button.is-primary { border-color: #8058b0; background: #39234f; color: #f2e8ff; }

.vidu-legal-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid #24212a;
  border-radius: 20px;
  overflow: hidden;
  background: rgba(15, 14, 18, .92);
}
.vidu-legal-kpis article { padding: 22px 24px; border-right: 1px solid #24212a; }
.vidu-legal-kpis article:last-child { border-right: 0; }
.vidu-legal-kpis span,
.vidu-legal-kpis small { display: block; color: #8f8d98; }
.vidu-legal-kpis strong { display: block; margin: 8px 0 5px; font-size: 24px; }

.vidu-legal-governance-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 14px 0 26px;
}
.vidu-legal-governance-strip div {
  padding: 15px 18px;
  border: 1px solid #30293a;
  border-radius: 14px;
  background: rgba(56, 40, 73, .22);
}
.vidu-legal-governance-strip span { display: block; color: #96919e; font-size: 12px; }
.vidu-legal-governance-strip strong { display: block; margin-top: 5px; color: #d8c3ef; }

.vidu-legal-main { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }
.vidu-legal-panel {
  border: 1px solid #24212a;
  border-radius: 20px;
  background: rgba(14, 13, 17, .94);
  overflow: hidden;
}
.vidu-legal-panel > header { padding: 21px 23px; border-bottom: 1px solid #24212a; }
.vidu-legal-panel > header h3 { margin: 4px 0 0; font-size: 20px; }
.vidu-legal-panel > header small { color: #777480; }
.vidu-legal-panel.is-sources { grid-column: 1 / -1; }

.vidu-legal-workforce,
.vidu-legal-workflows,
.vidu-legal-packs,
.vidu-legal-governance,
.vidu-legal-sources { padding: 14px; }
.vidu-legal-workforce article {
  display: grid;
  grid-template-columns: auto 1fr auto;
  justify-content: initial;
  padding: 15px;
  border-radius: 15px;
  background: #121116;
}
.vidu-legal-workforce article + article { margin-top: 10px; }
.vidu-legal-workforce strong,
.vidu-legal-workforce small,
.vidu-legal-workforce p { display: block; }
.vidu-legal-workforce small { margin: 3px 0 7px; color: #b89ed6; }
.vidu-legal-workforce p { margin: 0; color: #8e8b96; line-height: 1.45; }

.vidu-legal-workflows article,
.vidu-legal-packs article {
  padding: 15px;
  border-radius: 14px;
  background: #121116;
}
.vidu-legal-workflows article + article,
.vidu-legal-packs article + article { margin-top: 9px; }
.vidu-legal-workflows div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.vidu-legal-workflows span {
  padding: 5px 8px;
  border-radius: 999px;
  background: #211b29;
  color: #aaa2b3;
  font-size: 11px;
}
.vidu-legal-packs article { opacity: .62; }
.vidu-legal-packs article.is-enabled { opacity: 1; box-shadow: inset 3px 0 #8c62bd; }
.vidu-legal-packs small { color: #b79ad8; }
.vidu-legal-packs p { margin: 9px 0 0; color: #8f8b95; line-height: 1.45; }

.vidu-legal-governance { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.vidu-legal-governance article {
  padding: 13px;
  border-radius: 12px;
  background: #121116;
}
.vidu-legal-governance strong,
.vidu-legal-governance span { display: block; }
.vidu-legal-governance strong { color: #bdb8c5; font-size: 12px; }
.vidu-legal-governance span { margin-top: 5px; color: #9f7dc6; font-size: 12px; }

.vidu-legal-sources { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.vidu-legal-sources a {
  padding: 14px 16px;
  border: 1px solid #24212a;
  border-radius: 13px;
  background: #121116;
  color: #d8d3dc;
  text-decoration: none;
}
.vidu-legal-sources a:hover { border-color: #76539d; }
.vidu-legal-sources strong,
.vidu-legal-sources small { display: block; }
.vidu-legal-sources small { margin-top: 4px; color: #807d86; }
.vidu-legal-sources a > span { color: #b99ad8; font-size: 11px; font-weight: 800; }

@media (max-width: 900px) {
  .vidu-legal-workspace { width: calc(100% - 32px); padding-top: 34px; }
  .vidu-legal-hero { align-items: flex-start; flex-direction: column; }
  .vidu-legal-kpis,
  .vidu-legal-governance-strip,
  .vidu-legal-main,
  .vidu-legal-sources { grid-template-columns: 1fr; }
  .vidu-legal-kpis article { border-right: 0; border-bottom: 1px solid #24212a; }
  .vidu-legal-panel.is-sources { grid-column: auto; }
  .vidu-legal-workforce article { grid-template-columns: auto 1fr; }
  .vidu-legal-workforce article button { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  .vidu-marketing-config-overlay,
  .vidu-marketing-config-dialog {
    animation: none;
  }

  .vidu-marketing-onboarding-progress > i > b {
    transition: none;
  }
}

/* Marketing responsibility roster mirrors the Finance portrait treatment. */
.vidu-marketing-workforce-list.is-portrait-grid > button {
  position: relative;
  display: block;
  min-height: 190px;
  padding: 0;
  overflow: hidden;
  border-color: rgba(255, 255, 255, .07);
  border-radius: 16px;
  background: rgba(255, 255, 255, .02);
}

.vidu-marketing-workforce-portrait,
.vidu-marketing-workforce-portrait .vidu-avatar,
.vidu-marketing-workforce-portrait .vidu-avatar img,
.vidu-marketing-workforce-portrait .vidu-avatar__initials {
  display: block;
  width: 100%;
  height: 100%;
}

.vidu-marketing-workforce-portrait .vidu-avatar img,
.vidu-marketing-workforce-portrait .vidu-avatar__initials {
  border-radius: 0;
  object-fit: cover;
}

.vidu-marketing-workforce-meta {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: grid;
  gap: 3px;
  padding: 46px 13px 13px;
  text-align: right;
  background: linear-gradient(180deg, transparent, rgba(5, 8, 12, .92));
}

.vidu-marketing-workforce-meta strong,
.vidu-marketing-workforce-meta small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-marketing-workforce-mandate {
  position: absolute;
  top: 11px;
  right: 11px;
  z-index: 2;
  max-width: calc(100% - 22px);
  padding: 5px 8px;
  overflow: hidden;
  border-radius: 999px;
  color: rgba(244, 244, 246, .66);
  background: rgba(5, 8, 12, .68);
  backdrop-filter: blur(10px);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Lobby motion language: quiet feedback that keeps the workspace visibly alive. */
@keyframes vidu-lobby-enter {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes vidu-lobby-live-pulse {
  0%, 100% { opacity: .72; box-shadow: 0 0 0 3px rgba(98, 207, 174, .07); }
  50% { opacity: 1; box-shadow: 0 0 0 6px rgba(98, 207, 174, 0), 0 0 14px rgba(98, 207, 174, .24); }
}

.vidu-org-lobby-v4:not(.is-customizing) .vidu-lobby-v4__grid-item {
  animation: vidu-lobby-enter .38s cubic-bezier(.2, .75, .25, 1) both;
}
.vidu-org-lobby-v4:not(.is-customizing) .vidu-lobby-v4__grid-item:nth-child(2) { animation-delay: 35ms; }
.vidu-org-lobby-v4:not(.is-customizing) .vidu-lobby-v4__grid-item:nth-child(3) { animation-delay: 70ms; }
.vidu-org-lobby-v4:not(.is-customizing) .vidu-lobby-v4__grid-item:nth-child(4) { animation-delay: 105ms; }
.vidu-org-lobby-v4:not(.is-customizing) .vidu-lobby-v4__grid-item:nth-child(n+5) { animation-delay: 140ms; }

.vidu-lobby-live-state i,
.vidu-lobby-scout-runtime__summary > span i,
.vidu-lobby-scout-runtime__providers i,
.vidu-org-lobby-v4 .vidu-avatar__status {
  animation: vidu-lobby-live-pulse 2.8s ease-in-out infinite;
}

.vidu-org-lobby-v4 button,
.vidu-org-lobby-v4 select,
.vidu-org-lobby-v4 input,
.vidu-org-lobby-v4 .vidu-lobby-division-card {
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, opacity .18s ease, box-shadow .22s ease, transform .18s ease;
}
.vidu-lobby-project-row:hover,
.vidu-lobby-document-list button:hover,
.vidu-lobby-intelligence-signals > button:hover,
.vidu-lobby-scout-runtime__signal:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, .025);
}
.vidu-org-lobby-v4 button:active { transform: translateY(0) scale(.985); }
.vidu-org-lobby-v4 button:focus-visible,
.vidu-org-lobby-v4 select:focus-visible,
.vidu-org-lobby-v4 input:focus-visible {
  outline: 2px solid rgba(196, 181, 217, .48);
  outline-offset: 3px;
}

/* Shared interaction language for Dashboard and Pipeline as well. */
@keyframes vidu-view-switch-leading-stretch {
  0% { scale: 1 1; }
  27% { scale: 1.065 1; }
  62% { scale: 1.025 1; }
  100% { scale: 1 1; }
}
#vidu-pipeline-dashboard .vidu-topbar .vidu-dashboard-view-switch:has(.vidu-view-btn[data-view="lobby"]) {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: repeat(3, minmax(max-content, 1fr));
  gap: 2px;
  overflow: hidden;
}
#vidu-pipeline-dashboard .vidu-topbar .vidu-dashboard-view-switch:has(.vidu-view-btn[data-view="lobby"])::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc((100% - 12px) / 3);
  border-radius: 999px;
  background: var(--vidu-control-bg-active);
  box-shadow: 0 8px 22px color-mix(in srgb, var(--vidu-surface-0) 42%, transparent);
  opacity: 1;
  transform: translateX(0);
  transition: transform .36s cubic-bezier(.16, .82, .24, 1),
    opacity .18s ease, background-color .2s ease, box-shadow .2s ease;
  pointer-events: none;
}
#vidu-pipeline-dashboard .vidu-topbar .vidu-dashboard-view-switch[data-slide-direction="forward"]::before {
  transform-origin: left center;
  animation: vidu-view-switch-leading-stretch .4s cubic-bezier(.18, .78, .2, 1) both;
}
#vidu-pipeline-dashboard .vidu-topbar .vidu-dashboard-view-switch[data-slide-direction="backward"]::before {
  transform-origin: right center;
  animation: vidu-view-switch-leading-stretch .4s cubic-bezier(.18, .78, .2, 1) both;
}
#vidu-pipeline-dashboard .vidu-topbar .vidu-dashboard-view-switch:has(.vidu-view-btn[data-view="list"].is-active)::before {
  transform: translateX(calc(100% + 2px));
}
#vidu-pipeline-dashboard .vidu-topbar .vidu-dashboard-view-switch:has(.vidu-view-btn[data-view="board"].is-active)::before {
  transform: translateX(calc(200% + 4px));
}
#vidu-pipeline-dashboard .vidu-topbar .vidu-dashboard-view-switch:not(:has(.vidu-view-btn.is-active))::before {
  opacity: 0;
  box-shadow: none;
}
#vidu-pipeline-dashboard .vidu-topbar .vidu-dashboard-view-switch:has(.vidu-view-btn[data-view="lobby"]) .vidu-view-btn {
  position: relative;
  z-index: 1;
  min-width: 0;
  background: transparent;
  box-shadow: none;
  transition: color .24s ease, opacity .24s ease, transform .18s ease;
}
#vidu-pipeline-dashboard .vidu-topbar .vidu-dashboard-view-switch:has(.vidu-view-btn[data-view="lobby"]) .vidu-view-btn:hover {
  background: transparent;
}
#vidu-pipeline-dashboard .vidu-topbar .vidu-dashboard-view-switch:has(.vidu-view-btn[data-view="lobby"]) .vidu-view-btn.is-active {
  background: transparent;
  box-shadow: none;
}

#vidu-pipeline-dashboard .vidu-workspace-top button,
#vidu-pipeline-dashboard .vidu-workspace-top select,
#vidu-pipeline-dashboard .vidu-pipeline-card,
#vidu-pipeline-dashboard .vidu-dashboard-row,
#vidu-pipeline-dashboard .vidu-icon-btn {
  transition: color .18s ease, background-color .18s ease, border-color .18s ease,
    opacity .18s ease, box-shadow .22s ease, transform .18s ease;
}
#vidu-pipeline-dashboard .vidu-workspace-top button:hover,
#vidu-pipeline-dashboard .vidu-icon-btn:hover {
  transform: translateY(-1px);
}
#vidu-pipeline-dashboard .vidu-workspace-top button:active,
#vidu-pipeline-dashboard .vidu-icon-btn:active {
  transform: translateY(0) scale(.97);
}
#vidu-pipeline-dashboard .vidu-pipeline-card:hover,
#vidu-pipeline-dashboard .vidu-dashboard-row:hover {
  box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
}
#vidu-pipeline-dashboard button:focus-visible,
#vidu-pipeline-dashboard select:focus-visible,
#vidu-pipeline-dashboard input:focus-visible {
  outline: 2px solid rgba(196, 181, 217, .44);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .vidu-org-lobby-v4 .vidu-lobby-v4__grid-item,
  .vidu-org-lobby-v4 .vidu-avatar__status,
  .vidu-lobby-live-state i,
  .vidu-lobby-scout-runtime__summary > span i,
  .vidu-lobby-scout-runtime__providers i { animation: none; }
  #vidu-pipeline-dashboard *,
  #vidu-pipeline-dashboard *::before,
  #vidu-pipeline-dashboard *::after { scroll-behavior: auto; transition-duration: .01ms; }
}

.vidu-engineering-agent-avatar img,
.vidu-dwf-agent-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 980px) {
  .vidu-lobby-hero {
    max-height: none;
  }

  .vidu-org-lobby-v4 .vidu-lobby-hero {
    grid-template-columns: 1fr;
  }

  .vidu-lobby-system-time {
    justify-self: start;
    justify-items: start;
    min-width: 118px;
  }

  .vidu-system-bridge-control {
    grid-template-columns: 1fr;
  }

  .vidu-lobby-hero-aside {
    align-items: stretch;
    justify-items: stretch;
  }

  .vidu-lobby-divisions-section > header {
    align-items: flex-start;
  }

  .vidu-lobby-divisions-section > header p {
    margin-left: 0;
    white-space: normal;
  }
}

@media (max-width: 720px) {
  .vidu-organization-lobby {
    padding: 12px;
  }

  .vidu-lobby-status-lines {
    display: grid;
    grid-template-columns: 1fr;
  }

  .vidu-lobby-status-lines li {
    max-width: none;
  }

  .vidu-lobby-pulse-card,
  .vidu-lobby-division-card {
    flex-basis: min(86vw, 330px);
  }

  .vidu-lobby-detail-drawer {
    top: auto;
    right: 10px;
    bottom: 10px;
    left: 10px;
    width: auto;
    max-height: 78vh;
    border-radius: 20px;
  }
}

.vidu-scout-workspace {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 14px;
  width: 100%;
  height: 100%;
  padding: 22px 24px 24px;
  box-sizing: border-box;
  color: #e5edf7;
  background:
    radial-gradient(circle at 20% 0%, rgba(14, 165, 233, .075), transparent 36%),
    linear-gradient(135deg, rgba(2, 6, 23, .96), rgba(8, 13, 24, .95));
}

.vidu-scout-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  min-width: 0;
  padding: 20px 24px;
  border: 1px solid rgba(148, 163, 184, .11);
  border-radius: 24px;
  background:
    radial-gradient(circle at 12% 0%, rgba(56, 189, 248, .08), transparent 30%),
    linear-gradient(180deg, rgba(15, 23, 42, .62), rgba(2, 6, 23, .32));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .05);
  backdrop-filter: blur(22px);
}

.vidu-scout-header > div {
  display: grid;
  gap: 6px;
  min-width: 0;
  max-width: 900px;
}

.vidu-scout-header span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.vidu-scout-header h2 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 870;
  letter-spacing: 0;
}

.vidu-scout-header p {
  max-width: 820px;
  margin: 0;
  color: #a7b7cb;
  font-size: 13px;
  line-height: 1.58;
}

.vidu-scout-header aside {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  min-width: 260px;
}

.vidu-scout-action {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(125, 211, 252, .24);
  border-radius: 999px;
  color: #e0f2fe;
  font-size: 12px;
  font-weight: 820;
  background: rgba(14, 116, 144, .16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.vidu-scout-action:hover,
.vidu-scout-action:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(125, 211, 252, .42);
  background: rgba(14, 116, 144, .26);
  outline: 0;
}

.vidu-scout-nav {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 6px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 18px;
  background: rgba(8, 16, 30, .58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
  overflow-x: auto;
  backdrop-filter: blur(18px);
}

.vidu-scout-nav button {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 820;
  background: transparent;
  cursor: pointer;
  transition: color .16s ease, border-color .16s ease, background .16s ease, transform .16s ease;
}

.vidu-scout-nav button:hover,
.vidu-scout-nav button:focus-visible {
  transform: translateY(-1px);
  color: #e0f2fe;
  border-color: rgba(125, 211, 252, .18);
  background: rgba(14, 165, 233, .08);
  outline: 0;
}

.vidu-scout-nav button.is-active {
  color: #f8fafc;
  border-color: rgba(125, 211, 252, .28);
  background: linear-gradient(180deg, rgba(14, 165, 233, .18), rgba(15, 23, 42, .24));
  box-shadow: 0 10px 24px rgba(8, 47, 73, .14), inset 0 1px 0 rgba(255, 255, 255, .06);
}

.vidu-scout-nav-more { position: relative; margin-left: auto; }
.vidu-scout-nav-more > summary {
  min-height: 34px;
  padding: 8px 13px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
  list-style: none;
  cursor: pointer;
}
.vidu-scout-nav-more > summary::-webkit-details-marker { display: none; }
.vidu-scout-nav-more > summary::after { content: "⌄"; margin-left: 7px; }
.vidu-scout-nav-more > summary.is-active { color: #f8fafc; background: rgba(14, 165, 233, .1); }
.vidu-scout-nav-more > div {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  right: 0;
  display: grid;
  min-width: 150px;
  gap: 4px;
  padding: 7px;
  border: 1px solid rgba(148, 163, 184, .15);
  border-radius: 14px;
  background: #080f20;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .38);
}
.vidu-scout-nav-more:not([open]) > div { display: none; }
.vidu-scout-nav-more > div button { width: 100%; text-align: left; }

.vidu-scout-main {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 2px 2px 18px;
}

.vidu-scout-overview,
.vidu-scout-view-grid,
.vidu-scout-insight-grid {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.vidu-division-home {
  align-content: start;
}

.vidu-scout-command-center {
  display: grid;
  gap: 14px;
  padding: 18px 20px;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(14, 116, 144, .12), rgba(15, 23, 42, .26) 58%, rgba(2, 6, 23, .18));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.vidu-scout-command-center > header,
.vidu-scout-command-center > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.vidu-scout-command-center > header > div { display: grid; gap: 3px; }
.vidu-scout-command-center > header span { color: #7dd3fc; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.vidu-scout-command-center > header strong { color: #f8fafc; font-size: 20px; }
.vidu-scout-command-center > header p,
.vidu-scout-command-center > footer small { margin: 0; color: #94a3b8; font-size: 12px; }

.vidu-scout-command-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.vidu-scout-command-metrics button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 14px;
  color: inherit;
  background: rgba(2, 6, 23, .24);
  text-align: left;
  cursor: pointer;
}

.vidu-scout-command-metrics button:hover { border-color: rgba(125, 211, 252, .28); background: rgba(14, 116, 144, .1); }
.vidu-scout-command-metrics span { color: #cbd5e1; font-size: 12px; font-weight: 750; }
.vidu-scout-command-metrics strong { grid-row: span 2; color: #f8fafc; font-size: 24px; }
.vidu-scout-command-metrics small { color: #64748b; font-size: 10px; }
.vidu-scout-command-center .is-safe { flex: 0 0 auto; color: #5eead4; font-size: 10px; font-weight: 800; text-transform: uppercase; }

.vidu-scout-overview-status-row {
  display: grid;
  grid-template-columns: minmax(420px, .9fr) minmax(0, 1.8fr);
  align-items: stretch;
  gap: 8px;
  min-width: 0;
}

.vidu-division-status-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.vidu-division-mission-card,
.vidu-division-execution-card {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 18px;
  background: rgba(15, 23, 42, .34);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.vidu-division-mission-card span,
.vidu-division-execution-card span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-division-mission-card strong,
.vidu-division-execution-card strong {
  color: #f8fafc;
  font-size: 16px;
  font-weight: 880;
  line-height: 1.2;
}

.vidu-division-mission-card p,
.vidu-division-execution-card p {
  margin: 0;
  color: #a7b7cb;
  font-size: 12px;
  line-height: 1.45;
}

.vidu-division-metric-bar {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.vidu-division-metric-bar .vidu-scout-metric {
  gap: 4px;
  padding: 10px 12px;
  border-radius: 14px;
}

.vidu-division-metric-bar .vidu-scout-metric span {
  font-size: 10px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.vidu-division-metric-bar .vidu-scout-metric strong {
  font-size: 16px;
}

.vidu-scout-view-grid {
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr);
}

.vidu-scout-summary {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr);
  gap: 18px;
  min-width: 0;
}

.vidu-scout-summary article,
.vidu-scout-panel,
.vidu-scout-empty {
  min-width: 0;
  max-width: 100%;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 24px;
  background: rgba(15, 23, 42, .38);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.vidu-scout-summary article {
  display: grid;
  gap: 9px;
  padding: 26px;
}

.vidu-scout-summary article span,
.vidu-scout-panel header span,
.vidu-scout-empty span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-summary article h3 {
  margin: 0;
  color: #f8fafc;
  font-size: 24px;
  font-weight: 850;
  letter-spacing: 0;
}

.vidu-scout-summary article p,
.vidu-scout-muted,
.vidu-scout-empty p,
.vidu-scout-list article p {
  margin: 0;
  color: #94a3b8;
  font-size: 13px;
  line-height: 1.6;
}

.vidu-scout-metrics,
.vidu-scout-safety-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.vidu-scout-metric {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 18px;
  background: rgba(2, 6, 23, .32);
}

.vidu-scout-metric span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 780;
  text-transform: uppercase;
}

.vidu-scout-metric strong {
  color: #f8fafc;
  font-size: 20px;
  font-weight: 880;
}

.vidu-scout-metric.is-locked strong {
  color: #bae6fd;
  font-size: 15px;
}

.vidu-scout-panel-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  min-width: 0;
}

.vidu-scout-panel {
  display: grid;
  align-content: start;
  gap: 15px;
  padding: 22px;
}

.vidu-scout-panel.is-wide {
  min-height: 360px;
}

.vidu-scout-panel header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
}

.vidu-scout-panel header strong {
  color: #f8fafc;
  font-size: 14px;
  font-weight: 850;
}

.vidu-scout-empty {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 260px;
  padding: 28px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(14, 165, 233, .1), transparent 36%),
    rgba(15, 23, 42, .28);
}

.vidu-scout-empty strong {
  color: #e5edf7;
  font-size: 18px;
  font-weight: 850;
}

.vidu-scout-list {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.vidu-scout-list article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 18px;
  background: rgba(2, 6, 23, .24);
}

.vidu-scout-list article strong {
  color: #f8fafc;
  font-size: 14px;
  font-weight: 840;
}

.vidu-scout-list article footer {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.vidu-scout-research-workbench {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 18px;
  min-width: 0;
  min-height: 0;
}

.vidu-scout-research-list,
.vidu-scout-research-detail {
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 24px;
  background: rgba(15, 23, 42, .36);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.vidu-scout-research-list {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 14px;
  padding: 18px;
  overflow: hidden;
}

.vidu-scout-research-list > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
}

.vidu-scout-research-list > header div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vidu-scout-research-list > header span,
.vidu-scout-research-form header span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-research-list > header strong,
.vidu-scout-research-form header strong {
  color: #f8fafc;
  font-size: 15px;
  font-weight: 860;
}

.vidu-scout-research-stack {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  overflow: auto;
  padding: 6px;
  margin: -6px;
}

.vidu-scout-research-hub {
  display: grid;
  gap: 18px;
  min-width: 0;
  padding: 22px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 24px;
  background: rgba(15, 23, 42, .3);
}

.vidu-scout-research-hub-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.vidu-scout-research-hub-header > div {
  display: grid;
  gap: 5px;
}

.vidu-scout-research-hub-header span,
.vidu-scout-query-preview header span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-scout-research-hub-header strong {
  color: #f8fafc;
  font-size: 20px;
  font-weight: 860;
}

.vidu-scout-research-hub-header p {
  margin: 0;
  color: #94a3b8;
  font-size: 13px;
}

.vidu-scout-research-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  border-top: 1px solid rgba(148, 163, 184, .08);
  border-bottom: 1px solid rgba(148, 163, 184, .08);
}

.vidu-scout-research-filters > button {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #94a3b8;
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.vidu-scout-research-filters > button.is-active {
  border-color: rgba(125, 211, 252, .25);
  color: #f8fafc;
  background: rgba(14, 116, 144, .16);
}

.vidu-scout-research-filters label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  color: #94a3b8;
  font-size: 11px;
}

.vidu-scout-research-filters select {
  min-height: 34px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 10px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .45);
  padding: 0 10px;
}

.vidu-scout-research-filters input {
  min-width: 180px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 10px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .45);
}

.vidu-scout-research-filters label.is-search { margin-left: auto; }
.vidu-scout-research-filters label.is-search + label { margin-left: 0; }

.vidu-scout-research-filters > small {
  color: #64748b;
  font-size: 11px;
}

.vidu-scout-research-stack.is-unified {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  overflow: visible;
  padding: 0;
  margin: 0;
}

.vidu-scout-research-card {
  position: relative;
  display: grid;
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 18px;
  color: #dbeafe;
  text-align: left;
  background: rgba(2, 6, 23, .25);
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.vidu-scout-research-lifecycle {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 4px;
  margin: 3px 0;
}

.vidu-scout-research-lifecycle span { display: grid; gap: 4px; min-width: 0; color: #475569; }
.vidu-scout-research-lifecycle span::before { content: ""; height: 2px; border-radius: 999px; background: currentColor; opacity: .45; }
.vidu-scout-research-lifecycle i { display: none; }
.vidu-scout-research-lifecycle b { overflow: hidden; font-size: 8px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.vidu-scout-research-lifecycle span.is-done { color: #2dd4bf; }
.vidu-scout-research-lifecycle span.is-current { color: #7dd3fc; }

.vidu-scout-research-card > .vidu-scout-research-card-status {
  position: absolute;
  top: 14px;
  right: 14px;
  color: #94a3b8;
}

.vidu-scout-research-card footer > span {
  color: #94a3b8;
  font-size: 10px;
}

.vidu-scout-research-card footer > span + span::before {
  content: "·";
  margin-right: 6px;
  color: #475569;
}

.vidu-scout-research-card:hover,
.vidu-scout-research-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(125, 211, 252, .28);
  background: rgba(14, 116, 144, .13);
  outline: 0;
}

.vidu-scout-research-card.is-active {
  border-color: rgba(56, 189, 248, .46);
  background: linear-gradient(180deg, rgba(14, 116, 144, .2), rgba(2, 6, 23, .3));
  box-shadow: 0 16px 34px rgba(8, 47, 73, .18), inset 0 1px 0 rgba(255, 255, 255, .05);
}

.vidu-scout-research-card > span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-research-card strong {
  color: #f8fafc;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.3;
}

.vidu-scout-research-card p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0;
  overflow: hidden;
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.5;
}

.vidu-scout-research-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.vidu-scout-research-detail {
  overflow: auto;
  padding: 20px;
}

.vidu-scout-research-form {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.vidu-scout-research-modal {
  position: fixed;
  inset: 0;
  z-index: 1000004;
  display: grid;
  place-items: center;
  padding: 28px;
}

.vidu-scout-research-modal-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(1, 4, 12, .78);
  backdrop-filter: blur(12px);
  cursor: default;
}

.vidu-scout-research-modal-panel {
  position: relative;
  z-index: 1;
  width: min(900px, 94vw);
  max-height: 90vh;
  overflow: auto;
  padding: 24px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(3, 8, 20, .98));
  box-shadow: 0 38px 120px rgba(0, 0, 0, .5);
}

.vidu-scout-research-mode {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vidu-scout-research-mode button {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 17px;
  color: #94a3b8;
  text-align: left;
  background: rgba(2, 6, 23, .28);
  cursor: pointer;
}

.vidu-scout-research-mode button.is-active {
  border-color: rgba(125, 211, 252, .42);
  color: #e0f2fe;
  background: rgba(14, 116, 144, .16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.vidu-scout-research-mode strong { color: #f8fafc; font-size: 14px; }
.vidu-scout-research-mode span { font-size: 12px; line-height: 1.45; }

.vidu-scout-research-advanced {
  display: grid;
  gap: 14px;
  padding: 15px;
  border-top: 1px solid rgba(148, 163, 184, .1);
  border-bottom: 1px solid rgba(148, 163, 184, .1);
}

.vidu-scout-research-advanced summary {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: #dbeafe;
  cursor: pointer;
}

.vidu-scout-research-advanced summary span { color: #64748b; font-size: 11px; }
.vidu-scout-research-advanced[open] summary { margin-bottom: 14px; }

.vidu-scout-query-preview {
  display: grid;
  gap: 10px;
  padding: 17px;
  border: 1px solid rgba(45, 212, 191, .18);
  border-radius: 19px;
  background: rgba(13, 148, 136, .07);
}

.vidu-scout-query-preview header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.vidu-scout-query-preview header > div { display: grid; gap: 4px; }
.vidu-scout-query-preview header strong { color: #ccfbf1; font-size: 14px; }
.vidu-scout-query-preview p { margin: 0; color: #dbeafe; font-size: 13px; line-height: 1.55; }
.vidu-scout-query-preview small { color: #94a3b8; font-size: 11px; line-height: 1.5; }

[data-scout-continuous-field][hidden] { display: none; }

.vidu-scout-intelligence-briefs {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 22px;
  border-top: 1px solid rgba(148, 163, 184, .1);
  border-bottom: 1px solid rgba(148, 163, 184, .1);
}

.vidu-scout-intelligence-briefs > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.vidu-scout-intelligence-briefs > header > div { display: grid; gap: 5px; }
.vidu-scout-intelligence-briefs > header span,
.vidu-scout-brief-modal article section > span { color: #5eead4; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.vidu-scout-intelligence-briefs > header strong { color: #f8fafc; font-size: 20px; }
.vidu-scout-intelligence-briefs > header p { margin: 0; color: #94a3b8; font-size: 13px; }

.vidu-scout-intelligence-brief-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.vidu-scout-intelligence-brief-list > button {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 18px;
  color: #dbeafe;
  text-align: left;
  background: rgba(2, 6, 23, .25);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.vidu-scout-intelligence-brief-list > button:hover { transform: translateY(-1px); border-color: rgba(45, 212, 191, .28); background: rgba(13, 148, 136, .08); }
.vidu-scout-intelligence-brief-list > button.is-reviewed { opacity: .76; border-color: rgba(45, 212, 191, .12); }
.vidu-scout-intelligence-brief-list > button > span { color: #5eead4; font-size: 9px; font-weight: 850; text-transform: uppercase; }
.vidu-scout-intelligence-brief-list > button > strong { color: #f8fafc; font-size: 14px; line-height: 1.35; }
.vidu-scout-intelligence-brief-list > button > p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; color: #94a3b8; font-size: 12px; line-height: 1.5; }
.vidu-scout-intelligence-brief-list > button > footer { display: flex; flex-wrap: wrap; gap: 8px; color: #64748b; font-size: 10px; }
.vidu-scout-intelligence-brief-list > button > footer b { color: #99f6e4; }

.vidu-scout-brief-modal {
  position: fixed;
  inset: 0;
  z-index: 1000005;
  display: grid;
  place-items: center;
  padding: 28px;
}

.vidu-scout-brief-modal > article {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 20px;
  width: min(720px, 94vw);
  max-height: 88vh;
  overflow: auto;
  padding: 26px;
  border: 1px solid rgba(45, 212, 191, .2);
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(12, 25, 35, .99), rgba(3, 8, 20, .99));
  box-shadow: 0 38px 120px rgba(0, 0, 0, .55);
}

.vidu-scout-brief-modal article > header { display: flex; justify-content: space-between; gap: 18px; }
.vidu-scout-brief-modal article > header > div { display: grid; gap: 5px; }
.vidu-scout-brief-modal article > header span { color: #5eead4; font-size: 10px; font-weight: 850; text-transform: uppercase; }
.vidu-scout-brief-modal article > header strong { color: #f8fafc; font-size: 22px; line-height: 1.3; }
.vidu-scout-brief-modal article > header button { width: 38px; height: 38px; border: 1px solid rgba(148, 163, 184, .14); border-radius: 50%; color: #e2e8f0; background: rgba(15, 23, 42, .45); cursor: pointer; }
.vidu-scout-brief-modal article section { display: grid; gap: 7px; }
.vidu-scout-brief-modal article section p { margin: 0; color: #cbd5e1; font-size: 14px; line-height: 1.65; }
.vidu-scout-brief-modal article > footer { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 14px; border-top: 1px solid rgba(148, 163, 184, .1); color: #94a3b8; font-size: 11px; }
.vidu-scout-brief-modal article > footer b { color: #99f6e4; }

.vidu-scout-research-form > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  padding-bottom: 2px;
}

.vidu-scout-research-form > header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-scout-field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.vidu-scout-field span {
  color: #a7b7cb;
  font-size: 12px;
  font-weight: 780;
}

.vidu-scout-field input,
.vidu-scout-field select,
.vidu-scout-field textarea {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 15px;
  color: #e5edf7;
  background: rgba(2, 6, 23, .38);
  font: inherit;
  font-size: 13px;
  line-height: 1.5;
  outline: 0;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.vidu-scout-field input,
.vidu-scout-field select {
  min-height: 42px;
  padding: 0 13px;
}

.vidu-scout-field textarea {
  resize: vertical;
  padding: 12px 13px;
}

.vidu-scout-field input:focus,
.vidu-scout-field select:focus,
.vidu-scout-field textarea:focus {
  border-color: rgba(125, 211, 252, .42);
  background: rgba(2, 6, 23, .52);
  box-shadow: 0 0 0 3px rgba(14, 165, 233, .1);
}

.vidu-scout-form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.vidu-scout-request-safety {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.vidu-scout-schedule-panel {
  display: grid;
  gap: 15px;
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(125, 211, 252, .15);
  border-radius: 22px;
  background:
    radial-gradient(circle at 12% 0%, rgba(14, 165, 233, .1), transparent 36%),
    rgba(2, 6, 23, .3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

.vidu-scout-schedule-panel > header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}

.vidu-scout-schedule-panel > header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-scout-schedule-panel > header span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-schedule-panel > header strong {
  color: #f8fafc;
  font-size: 16px;
  font-weight: 870;
}

.vidu-scout-schedule-preview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.vidu-scout-schedule-preview article {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 16px;
  background: rgba(15, 23, 42, .34);
}

.vidu-scout-schedule-preview span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-scout-schedule-preview strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #e0f2fe;
  font-size: 13px;
  font-weight: 840;
}

.vidu-scout-schedule-panel > footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.vidu-scout-schedule-panel > footer small {
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.5;
}

.vidu-scout-research-form > footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
  padding-top: 4px;
}

.vidu-scout-research-form > footer small {
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.5;
}

.vidu-scout-action.is-secondary {
  color: #bae6fd;
  background: rgba(15, 23, 42, .46);
  border-color: rgba(148, 163, 184, .16);
}

.vidu-scout-primary-action {
  min-height: 40px;
  padding-inline: 18px;
  border-color: rgba(34, 211, 238, .48);
  color: #f0fdfa;
  background: linear-gradient(135deg, rgba(8, 145, 178, .56), rgba(14, 116, 144, .42));
  box-shadow: 0 12px 30px rgba(8, 145, 178, .18), inset 0 1px 0 rgba(255, 255, 255, .12);
}

.vidu-scout-primary-action:hover,
.vidu-scout-primary-action:focus-visible {
  border-color: rgba(103, 232, 249, .72);
  background: linear-gradient(135deg, rgba(8, 145, 178, .72), rgba(14, 116, 144, .56));
}

.vidu-scout-primary-action.is-pause {
  border-color: rgba(251, 191, 36, .32);
  color: #fef3c7;
  background: rgba(120, 53, 15, .3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.vidu-scout-action[disabled] {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
}

.vidu-scout-strategy-panel {
  display: grid;
  gap: 16px;
  min-width: 0;
  margin-top: 4px;
  padding: 20px;
  border: 1px solid rgba(125, 211, 252, .16);
  border-radius: 22px;
  background:
    radial-gradient(circle at 12% 0%, rgba(14, 165, 233, .1), transparent 34%),
    rgba(2, 6, 23, .28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

.vidu-scout-strategy-panel.is-approved {
  border-color: rgba(45, 212, 191, .26);
}

.vidu-scout-strategy-panel.is-rejected {
  border-color: rgba(248, 113, 113, .24);
}

.vidu-scout-strategy-panel.is-empty {
  border-style: dashed;
  color: #94a3b8;
}

.vidu-scout-strategy-panel > header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}

.vidu-scout-strategy-panel > header div:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-scout-strategy-panel > header span,
.vidu-scout-strategy-grid article span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-strategy-panel > header strong {
  color: #f8fafc;
  font-size: 16px;
  font-weight: 870;
}

.vidu-scout-strategy-panel > p {
  margin: 0;
  color: #94a3b8;
  font-size: 13px;
  line-height: 1.6;
}

.vidu-scout-strategy-badges {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.vidu-scout-strategy-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.vidu-scout-strategy-grid article {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 17px;
  background: rgba(15, 23, 42, .34);
}

.vidu-scout-strategy-grid article.is-wide {
  grid-column: 1 / -1;
}

.vidu-scout-strategy-grid article p,
.vidu-scout-strategy-grid article li {
  margin: 0;
  color: #b6c4d6;
  font-size: 13px;
  line-height: 1.55;
}

.vidu-scout-strategy-grid article ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.vidu-scout-strategy-grid article strong {
  color: #f8fafc;
  font-size: 14px;
  font-weight: 850;
}

.vidu-scout-strategy-panel > footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
}

.vidu-scout-action.is-danger {
  color: #fecaca;
  border-color: rgba(248, 113, 113, .22);
  background: rgba(127, 29, 29, .18);
}

.vidu-scout-entity-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 18px;
  min-width: 0;
  min-height: 0;
}

.vidu-scout-entity-board,
.vidu-scout-entity-inspector {
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 24px;
  background: rgba(15, 23, 42, .36);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.vidu-scout-entity-board {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 16px;
  padding: 20px;
  overflow: hidden;
}

.vidu-scout-entity-board > header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
}

.vidu-scout-entity-board > header div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vidu-scout-entity-board > header span,
.vidu-scout-entity-form header span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-entity-board > header strong,
.vidu-scout-entity-form header strong {
  color: #f8fafc;
  font-size: 15px;
  font-weight: 860;
}

.vidu-scout-topic-grid,
.vidu-scout-source-grid,
.vidu-scout-collection-grid,
.vidu-scout-insight-library-grid,
.vidu-scout-learning-grid,
.vidu-scout-feed-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 14px;
  min-width: 0;
  overflow: auto;
  padding: 6px;
  margin: -6px;
}

.vidu-scout-topic-card,
.vidu-scout-source-card,
.vidu-scout-collection-card,
.vidu-scout-insight-card,
.vidu-scout-learning-card,
.vidu-scout-feed-card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 20px;
  background: rgba(2, 6, 23, .28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.vidu-scout-feed-card {
  gap: 14px;
  padding: 18px;
  border-color: rgba(125, 211, 252, .12);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .44), rgba(2, 6, 23, .24));
}

.vidu-scout-feed-card:hover {
  border-color: rgba(125, 211, 252, .2);
  box-shadow: 0 16px 36px rgba(2, 8, 23, .18), inset 0 1px 0 rgba(255, 255, 255, .045);
}

.vidu-scout-localized-detail,
.vidu-scout-brief-original {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(94, 234, 212, .14);
  border-radius: 15px;
  color: #cbd5e1;
  background: rgba(13, 148, 136, .045);
}

.vidu-scout-localized-detail > summary,
.vidu-scout-brief-original > summary {
  cursor: pointer;
  color: #99f6e4;
  font-size: 12px;
  font-weight: 820;
}

.vidu-scout-localized-detail[open] > summary,
.vidu-scout-brief-original[open] > summary {
  margin-bottom: 12px;
}

.vidu-scout-localized-detail section,
.vidu-scout-brief-original {
  display: grid;
  gap: 7px;
}

.vidu-scout-localized-detail section + section {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(148, 163, 184, .09);
}

.vidu-scout-localized-detail section > span,
.vidu-scout-brief-original > strong {
  color: #5eead4;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.vidu-scout-localized-detail p,
.vidu-scout-brief-original p {
  margin: 0;
  color: #a7b7cb;
  font-size: 12px;
  line-height: 1.6;
}

.vidu-scout-feed-observation,
.vidu-scout-feed-source {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 16px;
}

.vidu-scout-feed-observation {
  border-color: rgba(125, 211, 252, .16);
  background: rgba(14, 165, 233, .065);
}

.vidu-scout-feed-source {
  background: rgba(2, 6, 23, .22);
}

.vidu-scout-feed-observation span,
.vidu-scout-feed-source span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-feed-observation p,
.vidu-scout-feed-source p {
  color: #cbd8e8;
}

.vidu-scout-feed-source code {
  display: block;
  max-width: 100%;
  padding: 7px 9px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 10px;
  overflow-x: auto;
  color: #93c5fd;
  background: rgba(2, 6, 23, .4);
  font-size: 11px;
  white-space: nowrap;
}

.vidu-scout-feed-scores {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.vidu-scout-feed-scores article {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .09);
  border-radius: 14px;
  background: rgba(15, 23, 42, .28);
}

.vidu-scout-feed-scores article span {
  color: #a7b7cb;
  font-size: 10px;
  font-weight: 820;
  text-transform: uppercase;
}

.vidu-scout-feed-scores article strong {
  color: #e0f2fe;
  font-size: 12px;
  font-weight: 840;
}

.vidu-scout-feed-scores article i {
  position: relative;
  display: block;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(71, 85, 105, .35);
}

.vidu-scout-feed-scores article i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--score, 0%);
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(45, 212, 191, .64), rgba(125, 211, 252, .76));
}

.vidu-scout-topic-card.is-inactive,
.vidu-scout-source-card.is-inactive {
  opacity: .68;
}

.vidu-scout-programs-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 390px);
  align-items: start;
  gap: 14px;
  min-width: 0;
}

.vidu-scout-program-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
  align-items: start;
  gap: 10px;
  min-width: 0;
}

.vidu-scout-resizable-columns {
  display: grid;
  grid-template-columns: minmax(0, var(--vidu-scout-left-column, 60%)) 28px minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  min-width: 0;
}

.vidu-scout-column-resizer {
  position: relative;
  align-self: stretch;
  width: 28px;
  min-width: 28px;
  min-height: 72px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 12px;
  color: rgba(125, 211, 252, .72);
  background: transparent;
  cursor: col-resize;
  touch-action: none;
}

.vidu-scout-column-resizer::before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 50%;
  width: 1px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .18);
  transform: translateX(-50%);
  transition: width .16s ease, background .16s ease, box-shadow .16s ease;
}

.vidu-scout-column-resizer span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 34px;
  border: 1px solid rgba(125, 211, 252, .22);
  border-radius: 999px;
  background: rgba(8, 16, 30, .88);
  box-shadow: 0 8px 22px rgba(2, 8, 23, .28);
  transform: translate(-50%, -50%);
  transition: width .16s ease, border-color .16s ease, background .16s ease;
}

.vidu-scout-column-resizer:hover::before,
.vidu-scout-column-resizer:focus-visible::before,
.vidu-scout-resizable-columns.is-resizing > .vidu-scout-column-resizer::before {
  width: 3px;
  background: rgba(56, 189, 248, .72);
  box-shadow: 0 0 20px rgba(14, 165, 233, .28);
}

.vidu-scout-column-resizer:hover span,
.vidu-scout-column-resizer:focus-visible span,
.vidu-scout-resizable-columns.is-resizing > .vidu-scout-column-resizer span {
  width: 8px;
  border-color: rgba(125, 211, 252, .5);
  background: rgba(14, 116, 144, .26);
}

.vidu-scout-column-resizer:focus-visible {
  outline: 2px solid rgba(125, 211, 252, .46);
  outline-offset: -4px;
}

body.is-resizing-scout-columns,
body.is-resizing-scout-columns * {
  cursor: col-resize;
  user-select: none;
}

.vidu-scout-program-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 16px;
  background:
    radial-gradient(circle at 12% 0%, rgba(14, 165, 233, .09), transparent 44%),
    rgba(2, 6, 23, .3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.vidu-scout-program-card.is-selected {
  border-color: rgba(125, 211, 252, .35);
  box-shadow: 0 18px 42px rgba(14, 165, 233, .12), inset 0 1px 0 rgba(255, 255, 255, .05);
}

.vidu-scout-program-card.is-inactive {
  opacity: .68;
}

.vidu-scout-program-card > button {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.vidu-scout-program-card > button > span,
.vidu-scout-program-detail section > span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-program-card strong {
  color: #f8fafc;
  font-size: 14px;
  font-weight: 860;
  line-height: 1.25;
}

.vidu-scout-program-card p,
.vidu-scout-program-detail p,
.vidu-scout-program-detail li {
  margin: 0;
  color: #a7b7cb;
  font-size: 12px;
  line-height: 1.48;
}

.vidu-scout-program-card-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 4px; border-top: 1px solid rgba(148, 163, 184, .08); }
.vidu-scout-program-card-actions .vidu-scout-action { min-height: 30px; padding: 6px 10px; font-size: 10px; }
.vidu-scout-program-card-actions small { color: #718196; font-size: 9px; line-height: 1.3; text-align: right; }

.vidu-scout-program-detail {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  max-height: calc(100dvh - 285px);
  padding: 14px;
  overflow: auto;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(56, 189, 248, .11), transparent 38%),
    rgba(2, 6, 23, .34);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.vidu-scout-program-detail > header,
.vidu-scout-program-detail > footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.vidu-scout-program-detail > header div,
.vidu-scout-program-detail section {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vidu-scout-program-detail > section,
.vidu-scout-program-workspace {
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 14px;
  background: rgba(15, 23, 42, .24);
}

.vidu-scout-program-workspace {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.vidu-scout-program-workspace > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
}

.vidu-scout-program-workspace > header div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vidu-scout-program-workspace > header > div span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-program-workspace > header > div strong {
  color: #f8fafc;
  font-size: 14px;
  font-weight: 860;
}

.vidu-scout-mission-runtime {
  border-color: rgba(56, 189, 248, .22);
  background: linear-gradient(145deg, rgba(14, 116, 144, .12), rgba(15, 23, 42, .34));
}

.vidu-scout-watch-domain-grid,
.vidu-scout-publication-candidate-list,
.vidu-scout-source-registry-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
  min-width: 0;
}

.vidu-scout-watch-domain-card,
.vidu-scout-publication-candidate-card,
.vidu-scout-source-registry-card {
  display: grid;
  align-content: start;
  gap: 9px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 14px;
  background: rgba(15, 23, 42, .42);
}

.vidu-scout-watch-domain-card.is-critical {
  border-color: rgba(56, 189, 248, .3);
}

.vidu-scout-watch-domain-card header,
.vidu-scout-publication-candidate-card header,
.vidu-scout-source-registry-card header,
.vidu-scout-watch-domain-card footer,
.vidu-scout-publication-candidate-card footer,
.vidu-scout-source-registry-card footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.vidu-scout-watch-domain-card header,
.vidu-scout-publication-candidate-card header > div,
.vidu-scout-source-registry-card header > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vidu-scout-watch-domain-card header span,
.vidu-scout-publication-candidate-card header span,
.vidu-scout-source-registry-card header span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-scout-watch-domain-card strong,
.vidu-scout-publication-candidate-card strong,
.vidu-scout-source-registry-card strong {
  color: #f8fafc;
  overflow-wrap: anywhere;
}

.vidu-scout-watch-domain-card p,
.vidu-scout-publication-candidate-card p,
.vidu-scout-publication-candidate-card small,
.vidu-scout-source-registry-card small {
  margin: 0;
  color: #a8b3c7;
  font-size: 12px;
  line-height: 1.5;
}

.vidu-scout-publication-candidate-card a,
.vidu-scout-source-registry-card a {
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.vidu-scout-publication-candidate-card footer > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-scout-publication-candidate-card .vidu-scout-action {
  min-height: 30px;
  padding: 6px 10px;
  font-size: 11px;
}

.vidu-scout-registry-confirmation {
  color: #86efac;
  font-size: 11px;
  font-weight: 800;
}

.vidu-scout-source-registry {
  border-color: rgba(74, 222, 128, .22);
  background: linear-gradient(145deg, rgba(20, 83, 45, .12), rgba(15, 23, 42, .34));
}

.vidu-scout-source-registry-card {
  border-color: rgba(74, 222, 128, .18);
}

.vidu-scout-registry-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 7px;
}

.vidu-scout-registry-facts > span {
  display: grid;
  gap: 3px;
  padding: 8px;
  border-radius: 10px;
  background: rgba(15, 23, 42, .58);
  color: #94a3b8;
  font-size: 10px;
  text-transform: uppercase;
}

.vidu-scout-registry-facts > span strong {
  color: #e2e8f0;
  font-size: 11px;
  text-transform: none;
}

.vidu-scout-source-registry > header .vidu-scout-action {
  min-height: 32px;
  padding: 7px 11px;
  font-size: 11px;
}

.vidu-scout-evidence-package {
  border-color: rgba(167, 139, 250, .24);
  background: linear-gradient(145deg, rgba(76, 29, 149, .13), rgba(15, 23, 42, .36));
}

.vidu-scout-evidence-package-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
  gap: 8px;
}

.vidu-scout-evidence-package-question {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(167, 139, 250, .18);
  border-radius: 13px;
  background: rgba(30, 27, 75, .34);
}

.vidu-scout-evidence-package-question span,
.vidu-scout-evidence-package-grid > section > header span,
.vidu-scout-package-uncertainty > header span {
  color: #c4b5fd;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-evidence-package-question strong {
  color: #f8fafc;
  line-height: 1.45;
}

.vidu-scout-evidence-package-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}

.vidu-scout-evidence-package-grid > section,
.vidu-scout-package-uncertainty {
  display: grid;
  align-content: start;
  gap: 9px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 14px;
  background: rgba(15, 23, 42, .4);
}

.vidu-scout-evidence-package-grid > section > header,
.vidu-scout-package-uncertainty > header,
.vidu-scout-package-claim header,
.vidu-scout-package-comparison header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.vidu-scout-package-claim-list,
.vidu-scout-package-comparison-list,
.vidu-scout-package-uncertainty > div {
  display: grid;
  gap: 8px;
  max-height: 330px;
  overflow: auto;
}

.vidu-scout-package-claim,
.vidu-scout-package-comparison,
.vidu-scout-package-uncertainty article {
  display: grid;
  gap: 7px;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 11px;
  background: rgba(2, 6, 23, .28);
}

.vidu-scout-package-claim p,
.vidu-scout-package-comparison p,
.vidu-scout-package-uncertainty p,
.vidu-scout-package-claim small,
.vidu-scout-package-comparison small,
.vidu-scout-package-uncertainty small {
  margin: 0;
  color: #a8b3c7;
  font-size: 11px;
  line-height: 1.45;
}

.vidu-scout-package-claim header span,
.vidu-scout-package-comparison header span,
.vidu-scout-package-uncertainty article > span {
  color: #c4b5fd;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-scout-package-comparison.is-potential_contradiction,
.vidu-scout-package-uncertainty article {
  border-color: rgba(251, 191, 36, .2);
}

.vidu-scout-program-detail > header > div span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-program-detail > header > div strong {
  color: #f8fafc;
  font-size: 16px;
  font-weight: 880;
  line-height: 1.25;
}

.vidu-scout-program-detail ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 16px;
}

.vidu-scout-program-detail footer {
  flex-wrap: wrap;
}

.vidu-scout-program-detail footer small {
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.45;
}

.vidu-scout-evidence-layer {
  min-width: 0;
}

.vidu-scout-evidence-list {
  display: grid;
  gap: 12px;
  max-height: 360px;
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

.vidu-scout-evidence-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 16px;
  background: rgba(15, 23, 42, .38);
}

.vidu-scout-evidence-card header,
.vidu-scout-evidence-card footer,
.vidu-scout-evidence-form header,
.vidu-scout-evidence-form footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.vidu-scout-evidence-card header div,
.vidu-scout-evidence-card section {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-scout-evidence-card strong {
  color: #f8fafc;
  font-size: 14px;
  line-height: 1.3;
}

.vidu-scout-evidence-card b {
  color: #7dd3fc;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}

.vidu-scout-evidence-card p {
  margin: 0;
  color: #b6c4d6;
  font-size: 13px;
  line-height: 1.5;
}

.vidu-scout-evidence-card footer {
  align-items: center;
}

.vidu-scout-evidence-card footer select {
  min-width: 140px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 12px;
  background: rgba(2, 6, 23, .48);
  color: #e2e8f0;
  font-size: 12px;
}

.vidu-scout-evidence-card footer a,
.vidu-scout-evidence-card footer span {
  color: #93c5fd;
  font-size: 12px;
  text-decoration: none;
}

.vidu-scout-evidence-form {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: 18px;
  background: rgba(2, 6, 23, .26);
}

.vidu-scout-insight-layer {
  min-width: 0;
}

.vidu-scout-insight-program-list {
  display: grid;
  gap: 12px;
  max-height: 360px;
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

.vidu-scout-insight-program-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(167, 139, 250, .15);
  border-radius: 16px;
  background: rgba(15, 23, 42, .38);
}

.vidu-scout-insight-program-card.is-proposed,
.vidu-scout-insight-program-card.is-under_review {
  border-color: rgba(125, 211, 252, .24);
  background: rgba(14, 116, 144, .09);
}

.vidu-scout-insight-program-card.is-accepted {
  border-color: rgba(74, 222, 128, .24);
  background: rgba(22, 101, 52, .08);
}

.vidu-scout-insight-program-card.is-rejected {
  border-color: rgba(248, 113, 113, .2);
  background: rgba(127, 29, 29, .08);
}

.vidu-scout-insight-program-card header,
.vidu-scout-insight-program-card footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.vidu-scout-insight-program-card header div,
.vidu-scout-insight-program-card section {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-scout-insight-program-card span,
.vidu-scout-insight-details span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.vidu-scout-insight-program-card strong {
  color: #f8fafc;
  font-size: 14px;
  line-height: 1.3;
}

.vidu-scout-insight-program-card b {
  color: #c4b5fd;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}

.vidu-scout-insight-program-card p {
  margin: 0;
  color: #b6c4d6;
  font-size: 13px;
  line-height: 1.5;
}

.vidu-scout-insight-program-card footer {
  align-items: center;
  flex-wrap: wrap;
}

.vidu-scout-insight-program-card footer select {
  min-width: 160px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 12px;
  background: rgba(2, 6, 23, .48);
  color: #e2e8f0;
  font-size: 12px;
}

.vidu-scout-insight-program-card details {
  min-width: 220px;
  color: #cbd5e1;
  font-size: 12px;
}

.vidu-scout-insight-program-card summary {
  cursor: pointer;
  color: #a78bfa;
  font-weight: 800;
}

.vidu-scout-insight-details {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 12px;
  background: rgba(2, 6, 23, .32);
}

.vidu-scout-recommendation-layer {
  min-width: 0;
}

.vidu-scout-recommendation-list {
  display: grid;
  gap: 12px;
  max-height: 360px;
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

.vidu-scout-recommendation-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: 16px;
  background: rgba(15, 23, 42, .38);
}

.vidu-scout-recommendation-card.is-proposed {
  border-color: rgba(96, 165, 250, .24);
  background: rgba(30, 64, 175, .08);
}

.vidu-scout-recommendation-card.is-accepted {
  border-color: rgba(74, 222, 128, .24);
  background: rgba(22, 101, 52, .08);
}

.vidu-scout-recommendation-card.is-rejected {
  border-color: rgba(248, 113, 113, .2);
  background: rgba(127, 29, 29, .08);
}

.vidu-scout-recommendation-card.is-converted_to_development_request {
  border-color: rgba(196, 181, 253, .28);
  background: rgba(76, 29, 149, .1);
}

.vidu-scout-recommendation-card header,
.vidu-scout-recommendation-card footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.vidu-scout-recommendation-card header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-scout-recommendation-card span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.vidu-scout-recommendation-card strong {
  color: #f8fafc;
  font-size: 14px;
  line-height: 1.3;
}

.vidu-scout-recommendation-card b {
  color: #93c5fd;
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
  white-space: nowrap;
}

.vidu-scout-recommendation-card p {
  margin: 0;
  color: #b6c4d6;
  font-size: 13px;
  line-height: 1.5;
}

.vidu-scout-recommendation-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.vidu-scout-recommendation-card footer {
  align-items: center;
  flex-wrap: wrap;
}

.vidu-scout-recommendation-card footer select {
  min-width: 160px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 12px;
  background: rgba(2, 6, 23, .48);
  color: #e2e8f0;
  font-size: 12px;
}

.vidu-scout-recommendation-card details {
  min-width: 200px;
  color: #cbd5e1;
  font-size: 12px;
}

.vidu-scout-recommendation-card summary {
  cursor: pointer;
  color: #93c5fd;
  font-weight: 800;
}

.vidu-scout-knowledge-outcome-layer {
  min-width: 0;
}

.vidu-scout-knowledge-outcome-list {
  display: grid;
  gap: 12px;
  max-height: 360px;
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

.vidu-scout-knowledge-outcome-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(52, 211, 153, .16);
  border-radius: 16px;
  background: rgba(15, 23, 42, .38);
}

.vidu-scout-knowledge-outcome-card.is-validated {
  border-color: rgba(74, 222, 128, .24);
  background: rgba(22, 101, 52, .08);
}

.vidu-scout-knowledge-outcome-card.is-needs_more_evidence {
  border-color: rgba(251, 191, 36, .22);
  background: rgba(120, 53, 15, .08);
}

.vidu-scout-knowledge-outcome-card.is-rejected {
  border-color: rgba(248, 113, 113, .2);
  background: rgba(127, 29, 29, .08);
}

.vidu-scout-knowledge-outcome-card header,
.vidu-scout-knowledge-outcome-card footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.vidu-scout-knowledge-outcome-card header div,
.vidu-scout-knowledge-outcome-card section {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-scout-knowledge-outcome-card span {
  color: #5eead4;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.vidu-scout-knowledge-outcome-card strong {
  color: #f8fafc;
  font-size: 14px;
  line-height: 1.3;
}

.vidu-scout-knowledge-outcome-card b {
  color: #86efac;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}

.vidu-scout-knowledge-outcome-card p {
  margin: 0;
  color: #b6c4d6;
  font-size: 13px;
  line-height: 1.5;
}

.vidu-scout-knowledge-outcome-card footer {
  align-items: center;
  flex-wrap: wrap;
}

.vidu-scout-knowledge-outcome-card footer select {
  min-width: 170px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 12px;
  background: rgba(2, 6, 23, .48);
  color: #e2e8f0;
  font-size: 12px;
}

.vidu-scout-knowledge-outcome-card details {
  min-width: 220px;
  color: #cbd5e1;
  font-size: 12px;
}

.vidu-scout-knowledge-outcome-card summary {
  cursor: pointer;
  color: #5eead4;
  font-weight: 800;
}

.vidu-scout-topic-card header,
.vidu-scout-source-card header,
.vidu-scout-collection-card header,
.vidu-scout-insight-card header,
.vidu-scout-learning-card header,
.vidu-scout-feed-card header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.vidu-scout-topic-card header div,
.vidu-scout-source-card header div,
.vidu-scout-collection-card header div,
.vidu-scout-insight-card header div,
.vidu-scout-learning-card header div,
.vidu-scout-feed-card header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-scout-topic-card header span,
.vidu-scout-source-card header span,
.vidu-scout-collection-card header span,
.vidu-scout-insight-card header span,
.vidu-scout-learning-card header span,
.vidu-scout-feed-card header span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-topic-card strong,
.vidu-scout-source-card strong,
.vidu-scout-collection-card strong,
.vidu-scout-insight-card strong,
.vidu-scout-learning-card strong,
.vidu-scout-feed-card strong {
  color: #f8fafc;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.28;
}

.vidu-scout-topic-card p,
.vidu-scout-source-card p,
.vidu-scout-collection-card p,
.vidu-scout-insight-card p,
.vidu-scout-learning-card p,
.vidu-scout-feed-card p {
  margin: 0;
  color: #a7b7cb;
  font-size: 13px;
  line-height: 1.58;
}

.vidu-scout-chip-row,
.vidu-scout-agent-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.vidu-scout-chip,
.vidu-scout-agent-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
  padding: 6px 9px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 999px;
  color: #dbeafe;
  background: rgba(15, 23, 42, .42);
  font-size: 11px;
  font-weight: 780;
}

.vidu-scout-chip b {
  color: #93c5fd;
  font-size: inherit;
  font-weight: 850;
}

.vidu-scout-chip.is-muted {
  color: #94a3b8;
}

.vidu-scout-topic-card footer,
.vidu-scout-source-card footer,
.vidu-scout-collection-card footer,
.vidu-scout-insight-card footer,
.vidu-scout-learning-card footer,
.vidu-scout-feed-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  padding-top: 2px;
}

.vidu-scout-recommended-for {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: 15px;
  background: rgba(15, 23, 42, .32);
}

.vidu-scout-recommended-for > span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-recommended-for > div,
.vidu-scout-routing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.vidu-scout-routing-actions {
  padding-top: 2px;
}

.vidu-scout-handoff-summary {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 16px;
  background: rgba(2, 6, 23, .28);
}

.vidu-scout-handoff-summary span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-handoff-summary strong {
  color: #f8fafc;
  font-size: 22px;
  font-weight: 880;
}

.vidu-scout-handoff-summary p {
  margin: 0;
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.5;
}

.vidu-scout-safety-audit-panel {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 18px;
  background: rgba(2, 6, 23, .22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.vidu-scout-safety-audit-panel > header,
.vidu-scout-safety-audit-panel > footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}

.vidu-scout-safety-audit-panel > header div:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-scout-safety-audit-panel > header span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-safety-audit-panel > header strong {
  color: #f8fafc;
  font-size: 15px;
  font-weight: 880;
}

.vidu-scout-audit-badges,
.vidu-scout-safety-audit-panel > footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.vidu-scout-audit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.vidu-scout-debug-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.vidu-scout-debug-grid div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 12px;
  background: rgba(15, 23, 42, .2);
}

.vidu-scout-debug-grid span {
  color: #a7b7cb;
  font-size: 10px;
  font-weight: 820;
  text-transform: uppercase;
}

.vidu-scout-debug-grid code {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  color: #bfdbfe;
  font-size: 11px;
  white-space: nowrap;
}

.vidu-scout-safety-audit-panel > footer small {
  flex-basis: 100%;
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.45;
}

.vidu-scout-runtime-disclosure {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 16px;
  background: rgba(2, 6, 23, .2);
}

.vidu-scout-runtime-disclosure > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 12px 14px;
  color: #e5edf7;
  cursor: pointer;
  list-style: none;
}

.vidu-scout-runtime-disclosure > summary::-webkit-details-marker {
  display: none;
}

.vidu-scout-runtime-disclosure > summary::before {
  content: "+";
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(125, 211, 252, .22);
  border-radius: 999px;
  color: #7dd3fc;
  font-size: 14px;
  font-weight: 850;
}

.vidu-scout-runtime-disclosure[open] > summary::before {
  content: "-";
}

.vidu-scout-runtime-disclosure > summary span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-runtime-disclosure > summary strong {
  color: #f8fafc;
  font-size: 13px;
  font-weight: 850;
}

.vidu-scout-runtime-disclosure > summary small {
  color: #94a3b8;
  font-size: 11px;
  line-height: 1.35;
  text-align: right;
}

.vidu-scout-runtime-disclosure > .vidu-scout-safety-audit-panel {
  margin: 0 12px 12px;
}

#vidu-agent-knowledge-inbox-workspace.is-active {
  position: fixed;
  inset: 0;
  z-index: 10036;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  color: #e5edf7;
  background:
    radial-gradient(circle at 14% 0%, rgba(56, 189, 248, .08), transparent 34%),
    radial-gradient(circle at 84% 12%, rgba(99, 102, 241, .055), transparent 31%),
    linear-gradient(145deg, rgba(2, 6, 23, .995), rgba(6, 12, 23, .985));
}

body.vidu-agent-knowledge-workspace-active {
  overflow: hidden;
}

#vidu-workforce-experience-workspace.is-active {
  position: fixed;
  inset: 0;
  z-index: 10038;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  color: #e5edf7;
  background:
    radial-gradient(circle at 16% 0%, rgba(56, 189, 248, .085), transparent 34%),
    radial-gradient(circle at 84% 14%, rgba(45, 212, 191, .055), transparent 31%),
    linear-gradient(145deg, rgba(2, 6, 23, .995), rgba(6, 12, 23, .985));
}

body.vidu-workforce-experience-workspace-active {
  overflow: hidden;
}

.vidu-workforce-experience-workspace {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 16px;
  width: 100%;
  height: 100%;
  padding: 22px 24px 24px;
  box-sizing: border-box;
  background:
    radial-gradient(circle at 20% 0%, rgba(14, 165, 233, .07), transparent 36%),
    linear-gradient(135deg, rgba(2, 6, 23, .96), rgba(8, 13, 24, .95));
}

.vidu-workforce-experience-header,
.vidu-workforce-experience-agents,
.vidu-workforce-experience-feed,
.vidu-workforce-experience-detail {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .11);
  background: rgba(15, 23, 42, .42);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .045);
  backdrop-filter: blur(20px);
}

.vidu-workforce-experience-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 20px 24px;
  border-radius: 24px;
}

.vidu-workforce-experience-header > div,
.vidu-workforce-experience-card header div,
.vidu-workforce-experience-feed > header div,
.vidu-workforce-experience-detail > header div {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vidu-workforce-experience-header span,
.vidu-workforce-experience-agents header span,
.vidu-workforce-experience-feed > header span,
.vidu-workforce-experience-detail > header span,
.vidu-workforce-experience-audit header span,
.vidu-workforce-experience-card header span,
.vidu-workforce-experience-reflection header span,
.vidu-workforce-experience-code-list code span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-workforce-experience-header h2 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 880;
  letter-spacing: 0;
}

.vidu-workforce-experience-header p,
.vidu-workforce-experience-card p,
.vidu-workforce-experience-detail p,
.vidu-workforce-experience-reflection p {
  margin: 0;
  color: #a7b7cb;
  font-size: 13px;
  line-height: 1.58;
}

.vidu-workforce-experience-header aside,
.vidu-workforce-experience-safety,
.vidu-workforce-experience-meta,
.vidu-workforce-experience-card footer,
.vidu-workforce-experience-detail footer,
.vidu-workforce-experience-reflection footer,
.vidu-workforce-experience-reflection div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.vidu-workforce-experience-shell {
  display: grid;
  grid-template-columns: 310px minmax(420px, 1fr) minmax(380px, .9fr);
  gap: 16px;
  min-width: 0;
  min-height: 0;
}

.vidu-workforce-experience-agents,
.vidu-workforce-experience-feed,
.vidu-workforce-experience-detail {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 14px;
  padding: 18px;
  border-radius: 24px;
  overflow: hidden;
}

.vidu-workforce-experience-agents > div,
.vidu-workforce-experience-scroll,
.vidu-workforce-experience-detail {
  overflow: auto;
}

.vidu-workforce-experience-agents header,
.vidu-workforce-experience-feed > header,
.vidu-workforce-experience-detail > header,
.vidu-workforce-experience-audit header,
.vidu-workforce-experience-card header,
.vidu-workforce-experience-reflection header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.vidu-workforce-experience-agents header strong,
.vidu-workforce-experience-feed > header strong,
.vidu-workforce-experience-detail > header strong,
.vidu-workforce-experience-audit header strong,
.vidu-workforce-experience-card header strong {
  color: #f8fafc;
  font-size: 15px;
  font-weight: 880;
  line-height: 1.28;
}

.vidu-workforce-experience-agents > div,
.vidu-workforce-experience-scroll {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 6px;
  margin: -6px;
}

.vidu-workforce-experience-agents button,
.vidu-workforce-experience-card > button,
.vidu-workforce-experience-feed > header nav button {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .1);
  color: inherit;
  background: rgba(2, 6, 23, .22);
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.vidu-workforce-experience-agents button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 12px;
  border-radius: 17px;
}

.vidu-workforce-experience-agents button:hover,
.vidu-workforce-experience-agents button.is-active,
.vidu-workforce-experience-card.is-active > button,
.vidu-workforce-experience-card > button:hover,
.vidu-workforce-experience-feed > header nav button.is-active,
.vidu-workforce-experience-feed > header nav button:hover {
  transform: translateY(-1px);
  border-color: rgba(125, 211, 252, .26);
  background: rgba(14, 165, 233, .07);
  box-shadow: 0 14px 34px rgba(8, 47, 73, .14);
}

.vidu-workforce-experience-agents button > span:not(.vidu-engineering-agent-avatar) {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vidu-workforce-experience-agents button strong {
  color: #f8fafc;
  font-size: 13px;
  font-weight: 860;
}

.vidu-workforce-experience-agents button small,
.vidu-workforce-experience-agents button em,
.vidu-workforce-experience-card small,
.vidu-workforce-experience-audit small {
  color: #94a3b8;
  font-size: 11px;
  font-style: normal;
  line-height: 1.35;
}

.vidu-workforce-experience-agents button b {
  padding: 5px 8px;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: 999px;
  color: #e0f2fe;
  background: rgba(14, 165, 233, .08);
  font-size: 10px;
  white-space: nowrap;
}

.vidu-workforce-experience-feed > header {
  display: grid;
  gap: 12px;
}

.vidu-workforce-experience-feed > header nav {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.vidu-workforce-experience-feed > header nav button {
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  color: #cbd5e1;
  font-size: 11px;
  font-weight: 780;
}

.vidu-workforce-experience-card {
  min-width: 0;
}

.vidu-workforce-experience-card > button {
  display: grid;
  gap: 12px;
  width: 100%;
  padding: 16px;
  border-radius: 20px;
}

.vidu-workforce-experience-card.is-high > button,
.vidu-workforce-experience-card.is-critical > button {
  border-color: rgba(251, 191, 36, .2);
}

.vidu-workforce-experience-tags,
.vidu-workforce-experience-code-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.vidu-workforce-experience-tags span,
.vidu-workforce-experience-code-list code {
  max-width: 100%;
  padding: 6px 9px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 999px;
  color: #dbeafe;
  background: rgba(15, 23, 42, .4);
  font-size: 11px;
  overflow-wrap: anywhere;
}

.vidu-workforce-experience-code-list code {
  display: grid;
  gap: 4px;
  border-radius: 13px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.vidu-workforce-experience-detail {
  grid-template-rows: auto;
  align-content: start;
}

.vidu-workforce-experience-detail section,
.vidu-workforce-experience-audit,
.vidu-workforce-experience-reflection {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 17px;
  background: rgba(2, 6, 23, .24);
}

.vidu-workforce-experience-detail h4 {
  margin: 0;
  color: #e0f2fe;
  font-size: 13px;
  font-weight: 860;
}

.vidu-workforce-experience-action {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(125, 211, 252, .22);
  border-radius: 999px;
  color: #e0f2fe;
  background: rgba(14, 116, 144, .14);
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.vidu-workforce-experience-action.is-secondary {
  border-color: rgba(148, 163, 184, .15);
  color: #cbd5e1;
  background: rgba(15, 23, 42, .34);
}

.vidu-workforce-experience-audit article {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border-radius: 13px;
  background: rgba(15, 23, 42, .3);
}

.vidu-workforce-experience-audit article span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-workforce-experience-audit article strong {
  color: #f8fafc;
  font-size: 12px;
}

.vidu-workforce-experience-empty,
.vidu-workforce-experience-detail.is-empty {
  display: grid;
  place-content: center;
  gap: 10px;
  min-height: 240px;
  padding: 24px;
  border: 1px dashed rgba(125, 211, 252, .22);
  border-radius: 20px;
  color: #a7b7cb;
  text-align: center;
}

@media (max-width: 1180px) {
  .vidu-workforce-experience-shell {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .vidu-workforce-experience-agents,
  .vidu-workforce-experience-feed,
  .vidu-workforce-experience-detail {
    min-height: 340px;
  }
}

#vidu-experience-boundary-workspace.is-active {
  position: fixed;
  inset: 0;
  z-index: 10039;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  color: #e5edf7;
  background:
    radial-gradient(circle at 16% 0%, rgba(45, 212, 191, .08), transparent 34%),
    radial-gradient(circle at 84% 14%, rgba(59, 130, 246, .055), transparent 31%),
    linear-gradient(145deg, rgba(2, 6, 23, .995), rgba(6, 12, 23, .985));
}

body.vidu-experience-boundary-workspace-active {
  overflow: hidden;
}

.vidu-experience-boundary-workspace {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 16px;
  width: 100%;
  height: 100%;
  padding: 22px 24px 24px;
  box-sizing: border-box;
}

.vidu-experience-boundary-header,
.vidu-experience-boundary-policy,
.vidu-experience-boundary-list,
.vidu-experience-boundary-detail {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .11);
  background: rgba(15, 23, 42, .42);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .045);
  backdrop-filter: blur(20px);
}

.vidu-experience-boundary-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 20px 24px;
  border-radius: 24px;
}

.vidu-experience-boundary-header > div,
.vidu-experience-boundary-card header div,
.vidu-experience-boundary-list > header div,
.vidu-experience-boundary-detail > header div {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vidu-experience-boundary-header span,
.vidu-experience-boundary-policy header span,
.vidu-experience-boundary-list > header span,
.vidu-experience-boundary-detail > header span,
.vidu-experience-boundary-audit header span,
.vidu-experience-boundary-card header span,
.vidu-experience-boundary-candidate span {
  color: #67e8f9;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-experience-boundary-header h2 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 880;
  letter-spacing: 0;
}

.vidu-experience-boundary-header p,
.vidu-experience-boundary-card p,
.vidu-experience-boundary-detail p,
.vidu-experience-boundary-candidate p {
  margin: 0;
  color: #a7b7cb;
  font-size: 13px;
  line-height: 1.58;
}

.vidu-experience-boundary-header aside,
.vidu-experience-boundary-safety,
.vidu-experience-boundary-meta,
.vidu-experience-boundary-card footer,
.vidu-experience-boundary-detail footer,
.vidu-experience-boundary-candidate div,
.vidu-experience-boundary-policy section {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.vidu-experience-boundary-shell {
  display: grid;
  grid-template-columns: 285px minmax(420px, 1fr) minmax(390px, .92fr);
  gap: 16px;
  min-width: 0;
  min-height: 0;
}

.vidu-experience-boundary-policy,
.vidu-experience-boundary-list,
.vidu-experience-boundary-detail {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 18px;
  border-radius: 24px;
  overflow: hidden;
}

.vidu-experience-boundary-policy > div,
.vidu-experience-boundary-scroll,
.vidu-experience-boundary-detail {
  overflow: auto;
}

.vidu-experience-boundary-policy header,
.vidu-experience-boundary-list > header,
.vidu-experience-boundary-detail > header,
.vidu-experience-boundary-audit header,
.vidu-experience-boundary-card header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.vidu-experience-boundary-policy header strong,
.vidu-experience-boundary-list > header strong,
.vidu-experience-boundary-detail > header strong,
.vidu-experience-boundary-audit header strong,
.vidu-experience-boundary-card header strong,
.vidu-experience-boundary-candidate strong {
  color: #f8fafc;
  font-size: 15px;
  font-weight: 880;
  line-height: 1.28;
}

.vidu-experience-boundary-policy > div,
.vidu-experience-boundary-scroll {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 6px;
  margin: -6px;
}

.vidu-experience-boundary-policy button,
.vidu-experience-boundary-card > button {
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(148, 163, 184, .1);
  color: inherit;
  background: rgba(2, 6, 23, .22);
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.vidu-experience-boundary-policy button {
  display: grid;
  gap: 6px;
  padding: 14px;
  border-radius: 17px;
}

.vidu-experience-boundary-policy button:hover,
.vidu-experience-boundary-policy button.is-active,
.vidu-experience-boundary-card.is-active > button,
.vidu-experience-boundary-card > button:hover {
  transform: translateY(-1px);
  border-color: rgba(103, 232, 249, .26);
  background: rgba(20, 184, 166, .07);
  box-shadow: 0 14px 34px rgba(8, 47, 73, .14);
}

.vidu-experience-boundary-policy button span {
  color: #f8fafc;
  font-size: 13px;
  font-weight: 860;
}

.vidu-experience-boundary-policy button strong,
.vidu-experience-boundary-card small,
.vidu-experience-boundary-audit small {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 650;
}

.vidu-experience-boundary-card > button {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 20px;
}

.vidu-experience-boundary-card.is-global_pattern_candidate_blocked > button,
.vidu-experience-boundary-card.is-rejected > button {
  border-color: rgba(248, 113, 113, .18);
  background: rgba(127, 29, 29, .1);
}

.vidu-experience-boundary-detail {
  grid-template-rows: auto;
}

.vidu-experience-boundary-detail section,
.vidu-experience-boundary-audit,
.vidu-experience-boundary-candidate {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 17px;
  background: rgba(2, 6, 23, .24);
}

.vidu-experience-boundary-detail h4 {
  margin: 0;
  color: #ccfbf1;
  font-size: 13px;
  font-weight: 860;
}

.vidu-experience-boundary-scan {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.vidu-experience-boundary-scan span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 13px;
  background: rgba(15, 23, 42, .3);
}

.vidu-experience-boundary-scan span.is-flagged {
  border-color: rgba(251, 191, 36, .2);
  background: rgba(120, 53, 15, .12);
}

.vidu-experience-boundary-scan b {
  color: #94a3b8;
  font-size: 11px;
}

.vidu-experience-boundary-scan strong {
  color: #e0f2fe;
  font-size: 12px;
}

.vidu-experience-boundary-action {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(103, 232, 249, .22);
  border-radius: 999px;
  color: #ccfbf1;
  background: rgba(15, 118, 110, .14);
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.vidu-experience-boundary-action.is-secondary {
  border-color: rgba(148, 163, 184, .15);
  color: #cbd5e1;
  background: rgba(15, 23, 42, .34);
}

.vidu-experience-boundary-action.is-danger {
  color: #fecaca;
  border-color: rgba(248, 113, 113, .22);
  background: rgba(127, 29, 29, .18);
}

.vidu-experience-boundary-audit article {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border-radius: 13px;
  background: rgba(15, 23, 42, .3);
}

.vidu-experience-boundary-audit article span {
  color: #67e8f9;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-experience-boundary-audit article strong {
  color: #f8fafc;
  font-size: 12px;
}

.vidu-experience-boundary-empty,
.vidu-experience-boundary-detail.is-empty {
  display: grid;
  place-content: center;
  gap: 10px;
  min-height: 240px;
  padding: 24px;
  border: 1px dashed rgba(103, 232, 249, .22);
  border-radius: 20px;
  color: #a7b7cb;
  text-align: center;
}

@media (max-width: 1180px) {
  .vidu-experience-boundary-shell {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .vidu-experience-boundary-policy,
  .vidu-experience-boundary-list,
  .vidu-experience-boundary-detail {
    min-height: 340px;
  }
}

#vidu-governance-approval-workspace.is-active {
  position: fixed;
  inset: 0;
  z-index: 10040;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  color: #e5edf7;
  background:
    radial-gradient(circle at 16% 0%, rgba(56, 189, 248, .08), transparent 34%),
    radial-gradient(circle at 84% 14%, rgba(14, 165, 233, .055), transparent 31%),
    linear-gradient(145deg, rgba(2, 6, 23, .995), rgba(6, 12, 23, .985));
}

body.vidu-governance-approval-workspace-active {
  overflow: hidden;
}

.vidu-governance-approval-workspace {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 16px;
  width: 100%;
  height: 100%;
  padding: 22px 24px 24px;
  box-sizing: border-box;
}

.vidu-governance-approval-header,
.vidu-governance-approval-filters,
.vidu-governance-approval-list,
.vidu-governance-approval-detail {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .11);
  background: rgba(15, 23, 42, .42);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .045);
  backdrop-filter: blur(20px);
}

.vidu-governance-approval-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 20px 24px;
  border-radius: 24px;
}

.vidu-governance-approval-header > div,
.vidu-governance-approval-card header div,
.vidu-governance-approval-list > header div,
.vidu-governance-approval-detail > header div {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vidu-governance-approval-header span,
.vidu-governance-approval-filters header span,
.vidu-governance-approval-list > header span,
.vidu-governance-approval-detail > header span,
.vidu-governance-approval-audit header span,
.vidu-governance-approval-card header span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-governance-approval-header h2 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 880;
  letter-spacing: 0;
}

.vidu-governance-approval-header p,
.vidu-governance-approval-card p,
.vidu-governance-approval-detail p {
  margin: 0;
  color: #a7b7cb;
  font-size: 13px;
  line-height: 1.58;
}

.vidu-governance-approval-header aside,
.vidu-governance-approval-safety,
.vidu-governance-approval-meta,
.vidu-governance-approval-card footer,
.vidu-governance-approval-detail footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.vidu-governance-approval-shell {
  display: grid;
  grid-template-columns: 285px minmax(420px, 1fr) minmax(390px, .92fr);
  gap: 16px;
  min-width: 0;
  min-height: 0;
}

.vidu-governance-approval-filters,
.vidu-governance-approval-list,
.vidu-governance-approval-detail {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 18px;
  border-radius: 24px;
  overflow: hidden;
}

.vidu-governance-approval-filters > div,
.vidu-governance-approval-scroll,
.vidu-governance-approval-detail {
  overflow: auto;
}

.vidu-governance-approval-filters header,
.vidu-governance-approval-list > header,
.vidu-governance-approval-detail > header,
.vidu-governance-approval-audit header,
.vidu-governance-approval-card header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.vidu-governance-approval-filters header strong,
.vidu-governance-approval-list > header strong,
.vidu-governance-approval-detail > header strong,
.vidu-governance-approval-audit header strong,
.vidu-governance-approval-card header strong {
  color: #f8fafc;
  font-size: 15px;
  font-weight: 880;
  line-height: 1.28;
}

.vidu-governance-approval-filters > div,
.vidu-governance-approval-scroll {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 6px;
  margin: -6px;
}

.vidu-governance-approval-filters button,
.vidu-governance-approval-card > button {
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(148, 163, 184, .1);
  color: inherit;
  background: rgba(2, 6, 23, .22);
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.vidu-governance-approval-filters button {
  display: grid;
  gap: 6px;
  padding: 14px;
  border-radius: 17px;
}

.vidu-governance-approval-filters button:hover,
.vidu-governance-approval-filters button.is-active,
.vidu-governance-approval-card.is-active > button,
.vidu-governance-approval-card > button:hover {
  transform: translateY(-1px);
  border-color: rgba(125, 211, 252, .26);
  background: rgba(14, 165, 233, .07);
  box-shadow: 0 14px 34px rgba(8, 47, 73, .14);
}

.vidu-governance-approval-filters button span {
  color: #f8fafc;
  font-size: 13px;
  font-weight: 860;
}

.vidu-governance-approval-filters button strong,
.vidu-governance-approval-card small,
.vidu-governance-approval-audit small {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 650;
}

.vidu-governance-approval-card > button {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 20px;
}

.vidu-governance-approval-card.is-high > button,
.vidu-governance-approval-card.is-critical > button {
  border-color: rgba(251, 191, 36, .2);
  background: rgba(120, 53, 15, .1);
}

.vidu-governance-approval-detail {
  grid-template-rows: auto;
}

.vidu-governance-approval-detail section,
.vidu-governance-approval-audit {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 17px;
  background: rgba(2, 6, 23, .24);
}

.vidu-governance-approval-detail h4 {
  margin: 0;
  color: #e0f2fe;
  font-size: 13px;
  font-weight: 860;
}

.vidu-governance-approval-code-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.vidu-governance-approval-code-list code {
  max-width: 100%;
  padding: 6px 9px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 999px;
  color: #dbeafe;
  background: rgba(15, 23, 42, .4);
  font-size: 11px;
  overflow-wrap: anywhere;
}

.vidu-governance-approval-requester {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.vidu-governance-approval-requester span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vidu-governance-approval-requester strong {
  color: #f8fafc;
  font-size: 13px;
}

.vidu-governance-approval-requester small {
  color: #94a3b8;
  font-size: 11px;
}

.vidu-governance-approval-action {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(125, 211, 252, .22);
  border-radius: 999px;
  color: #e0f2fe;
  background: rgba(14, 116, 144, .14);
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.vidu-governance-approval-action.is-secondary {
  border-color: rgba(148, 163, 184, .15);
  color: #cbd5e1;
  background: rgba(15, 23, 42, .34);
}

.vidu-governance-approval-action.is-danger {
  color: #fecaca;
  border-color: rgba(248, 113, 113, .22);
  background: rgba(127, 29, 29, .18);
}

.vidu-governance-approval-audit article {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border-radius: 13px;
  background: rgba(15, 23, 42, .3);
}

.vidu-governance-approval-audit article span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-governance-approval-audit article strong {
  color: #f8fafc;
  font-size: 12px;
}

.vidu-governance-approval-empty,
.vidu-governance-approval-detail.is-empty {
  display: grid;
  place-content: center;
  gap: 10px;
  min-height: 240px;
  padding: 24px;
  border: 1px dashed rgba(125, 211, 252, .22);
  border-radius: 20px;
  color: #a7b7cb;
  text-align: center;
}

@media (max-width: 1180px) {
  .vidu-governance-approval-shell {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .vidu-governance-approval-filters,
  .vidu-governance-approval-list,
  .vidu-governance-approval-detail {
    min-height: 340px;
  }
}

.vidu-agent-knowledge-workspace {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 16px;
  width: 100%;
  height: 100%;
  padding: 22px 24px 24px;
  box-sizing: border-box;
  background:
    radial-gradient(circle at 20% 0%, rgba(14, 165, 233, .07), transparent 36%),
    linear-gradient(135deg, rgba(2, 6, 23, .96), rgba(8, 13, 24, .95));
}

.vidu-agent-knowledge-header,
.vidu-agent-knowledge-agents,
.vidu-agent-knowledge-feed,
.vidu-agent-knowledge-detail {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .11);
  background: rgba(15, 23, 42, .42);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .045);
  backdrop-filter: blur(20px);
}

.vidu-agent-knowledge-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 20px 24px;
  border-radius: 24px;
}

.vidu-agent-knowledge-header > div {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vidu-agent-knowledge-header span,
.vidu-agent-knowledge-agents header span,
.vidu-agent-knowledge-feed > header span,
.vidu-agent-knowledge-detail > header span,
.vidu-agent-knowledge-audit header span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-agent-knowledge-header h2 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 880;
  letter-spacing: 0;
}

.vidu-agent-knowledge-header p {
  max-width: 820px;
  margin: 0;
  color: #a7b7cb;
  font-size: 13px;
  line-height: 1.58;
}

.vidu-agent-knowledge-header aside,
.vidu-agent-knowledge-safety,
.vidu-agent-knowledge-meta,
.vidu-agent-knowledge-card footer,
.vidu-agent-knowledge-detail footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.vidu-agent-knowledge-shell {
  display: grid;
  grid-template-columns: 310px minmax(420px, 1fr) minmax(360px, .85fr);
  gap: 16px;
  min-width: 0;
  min-height: 0;
}

.vidu-agent-knowledge-agents,
.vidu-agent-knowledge-feed,
.vidu-agent-knowledge-detail {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 14px;
  padding: 18px;
  border-radius: 24px;
  overflow: hidden;
}

.vidu-agent-knowledge-agents > div,
.vidu-agent-knowledge-feed-scroll,
.vidu-agent-knowledge-detail {
  overflow: auto;
}

.vidu-agent-knowledge-agents header,
.vidu-agent-knowledge-feed > header,
.vidu-agent-knowledge-detail > header,
.vidu-agent-knowledge-audit header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.vidu-agent-knowledge-agents header strong,
.vidu-agent-knowledge-feed > header strong,
.vidu-agent-knowledge-detail > header strong,
.vidu-agent-knowledge-audit header strong {
  color: #f8fafc;
  font-size: 15px;
  font-weight: 880;
}

.vidu-agent-knowledge-agents > div,
.vidu-agent-knowledge-feed-scroll {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 6px;
  margin: -6px;
}

.vidu-agent-knowledge-agents button,
.vidu-agent-knowledge-card > button {
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(148, 163, 184, .1);
  color: inherit;
  background: rgba(2, 6, 23, .22);
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.vidu-agent-knowledge-agents button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border-radius: 17px;
}

.vidu-agent-knowledge-agents button:hover,
.vidu-agent-knowledge-agents button.is-active,
.vidu-agent-knowledge-card.is-active > button,
.vidu-agent-knowledge-card > button:hover {
  transform: translateY(-1px);
  border-color: rgba(125, 211, 252, .26);
  background: rgba(14, 165, 233, .07);
  box-shadow: 0 14px 34px rgba(8, 47, 73, .14);
}

.vidu-agent-knowledge-agents button > span:not(.vidu-engineering-agent-avatar) {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vidu-agent-knowledge-agents button strong {
  color: #f8fafc;
  font-size: 13px;
  font-weight: 860;
}

.vidu-agent-knowledge-agents button small,
.vidu-agent-knowledge-agents button em,
.vidu-agent-knowledge-card small {
  color: #94a3b8;
  font-size: 11px;
  font-style: normal;
  line-height: 1.35;
}

.vidu-agent-knowledge-agents button b {
  padding: 5px 8px;
  border: 1px solid rgba(125, 211, 252, .14);
  border-radius: 999px;
  color: #e0f2fe;
  background: rgba(14, 165, 233, .08);
  font-size: 10px;
  white-space: nowrap;
}

.vidu-agent-knowledge-card {
  min-width: 0;
}

.vidu-agent-knowledge-card > button {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 20px;
}

.vidu-agent-knowledge-card header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.vidu-agent-knowledge-card header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-agent-knowledge-card header span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-agent-knowledge-card header strong {
  color: #f8fafc;
  font-size: 15px;
  font-weight: 870;
  line-height: 1.28;
}

.vidu-agent-knowledge-card p,
.vidu-agent-knowledge-detail p,
.vidu-agent-knowledge-detail blockquote {
  margin: 0;
  color: #a7b7cb;
  font-size: 13px;
  line-height: 1.58;
}

.vidu-agent-knowledge-tags,
.vidu-agent-knowledge-code-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.vidu-agent-knowledge-tags span,
.vidu-agent-knowledge-code-list code {
  max-width: 100%;
  padding: 6px 9px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 999px;
  color: #dbeafe;
  background: rgba(15, 23, 42, .4);
  font-size: 11px;
}

.vidu-agent-knowledge-detail {
  grid-template-rows: auto;
  align-content: start;
}

.vidu-agent-knowledge-detail section,
.vidu-agent-knowledge-source,
.vidu-agent-knowledge-audit {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 17px;
  background: rgba(2, 6, 23, .24);
}

.vidu-agent-knowledge-detail h4 {
  margin: 0;
  color: #e0f2fe;
  font-size: 13px;
  font-weight: 860;
}

.vidu-agent-knowledge-source span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-agent-knowledge-source strong {
  color: #f8fafc;
  font-size: 14px;
}

.vidu-agent-knowledge-source a,
.vidu-agent-knowledge-source code {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  color: #93c5fd;
  font-size: 11px;
  white-space: nowrap;
}

.vidu-agent-knowledge-detail blockquote {
  padding: 12px;
  border-left: 2px solid rgba(125, 211, 252, .32);
  border-radius: 12px;
  background: rgba(14, 165, 233, .06);
}

.vidu-agent-knowledge-detail footer label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #a7b7cb;
  font-size: 12px;
}

.vidu-agent-knowledge-detail footer select {
  min-height: 34px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 12px;
  color: #e0f2fe;
  background: rgba(15, 23, 42, .82);
}

.vidu-agent-knowledge-action {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(125, 211, 252, .22);
  border-radius: 999px;
  color: #e0f2fe;
  background: rgba(14, 116, 144, .14);
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.vidu-agent-knowledge-action.is-secondary {
  border-color: rgba(148, 163, 184, .15);
  color: #cbd5e1;
  background: rgba(15, 23, 42, .34);
}

.vidu-agent-knowledge-action.is-danger {
  color: #fecaca;
  border-color: rgba(248, 113, 113, .22);
  background: rgba(127, 29, 29, .18);
}

.vidu-agent-knowledge-audit {
  margin-top: 4px;
}

.vidu-agent-knowledge-audit article {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border-radius: 13px;
  background: rgba(15, 23, 42, .3);
}

.vidu-agent-knowledge-audit article span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-agent-knowledge-audit article strong {
  color: #f8fafc;
  font-size: 12px;
}

.vidu-agent-knowledge-empty,
.vidu-agent-knowledge-detail.is-empty {
  display: grid;
  place-content: center;
  gap: 10px;
  min-height: 240px;
  padding: 24px;
  border: 1px dashed rgba(125, 211, 252, .22);
  border-radius: 20px;
  color: #a7b7cb;
  text-align: center;
}

@media (max-width: 1180px) {
  .vidu-agent-knowledge-shell {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .vidu-agent-knowledge-agents,
  .vidu-agent-knowledge-feed,
  .vidu-agent-knowledge-detail {
    min-height: 360px;
  }
}

#vidu-knowledge-adoption-pipeline-workspace.is-active {
  position: fixed;
  inset: 0;
  z-index: 10037;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  color: #e5edf7;
  background:
    radial-gradient(circle at 14% 0%, rgba(45, 212, 191, .075), transparent 34%),
    radial-gradient(circle at 84% 12%, rgba(59, 130, 246, .06), transparent 31%),
    linear-gradient(145deg, rgba(2, 6, 23, .995), rgba(6, 12, 23, .985));
}

body.vidu-knowledge-adoption-workspace-active {
  overflow: hidden;
}

.vidu-knowledge-adoption-workspace {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 16px;
  width: 100%;
  height: 100%;
  padding: 22px 24px 24px;
  box-sizing: border-box;
}

.vidu-knowledge-adoption-header,
.vidu-knowledge-adoption-stages,
.vidu-knowledge-adoption-list,
.vidu-knowledge-adoption-detail {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .11);
  background: rgba(15, 23, 42, .42);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .045);
  backdrop-filter: blur(20px);
}

.vidu-knowledge-adoption-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 20px 24px;
  border-radius: 24px;
}

.vidu-knowledge-adoption-header > div,
.vidu-knowledge-adoption-card header div,
.vidu-knowledge-adoption-list > header div,
.vidu-knowledge-adoption-detail > header div {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vidu-knowledge-adoption-header span,
.vidu-knowledge-adoption-stages header span,
.vidu-knowledge-adoption-list > header span,
.vidu-knowledge-adoption-detail > header span,
.vidu-knowledge-adoption-audit header span,
.vidu-knowledge-adoption-card header span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-knowledge-adoption-header h2 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 880;
  letter-spacing: 0;
}

.vidu-knowledge-adoption-header p,
.vidu-knowledge-adoption-card p,
.vidu-knowledge-adoption-detail p {
  margin: 0;
  color: #a7b7cb;
  font-size: 13px;
  line-height: 1.58;
}

.vidu-knowledge-adoption-header aside,
.vidu-knowledge-adoption-safety,
.vidu-knowledge-adoption-card footer,
.vidu-knowledge-adoption-detail section div,
.vidu-knowledge-adoption-detail footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.vidu-knowledge-adoption-shell {
  display: grid;
  grid-template-columns: 270px minmax(420px, 1fr) minmax(380px, .88fr);
  gap: 16px;
  min-width: 0;
  min-height: 0;
}

.vidu-knowledge-adoption-stages,
.vidu-knowledge-adoption-list,
.vidu-knowledge-adoption-detail {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 18px;
  border-radius: 24px;
  overflow: hidden;
}

.vidu-knowledge-adoption-stages,
.vidu-knowledge-adoption-scroll,
.vidu-knowledge-adoption-detail {
  overflow: auto;
}

.vidu-knowledge-adoption-stages button,
.vidu-knowledge-adoption-card > button {
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(148, 163, 184, .1);
  color: inherit;
  background: rgba(2, 6, 23, .22);
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.vidu-knowledge-adoption-stages button {
  display: grid;
  gap: 6px;
  padding: 14px;
  border-radius: 17px;
}

.vidu-knowledge-adoption-stages button:hover,
.vidu-knowledge-adoption-stages button.is-active,
.vidu-knowledge-adoption-card.is-active > button,
.vidu-knowledge-adoption-card > button:hover {
  transform: translateY(-1px);
  border-color: rgba(125, 211, 252, .26);
  background: rgba(14, 165, 233, .07);
  box-shadow: 0 14px 34px rgba(8, 47, 73, .14);
}

.vidu-knowledge-adoption-stages button span {
  color: #f8fafc;
  font-size: 14px;
  font-weight: 870;
}

.vidu-knowledge-adoption-stages button strong,
.vidu-knowledge-adoption-stages button small,
.vidu-knowledge-adoption-card small,
.vidu-knowledge-adoption-audit small {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 650;
}

.vidu-knowledge-adoption-scroll {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 6px;
  margin: -6px;
}

.vidu-knowledge-adoption-card > button {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 20px;
}

.vidu-knowledge-adoption-card header,
.vidu-knowledge-adoption-list > header,
.vidu-knowledge-adoption-detail > header,
.vidu-knowledge-adoption-audit header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.vidu-knowledge-adoption-card header strong,
.vidu-knowledge-adoption-list > header strong,
.vidu-knowledge-adoption-detail > header strong,
.vidu-knowledge-adoption-audit header strong {
  color: #f8fafc;
  font-size: 15px;
  font-weight: 870;
  line-height: 1.28;
}

.vidu-knowledge-adoption-detail {
  grid-template-rows: auto;
}

.vidu-knowledge-adoption-detail section,
.vidu-knowledge-adoption-audit {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 17px;
  background: rgba(2, 6, 23, .24);
}

.vidu-knowledge-adoption-detail h4 {
  margin: 0;
  color: #e0f2fe;
  font-size: 13px;
  font-weight: 860;
}

.vidu-knowledge-adoption-detail a,
.vidu-knowledge-adoption-detail code {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  color: #93c5fd;
  font-size: 11px;
  white-space: nowrap;
}

.vidu-knowledge-adoption-action {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(125, 211, 252, .22);
  border-radius: 999px;
  color: #e0f2fe;
  background: rgba(14, 116, 144, .14);
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.vidu-knowledge-adoption-action.is-secondary {
  border-color: rgba(148, 163, 184, .15);
  color: #cbd5e1;
  background: rgba(15, 23, 42, .34);
}

.vidu-knowledge-adoption-action.is-danger {
  color: #fecaca;
  border-color: rgba(248, 113, 113, .22);
  background: rgba(127, 29, 29, .18);
}

.vidu-knowledge-adoption-action:disabled {
  opacity: .42;
  cursor: not-allowed;
  filter: saturate(.45);
}

.vidu-knowledge-adoption-detail .vidu-clara-review-orchestration,
.vidu-knowledge-adoption-detail .vidu-clara-certification {
  gap: 13px;
  border-color: rgba(125, 211, 252, .16);
  background:
    radial-gradient(circle at 0 0, rgba(14, 165, 233, .08), transparent 44%),
    rgba(2, 6, 23, .3);
}

.vidu-knowledge-adoption-detail .vidu-clara-review-orchestration > header,
.vidu-knowledge-adoption-detail .vidu-clara-certification > header,
.vidu-knowledge-adoption-detail .vidu-clara-review-grid article > header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.vidu-knowledge-adoption-detail .vidu-clara-review-orchestration > header > div,
.vidu-knowledge-adoption-detail .vidu-clara-certification > header > div,
.vidu-knowledge-adoption-detail .vidu-clara-review-grid article > header > div {
  display: grid;
  gap: 4px;
}

.vidu-knowledge-adoption-detail .vidu-clara-review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  align-items: stretch;
  gap: 10px;
}

.vidu-knowledge-adoption-detail .vidu-clara-review-grid article {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .11);
  border-radius: 15px;
  background: rgba(15, 23, 42, .38);
}

.vidu-knowledge-adoption-detail .vidu-clara-review-grid article.is-approved {
  border-color: rgba(52, 211, 153, .24);
  background: rgba(6, 78, 59, .11);
}

.vidu-knowledge-adoption-detail .vidu-clara-review-grid article.is-changes_requested {
  border-color: rgba(251, 191, 36, .24);
}

.vidu-knowledge-adoption-detail .vidu-clara-review-grid article.is-rejected {
  border-color: rgba(248, 113, 113, .24);
}

.vidu-knowledge-adoption-detail .vidu-clara-review-grid label,
.vidu-knowledge-adoption-detail .vidu-clara-certification label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vidu-knowledge-adoption-detail .vidu-clara-review-grid label > span,
.vidu-knowledge-adoption-detail .vidu-clara-certification label > span {
  color: #bae6fd;
  font-size: 11px;
  font-weight: 780;
}

.vidu-knowledge-adoption-detail .vidu-clara-review-grid input,
.vidu-knowledge-adoption-detail .vidu-clara-review-grid textarea,
.vidu-knowledge-adoption-detail .vidu-clara-certification textarea {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 9px 10px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 11px;
  color: #e2e8f0;
  background: rgba(2, 6, 23, .48);
  font: inherit;
  font-size: 12px;
  line-height: 1.45;
  resize: vertical;
}

.vidu-knowledge-adoption-detail .vidu-clara-review-grid input:focus,
.vidu-knowledge-adoption-detail .vidu-clara-review-grid textarea:focus,
.vidu-knowledge-adoption-detail .vidu-clara-certification textarea:focus {
  outline: none;
  border-color: rgba(125, 211, 252, .42);
  box-shadow: 0 0 0 3px rgba(14, 165, 233, .08);
}

.vidu-knowledge-adoption-detail .vidu-clara-review-grid article > footer,
.vidu-knowledge-adoption-detail .vidu-clara-certification footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

.vidu-knowledge-adoption-detail .vidu-clara-certification-readiness,
.vidu-knowledge-adoption-detail .vidu-clara-certificate-record {
  display: grid;
  gap: 10px;
}

.vidu-knowledge-adoption-detail .vidu-clara-certification-readiness ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 18px;
  color: #fcd34d;
  font-size: 11px;
  line-height: 1.45;
}

.vidu-knowledge-adoption-detail .vidu-clara-certificate-record code {
  padding: 8px 10px;
  border-radius: 10px;
  color: #a7f3d0;
  background: rgba(6, 78, 59, .14);
}

.vidu-knowledge-adoption-detail .vidu-clara-post-certification {
  gap: 12px;
  border-color: rgba(167, 139, 250, .18);
  background:
    radial-gradient(circle at 0 0, rgba(124, 58, 237, .09), transparent 44%),
    rgba(2, 6, 23, .3);
}

.vidu-knowledge-adoption-detail .vidu-clara-post-certification.is-release {
  border-color: rgba(52, 211, 153, .18);
  background:
    radial-gradient(circle at 0 0, rgba(16, 185, 129, .08), transparent 44%),
    rgba(2, 6, 23, .3);
}

.vidu-knowledge-adoption-detail .vidu-clara-post-certification > header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.vidu-knowledge-adoption-detail .vidu-clara-post-certification > header > div,
.vidu-knowledge-adoption-detail .vidu-clara-governance-form,
.vidu-knowledge-adoption-detail .vidu-clara-governance-record {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.vidu-knowledge-adoption-detail .vidu-clara-governance-form label,
.vidu-knowledge-adoption-detail .vidu-clara-post-certification > label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vidu-knowledge-adoption-detail .vidu-clara-governance-form label > span,
.vidu-knowledge-adoption-detail .vidu-clara-post-certification > label > span {
  color: #ddd6fe;
  font-size: 11px;
  font-weight: 780;
}

.vidu-knowledge-adoption-detail .vidu-clara-governance-form select,
.vidu-knowledge-adoption-detail .vidu-clara-governance-form textarea,
.vidu-knowledge-adoption-detail .vidu-clara-post-certification > textarea,
.vidu-knowledge-adoption-detail .vidu-clara-post-certification > label textarea,
.vidu-knowledge-adoption-detail .vidu-clara-post-certification > label select {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 9px 10px;
  border: 1px solid rgba(167, 139, 250, .18);
  border-radius: 11px;
  color: #ede9fe;
  background: rgba(2, 6, 23, .5);
  font: inherit;
  font-size: 12px;
  line-height: 1.45;
}

.vidu-knowledge-adoption-detail .vidu-clara-impact-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.vidu-knowledge-adoption-detail .vidu-clara-impact-summary > section {
  display: grid;
  gap: 3px;
  padding: 10px;
  border: 1px solid rgba(167, 139, 250, .13);
  border-radius: 12px;
  background: rgba(15, 23, 42, .34);
}

.vidu-knowledge-adoption-detail .vidu-clara-impact-summary strong {
  color: #f5f3ff;
  font-size: 17px;
}

.vidu-knowledge-adoption-detail .vidu-clara-impact-summary span {
  color: #a5b4fc;
  font-size: 10px;
  font-weight: 780;
  text-transform: uppercase;
}

.vidu-knowledge-adoption-detail .vidu-clara-governance-record.is-ready code,
.vidu-knowledge-adoption-detail .vidu-clara-governance-record.is-released code {
  padding: 8px 10px;
  border-radius: 10px;
  color: #c4b5fd;
  background: rgba(76, 29, 149, .13);
}

.vidu-knowledge-adoption-detail .vidu-clara-governance-record.is-released code {
  color: #a7f3d0;
  background: rgba(6, 78, 59, .14);
}

.vidu-knowledge-adoption-detail .vidu-clara-post-certification.is-workforce-delta {
  border-color: rgba(56, 189, 248, .18);
  background:
    radial-gradient(circle at 0 0, rgba(14, 165, 233, .08), transparent 44%),
    rgba(2, 6, 23, .3);
}

.vidu-knowledge-adoption-detail .vidu-clara-post-certification.is-reeducation {
  border-color: rgba(250, 204, 21, .16);
  background:
    radial-gradient(circle at 0 0, rgba(234, 179, 8, .07), transparent 44%),
    rgba(2, 6, 23, .3);
}

.vidu-knowledge-adoption-detail .vidu-clara-post-certification.is-withdrawal {
  border-color: rgba(248, 113, 113, .17);
  background:
    radial-gradient(circle at 0 0, rgba(239, 68, 68, .07), transparent 44%),
    rgba(2, 6, 23, .3);
}

.vidu-knowledge-adoption-detail .vidu-clara-member-delta-list {
  display: grid;
  gap: 7px;
  max-height: 250px;
  overflow: auto;
}

.vidu-knowledge-adoption-detail .vidu-clara-member-delta-list > article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 10px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid rgba(56, 189, 248, .13);
  border-radius: 11px;
  background: rgba(15, 23, 42, .32);
}

.vidu-knowledge-adoption-detail .vidu-clara-member-delta-list > article > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.vidu-knowledge-adoption-detail .vidu-clara-member-delta-list > article span,
.vidu-knowledge-adoption-detail .vidu-clara-member-delta-list > article small {
  color: #94a3b8;
  font-size: 10px;
}

.vidu-knowledge-adoption-detail .vidu-clara-member-delta-list > article > small {
  grid-column: 1 / -1;
}

.vidu-knowledge-adoption-detail .vidu-clara-governance-record.is-withdrawn code {
  padding: 8px 10px;
  border-radius: 10px;
  color: #fecaca;
  background: rgba(127, 29, 29, .16);
}

.vidu-knowledge-adoption-audit article {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border-radius: 13px;
  background: rgba(15, 23, 42, .3);
}

.vidu-knowledge-adoption-audit article span {
  color: #7dd3fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-knowledge-adoption-audit article strong {
  color: #f8fafc;
  font-size: 12px;
}

.vidu-knowledge-adoption-empty,
.vidu-knowledge-adoption-detail.is-empty {
  display: grid;
  place-content: center;
  gap: 10px;
  min-height: 240px;
  padding: 24px;
  border: 1px dashed rgba(125, 211, 252, .22);
  border-radius: 20px;
  color: #a7b7cb;
  text-align: center;
}

@media (max-width: 1180px) {
  .vidu-knowledge-adoption-shell {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .vidu-knowledge-adoption-stages,
  .vidu-knowledge-adoption-list,
  .vidu-knowledge-adoption-detail {
    min-height: 340px;
  }
}

.vidu-scout-insight-card.is-yes {
  border-color: rgba(45, 212, 191, .2);
}

.vidu-scout-insight-card.is-no {
  border-color: rgba(248, 113, 113, .2);
}

.vidu-scout-insight-card.is-uncertain {
  border-color: rgba(251, 191, 36, .18);
}

.vidu-scout-vidu-implication {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 16px;
  background:
    radial-gradient(circle at 10% 0%, rgba(14, 165, 233, .1), transparent 40%),
    rgba(2, 6, 23, .32);
}

.vidu-scout-vidu-implication span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-scout-vidu-implication p {
  color: #e0f2fe;
}

.vidu-scout-entity-inspector {
  overflow: auto;
  padding: 20px;
}

.vidu-scout-entity-form {
  display: grid;
  gap: 15px;
  min-width: 0;
}

.vidu-scout-entity-form > header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.vidu-scout-entity-form > header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-scout-entity-form > footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.vidu-scout-entity-form > footer small {
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.5;
}

.vidu-scout-source-domain {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vidu-scout-source-domain span {
  color: #bae6fd;
  font-size: 12px;
  font-weight: 820;
}

.vidu-scout-source-domain code {
  display: block;
  max-width: 100%;
  padding: 7px 9px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 10px;
  overflow-x: auto;
  color: #c4d7ef;
  background: rgba(2, 6, 23, .42);
  font-size: 11px;
  white-space: nowrap;
}

.vidu-scout-topic-picker {
  display: grid;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 16px;
  background: rgba(2, 6, 23, .24);
}

.vidu-scout-topic-picker legend {
  padding: 0 6px;
  color: #a7b7cb;
  font-size: 12px;
  font-weight: 780;
}

.vidu-scout-topic-picker label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: #dbeafe;
  font-size: 12px;
}

.vidu-scout-topic-picker p {
  margin: 0;
  color: #94a3b8;
  font-size: 12px;
}

.vidu-engineering-workspace {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 18px;
  width: 100%;
  height: 100%;
  padding: 26px;
  box-sizing: border-box;
  background:
    radial-gradient(circle at 18% 0%, rgba(14, 165, 233, .12), transparent 34%),
    linear-gradient(135deg, rgba(2, 6, 23, .96), rgba(8, 13, 24, .94));
  color: #e5edf7;
}

.vidu-engineering-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  min-width: 0;
  padding: 28px 30px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 28px;
  background:
    radial-gradient(circle at 12% 0%, rgba(56, 189, 248, .12), transparent 30%),
    linear-gradient(180deg, rgba(15, 23, 42, .66), rgba(2, 6, 23, .34));
  box-shadow: 0 26px 70px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .05);
  backdrop-filter: blur(22px);
}

.vidu-engineering-hero-copy {
  display: grid;
  gap: 7px;
  min-width: 0;
  max-width: 880px;
}

.vidu-engineering-hero-copy > span {
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 840;
  text-transform: uppercase;
}

.vidu-engineering-header h2 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(26px, 2.4vw, 38px);
  font-weight: 860;
  letter-spacing: 0;
}

.vidu-engineering-header p {
  max-width: 820px;
  margin: 0;
  color: #a8b4c5;
  line-height: 1.5;
}

.vidu-engineering-header-side {
  display: grid;
  gap: 14px;
  justify-items: end;
  min-width: 320px;
}

.vidu-engineering-status {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  min-width: 0;
  max-width: 420px;
}

.vidu-engineering-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

.vidu-engineering-action-button {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 999px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  font: 820 12px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}

.vidu-engineering-action-button:hover,
.vidu-engineering-action-button:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(125, 211, 252, .34);
  color: #f8fafc;
  background: rgba(14, 116, 144, .2);
  outline: 0;
}

.vidu-engineering-action-button.is-icon {
  min-width: 48px;
}

.vidu-engineering-nav-bar {
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .44), rgba(2, 6, 23, .22));
  box-shadow: 0 18px 46px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .035);
  backdrop-filter: blur(18px);
}

.vidu-engineering-nav {
  display: flex;
  gap: 4px;
  min-width: 0;
  overflow-x: auto;
  padding: 0;
  border-bottom: 0;
  background: transparent;
}

.vidu-engineering-nav button {
  position: relative;
  min-height: 40px;
  padding: 0 14px;
  border: 0;
  border-radius: 14px;
  color: #94a3b8;
  background: transparent;
  font: 820 13px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  white-space: nowrap;
  cursor: pointer;
  transition: color .16s ease, transform .16s ease, background .16s ease;
}

.vidu-engineering-nav button::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(56, 189, 248, .95), rgba(129, 140, 248, .72));
  opacity: 0;
  transform: scaleX(.5);
  transition: opacity .16s ease, transform .16s ease;
}

.vidu-engineering-nav button:hover,
.vidu-engineering-nav button.is-active {
  color: #e0f2fe;
  background: rgba(15, 23, 42, .42);
}

.vidu-engineering-nav button:hover {
  transform: translateY(-1px);
}

.vidu-engineering-nav button.is-active::after {
  opacity: 1;
  transform: scaleX(1);
  box-shadow: 0 0 18px rgba(56, 189, 248, .36);
}

.vidu-engineering-shell {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 16px;
  min-height: 0;
}

.vidu-engineering-request-rail,
.vidu-engineering-main {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .52), rgba(6, 10, 18, .48));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 18px 52px rgba(0, 0, 0, .16);
  backdrop-filter: blur(16px);
}

.vidu-engineering-request-rail {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
}

.vidu-engineering-request-rail .vidu-dev-request-grid,
.vidu-engineering-main {
  overflow: auto;
}

.vidu-engineering-request-rail .vidu-dev-request-grid {
  padding: 8px;
  margin: -8px;
  scroll-padding: 10px;
}

.vidu-engineering-panel {
  display: grid;
  gap: 18px;
  min-width: 0;
  animation: viduEngineeringPanelIn .18s ease both;
}

.vidu-engineering-division-home {
  display: grid;
  gap: 16px;
  min-width: 0;
  margin-bottom: 18px;
}

.vidu-engineering-division-hero,
.vidu-engineering-dashboard-panel {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .48), rgba(2, 6, 23, .28));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 16px 42px rgba(0, 0, 0, .13);
}

.vidu-engineering-division-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(240px, .6fr);
  gap: 18px;
  align-items: stretch;
  padding: 22px;
  background:
    linear-gradient(135deg, rgba(14, 116, 144, .18), rgba(15, 23, 42, .48) 44%, rgba(2, 6, 23, .3));
}

.vidu-engineering-division-hero > div {
  display: grid;
  align-content: center;
  gap: 7px;
  min-width: 0;
}

.vidu-engineering-division-hero span,
.vidu-engineering-dashboard-metrics span,
.vidu-engineering-dashboard-panel header span,
.vidu-engineering-health-strip span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-engineering-division-hero h3 {
  margin: 0;
  color: #f8fafc;
  font-size: 29px;
  line-height: 1.08;
  letter-spacing: 0;
}

.vidu-engineering-division-hero p {
  max-width: 860px;
  margin: 0;
  color: #a8b4c5;
  line-height: 1.48;
}

.vidu-engineering-division-hero aside {
  display: grid;
  align-content: center;
  gap: 7px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(125, 211, 252, .12);
  border-radius: 16px;
  background: rgba(2, 6, 23, .32);
}

.vidu-engineering-division-hero aside strong {
  color: #f8fafc;
  font-size: 25px;
  line-height: 1.1;
}

.vidu-engineering-dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.vidu-engineering-dashboard-metrics article {
  display: grid;
  align-content: start;
  gap: 4px;
  min-width: 0;
  min-height: 86px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 14px;
  background: rgba(2, 6, 23, .28);
}

.vidu-engineering-dashboard-metrics strong {
  color: #f8fafc;
  font-size: 19px;
  line-height: 1.15;
}

.vidu-engineering-dashboard-metrics p {
  margin: 0;
  color: #94a3b8;
  font-size: 11px;
  line-height: 1.35;
}

.vidu-engineering-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) minmax(300px, .8fr);
  gap: 12px;
  min-width: 0;
  align-items: start;
}

.vidu-engineering-dashboard-panel {
  display: grid;
  align-content: start;
  gap: 13px;
  padding: 16px;
}

.vidu-engineering-dashboard-panel.is-selected,
.vidu-engineering-dashboard-panel.is-activity {
  grid-column: span 2;
}

.vidu-engineering-dashboard-panel header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.vidu-engineering-dashboard-panel header strong {
  color: #f8fafc;
  font-size: 14px;
  line-height: 1.25;
  text-align: right;
}

.vidu-engineering-dashboard-list,
.vidu-engineering-workforce-floor,
.vidu-engineering-knowledge-feed,
.vidu-engineering-activity-feed {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.vidu-engineering-dashboard-list button,
.vidu-engineering-dashboard-list section,
.vidu-engineering-workforce-floor section,
.vidu-engineering-knowledge-feed section,
.vidu-engineering-activity-feed section {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(148, 163, 184, .09);
  border-radius: 13px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .24);
}

.vidu-engineering-dashboard-list button {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

.vidu-engineering-dashboard-list button:hover,
.vidu-engineering-dashboard-list button:focus-visible,
.vidu-engineering-dashboard-list button.is-active {
  border-color: rgba(125, 211, 252, .28);
  background: rgba(14, 116, 144, .16);
  outline: 0;
}

.vidu-engineering-dashboard-list span,
.vidu-engineering-dashboard-list button > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vidu-engineering-dashboard-list strong,
.vidu-engineering-workforce-floor strong,
.vidu-engineering-knowledge-feed strong,
.vidu-engineering-activity-feed strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 13px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.vidu-engineering-dashboard-list small,
.vidu-engineering-workforce-floor span,
.vidu-engineering-dashboard-list em,
.vidu-engineering-workforce-floor em,
.vidu-engineering-activity-feed time {
  color: #94a3b8;
  font-size: 11px;
  font-style: normal;
  font-weight: 760;
}

.vidu-engineering-workforce-floor section {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
}

.vidu-engineering-current-work {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.vidu-engineering-current-work h4 {
  margin: 0;
  color: #f8fafc;
  font-size: 20px;
  line-height: 1.2;
}

.vidu-engineering-current-work p,
.vidu-engineering-dashboard-panel > p,
.vidu-engineering-knowledge-feed p,
.vidu-engineering-activity-feed p {
  margin: 0;
  color: #a8b4c5;
  line-height: 1.42;
}

.vidu-engineering-current-gates {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.vidu-engineering-current-gates span {
  padding: 7px 9px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 999px;
  color: #a8b4c5;
  background: rgba(2, 6, 23, .24);
  font-size: 11px;
  font-weight: 780;
}

.vidu-engineering-current-gates span.is-ready {
  border-color: rgba(45, 212, 191, .28);
  color: #ccfbf1;
  background: rgba(20, 184, 166, .1);
}

.vidu-engineering-health-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.vidu-engineering-health-strip div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border-radius: 12px;
  background: rgba(2, 6, 23, .26);
}

.vidu-engineering-health-strip strong {
  color: #f8fafc;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.vidu-engineering-qa-command-grid,
.vidu-engineering-qa-report-links {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.vidu-engineering-qa-command-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vidu-engineering-qa-command-grid button,
.vidu-engineering-qa-report-links span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 13px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .24);
}

.vidu-engineering-qa-command-grid button {
  text-align: left;
  cursor: pointer;
}

.vidu-engineering-qa-command-grid button:hover,
.vidu-engineering-qa-command-grid button:focus-visible {
  border-color: rgba(125, 211, 252, .3);
  background: rgba(14, 116, 144, .16);
  outline: 0;
}

.vidu-engineering-qa-command-grid strong,
.vidu-engineering-qa-report-links strong {
  color: #f8fafc;
  font-size: 12px;
}

.vidu-engineering-qa-command-grid small,
.vidu-engineering-qa-report-links code {
  min-width: 0;
  color: #94a3b8;
  font-size: 11px;
  overflow-wrap: anywhere;
}

@keyframes viduEngineeringPanelIn {
  from { opacity: 0; transform: translateY(5px) scale(.995); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.vidu-engineering-architecture-view {
  align-content: start;
}

.vidu-engineering-architecture-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 18px;
  background: rgba(2, 6, 23, .36);
}

.vidu-engineering-architecture-head > div:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-engineering-architecture-head span {
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 840;
  text-transform: uppercase;
}

.vidu-engineering-architecture-head strong {
  color: #f8fafc;
  font-size: 21px;
}

.vidu-engineering-architecture-head p {
  max-width: 740px;
  margin: 0;
  color: #a8b4c5;
  line-height: 1.45;
}

.vidu-engineering-architecture-actions,
.vidu-engineering-impact-legend {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  min-width: 0;
}

.vidu-engineering-impact-legend {
  justify-content: flex-start;
}

.vidu-engineering-impact-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 999px;
  color: #cbd5e1;
  background: rgba(15, 23, 42, .46);
  font-size: 12px;
  font-weight: 760;
}

.vidu-engineering-impact-legend span::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #38bdf8;
}

.vidu-engineering-impact-legend .is-secondary::before {
  background: #a78bfa;
}

.vidu-engineering-impact-legend .is-downstream::before {
  background: #94a3b8;
}

.vidu-architecture-map-shell.is-engineering-architecture {
  grid-template-rows: minmax(0, 1fr);
  min-height: 620px;
  height: min(72vh, 760px);
  border-radius: 20px;
  background:
    radial-gradient(circle at 42% 8%, rgba(56, 189, 248, .12), transparent 32%),
    linear-gradient(145deg, rgba(8, 13, 24, .98), rgba(4, 8, 16, .98));
}

.vidu-architecture-map-shell.is-engineering-architecture .vidu-architecture-map-layout {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 360px);
}

.vidu-architecture-map-shell.is-engineering-architecture .vidu-architecture-map-canvas-wrap {
  border-right: 1px solid rgba(148, 163, 184, .12);
}

.vidu-architecture-map-shell.is-engineering-architecture .vidu-architecture-map-node {
  cursor: pointer;
}

.vidu-architecture-map-shell.is-engineering-architecture .vidu-architecture-port {
  display: none;
}

.vidu-architecture-map-node.is-impact-primary {
  border-color: rgba(56, 189, 248, .94);
  box-shadow: 0 0 0 1px rgba(56, 189, 248, .4), 0 18px 42px rgba(8, 47, 73, .38);
}

.vidu-architecture-map-node.is-impact-secondary {
  border-color: rgba(167, 139, 250, .82);
  box-shadow: 0 0 0 1px rgba(167, 139, 250, .28), 0 16px 38px rgba(49, 46, 129, .28);
}

.vidu-architecture-map-node.is-impact-downstream {
  border-color: rgba(148, 163, 184, .58);
  opacity: .92;
}

.vidu-engineering-impact-panel {
  display: grid;
  align-content: start;
  gap: 16px;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 16px;
  background: rgba(6, 10, 18, .62);
}

.vidu-engineering-impact-panel .vidu-architecture-detail-stack {
  display: grid;
  gap: 12px;
}

.vidu-engineering-impact-panel .vidu-architecture-detail-stack section {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 14px;
  background: rgba(15, 23, 42, .46);
}

.vidu-engineering-impact-panel .vidu-architecture-detail-stack p,
.vidu-engineering-impact-panel .vidu-architecture-detail-stack strong,
.vidu-engineering-impact-panel .vidu-architecture-detail-stack li,
.vidu-engineering-impact-panel .vidu-architecture-detail-stack code {
  overflow-wrap: anywhere;
}

.vidu-engineering-impact-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
  gap: 12px;
  min-width: 0;
}

.vidu-engineering-impact-summary-grid article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 16px;
  background: rgba(2, 6, 23, .38);
}

.vidu-engineering-impact-summary-grid article > span {
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 830;
  text-transform: uppercase;
}

.vidu-engineering-architecture-empty {
  position: absolute;
  top: 44px;
  left: 44px;
  max-width: 360px;
  margin: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 14px;
  color: #a8b4c5;
  background: rgba(15, 23, 42, .58);
}

.vidu-engineering-overview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.vidu-engineering-overview-grid article,
.vidu-engineering-empty {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 16px;
  background: rgba(2, 6, 23, .38);
}

.vidu-engineering-overview-grid span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-engineering-overview-grid strong,
.vidu-engineering-empty strong {
  color: #f8fafc;
}

.vidu-engineering-overview-grid p,
.vidu-engineering-empty p {
  margin: 0;
  color: #a8b4c5;
  line-height: 1.45;
}

.vidu-engineering-request-card {
  display: grid;
  gap: 10px;
  width: 100%;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 18px;
  color: #e5edf7;
  text-align: left;
  background: rgba(15, 23, 42, .34);
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.vidu-engineering-request-card:hover,
.vidu-engineering-request-card:focus-visible {
  transform: translateY(-1px) scale(1.01);
  border-color: rgba(125, 211, 252, .28);
  background: rgba(15, 23, 42, .52);
  outline: 0;
}

.vidu-engineering-request-card.is-active {
  border-color: rgba(56, 189, 248, .46);
  background: linear-gradient(180deg, rgba(14, 116, 144, .18), rgba(15, 23, 42, .42));
  box-shadow: 0 18px 38px rgba(8, 47, 73, .18), inset 0 1px 0 rgba(255, 255, 255, .05);
}

.vidu-engineering-request-card strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 14px;
  line-height: 1.28;
}

.vidu-engineering-request-card > span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 760;
}

.vidu-engineering-request-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  color: #94a3b8;
  font-size: 12px;
}

.vidu-engineering-request-card footer em {
  color: #bae6fd;
  font-style: normal;
  font-weight: 840;
}

.vidu-engineering-agent-row {
  display: flex;
  gap: 6px;
  align-items: center;
}

.vidu-engineering-agent-row > span {
  display: inline-flex;
}

.vidu-engineering-agent-avatar {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 999px;
  color: #dbeafe;
  background: color-mix(in srgb, var(--vidu-agent-color, #64748b) 18%, rgba(2, 6, 23, .72));
  font-size: 11px;
  font-style: normal;
  font-weight: 860;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.vidu-engineering-agent-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vidu-engineering-agent-avatar.is-tiny {
  width: 25px;
  height: 25px;
  font-size: 10px;
}

.vidu-engineering-agent-avatar.is-small {
  width: 30px;
  height: 30px;
}

.vidu-engineering-agent-avatar.is-timeline {
  width: 36px;
  height: 36px;
  font-size: 11px;
}

.vidu-engineering-agent-row > span.is-ready .vidu-engineering-agent-avatar {
  border-color: rgba(45, 212, 191, .42);
  color: #ccfbf1;
}

.vidu-engineering-request-rail.is-review-queue {
  gap: 16px;
  overflow: visible;
}

.vidu-engineering-review-queue-card {
  display: grid;
  gap: 13px;
  width: 100%;
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 20px;
  color: #e5edf7;
  text-align: left;
  background: rgba(15, 23, 42, .32);
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.vidu-engineering-review-queue-card:hover,
.vidu-engineering-review-queue-card:focus-visible {
  transform: translateY(-1px) scale(1.008);
  border-color: rgba(125, 211, 252, .28);
  background: rgba(15, 23, 42, .52);
  outline: 0;
}

.vidu-engineering-review-queue-card.is-active {
  transform: scale(1.01);
  border-color: rgba(56, 189, 248, .48);
  background: linear-gradient(180deg, rgba(14, 116, 144, .2), rgba(15, 23, 42, .42));
  box-shadow: 0 20px 42px rgba(8, 47, 73, .2), inset 0 1px 0 rgba(255, 255, 255, .05);
}

.vidu-engineering-review-card-head {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vidu-engineering-review-card-head strong {
  color: #f8fafc;
  font-size: 14px;
  line-height: 1.28;
}

.vidu-engineering-review-card-head em {
  color: #94a3b8;
  font-size: 12px;
  font-style: normal;
  font-weight: 780;
}

.vidu-engineering-avatar-stack {
  display: flex;
  min-width: 0;
  padding-left: 6px;
}

.vidu-engineering-avatar-stack > span {
  display: inline-flex;
  margin-left: -6px;
}

.vidu-engineering-avatar-stack .vidu-engineering-agent-avatar {
  border: 1px solid rgba(148, 163, 184, .2);
}

.vidu-engineering-avatar-stack > span.is-ready .vidu-engineering-agent-avatar {
  border-color: rgba(45, 212, 191, .44);
}

.vidu-engineering-card-progress {
  display: block;
  height: 7px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .12);
  overflow: hidden;
}

.vidu-engineering-card-progress i {
  display: block;
  width: var(--progress, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #22d3ee, #818cf8);
  transition: width .18s ease;
}

.vidu-engineering-review-card-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.vidu-engineering-review-card-meta small {
  display: grid;
  gap: 2px;
  min-width: 0;
  color: #cbd5e1;
  font-size: 12px;
}

.vidu-engineering-review-card-meta b {
  color: #64748b;
  font-size: 10px;
  text-transform: uppercase;
}

.vidu-engineering-requests-view {
  display: grid;
  gap: 18px;
  min-width: 0;
  animation: viduEngineeringPanelIn .18s ease both;
}

.vidu-engineering-inspector-head,
.vidu-engineering-inspector-card {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .5), rgba(2, 6, 23, .32));
  box-shadow: 0 16px 42px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.vidu-engineering-inspector-head {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  padding: 24px;
}

.vidu-engineering-inspector-head span,
.vidu-engineering-inspector-card > span {
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 860;
  text-transform: uppercase;
}

.vidu-engineering-inspector-head h3 {
  margin: 5px 0 7px;
  color: #f8fafc;
  font-size: clamp(24px, 2vw, 34px);
  line-height: 1.1;
}

.vidu-engineering-inspector-head p {
  max-width: 760px;
  margin: 0;
  color: #a8b4c5;
  line-height: 1.5;
}

.vidu-engineering-inspector-head > strong {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 78px;
  height: 78px;
  border: 1px solid rgba(125, 211, 252, .24);
  border-radius: 24px;
  color: #f8fafc;
  background: rgba(14, 116, 144, .14);
  font-size: 23px;
}

.vidu-engineering-inspector-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
}

.vidu-engineering-inspector-card {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 18px;
}

.vidu-engineering-inspector-card p {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.5;
}

.vidu-engineering-inspector-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vidu-engineering-inspector-fields div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  border-radius: 14px;
  background: rgba(2, 6, 23, .28);
}

.vidu-engineering-inspector-fields b {
  color: #64748b;
  font-size: 11px;
  text-transform: uppercase;
}

.vidu-engineering-inspector-fields strong {
  min-width: 0;
  color: #e2e8f0;
  overflow-wrap: anywhere;
}

.vidu-engineering-inspector-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.vidu-engineering-inspector-chips code {
  max-width: 100%;
  padding: 6px 8px;
  border-radius: 10px;
  color: #c4b5fd;
  background: rgba(30, 41, 59, .52);
  overflow-wrap: anywhere;
}

.vidu-engineering-inspector-timeline,
.vidu-engineering-inspector-readiness {
  display: grid;
  gap: 10px;
}

.vidu-engineering-inspector-timeline article,
.vidu-engineering-inspector-readiness article {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 11px 12px;
  border-radius: 14px;
  background: rgba(2, 6, 23, .28);
}

.vidu-engineering-inspector-timeline b,
.vidu-engineering-inspector-readiness b {
  color: #e2e8f0;
}

.vidu-engineering-inspector-timeline small,
.vidu-engineering-inspector-readiness small {
  color: #64748b;
}

.vidu-engineering-inspector-readiness header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.vidu-engineering-reviews-workspace {
  display: grid;
  gap: 18px;
  min-width: 0;
  animation: viduEngineeringPanelIn .18s ease both;
}

.vidu-engineering-review-hero,
.vidu-engineering-review-controls,
.vidu-engineering-victor-feedback,
.vidu-engineering-review-timeline-panel,
.vidu-engineering-agent-review-panel,
.vidu-engineering-consensus-summary,
.vidu-engineering-recommendation-panel,
.vidu-engineering-daniel-brief-candidate {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .5), rgba(2, 6, 23, .32));
  box-shadow: 0 16px 42px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.vidu-engineering-review-hero {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  padding: 24px;
}

.vidu-engineering-review-hero span,
.vidu-engineering-consensus-summary > span,
.vidu-engineering-recommendation-panel > span {
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 860;
  text-transform: uppercase;
}

.vidu-engineering-review-hero h3 {
  margin: 5px 0 7px;
  color: #f8fafc;
  font-size: clamp(24px, 2vw, 34px);
  line-height: 1.1;
}

.vidu-engineering-review-hero p {
  max-width: 760px;
  margin: 0;
  color: #a8b4c5;
  line-height: 1.5;
}

.vidu-engineering-review-state,
.vidu-engineering-review-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-engineering-review-controls {
  justify-content: flex-start;
  padding: 14px;
}

.vidu-engineering-review-controls > span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 760;
}

.vidu-engineering-victor-feedback {
  display: grid;
  gap: 12px;
  padding: 16px 18px;
  border-color: rgba(248, 113, 113, .24);
}

.vidu-engineering-victor-feedback.is-ready {
  border-color: rgba(45, 212, 191, .3);
  background: linear-gradient(180deg, rgba(13, 148, 136, .1), rgba(2, 6, 23, .32));
}

.vidu-engineering-victor-feedback header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vidu-engineering-victor-feedback header div {
  display: grid;
  gap: 3px;
}

.vidu-engineering-victor-feedback header span,
.vidu-engineering-victor-feedback header b {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
}

.vidu-engineering-victor-feedback header strong {
  color: #f8fafc;
  font-size: 17px;
}

.vidu-engineering-victor-feedback p {
  margin: 0;
  color: #cbd5e1;
}

.vidu-engineering-victor-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-engineering-victor-checks span {
  padding: 6px 9px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 999px;
  color: #94a3b8;
  background: rgba(15, 23, 42, .52);
  font-size: 11px;
  font-weight: 780;
}

.vidu-engineering-victor-checks .is-passed {
  border-color: rgba(45, 212, 191, .25);
  color: #5eead4;
}

.vidu-engineering-victor-checks .is-failed {
  border-color: rgba(248, 113, 113, .28);
  color: #fca5a5;
}

.vidu-engineering-review-timeline-panel,
.vidu-engineering-agent-review-panel,
.vidu-engineering-daniel-brief-candidate {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.vidu-engineering-review-timeline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 12px;
  min-width: 0;
}

.vidu-engineering-review-timeline article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 13px;
  border-radius: 16px;
  background: rgba(2, 6, 23, .28);
}

.vidu-engineering-review-timeline strong {
  color: #e2e8f0;
}

.vidu-engineering-review-timeline span {
  color: #64748b;
  font-size: 11px;
}

.vidu-engineering-review-timeline p {
  margin: 4px 0 0;
  color: #a8b4c5;
  line-height: 1.4;
}

.vidu-engineering-agent-review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  gap: 14px;
  min-width: 0;
}

.vidu-engineering-agent-review-grid article {
  position: relative;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 20px;
  background: rgba(2, 6, 23, .3);
  overflow: hidden;
}

.vidu-engineering-agent-review-grid article::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: rgba(125, 211, 252, .46);
}

.vidu-engineering-agent-review-grid article.is-marcus::before { background: rgba(251, 191, 36, .56); }
.vidu-engineering-agent-review-grid article.is-victor::before { background: rgba(34, 197, 94, .56); }
.vidu-engineering-agent-review-grid article.is-sophia::before { background: rgba(244, 114, 182, .5); }
.vidu-engineering-agent-review-grid article.is-elena::before { background: rgba(45, 212, 191, .56); }

.vidu-engineering-agent-review-grid header,
.vidu-engineering-agent-review-grid footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.vidu-engineering-agent-review-grid header strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f8fafc;
  font-size: 16px;
}

.vidu-engineering-agent-review-grid header span,
.vidu-engineering-agent-review-grid div > span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
}

.vidu-engineering-agent-review-grid div {
  display: grid;
  gap: 5px;
}

.vidu-engineering-agent-review-grid p,
.vidu-engineering-agent-review-grid ul {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.45;
}

.vidu-engineering-consensus-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: 14px;
  min-width: 0;
}

.vidu-engineering-consensus-summary,
.vidu-engineering-recommendation-panel {
  display: grid;
  gap: 14px;
  padding: 20px;
}

.vidu-engineering-consensus-summary > strong,
.vidu-engineering-recommendation-panel > strong {
  color: #f8fafc;
  font-size: 18px;
  line-height: 1.45;
}

.vidu-engineering-consensus-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.vidu-engineering-consensus-columns div {
  min-width: 0;
  padding: 13px;
  border-radius: 16px;
  background: rgba(2, 6, 23, .28);
}

.vidu-engineering-consensus-columns b {
  display: block;
  margin-bottom: 8px;
  color: #94a3b8;
  font-size: 11px;
  text-transform: uppercase;
}

.vidu-engineering-recommendation-panel footer {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.vidu-engineering-daniel-brief-candidate pre {
  max-height: 420px;
  margin: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 16px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .44);
  overflow: auto;
  white-space: pre-wrap;
}

.vidu-engineering-workshop {
  display: grid;
  gap: 18px;
  min-width: 0;
  animation: viduEngineeringPanelIn .18s ease both;
}

.vidu-engineering-workshop-hero,
.vidu-engineering-workshop-card,
.vidu-engineering-agent-thread-panel,
.vidu-engineering-meeting-output {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .5), rgba(2, 6, 23, .32));
  box-shadow: 0 16px 42px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.vidu-engineering-workshop-hero {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  padding: 24px;
}

.vidu-engineering-workshop-hero span,
.vidu-engineering-workshop-card > span,
.vidu-engineering-meeting-output-grid article > span {
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 860;
  text-transform: uppercase;
}

.vidu-engineering-workshop-hero h3 {
  margin: 5px 0 7px;
  color: #f8fafc;
  font-size: clamp(24px, 2vw, 34px);
  line-height: 1.1;
}

.vidu-engineering-workshop-hero p,
.vidu-engineering-workshop-card p,
.vidu-engineering-agent-thread-grid p,
.vidu-engineering-meeting-output-grid p {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.5;
}

.vidu-engineering-workshop-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
}

.vidu-engineering-workshop-card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 190px;
  padding: 18px;
}

.vidu-engineering-agent-thread-panel,
.vidu-engineering-meeting-output {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.vidu-engineering-agent-thread-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
  gap: 12px;
  min-width: 0;
}

.vidu-engineering-agent-thread-grid article {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 18px;
  background: rgba(2, 6, 23, .3);
}

.vidu-engineering-agent-thread-grid header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.vidu-engineering-agent-thread-grid strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f8fafc;
}

.vidu-engineering-agent-thread-grid span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
}

.vidu-engineering-meeting-output-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(260px, .8fr);
  gap: 14px;
  min-width: 0;
}

.vidu-engineering-meeting-output-grid article {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 16px;
  border-radius: 18px;
  background: rgba(2, 6, 23, .3);
}

.vidu-engineering-meeting-output-grid pre {
  max-height: 300px;
  margin: 0;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 14px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .44);
  overflow: auto;
  white-space: pre-wrap;
}

.vidu-engineering-journal {
  display: grid;
  gap: 18px;
  min-width: 0;
  animation: viduEngineeringPanelIn .18s ease both;
}

.vidu-engineering-journal-hero,
.vidu-engineering-journal-filter,
.vidu-engineering-journal-entry {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .5), rgba(2, 6, 23, .32));
  box-shadow: 0 16px 42px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.vidu-engineering-journal-hero {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  padding: 24px;
}

.vidu-engineering-journal-hero span,
.vidu-engineering-journal-entry header span,
.vidu-engineering-journal-expand span {
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 860;
  text-transform: uppercase;
}

.vidu-engineering-journal-hero h3 {
  margin: 5px 0 7px;
  color: #f8fafc;
  font-size: clamp(24px, 2vw, 34px);
  line-height: 1.1;
}

.vidu-engineering-journal-hero p {
  max-width: 760px;
  margin: 0;
  color: #a8b4c5;
  line-height: 1.5;
}

.vidu-engineering-journal-filter {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 8px;
}

.vidu-engineering-journal-filter button {
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  color: #94a3b8;
  background: transparent;
  font: 820 12px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor: pointer;
  transition: color .16s ease, background .16s ease, transform .16s ease;
}

.vidu-engineering-journal-filter button:hover,
.vidu-engineering-journal-filter button.is-active {
  color: #e0f2fe;
  background: rgba(14, 116, 144, .18);
  transform: translateY(-1px);
}

.vidu-engineering-journal-stream {
  display: grid;
  gap: 0;
  min-width: 0;
}

.vidu-engineering-journal-stream article {
  position: relative;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
  padding-bottom: 16px;
}

.vidu-engineering-journal-stream article::before {
  content: "";
  position: absolute;
  left: 36px;
  top: 45px;
  bottom: 0;
  width: 1px;
  background: rgba(148, 163, 184, .14);
}

.vidu-engineering-journal-stream article:last-child::before {
  display: none;
}

.vidu-engineering-journal-index {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 8px;
  color: #64748b;
  font-size: 11px;
  font-weight: 840;
}

.vidu-engineering-journal-entry {
  display: grid;
  gap: 12px;
  padding: 18px;
  border-left: 3px solid rgba(125, 211, 252, .45);
}

.vidu-engineering-journal-stream article.is-reviews .vidu-engineering-journal-entry { border-left-color: rgba(129, 140, 248, .52); }
.vidu-engineering-journal-stream article.is-consensus .vidu-engineering-journal-entry { border-left-color: rgba(45, 212, 191, .52); }
.vidu-engineering-journal-stream article.is-approval .vidu-engineering-journal-entry { border-left-color: rgba(34, 197, 94, .52); }
.vidu-engineering-journal-stream article.is-codex .vidu-engineering-journal-entry { border-left-color: rgba(248, 113, 113, .5); }

.vidu-engineering-journal-entry header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
}

.vidu-engineering-journal-entry strong {
  display: block;
  color: #f8fafc;
  font-size: 16px;
}

.vidu-engineering-journal-entry time {
  flex: 0 0 auto;
  color: #64748b;
  font-size: 12px;
}

.vidu-engineering-journal-entry p {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.5;
}

.vidu-engineering-journal-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.vidu-engineering-journal-expand {
  border-top: 1px solid rgba(148, 163, 184, .1);
  padding-top: 10px;
}

.vidu-engineering-journal-expand summary {
  color: #bae6fd;
  cursor: pointer;
  font-size: 12px;
  font-weight: 820;
}

.vidu-engineering-journal-expand div {
  display: grid;
  gap: 5px;
  margin-top: 10px;
}

.vidu-engineering-journal-expand pre {
  max-height: 320px;
  margin: 0;
  padding: 13px;
  border-radius: 14px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .5);
  overflow: auto;
  white-space: pre-wrap;
}

.vidu-engineering-knowledge-workspace {
  display: grid;
  gap: 18px;
  min-width: 0;
  animation: viduEngineeringPanelIn .18s ease both;
}

.vidu-engineering-knowledge-hero,
.vidu-engineering-local-scope,
.vidu-engineering-knowledge-grid > article {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .5), rgba(2, 6, 23, .32));
  box-shadow: 0 16px 42px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.vidu-engineering-knowledge-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .55fr);
  gap: 22px;
  padding: 24px;
}

.vidu-engineering-knowledge-hero span,
.vidu-engineering-knowledge-metrics span {
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 860;
  text-transform: uppercase;
}

.vidu-engineering-knowledge-hero h3 {
  margin: 5px 0 7px;
  color: #f8fafc;
  font-size: clamp(24px, 2vw, 34px);
  line-height: 1.1;
}

.vidu-engineering-knowledge-hero p {
  max-width: 760px;
  margin: 0;
  color: #a8b4c5;
  line-height: 1.5;
}

.vidu-engineering-knowledge-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vidu-engineering-knowledge-metrics article {
  display: grid;
  gap: 5px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(2, 6, 23, .28);
}

.vidu-engineering-knowledge-metrics strong {
  color: #f8fafc;
  font-size: 24px;
}

.vidu-engineering-local-scope {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px;
}

.vidu-engineering-knowledge-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
}

.vidu-engineering-knowledge-grid > article {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 18px;
}

.vidu-engineering-knowledge-grid .vidu-development-knowledge-item {
  background: rgba(2, 6, 23, .28);
}

.vidu-engineering-codex-mission {
  display: grid;
  gap: 18px;
  min-width: 0;
  animation: viduEngineeringPanelIn .18s ease both;
}

.vidu-engineering-codex-hero,
.vidu-engineering-codex-meter,
.vidu-engineering-approval-pipeline,
.vidu-engineering-codex-blockers > article,
.vidu-engineering-codex-safety {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .5), rgba(2, 6, 23, .32));
  box-shadow: 0 16px 42px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.vidu-engineering-codex-hero {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  padding: 24px;
}

.vidu-engineering-codex-hero span,
.vidu-engineering-codex-blockers span {
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 860;
  text-transform: uppercase;
}

.vidu-engineering-codex-hero h3 {
  margin: 5px 0 7px;
  color: #f8fafc;
  font-size: clamp(24px, 2vw, 34px);
  line-height: 1.1;
}

.vidu-engineering-codex-hero p,
.vidu-engineering-codex-blockers p,
.vidu-engineering-approval-steps p {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.5;
}

.vidu-engineering-codex-hero > strong {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 86px;
  height: 86px;
  border: 1px solid rgba(248, 113, 113, .24);
  border-radius: 28px;
  color: #f8fafc;
  background: rgba(127, 29, 29, .16);
  font-size: 25px;
}

.vidu-engineering-codex-meter,
.vidu-engineering-approval-pipeline,
.vidu-engineering-codex-safety {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.vidu-engineering-approval-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.vidu-engineering-approval-steps article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 18px;
  background: rgba(2, 6, 23, .3);
}

.vidu-engineering-approval-steps article.is-ready {
  border-color: rgba(45, 212, 191, .26);
  background: rgba(13, 148, 136, .1);
}

.vidu-engineering-approval-steps span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 860;
  text-transform: uppercase;
}

.vidu-engineering-approval-steps strong {
  color: #f8fafc;
  font-size: 18px;
}

.vidu-engineering-codex-blockers {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
}

.vidu-engineering-codex-blockers > article {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 18px;
}

.vidu-engineering-overview-dashboard {
  display: grid;
  gap: 22px;
  min-width: 0;
  margin-bottom: 22px;
}

.vidu-engineering-current-summary,
.vidu-engineering-health-panel,
.vidu-engineering-request-snapshot,
.vidu-engineering-research-origin,
.vidu-engineering-recommendation,
.vidu-engineering-brief-document,
.vidu-engineering-technical-details,
.vidu-engineering-readiness-dashboard,
.vidu-engineering-meeting-workshop .vidu-dev-detail-section {
  min-width: 0;
  padding: 20px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .5), rgba(2, 6, 23, .32));
  box-shadow: 0 16px 42px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.vidu-engineering-current-summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(56, 189, 248, .12), transparent 32%),
    linear-gradient(180deg, rgba(15, 23, 42, .58), rgba(2, 6, 23, .34));
}

.vidu-engineering-current-summary span,
.vidu-engineering-health-panel .vidu-system-section-head span,
.vidu-engineering-request-snapshot .vidu-system-section-head span,
.vidu-engineering-research-origin .vidu-system-section-head span,
.vidu-engineering-recommendation span,
.vidu-engineering-readiness-head span,
.vidu-engineering-brief-document .vidu-system-section-head span {
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 860;
  text-transform: uppercase;
}

.vidu-engineering-current-summary h3 {
  margin: 6px 0 8px;
  color: #f8fafc;
  font-size: clamp(28px, 2.4vw, 42px);
  line-height: 1.08;
}

.vidu-engineering-current-summary p,
.vidu-engineering-recommendation strong,
.vidu-engineering-technical-details summary,
.vidu-engineering-brief-document p {
  color: #cbd5e1;
  line-height: 1.55;
}

.vidu-engineering-current-summary > strong {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 86px;
  height: 86px;
  border: 1px solid rgba(125, 211, 252, .24);
  border-radius: 28px;
  color: #f8fafc;
  background: rgba(14, 116, 144, .14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
  font-size: 25px;
}

.vidu-engineering-status-ribbon,
.vidu-engineering-kpi-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.vidu-engineering-status-ribbon span {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 16px;
  color: #cbd5e1;
  background: rgba(2, 6, 23, .28);
  font-size: 12px;
  font-weight: 820;
  text-align: center;
}

.vidu-engineering-health-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
}

.vidu-engineering-health-grid article {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  min-height: 138px;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 18px;
  background: rgba(2, 6, 23, .32);
}

.vidu-engineering-health-grid span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 820;
  text-transform: uppercase;
}

.vidu-engineering-health-grid strong {
  color: #f8fafc;
  font-size: 21px;
  line-height: 1.2;
}

.vidu-engineering-health-grid p {
  margin: 0;
  color: #a8b4c5;
  line-height: 1.45;
}

.vidu-engineering-request-snapshot {
  display: grid;
  gap: 16px;
}

.vidu-engineering-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.vidu-engineering-snapshot-grid div {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 14px;
  border-radius: 16px;
  background: rgba(2, 6, 23, .26);
}

.vidu-engineering-snapshot-grid span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
}

.vidu-engineering-snapshot-grid strong {
  min-width: 0;
  color: #e2e8f0;
  overflow-wrap: anywhere;
}

.vidu-engineering-research-origin {
  display: grid;
  gap: 14px;
}

.vidu-engineering-research-origin-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.vidu-engineering-research-origin-grid article {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(125, 211, 252, .1);
  border-radius: 16px;
  background: rgba(2, 6, 23, .26);
}

.vidu-engineering-research-origin-grid article.is-wide {
  grid-column: 1 / -1;
}

.vidu-engineering-research-origin-grid span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
}

.vidu-engineering-research-origin-grid strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.vidu-engineering-research-origin-grid p {
  margin: 0;
  color: #b6c4d6;
  font-size: 13px;
  line-height: 1.5;
}

.vidu-engineering-recommendation {
  display: grid;
  gap: 10px;
  padding: 24px;
}

.vidu-engineering-recommendation strong {
  font-size: 19px;
  line-height: 1.5;
}

.vidu-engineering-brief-document {
  display: grid;
  gap: 12px;
  padding: 24px;
}

.vidu-engineering-brief-document details {
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 18px;
  background: rgba(2, 6, 23, .22);
  overflow: hidden;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.vidu-engineering-brief-document details[open] {
  border-color: rgba(125, 211, 252, .2);
  background: rgba(15, 23, 42, .4);
}

.vidu-engineering-brief-document summary {
  position: relative;
  padding: 16px 44px 16px 18px;
  color: #e2e8f0;
  font-weight: 840;
  cursor: pointer;
  list-style: none;
}

.vidu-engineering-brief-document summary::-webkit-details-marker {
  display: none;
}

.vidu-engineering-brief-document summary::after {
  content: "+";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #7dd3fc;
  font-weight: 860;
}

.vidu-engineering-brief-document details[open] summary::after {
  content: "-";
}

.vidu-engineering-brief-document details > div {
  padding: 0 18px 18px;
  color: #cbd5e1;
}

.vidu-engineering-technical-details summary {
  cursor: pointer;
  font-weight: 840;
}

.vidu-engineering-workshop-map {
  display: flex;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 4px;
}

.vidu-engineering-workshop-map span {
  flex: 0 0 auto;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 999px;
  color: #a8b4c5;
  background: rgba(2, 6, 23, .3);
  font-size: 12px;
  font-weight: 780;
}

.vidu-engineering-readiness-dashboard {
  margin-top: 18px;
}

.vidu-engineering-readiness-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  margin-bottom: 16px;
}

.vidu-engineering-readiness-head strong {
  display: block;
  margin-top: 4px;
  color: #f8fafc;
  font-size: 30px;
}

.vidu-engineering-readiness-head p {
  max-width: 720px;
  margin: 4px 0 0;
  color: #a8b4c5;
  line-height: 1.45;
}

.vidu-engineering-readiness-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.vidu-engineering-readiness-grid article {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 16px;
  background: rgba(2, 6, 23, .3);
}

.vidu-engineering-readiness-grid header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #e2e8f0;
  font-size: 12px;
  font-weight: 820;
}

.vidu-engineering-progress {
  height: 7px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .12);
  overflow: hidden;
}

.vidu-engineering-progress i {
  display: block;
  width: var(--progress, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #22d3ee, #818cf8);
  box-shadow: 0 0 16px rgba(56, 189, 248, .28);
  transition: width .18s ease;
}

.vidu-engineering-readiness-grid p {
  margin: 0;
  color: #94a3b8;
  font-size: 12px;
}

.vidu-engineering-workspace .vidu-codex-runtime-panel {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

@media (max-width: 1180px) {
  .vidu-scout-overview-status-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 980px) {
  .vidu-scout-workspace {
    padding: 14px;
  }

  .vidu-scout-header {
    flex-direction: column;
    padding: 20px;
  }

  .vidu-scout-header aside {
    justify-content: flex-start;
    min-width: 0;
    width: 100%;
  }

  .vidu-division-status-strip,
  .vidu-scout-summary,
  .vidu-scout-view-grid,
  .vidu-scout-panel-grid {
    grid-template-columns: 1fr;
  }

  .vidu-division-metric-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-scout-metrics,
  .vidu-scout-safety-grid {
    grid-template-columns: 1fr;
  }

  .vidu-scout-research-workbench {
    grid-template-columns: 1fr;
  }

  .vidu-scout-research-list {
    max-height: 360px;
  }

  .vidu-scout-research-hub-header,
  .vidu-scout-research-filters {
    align-items: stretch;
    flex-direction: column;
  }

  .vidu-scout-command-center > header,
  .vidu-scout-command-center > footer { align-items: flex-start; flex-direction: column; }

  .vidu-scout-command-metrics { grid-template-columns: 1fr; }

  .vidu-scout-research-filters input { width: 100%; min-width: 0; }

  .vidu-scout-research-filters label {
    margin-left: 0;
  }

  .vidu-scout-research-stack.is-unified,
  .vidu-scout-research-mode {
    grid-template-columns: 1fr;
  }

  .vidu-scout-research-modal {
    padding: 10px;
  }

  .vidu-scout-research-modal-panel {
    width: 100%;
    max-height: 96vh;
    padding: 17px;
    border-radius: 20px;
  }

  .vidu-scout-form-grid,
  .vidu-scout-request-safety,
  .vidu-scout-schedule-preview,
  .vidu-scout-strategy-grid {
    grid-template-columns: 1fr;
  }

  .vidu-scout-strategy-panel > header,
  .vidu-scout-schedule-panel > header {
    flex-direction: column;
  }

  .vidu-scout-entity-workbench {
    grid-template-columns: 1fr;
  }

  .vidu-scout-programs-overview {
    grid-template-columns: 1fr;
  }

  .vidu-scout-resizable-columns {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .vidu-scout-column-resizer {
    display: none;
  }

  .vidu-scout-program-grid {
    grid-template-columns: 1fr;
  }

  .vidu-scout-program-detail {
    max-height: none;
  }

  .vidu-scout-runtime-disclosure > summary {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .vidu-scout-runtime-disclosure > summary small {
    grid-column: 2;
    text-align: left;
  }

  .vidu-scout-audit-grid,
  .vidu-scout-debug-grid {
    grid-template-columns: 1fr;
  }

  .vidu-scout-topic-grid,
  .vidu-scout-source-grid,
  .vidu-scout-collection-grid,
  .vidu-scout-insight-library-grid,
  .vidu-scout-learning-grid,
  .vidu-scout-feed-grid {
    grid-template-columns: 1fr;
  }

  .vidu-engineering-workspace {
    padding: 14px;
  }

  .vidu-engineering-header {
    flex-direction: column;
    padding: 20px;
  }

  .vidu-engineering-header-side {
    justify-items: start;
    width: 100%;
    min-width: 0;
  }

  .vidu-engineering-status,
  .vidu-engineering-actions {
    justify-content: flex-start;
  }

  .vidu-engineering-shell {
    grid-template-columns: 1fr;
  }

  .vidu-engineering-division-hero,
  .vidu-engineering-dashboard-grid {
    grid-template-columns: 1fr;
  }

  .vidu-engineering-dashboard-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-engineering-dashboard-panel.is-selected,
  .vidu-engineering-dashboard-panel.is-activity {
    grid-column: auto;
  }

  .vidu-engineering-health-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-engineering-qa-command-grid {
    grid-template-columns: 1fr;
  }

  .vidu-engineering-request-rail {
    max-height: 320px;
  }

  .vidu-engineering-architecture-head {
    flex-direction: column;
  }

  .vidu-engineering-architecture-actions {
    justify-content: flex-start;
  }

  .vidu-architecture-map-shell.is-engineering-architecture {
    height: auto;
    min-height: 0;
  }

  .vidu-architecture-map-shell.is-engineering-architecture .vidu-architecture-map-layout {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(420px, 58vh) auto;
  }

  .vidu-architecture-map-shell.is-engineering-architecture .vidu-architecture-map-canvas-wrap {
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
  }

  .vidu-engineering-impact-panel {
    max-height: none;
  }

  .vidu-engineering-status-ribbon,
  .vidu-engineering-kpi-row,
  .vidu-engineering-health-grid,
  .vidu-engineering-snapshot-grid,
  .vidu-engineering-research-origin-grid,
  .vidu-engineering-inspector-grid,
  .vidu-engineering-inspector-fields,
  .vidu-engineering-consensus-layout,
  .vidu-engineering-consensus-columns,
  .vidu-engineering-workshop-grid,
  .vidu-engineering-meeting-output-grid,
  .vidu-engineering-knowledge-hero,
  .vidu-engineering-knowledge-grid,
  .vidu-engineering-approval-steps,
  .vidu-engineering-codex-blockers,
  .vidu-engineering-readiness-grid {
    grid-template-columns: 1fr;
  }

  .vidu-engineering-current-summary {
    flex-direction: column;
    padding: 22px;
  }

  .vidu-engineering-readiness-head {
    flex-direction: column;
  }

  .vidu-engineering-inspector-head {
    flex-direction: column;
  }

  .vidu-engineering-review-hero {
    flex-direction: column;
  }

  .vidu-engineering-workshop-hero {
    flex-direction: column;
  }

  .vidu-engineering-journal-hero {
    flex-direction: column;
  }

  .vidu-engineering-codex-hero {
    flex-direction: column;
  }

  .vidu-engineering-journal-stream article {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .vidu-engineering-journal-stream article::before {
    left: 22px;
  }

  .vidu-engineering-review-state {
    justify-content: flex-start;
  }
}

.vidu-dev-control-center {
  --dev-panel-bg: rgba(7, 12, 22, .72);
  --dev-panel-bg-soft: rgba(15, 23, 42, .5);
  --dev-panel-border: rgba(148, 163, 184, .13);
  --dev-panel-border-strong: rgba(148, 163, 184, .2);
  --dev-accent: #38bdf8;
  --dev-accent-soft: rgba(56, 189, 248, .12);
  --dev-text-soft: #94a3b8;
}

body.vidu-developer-fullscreen-active,
.vidu-dev-control-fullscreen-active {
  overflow: hidden;
}

.vidu-dev-control-page,
.vidu-dev-control-center {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.vidu-dev-control-center,
.vidu-dev-control-center *,
.vidu-dev-control-center *::before,
.vidu-dev-control-center *::after {
  box-sizing: border-box;
}

.vidu-developer-fullscreen-portal {
  position: fixed;
  inset: 0;
  z-index: 2147481800;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

.vidu-dev-control-center.is-real-fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147481800;
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  max-width: none;
  overflow: hidden;
  padding: 24px;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 16% 0%, rgba(34, 211, 238, .12), transparent 34%),
    linear-gradient(145deg, rgba(2, 6, 23, .99), rgba(8, 13, 24, .99));
  box-shadow: 0 30px 110px rgba(0, 0, 0, .66);
  pointer-events: auto;
}

.vidu-dev-control-center.is-real-fullscreen .vidu-dev-control-layout {
  grid-template-columns: 360px minmax(0, 1fr);
  height: calc(100vh - 154px);
  min-height: 0;
  overflow: hidden;
}

.vidu-dev-control-center.is-real-fullscreen > .vidu-settings-panel-head {
  padding: 2px 4px 14px;
}

.vidu-dev-control-center.is-real-fullscreen .vidu-dev-control-layout {
  gap: 18px;
}

.vidu-dev-control-center.is-real-fullscreen > .vidu-dev-control-section {
  display: none;
}

.vidu-dev-control-center > .vidu-settings-panel-head {
  align-items: center;
  padding: 4px 2px 10px;
  border-bottom: 1px solid rgba(148, 163, 184, .1);
}

.vidu-dev-control-center > .vidu-settings-panel-head h3 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(22px, 2vw, 30px);
  letter-spacing: 0;
}

.vidu-dev-control-center > .vidu-settings-panel-head span {
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 820;
  text-transform: uppercase;
}

.vidu-dev-control-center > .vidu-settings-muted {
  max-width: 920px;
  margin: -2px 0 2px;
  color: #a8b4c5;
  line-height: 1.55;
}

.vidu-dev-control-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

.vidu-codex-runtime-panel > .vidu-settings-section-head em,
.vidu-codex-runtime-panel > .vidu-system-section-head em,
.vidu-codex-runtime-panel > .vidu-settings-panel-head em {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(248, 113, 113, .24);
  border-radius: 999px;
  color: #fecaca;
  background: rgba(127, 29, 29, .18);
  font-style: normal;
  font-size: 12px;
  font-weight: 760;
}

.vidu-dev-control-layout,
.vidu-codex-runtime-grid {
  display: grid;
  grid-template-columns: minmax(320px, 360px) minmax(680px, 1fr);
  gap: 14px;
  min-width: 0;
  align-items: start;
}

.vidu-dev-request-board,
.vidu-dev-request-detail,
.vidu-codex-runtime-inbox,
.vidu-codex-runtime-brief {
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--dev-panel-border);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .58), rgba(6, 10, 18, .58));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 18px 45px rgba(0, 0, 0, .16);
  max-width: 100%;
}

.vidu-dev-request-board > .vidu-system-section-head,
.vidu-dev-request-detail > .vidu-system-section-head,
.vidu-dev-control-section > summary {
  border-radius: 12px;
}

.vidu-dev-control-center.is-real-fullscreen .vidu-dev-request-board,
.vidu-dev-control-center.is-real-fullscreen .vidu-dev-request-detail {
  min-height: 0;
  max-height: none;
  overflow: hidden;
  padding: 18px;
}

.vidu-dev-control-center.is-real-fullscreen .vidu-dev-request-board {
  grid-template-rows: auto minmax(0, 1fr) auto auto;
}

.vidu-dev-control-center.is-real-fullscreen .vidu-dev-request-grid {
  max-height: none;
  overflow: auto;
}

.vidu-dev-request-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 11px;
  max-height: 390px;
  overflow: auto;
  padding-right: 2px;
}

.vidu-dev-request-grid > .vidu-settings-muted,
.vidu-dev-request-detail > .vidu-settings-muted,
.vidu-development-request-timeline > .vidu-settings-muted {
  display: grid;
  place-items: center;
  min-height: 120px;
  margin: 0;
  padding: 18px;
  border: 1px dashed rgba(148, 163, 184, .2);
  border-radius: 14px;
  color: #94a3b8;
  background: rgba(2, 6, 23, .28);
  text-align: center;
}

.vidu-dev-request-card {
  min-width: 0;
  display: grid;
  position: relative;
  gap: 10px;
  align-content: start;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 14px;
  color: var(--vidu-text-primary);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .74), rgba(8, 13, 24, .78));
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.vidu-dev-request-card::before {
  content: "";
  position: absolute;
  inset: 12px auto 12px 0;
  width: 3px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .34);
}

.vidu-dev-request-card:hover {
  transform: translateY(-1px);
  border-color: rgba(125, 211, 252, .3);
  background:
    linear-gradient(180deg, rgba(20, 31, 52, .82), rgba(8, 18, 32, .84));
}

.vidu-dev-request-card.is-active {
  border-color: rgba(56, 189, 248, .48);
  background:
    linear-gradient(180deg, rgba(8, 47, 73, .44), rgba(15, 23, 42, .82));
  box-shadow: 0 0 0 1px rgba(56, 189, 248, .14), 0 14px 36px rgba(8, 47, 73, .22);
}

.vidu-dev-request-card.is-active::before {
  background: #38bdf8;
  box-shadow: 0 0 16px rgba(56, 189, 248, .48);
}

.vidu-dev-request-card.is-risk-low::before { background: rgba(34, 197, 94, .72); }
.vidu-dev-request-card.is-risk-medium::before { background: rgba(59, 130, 246, .72); }
.vidu-dev-request-card.is-risk-high::before { background: rgba(251, 191, 36, .74); }
.vidu-dev-request-card.is-risk-critical::before { background: rgba(251, 113, 133, .78); }

.vidu-dev-request-card-top,
.vidu-dev-request-card-meta,
.vidu-dev-request-gates {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.vidu-dev-request-card-top {
  justify-content: space-between;
}

.vidu-dev-request-card strong {
  color: #f8fafc;
  font-size: 14px;
  line-height: 1.35;
  overflow-wrap: break-word;
  word-break: normal;
}

.vidu-dev-request-card span {
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-weight: 700;
}

.vidu-dev-request-card-subtitle {
  display: block;
  color: #a7b4c7;
  font-size: 12px;
  line-height: 1.35;
}

.vidu-dev-request-card em {
  padding: 4px 8px;
  border: 1px solid rgba(125, 211, 252, .18);
  border-radius: 999px;
  color: #bae6fd;
  background: rgba(14, 116, 144, .14);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.vidu-dev-request-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-width: 0;
}

.vidu-dev-control-center.is-real-fullscreen .vidu-dev-request-detail {
  grid-template-rows: auto auto minmax(0, 1fr);
}

.vidu-dev-control-center.is-real-fullscreen .vidu-dev-request-detail-layout {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  min-height: 0;
  overflow: hidden;
}

.vidu-dev-control-center.is-real-fullscreen .vidu-dev-request-detail-main {
  overflow: auto;
  padding-right: 2px;
}

.vidu-dev-request-detail-main {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.vidu-dev-detail-nav {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
  padding: 4px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 14px;
  background: rgba(2, 6, 23, .28);
}

.vidu-dev-detail-nav span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #94a3b8;
  background: transparent;
  font-size: 12px;
  font-weight: 780;
  white-space: nowrap;
  transition: color .14s ease, background .14s ease, border-color .14s ease;
}

.vidu-dev-detail-nav span:hover,
.vidu-dev-detail-nav span.is-active {
  border-color: rgba(56, 189, 248, .22);
  color: #e0f2fe;
  background: rgba(14, 116, 144, .18);
}

.vidu-dev-control-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 24px;
  padding: 3px 7px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 999px;
  color: var(--vidu-text-secondary);
  background: rgba(2, 6, 23, .42);
  font-size: 11px;
  font-weight: 760;
}

.vidu-dev-control-badge b {
  color: var(--vidu-text-primary);
  font-size: inherit;
}

.vidu-dev-control-badge.is-locked {
  border-color: rgba(248, 113, 113, .24);
  color: #fecaca;
  background: rgba(127, 29, 29, .16);
}

.vidu-dev-control-badge.is-ready {
  border-color: rgba(34, 197, 94, .24);
  color: #bbf7d0;
  background: rgba(22, 101, 52, .16);
}

.vidu-dev-control-badge.is-pending {
  border-color: rgba(251, 191, 36, .22);
  color: #fde68a;
  background: rgba(146, 64, 14, .15);
}

.vidu-dev-control-badge.is-warning,
.vidu-dev-control-badge.is-risk-high,
.vidu-dev-control-badge.is-risk-critical {
  border-color: rgba(251, 113, 133, .28);
  color: #fecdd3;
  background: rgba(136, 19, 55, .16);
}

.vidu-dev-control-badge.is-risk-low {
  border-color: rgba(34, 197, 94, .22);
  color: #bbf7d0;
  background: rgba(22, 101, 52, .14);
}

.vidu-dev-control-badge.is-risk-medium {
  border-color: rgba(59, 130, 246, .22);
  color: #bfdbfe;
  background: rgba(30, 64, 175, .14);
}

.vidu-dev-detail-section,
.vidu-dev-control-section {
  min-width: 0;
  max-width: 100%;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 14px;
  background: rgba(15, 23, 42, .32);
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
  transition: border-color .16s ease, background .16s ease;
}

.vidu-dev-detail-section[open] {
  border-color: rgba(148, 163, 184, .16);
  background: rgba(15, 23, 42, .42);
}

.vidu-dev-detail-section *,
.vidu-dev-control-section *,
.vidu-development-timeline-panel *,
.vidu-dev-request-card * {
  min-width: 0;
}

.vidu-dev-detail-section summary,
.vidu-dev-control-section summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  color: var(--vidu-text-primary);
  cursor: pointer;
  font-weight: 820;
  background: rgba(2, 6, 23, .16);
}

.vidu-dev-detail-section summary::-webkit-details-marker,
.vidu-dev-control-section summary::-webkit-details-marker {
  display: none;
}

.vidu-dev-detail-section summary b,
.vidu-dev-control-section summary b {
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-weight: 760;
}

.vidu-dev-detail-section > :not(summary),
.vidu-dev-control-section > .vidu-dev-utility-body {
  margin: 0 12px 12px;
}

.vidu-dev-control-section {
  background: rgba(2, 6, 23, .24);
}

.vidu-dev-control-section:not([open]) {
  background: rgba(2, 6, 23, .16);
}

.vidu-dev-control-section summary {
  color: #dbeafe;
}

.vidu-dev-agent-review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
  gap: 10px;
  min-width: 0;
}

.vidu-dev-agent-review-grid article {
  position: relative;
  display: grid;
  gap: 7px;
  min-width: 0;
  max-width: 100%;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .54), rgba(2, 6, 23, .42));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.vidu-dev-agent-review-grid article::before {
  content: "";
  position: absolute;
  inset: 12px auto 12px 0;
  width: 3px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .24);
}

.vidu-dev-agent-review-grid p {
  margin: 0;
  color: var(--vidu-text-secondary);
  line-height: 1.45;
}

.vidu-dev-agent-review-grid strong {
  color: #f8fafc;
}

.vidu-dev-agent-review-grid em {
  color: #bfdbfe;
  font-size: 12px;
  font-style: normal;
  font-weight: 760;
}

.vidu-workforce-review-section {
  border-color: rgba(34, 211, 238, .2);
  background: linear-gradient(180deg, rgba(8, 47, 73, .18), rgba(15, 23, 42, .34));
}

.vidu-development-review-session {
  min-width: 0;
  margin: 0 0 12px;
  border: 1px solid rgba(56, 189, 248, .14);
  border-radius: 14px;
  background: rgba(2, 6, 23, .28);
  overflow: hidden;
}

.vidu-development-review-session summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  color: #e0f2fe;
  cursor: pointer;
  font-weight: 820;
  background: rgba(14, 116, 144, .12);
}

.vidu-development-review-session summary::-webkit-details-marker {
  display: none;
}

.vidu-development-review-session > :not(summary) {
  margin: 12px;
}

.vidu-development-review-session-grid,
.vidu-review-session-agent-grid {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.vidu-review-session-agent-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
}

.vidu-review-session-agent-grid article,
.vidu-review-session-log article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 14px;
  background: rgba(15, 23, 42, .44);
}

.vidu-review-session-agent-grid header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.vidu-review-session-agent-grid header span,
.vidu-review-session-agent-grid div > span,
.vidu-review-session-log span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
}

.vidu-review-session-agent-grid p,
.vidu-review-session-log p,
.vidu-review-session-log small {
  margin: 0;
  color: #a8b4c5;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.vidu-review-session-timeline,
.vidu-review-session-log {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.vidu-review-session-timeline article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.vidu-review-session-timeline article > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 13px;
  background: rgba(15, 23, 42, .36);
}

.vidu-review-session-timeline strong {
  color: #f8fafc;
}

.vidu-review-session-timeline span {
  color: #64748b;
  font-size: 11px;
}

.vidu-review-session-timeline p {
  margin: 0;
  color: #a8b4c5;
}

.vidu-development-meeting-section {
  border-color: rgba(168, 85, 247, .2);
  background: rgba(59, 7, 100, .14);
}

.vidu-human-approval-center-section {
  border-color: rgba(59, 130, 246, .22);
  background: rgba(30, 64, 175, .12);
}

.vidu-codex-execution-queue-section {
  border-color: rgba(168, 85, 247, .22);
  background: rgba(88, 28, 135, .12);
}

.vidu-human-approval-log {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.vidu-human-approval-log article {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 12px;
  background: rgba(15, 23, 42, .42);
}

.vidu-human-approval-log strong {
  color: #f8fafc;
}

.vidu-human-approval-log span,
.vidu-human-approval-log small {
  color: #94a3b8;
  font-size: 12px;
}

.vidu-human-approval-log p {
  margin: 0;
  color: #cbd5e1;
}

.vidu-workforce-reflection-section {
  border-color: rgba(34, 197, 94, .2);
  background: rgba(20, 83, 45, .13);
}

.vidu-architecture-impact-section {
  border-color: rgba(251, 191, 36, .2);
  background: linear-gradient(180deg, rgba(69, 26, 3, .13), rgba(15, 23, 42, .34));
}

.vidu-related-development-knowledge-section {
  border-color: rgba(45, 212, 191, .2);
  background: rgba(15, 118, 110, .12);
}

.vidu-workforce-review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
  gap: 10px;
  min-width: 0;
}

.vidu-workforce-review-perspective {
  position: relative;
  display: grid;
  gap: 10px;
  align-content: start;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 15px;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .56), rgba(2, 6, 23, .44));
  max-width: 100%;
}

.vidu-workforce-review-perspective::before {
  content: "";
  position: absolute;
  inset: 14px auto 14px 0;
  width: 3px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .28);
}

.vidu-workforce-review-perspective.is-daniel::before { background: rgba(96, 165, 250, .75); }
.vidu-workforce-review-perspective.is-marcus::before { background: rgba(251, 191, 36, .72); }
.vidu-workforce-review-perspective.is-victor::before { background: rgba(34, 197, 94, .72); }
.vidu-workforce-review-perspective.is-sophia::before { background: rgba(244, 114, 182, .62); }
.vidu-workforce-review-perspective.is-elena::before { background: rgba(45, 212, 191, .68); }

.vidu-workforce-review-perspective.is-daniel { border-color: rgba(96, 165, 250, .18); }
.vidu-workforce-review-perspective.is-marcus { border-color: rgba(251, 191, 36, .16); }
.vidu-workforce-review-perspective.is-victor { border-color: rgba(34, 197, 94, .16); }
.vidu-workforce-review-perspective.is-sophia { border-color: rgba(244, 114, 182, .16); }
.vidu-workforce-review-perspective.is-elena { border-color: rgba(45, 212, 191, .17); }

.vidu-workforce-review-perspective header {
  display: grid;
  gap: 3px;
}

.vidu-workforce-review-perspective strong {
  color: #f8fafc;
}

.vidu-workforce-review-perspective span,
.vidu-workforce-consensus span,
.vidu-workforce-daniel-brief span {
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.vidu-workforce-review-perspective div {
  display: grid;
  gap: 5px;
}

.vidu-workforce-review-perspective div:last-of-type {
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 12px;
  background: rgba(2, 6, 23, .28);
}

.vidu-workforce-review-perspective p,
.vidu-workforce-review-perspective ul,
.vidu-workforce-consensus p,
.vidu-workforce-consensus ul {
  margin: 0;
  color: var(--vidu-text-primary);
  line-height: 1.45;
  overflow-wrap: break-word;
  word-break: normal;
}

.vidu-workforce-review-perspective ul,
.vidu-workforce-consensus ul {
  padding-left: 18px;
}

.vidu-workforce-review-perspective footer {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.vidu-workforce-consensus,
.vidu-workforce-daniel-brief,
.vidu-development-meeting-notes {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 15px;
  background: rgba(15, 23, 42, .42);
}

.vidu-workforce-daniel-brief pre,
.vidu-development-meeting-section pre {
  max-height: 360px;
  overflow: auto;
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 10px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .72);
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: normal;
  word-break: normal;
}

.vidu-development-timeline-panel {
  position: static;
  display: grid;
  gap: 10px;
  min-width: 0;
  max-height: min(520px, calc(100vh - 180px));
  overflow: auto;
  padding: 14px;
  border: 1px solid rgba(34, 211, 238, .18);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(8, 47, 73, .16), rgba(2, 6, 23, .36));
}

.vidu-dev-control-center.is-real-fullscreen .vidu-development-timeline-panel {
  position: sticky;
  top: 0;
  max-height: none;
  height: 100%;
  overflow: auto;
}

.vidu-development-timeline-tools {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.vidu-development-timeline-tools span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  border: 1px dashed rgba(148, 163, 184, .22);
  border-radius: 999px;
  color: var(--vidu-text-secondary);
  background: rgba(2, 6, 23, .32);
  font-size: 11px;
  font-weight: 760;
}

.vidu-development-request-timeline {
  position: relative;
  display: grid;
  gap: 10px;
}

.vidu-development-request-timeline article {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  padding: 0 0 0 1px;
}

.vidu-development-request-timeline article::before {
  content: "";
  position: absolute;
  top: 34px;
  left: 17px;
  bottom: -10px;
  width: 1px;
  background: linear-gradient(180deg, rgba(125, 211, 252, .24), rgba(148, 163, 184, .12));
}

.vidu-development-request-timeline article:last-child::before {
  display: none;
}

.vidu-development-request-timeline article > div {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 11px 13px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 12px;
  background: rgba(2, 6, 23, .42);
  transition: border-color .16s ease, background .16s ease;
}

.vidu-development-request-timeline article.is-request_created > div,
.vidu-development-request-timeline article.is-architecture_impact_generated > div,
.vidu-development-request-timeline article.is-review_started > div,
.vidu-development-request-timeline article.is-workforce_review_started > div {
  border-color: rgba(34, 211, 238, .26);
  background: rgba(8, 47, 73, .24);
}

.vidu-development-request-timeline article.is-daniel_review > div,
.vidu-development-request-timeline article.is-marcus_review > div,
.vidu-development-request-timeline article.is-victor_review > div,
.vidu-development-request-timeline article.is-sophia_review > div,
.vidu-development-request-timeline article.is-victor_validation > div,
.vidu-development-request-timeline article.is-marcus_notes > div,
.vidu-development-request-timeline article.is-sophia_client_review > div {
  border-color: rgba(96, 165, 250, .18);
  background: rgba(15, 23, 42, .5);
}

.vidu-development-request-timeline article.is-consensus > div,
.vidu-development-request-timeline article.is-consensus_updated > div,
.vidu-development-request-timeline article.is-approval_granted > div,
.vidu-development-request-timeline article.is-approved > div {
  border-color: rgba(34, 197, 94, .28);
  background: rgba(20, 83, 45, .18);
}

.vidu-development-request-timeline article.is-human_approval_requested > div,
.vidu-development-request-timeline article.is-approval_requested > div,
.vidu-development-request-timeline article.is-approval_needs_changes > div,
.vidu-development-request-timeline article.is-approval_rejected > div,
.vidu-development-request-timeline article.is-codex_brief_generated > div,
.vidu-development-request-timeline article.is-codex_handoff > div,
.vidu-development-request-timeline article.is-patch_review > div,
.vidu-development-request-timeline article.is-closed > div {
  border-color: rgba(251, 191, 36, .28);
  background: rgba(69, 26, 3, .16);
}

.vidu-development-request-timeline article:hover > div {
  border-color: rgba(125, 211, 252, .24);
  background: rgba(15, 23, 42, .6);
}

.vidu-development-request-timeline header,
.vidu-development-request-timeline footer {
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  min-width: 0;
}

.vidu-development-request-timeline strong {
  color: #f8fafc;
  font-size: 13px;
}

.vidu-development-request-timeline span {
  color: #7f8ea3;
  font-size: 11px;
  font-weight: 760;
}

.vidu-development-request-timeline p,
.vidu-development-request-timeline small {
  margin: 0;
  color: var(--vidu-text-secondary);
  line-height: 1.45;
  overflow-wrap: break-word;
  word-break: normal;
}

.vidu-development-request-timeline small {
  color: #94a3b8;
  font-size: 12px;
}

.vidu-development-timeline-reason {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 10px;
  background: rgba(15, 23, 42, .34);
}

.vidu-development-timeline-reason span,
.vidu-development-timeline-payload summary {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
}

.vidu-development-timeline-payload {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .1);
  border-radius: 10px;
  background: rgba(2, 6, 23, .32);
  overflow: hidden;
}

.vidu-development-timeline-payload summary {
  padding: 8px 10px;
  cursor: pointer;
}

.vidu-development-timeline-payload summary::-webkit-details-marker {
  display: none;
}

.vidu-development-timeline-payload pre {
  max-height: 220px;
  margin: 0;
  padding: 10px;
  overflow: auto;
  color: #dbeafe;
  font-size: 11px;
  line-height: 1.45;
  white-space: pre;
}

.vidu-dev-timeline-avatar {
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 50%;
  color: #e2e8f0;
  background: #0f172a;
  font-size: 11px;
  font-weight: 850;
  box-shadow: 0 0 0 3px rgba(2, 6, 23, .86);
}

.vidu-dev-timeline-avatar.is-daniel { border-color: rgba(96, 165, 250, .42); background: rgba(30, 64, 175, .44); }
.vidu-dev-timeline-avatar.is-marcus { border-color: rgba(251, 191, 36, .42); background: rgba(146, 64, 14, .4); }
.vidu-dev-timeline-avatar.is-victor { border-color: rgba(34, 197, 94, .42); background: rgba(22, 101, 52, .4); }
.vidu-dev-timeline-avatar.is-sophia { border-color: rgba(244, 114, 182, .42); background: rgba(157, 23, 77, .36); }
.vidu-dev-timeline-avatar.is-elena { border-color: rgba(45, 212, 191, .42); background: rgba(15, 118, 110, .36); }
.vidu-dev-timeline-avatar.is-human { border-color: rgba(248, 250, 252, .42); background: rgba(51, 65, 85, .58); }
.vidu-dev-timeline-avatar.is-codex { border-color: rgba(248, 113, 113, .42); background: rgba(127, 29, 29, .34); }

@media (max-width: 1180px) {
  .vidu-dev-request-detail-layout {
    grid-template-columns: 1fr;
  }

  .vidu-development-timeline-panel {
    position: static;
    max-height: none;
  }
}

.vidu-workforce-reflection-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
  gap: 10px;
  min-width: 0;
}

.vidu-workforce-reflection-grid article {
  display: grid;
  gap: 9px;
  align-content: start;
  min-width: 0;
  max-width: 100%;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 12px;
  background: rgba(2, 6, 23, .4);
}

.vidu-workforce-reflection-grid header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.vidu-workforce-reflection-grid strong {
  color: var(--vidu-text-primary);
}

.vidu-workforce-reflection-grid span,
.vidu-workforce-reflection-grid div > span {
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.vidu-workforce-reflection-grid div {
  display: grid;
  gap: 5px;
}

.vidu-workforce-reflection-grid p {
  margin: 0;
  color: var(--vidu-text-primary);
  line-height: 1.45;
}

.vidu-workforce-reflection-grid footer {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.vidu-development-brain-panel {
  display: grid;
  gap: 14px;
}

.vidu-development-brain-grid,
.vidu-development-knowledge-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  gap: 12px;
  min-width: 0;
}

.vidu-development-brain-grid > section,
.vidu-development-knowledge-columns > section {
  display: grid;
  gap: 10px;
  align-content: start;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 12px;
  background: rgba(2, 6, 23, .34);
}

.vidu-development-knowledge-columns > section > span {
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-development-knowledge-item {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 10px;
  background: rgba(15, 23, 42, .5);
}

.vidu-development-knowledge-item strong {
  color: var(--vidu-text-primary);
  overflow-wrap: break-word;
  word-break: normal;
}

.vidu-development-knowledge-item p {
  margin: 0;
  color: var(--vidu-text-secondary);
  line-height: 1.45;
}

.vidu-development-knowledge-item footer {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.vidu-impact-graph,
.vidu-impact-agent-review {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 15px;
  background: rgba(2, 6, 23, .38);
}

.vidu-impact-graph summary {
  padding: 0;
}

.vidu-impact-graph-chain {
  display: grid;
  gap: 0;
  width: min(100%, 680px);
  margin: 0 auto;
}

.vidu-impact-graph-step {
  display: grid;
  justify-items: center;
  gap: 7px;
}

.vidu-impact-graph-step article {
  display: grid;
  gap: 4px;
  width: min(100%, 420px);
  padding: 13px 15px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .68), rgba(2, 6, 23, .48));
  text-align: center;
}

.vidu-impact-graph-step article.is-highlighted {
  border-color: rgba(34, 211, 238, .52);
  box-shadow: 0 0 0 1px rgba(251, 191, 36, .2), 0 16px 34px rgba(8, 47, 73, .24);
}

.vidu-impact-graph-step strong {
  color: var(--vidu-text-primary);
  font-size: 14px;
}

.vidu-impact-graph-step span {
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-weight: 740;
  max-width: 100%;
  overflow: auto;
  white-space: nowrap;
}

.vidu-impact-graph-arrow {
  color: #fbbf24;
  font-size: 18px;
  line-height: 1;
}

.vidu-dev-approval-flow {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.vidu-dev-approval-flow span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 4px 9px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 999px;
  color: var(--vidu-text-secondary);
  background: rgba(2, 6, 23, .42);
  font-size: 12px;
  font-weight: 760;
}

.vidu-dev-approval-flow span.is-active {
  border-color: rgba(34, 211, 238, .36);
  color: #cffafe;
  background: rgba(8, 145, 178, .18);
}

.vidu-dev-utility-body > .vidu-settings-card {
  margin: 0;
}

.vidu-codex-request-list {
  display: grid;
  gap: 8px;
  max-height: 260px;
  overflow: auto;
  padding-right: 2px;
}

.vidu-codex-request-list button {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 12px;
  color: var(--vidu-text-primary);
  background: rgba(15, 23, 42, .66);
  text-align: left;
  cursor: pointer;
}

.vidu-codex-request-list button.is-active {
  border-color: rgba(168, 85, 247, .42);
  background: rgba(88, 28, 135, .22);
  box-shadow: 0 0 0 1px rgba(168, 85, 247, .16);
}

.vidu-codex-request-list strong,
.vidu-codex-runtime-brief strong {
  overflow-wrap: break-word;
  word-break: normal;
}

.vidu-codex-request-list span,
.vidu-codex-brief-columns span {
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-weight: 760;
  text-transform: uppercase;
}

.vidu-codex-brief-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
  gap: 10px;
  min-width: 0;
}

.vidu-architecture-impact-section .vidu-settings-placeholder-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
}

.vidu-architecture-impact-section .vidu-settings-placeholder-grid > div {
  border-color: rgba(251, 191, 36, .13);
  background: rgba(69, 26, 3, .12);
}

.vidu-architecture-impact-section .vidu-codex-brief-columns {
  grid-template-columns: minmax(0, 1fr);
}

.vidu-codex-brief-columns > div {
  min-width: 0;
  display: grid;
  gap: 7px;
  align-content: start;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 12px;
  background: rgba(15, 23, 42, .46);
}

.vidu-codex-brief-columns p,
.vidu-codex-brief-columns ul {
  margin: 0;
  color: var(--vidu-text-primary);
  line-height: 1.45;
  overflow-wrap: break-word;
  word-break: normal;
}

.vidu-codex-brief-columns ul {
  padding-left: 18px;
}

.vidu-codex-brief-columns code {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin: 0 6px 6px 0;
  padding: 4px 7px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 8px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .66);
  font-size: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  overflow-wrap: normal;
  white-space: nowrap;
  word-break: normal;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.vidu-meeting-decision-log-workspace-host {
  min-height: 100%;
}

.vidu-meeting-memory-workspace {
  min-height: 100vh;
  padding: 24px;
  color: var(--vidu-text-primary);
  background:
    radial-gradient(circle at 18% 0%, rgba(59, 130, 246, .18), transparent 32%),
    linear-gradient(135deg, #020617 0%, #08111f 48%, #0b1220 100%);
}

.vidu-meeting-memory-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
  padding: 20px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 18px;
  background: rgba(15, 23, 42, .58);
  box-shadow: 0 22px 70px rgba(2, 6, 23, .34);
}

.vidu-meeting-memory-header span,
.vidu-meeting-memory-card header span,
.vidu-meeting-memory-feed-card header span {
  color: #93c5fd;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.vidu-meeting-memory-header h2 {
  margin: 4px 0 6px;
  font-size: clamp(28px, 4vw, 46px);
  letter-spacing: 0;
}

.vidu-meeting-memory-header p {
  max-width: 740px;
  margin: 0;
  color: var(--vidu-text-secondary);
  line-height: 1.55;
}

.vidu-meeting-memory-header aside,
.vidu-meeting-memory-actions,
.vidu-meeting-memory-card-meta,
.vidu-meeting-memory-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-meeting-memory-action,
.vidu-meeting-memory-actions button {
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(96, 165, 250, .24);
  border-radius: 10px;
  color: #dbeafe;
  background: rgba(37, 99, 235, .16);
  font-weight: 760;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.vidu-meeting-memory-action:hover,
.vidu-meeting-memory-actions button:hover {
  border-color: rgba(125, 211, 252, .42);
  background: rgba(37, 99, 235, .24);
  transform: translateY(-1px);
}

.vidu-meeting-memory-action.is-secondary,
.vidu-meeting-memory-actions button.is-secondary {
  color: var(--vidu-text-secondary);
  background: rgba(15, 23, 42, .64);
  border-color: rgba(148, 163, 184, .18);
}

.vidu-meeting-memory-shell {
  display: grid;
  grid-template-columns: minmax(300px, 340px) minmax(360px, .9fr) minmax(380px, 1fr);
  gap: 16px;
  min-width: 0;
}

.vidu-meeting-memory-list,
.vidu-meeting-memory-feed,
.vidu-meeting-memory-detail {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 18px;
  background: rgba(15, 23, 42, .52);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.vidu-meeting-memory-list,
.vidu-meeting-memory-feed {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: calc(100vh - 150px);
  overflow: hidden;
}

.vidu-meeting-memory-list nav,
.vidu-meeting-memory-feed nav {
  display: flex;
  gap: 8px;
  padding: 12px;
  overflow-x: auto;
  border-bottom: 1px solid rgba(148, 163, 184, .1);
}

.vidu-meeting-memory-list nav button,
.vidu-meeting-memory-feed nav button {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 999px;
  color: var(--vidu-text-secondary);
  background: rgba(2, 6, 23, .34);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.vidu-meeting-memory-list nav button.is-active,
.vidu-meeting-memory-feed nav button.is-active {
  color: #dbeafe;
  border-color: rgba(96, 165, 250, .42);
  background: rgba(37, 99, 235, .18);
}

.vidu-meeting-memory-scroll,
.vidu-meeting-memory-feed-scroll {
  min-height: 0;
  overflow: auto;
  padding: 14px;
}

.vidu-meeting-memory-card,
.vidu-meeting-memory-feed-card {
  max-width: 100%;
  margin-bottom: 10px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 14px;
  background: rgba(2, 6, 23, .34);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.vidu-meeting-memory-card:hover,
.vidu-meeting-memory-card.is-active,
.vidu-meeting-memory-feed-card:hover,
.vidu-meeting-memory-feed-card.is-active {
  border-color: rgba(96, 165, 250, .42);
  box-shadow: 0 16px 34px rgba(2, 6, 23, .28), 0 0 0 1px rgba(96, 165, 250, .12);
  transform: translateY(-1px);
}

.vidu-meeting-memory-card button,
.vidu-meeting-memory-feed-card button {
  display: grid;
  width: 100%;
  gap: 10px;
  padding: 14px;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.vidu-meeting-memory-card strong,
.vidu-meeting-memory-feed-card strong {
  display: block;
  margin-top: 3px;
  line-height: 1.25;
  overflow-wrap: break-word;
  word-break: normal;
}

.vidu-meeting-memory-card p,
.vidu-meeting-memory-feed-card p,
.vidu-meeting-memory-detail p {
  margin: 0;
  color: var(--vidu-text-secondary);
  line-height: 1.48;
}

.vidu-meeting-memory-feed-card.is-question {
  border-color: rgba(251, 191, 36, .18);
}

.vidu-meeting-memory-feed-card.is-followup {
  border-color: rgba(45, 212, 191, .18);
}

.vidu-meeting-memory-participants {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.vidu-meeting-memory-participants > span {
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-weight: 760;
}

.vidu-meeting-memory-detail {
  display: grid;
  align-content: start;
  gap: 12px;
  max-height: calc(100vh - 150px);
  overflow: auto;
  padding: 16px;
}

.vidu-meeting-memory-detail section {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .11);
  border-radius: 14px;
  background: rgba(2, 6, 23, .26);
}

.vidu-meeting-memory-detail h4 {
  margin: 0;
  color: #dbeafe;
  font-size: 14px;
  letter-spacing: 0;
}

.vidu-meeting-memory-detail.is-empty {
  align-content: center;
  justify-items: start;
  color: var(--vidu-text-secondary);
}

.vidu-meeting-memory-code-list {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.vidu-meeting-memory-code-list code {
  display: block;
  max-width: 100%;
  padding: 7px 9px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 9px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .58);
  overflow-x: auto;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
}

.vidu-meeting-memory-safety {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-meeting-memory-audit article {
  display: grid;
  gap: 4px;
  padding: 10px 0;
  border-top: 1px solid rgba(148, 163, 184, .1);
}

.vidu-engineering-meeting-memory-summary {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(96, 165, 250, .16);
  border-radius: 16px;
  background: rgba(37, 99, 235, .08);
}

.vidu-action-inbox-workspace-host {
  width: 100%;
  min-width: 0;
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.vidu-action-inbox-workspace {
  min-height: 100vh;
  padding: 24px;
  color: var(--vidu-text-primary);
  background: radial-gradient(circle at 18% 0%, rgba(14, 165, 233, .18), transparent 34%), linear-gradient(135deg, #020617 0%, #07111f 46%, #0b1220 100%);
}

.vidu-action-inbox-error {
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 12px;
  min-height: 100%;
  text-align: center;
}

.vidu-action-inbox-error strong {
  color: #f1f5f9;
  font-size: 20px;
}

.vidu-action-inbox-error p {
  max-width: 560px;
  margin: 0;
  color: var(--vidu-text-secondary);
  line-height: 1.55;
}

.vidu-action-inbox-header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
  padding: 20px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 18px;
  background: rgba(15, 23, 42, .6);
  box-shadow: 0 22px 70px rgba(2, 6, 23, .34);
}

.vidu-action-inbox-header span,
.vidu-action-inbox-queue header span,
.vidu-action-inbox-feed > header span,
.vidu-action-inbox-inspector > header span,
.vidu-action-inbox-audit header span {
  color: #93c5fd;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-action-inbox-header h2 { margin: 4px 0 6px; font-size: clamp(28px, 4vw, 46px); }

.vidu-action-inbox-header p,
.vidu-action-inbox-card p,
.vidu-action-inbox-inspector p {
  margin: 0;
  color: var(--vidu-text-secondary);
  line-height: 1.5;
}

.vidu-action-inbox-header aside,
.vidu-action-inbox-safety,
.vidu-action-inbox-meta,
.vidu-action-inbox-card footer,
.vidu-action-inbox-inspector footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-action-inbox-shell {
  display: grid;
  grid-template-columns: minmax(280px, 330px) minmax(380px, .9fr) minmax(380px, 1fr);
  gap: 16px;
  min-width: 0;
}

.vidu-action-inbox-queue,
.vidu-action-inbox-feed,
.vidu-action-inbox-inspector {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 18px;
  background: rgba(15, 23, 42, .52);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.vidu-action-inbox-queue,
.vidu-action-inbox-feed {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: calc(100vh - 150px);
  overflow: hidden;
}

.vidu-action-inbox-queue header,
.vidu-action-inbox-feed > header,
.vidu-action-inbox-inspector > header,
.vidu-action-inbox-audit header,
.vidu-action-inbox-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.vidu-action-inbox-queue header,
.vidu-action-inbox-feed > header {
  padding: 14px;
  border-bottom: 1px solid rgba(148, 163, 184, .1);
}

.vidu-action-inbox-queue > div,
.vidu-action-inbox-scroll,
.vidu-action-inbox-inspector {
  min-height: 0;
  overflow: auto;
  padding: 14px;
}

.vidu-action-inbox-queue button,
.vidu-action-inbox-card {
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 14px;
  background: rgba(2, 6, 23, .34);
}

.vidu-action-inbox-queue button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
  padding: 12px;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.vidu-action-inbox-queue button.is-active,
.vidu-action-inbox-queue button:hover,
.vidu-action-inbox-card:hover,
.vidu-action-inbox-card.is-active {
  border-color: rgba(96, 165, 250, .42);
  background: rgba(37, 99, 235, .14);
  box-shadow: 0 16px 34px rgba(2, 6, 23, .24), 0 0 0 1px rgba(96, 165, 250, .1);
}

.vidu-action-inbox-card {
  margin-bottom: 10px;
}

.vidu-action-inbox-card.is-high,
.vidu-action-inbox-card.is-critical { border-color: rgba(251, 191, 36, .24); }

.vidu-action-inbox-card > button {
  display: grid;
  width: 100%;
  gap: 10px;
  padding: 14px;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.vidu-action-inbox-card header > div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.vidu-action-inbox-card header span {
  display: grid;
  min-width: 0;
}

.vidu-action-inbox-inspector {
  display: grid;
  align-content: start;
  gap: 12px;
  max-height: calc(100vh - 150px);
}

.vidu-action-inbox-inspector section,
.vidu-action-inbox-audit {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .11);
  border-radius: 14px;
  background: rgba(2, 6, 23, .26);
}

.vidu-action-inbox-inspector h4 { margin: 0; color: #dbeafe; font-size: 14px; }

.vidu-action-inbox-code-list {
  display: grid;
  gap: 7px;
}

.vidu-action-inbox-code-list code {
  display: block;
  padding: 7px 9px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 9px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .58);
  overflow-x: auto;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
}

.vidu-action-inbox-context-form,
.vidu-action-inbox-context-form > div {
  display: grid;
  gap: 10px;
}

.vidu-action-inbox-context-form > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.vidu-action-inbox-context-form > header span,
.vidu-action-inbox-context-form label > span {
  color: var(--vidu-text-secondary);
  font-size: 12px;
}

.vidu-action-inbox-context-form label {
  display: grid;
  gap: 6px;
}

.vidu-action-inbox-context-form input,
.vidu-action-inbox-context-form textarea {
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 9px;
  color: #e2e8f0;
  background: rgba(2, 6, 23, .62);
  font: inherit;
  resize: vertical;
}

.vidu-action-inbox-draft-preview {
  display: grid;
  gap: 9px;
  padding: 12px;
  border: 1px solid rgba(45, 212, 191, .24);
  border-radius: 12px;
  background: rgba(13, 148, 136, .07);
}

.vidu-action-inbox-draft-preview > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vidu-action-inbox-draft-preview pre {
  margin: 0;
  padding: 11px;
  border-radius: 9px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .62);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.vidu-action-inbox-action {
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(96, 165, 250, .24);
  border-radius: 10px;
  color: #dbeafe;
  background: rgba(37, 99, 235, .16);
  font-weight: 760;
  cursor: pointer;
}

.vidu-action-inbox-action.is-secondary {
  color: var(--vidu-text-secondary);
  background: rgba(15, 23, 42, .64);
  border-color: rgba(148, 163, 184, .18);
}

.vidu-action-inbox-action.is-danger {
  color: #fecaca;
  border-color: rgba(248, 113, 113, .28);
  background: rgba(127, 29, 29, .18);
}

.vidu-action-inbox-empty,
.vidu-action-inbox-inspector.is-empty {
  display: grid;
  gap: 8px;
  padding: 22px;
  color: var(--vidu-text-secondary);
}

.vidu-action-inbox-audit article {
  display: grid;
  gap: 4px;
  padding: 10px 0;
  border-top: 1px solid rgba(148, 163, 184, .1);
}

.vidu-engineering-brain-gateway {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(96, 165, 250, .18);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(15, 23, 42, .72), rgba(30, 64, 175, .12));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.vidu-engineering-brain-gateway > header,
.vidu-engineering-brain-gateway > div {
  display: grid;
  gap: 12px;
}

.vidu-engineering-brain-gateway > header {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.vidu-engineering-brain-gateway > header span,
.vidu-development-brain-header span,
.vidu-development-brain-categories header span,
.vidu-development-brain-feed > header span,
.vidu-development-brain-detail > header span,
.vidu-development-brain-audit header span,
.vidu-development-brain-side-lists header span {
  color: #93c5fd;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-engineering-brain-gateway > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vidu-engineering-brain-gateway article {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 14px;
  background: rgba(2, 6, 23, .22);
}

.vidu-development-brain-workspace-host { min-height: 100%; }

.vidu-development-brain-workspace {
  min-height: 100vh;
  padding: 24px;
  color: var(--vidu-text-primary);
  background: radial-gradient(circle at 18% 0%, rgba(37, 99, 235, .18), transparent 34%), radial-gradient(circle at 88% 8%, rgba(14, 165, 233, .12), transparent 28%), linear-gradient(135deg, #020617 0%, #07111f 48%, #0b1220 100%);
}

.vidu-development-brain-header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
  padding: 20px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 18px;
  background: rgba(15, 23, 42, .62);
  box-shadow: 0 24px 72px rgba(2, 6, 23, .36);
}

.vidu-development-brain-header h2 {
  margin: 4px 0 6px;
  font-size: clamp(28px, 4vw, 46px);
}

.vidu-development-brain-header p,
.vidu-development-brain-card p,
.vidu-development-brain-detail p {
  margin: 0;
  color: var(--vidu-text-secondary);
  line-height: 1.5;
}

.vidu-development-brain-header aside,
.vidu-development-brain-safety,
.vidu-development-brain-meta,
.vidu-development-brain-card footer,
.vidu-development-brain-detail footer,
.vidu-development-brain-agents {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-development-brain-shell {
  display: grid;
  grid-template-columns: minmax(280px, 330px) minmax(420px, .95fr) minmax(390px, 1fr);
  gap: 16px;
  min-width: 0;
}

.vidu-development-brain-categories,
.vidu-development-brain-feed,
.vidu-development-brain-detail {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 18px;
  background: rgba(15, 23, 42, .52);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.vidu-development-brain-categories,
.vidu-development-brain-feed {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: calc(100vh - 150px);
  overflow: hidden;
}

.vidu-development-brain-categories header,
.vidu-development-brain-feed > header,
.vidu-development-brain-detail > header,
.vidu-development-brain-audit header,
.vidu-development-brain-card header,
.vidu-development-brain-side-lists header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.vidu-development-brain-categories header,
.vidu-development-brain-feed > header {
  padding: 14px;
  border-bottom: 1px solid rgba(148, 163, 184, .1);
}

.vidu-development-brain-categories > div,
.vidu-development-brain-scroll,
.vidu-development-brain-detail {
  min-height: 0;
  overflow: auto;
  padding: 14px;
}

.vidu-development-brain-categories button,
.vidu-development-brain-card {
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 14px;
  background: rgba(2, 6, 23, .34);
}

.vidu-development-brain-categories button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
  padding: 12px;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.vidu-development-brain-categories button.is-active,
.vidu-development-brain-categories button:hover,
.vidu-development-brain-card:hover,
.vidu-development-brain-card.is-active {
  border-color: rgba(96, 165, 250, .42);
  background: rgba(37, 99, 235, .14);
  box-shadow: 0 16px 34px rgba(2, 6, 23, .24), 0 0 0 1px rgba(96, 165, 250, .1);
}

.vidu-development-brain-card {
  margin-bottom: 10px;
}

.vidu-development-brain-card.is-architecture_decision { border-color: rgba(96, 165, 250, .28); }
.vidu-development-brain-card.is-regression_cause,
.vidu-development-brain-card.is-rejected_solution { border-color: rgba(251, 191, 36, .28); }
.vidu-development-brain-card.is-successful_solution,
.vidu-development-brain-card.is-workflow_pattern { border-color: rgba(45, 212, 191, .22); }

.vidu-development-brain-card > button {
  display: grid;
  width: 100%;
  gap: 10px;
  padding: 14px;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.vidu-development-brain-card header strong {
  display: block;
  margin-top: 3px;
  overflow-wrap: normal;
  word-break: normal;
}

.vidu-development-brain-agents .vidu-agent-avatar,
.vidu-development-brain-agents .vidu-engineering-agent-avatar {
  flex: 0 0 auto;
}

.vidu-development-brain-agents span {
  color: var(--vidu-text-secondary);
  font-size: 12px;
}

.vidu-development-brain-meter {
  display: grid;
  gap: 5px;
  min-width: 130px;
  color: var(--vidu-text-secondary);
  font-size: 12px;
}

.vidu-development-brain-meter strong {
  color: #dbeafe;
  font-size: 12px;
}

.vidu-development-brain-meter i {
  display: block;
  width: 100%;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(96, 165, 250, .9) var(--value), rgba(148, 163, 184, .18) var(--value));
}

.vidu-development-brain-tags,
.vidu-development-brain-code-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.vidu-development-brain-tags code,
.vidu-development-brain-code-list code {
  max-width: 100%;
  padding: 7px 9px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 9px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .58);
  overflow-x: auto;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
}

.vidu-development-brain-detail {
  display: grid;
  align-content: start;
  gap: 12px;
  max-height: calc(100vh - 150px);
}

.vidu-development-brain-detail section,
.vidu-development-brain-audit,
.vidu-development-brain-side-lists article {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .11);
  border-radius: 14px;
  background: rgba(2, 6, 23, .26);
}

.vidu-development-brain-detail h4 { margin: 0; color: #dbeafe; font-size: 14px; }

.vidu-development-brain-action {
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(96, 165, 250, .24);
  border-radius: 10px;
  color: #dbeafe;
  background: rgba(37, 99, 235, .16);
  font-weight: 760;
  cursor: pointer;
}

.vidu-development-brain-action.is-secondary {
  color: var(--vidu-text-secondary);
  background: rgba(15, 23, 42, .64);
  border-color: rgba(148, 163, 184, .18);
}

.vidu-development-brain-empty,
.vidu-development-brain-detail.is-empty {
  display: grid;
  gap: 8px;
  padding: 22px;
  color: var(--vidu-text-secondary);
}

.vidu-development-brain-side-lists {
  display: grid;
  gap: 12px;
  padding: 0 14px 14px;
}

.vidu-development-brain-side-lists article article,
.vidu-development-brain-audit article {
  display: grid;
  gap: 4px;
  padding: 10px 0;
  border-top: 1px solid rgba(148, 163, 184, .1);
}

.vidu-agent-capability-workspace-host { min-height: 100%; }

.vidu-agent-capability-workspace {
  min-height: 100vh;
  padding: 24px;
  color: var(--vidu-text-primary);
  background: radial-gradient(circle at 18% 0%, rgba(14, 165, 233, .18), transparent 34%), linear-gradient(135deg, #020617 0%, #07111f 46%, #0b1220 100%);
}

.vidu-agent-capability-header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
  padding: 20px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 18px;
  background: rgba(15, 23, 42, .6);
  box-shadow: 0 22px 70px rgba(2, 6, 23, .34);
}

.vidu-agent-capability-header span,
.vidu-agent-capability-agents header span,
.vidu-agent-capability-matrix > header span,
.vidu-agent-capability-audit header span,
.vidu-agent-capability-card header span {
  color: #93c5fd;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.vidu-agent-capability-header h2 { margin: 4px 0 6px; font-size: clamp(28px, 4vw, 46px); }

.vidu-agent-capability-header p,
.vidu-agent-capability-card p,
.vidu-agent-capability-detail p {
  margin: 0;
  color: var(--vidu-text-secondary);
  line-height: 1.5;
}

.vidu-agent-capability-header aside,
.vidu-agent-capability-safety,
.vidu-agent-capability-meta,
.vidu-agent-capability-card footer,
.vidu-agent-capability-detail footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-agent-capability-shell {
  display: grid;
  grid-template-columns: minmax(280px, 330px) minmax(380px, .9fr) minmax(380px, 1fr);
  gap: 16px;
  min-width: 0;
}

.vidu-agent-capability-agents,
.vidu-agent-capability-matrix,
.vidu-agent-capability-detail {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 18px;
  background: rgba(15, 23, 42, .52);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.vidu-agent-capability-agents,
.vidu-agent-capability-matrix {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: calc(100vh - 150px);
  overflow: hidden;
}

.vidu-agent-capability-agents header,
.vidu-agent-capability-matrix > header,
.vidu-agent-capability-detail > header,
.vidu-agent-capability-audit header,
.vidu-agent-capability-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.vidu-agent-capability-agents header,
.vidu-agent-capability-matrix > header {
  padding: 14px;
  border-bottom: 1px solid rgba(148, 163, 184, .1);
}

.vidu-agent-capability-agents > div,
.vidu-agent-capability-scroll,
.vidu-agent-capability-detail {
  min-height: 0;
  overflow: auto;
  padding: 14px;
}

.vidu-agent-capability-agents button,
.vidu-agent-capability-card {
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 14px;
  background: rgba(2, 6, 23, .34);
}

.vidu-agent-capability-agents button {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  margin-bottom: 9px;
  padding: 12px;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.vidu-agent-capability-agents button.is-active,
.vidu-agent-capability-agents button:hover,
.vidu-agent-capability-card:hover,
.vidu-agent-capability-card.is-active {
  border-color: rgba(96, 165, 250, .42);
  background: rgba(37, 99, 235, .14);
  box-shadow: 0 16px 34px rgba(2, 6, 23, .24), 0 0 0 1px rgba(96, 165, 250, .1);
}

.vidu-agent-capability-agents button span { display: grid; min-width: 0; }

.vidu-agent-capability-agents button em {
  grid-column: 1 / -1;
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-style: normal;
}

.vidu-agent-capability-matrix nav {
  display: flex;
  gap: 8px;
  padding: 12px;
  overflow-x: auto;
  border-bottom: 1px solid rgba(148, 163, 184, .1);
}

.vidu-agent-capability-matrix nav button {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 999px;
  color: var(--vidu-text-secondary);
  background: rgba(2, 6, 23, .34);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.vidu-agent-capability-matrix nav button.is-active {
  color: #dbeafe;
  border-color: rgba(96, 165, 250, .42);
  background: rgba(37, 99, 235, .18);
}

.vidu-agent-capability-card {
  margin-bottom: 10px;
}

.vidu-agent-capability-card > button {
  display: grid;
  width: 100%;
  gap: 10px;
  padding: 14px;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.vidu-agent-capability-card.is-high,
.vidu-agent-capability-card.is-critical { border-color: rgba(251, 191, 36, .24); }

.vidu-agent-capability-card.is-disabled { opacity: .68; }

.vidu-agent-capability-detail {
  display: grid;
  align-content: start;
  gap: 12px;
  max-height: calc(100vh - 150px);
}

.vidu-agent-capability-detail section,
.vidu-agent-capability-audit {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .11);
  border-radius: 14px;
  background: rgba(2, 6, 23, .26);
}

.vidu-agent-capability-detail section.is-blocked {
  border-color: rgba(248, 113, 113, .22);
  background: rgba(127, 29, 29, .12);
}

.vidu-agent-capability-detail h4 { margin: 0; color: #dbeafe; font-size: 14px; }
.vidu-agent-capability-detail ul { margin: 0; padding-left: 18px; color: var(--vidu-text-primary); }

.vidu-agent-capability-code-list {
  display: grid;
  gap: 7px;
}

.vidu-agent-capability-code-list code {
  display: block;
  padding: 7px 9px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 9px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .58);
  overflow-x: auto;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
}

.vidu-agent-capability-action {
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(96, 165, 250, .24);
  border-radius: 10px;
  color: #dbeafe;
  background: rgba(37, 99, 235, .16);
  font-weight: 760;
  cursor: pointer;
}

.vidu-agent-capability-action.is-secondary {
  color: var(--vidu-text-secondary);
  background: rgba(15, 23, 42, .64);
  border-color: rgba(148, 163, 184, .18);
}

.vidu-agent-capability-empty,
.vidu-agent-capability-detail.is-empty {
  display: grid;
  gap: 8px;
  padding: 22px;
  color: var(--vidu-text-secondary);
}

.vidu-agent-capability-audit article {
  display: grid;
  gap: 4px;
  padding: 10px 0;
  border-top: 1px solid rgba(148, 163, 184, .1);
}

@media (max-width: 1180px) {
  .vidu-dev-control-layout,
  .vidu-codex-runtime-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-meeting-memory-shell {
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  }

  .vidu-agent-capability-shell {
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  }

  .vidu-action-inbox-shell {
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  }

  .vidu-development-brain-shell {
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  }

  .vidu-meeting-memory-detail,
  .vidu-agent-capability-detail,
  .vidu-action-inbox-inspector,
  .vidu-development-brain-detail {
    grid-column: 1 / -1;
    max-height: none;
  }

  .vidu-architecture-map-layout,
  .vidu-architecture-map-shell.is-fullscreen .vidu-architecture-map-layout {
    grid-template-columns: 190px minmax(0, 1fr) minmax(280px, 320px);
  }

  .vidu-architecture-map-shell:not(.is-fullscreen) .vidu-architecture-map-layout {
    grid-template-columns: 190px minmax(0, 1fr);
  }

  .vidu-architecture-map-shell:not(.is-fullscreen) .vidu-architecture-drawer {
    grid-column: 1 / -1;
    max-width: none;
    max-height: 360px;
    border-left: 0;
    border-top: 1px solid rgba(148, 163, 184, .14);
  }
}

@media (max-width: 980px) {
  .vidu-dev-control-layout,
  .vidu-codex-runtime-grid,
  .vidu-codex-brief-columns,
  .vidu-meeting-memory-shell,
  .vidu-agent-capability-shell,
  .vidu-action-inbox-shell,
  .vidu-development-brain-shell,
  .vidu-engineering-brain-gateway > div {
    grid-template-columns: 1fr;
  }

  .vidu-meeting-memory-header,
  .vidu-agent-capability-header,
  .vidu-action-inbox-header,
  .vidu-development-brain-header,
  .vidu-divisions-header {
    flex-direction: column;
  }

  .vidu-divisions-signal,
  .vidu-divisions-grid,
  .vidu-lobby-alerts,
  .vidu-lobby-divisions-grid,
  .vidu-lobby-status-grid,
  .vidu-lobby-workforce {
    grid-template-columns: 1fr;
  }

  .vidu-lobby-hero {
    flex-direction: column;
  }

  .vidu-lobby-hero-aside {
    justify-items: stretch;
    max-width: none;
    width: 100%;
  }

  .vidu-lobby-pulse > header {
    align-items: start;
    flex-direction: column;
  }

  .vidu-lobby-pulse-grid {
    grid-template-columns: 1fr;
  }

  .vidu-lobby-divisions-section > header {
    align-items: start;
    flex-direction: column;
  }

  .vidu-lobby-division-card dl {
    grid-template-columns: 1fr;
  }

  .vidu-lobby-workforce-summary {
    grid-template-columns: 1fr;
  }

  .vidu-lobby-agent-roster button {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .vidu-lobby-agent-roster em {
    grid-column: 2;
    justify-self: start;
    max-width: 100%;
  }

  .vidu-lobby-intelligence-signals button:not(.vidu-lobby-view-all) {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .vidu-lobby-signal-meta {
    grid-column: 2;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .vidu-lobby-signal-meta em,
  .vidu-lobby-signal-meta b,
  .vidu-lobby-signal-meta i {
    max-width: 100%;
  }

  .vidu-lobby-quick-actions {
    grid-template-columns: 1fr;
  }

  .vidu-lobby-widget.is-small,
  .vidu-lobby-widget.is-medium,
  .vidu-lobby-widget.is-large,
  .vidu-lobby-widget.is-full,
  .vidu-lobby-action-center.is-small,
  .vidu-lobby-action-center.is-medium,
  .vidu-lobby-action-center.is-large,
  .vidu-lobby-action-center.is-full {
    grid-column: 1 / -1;
  }

  .vidu-meeting-memory-list,
  .vidu-meeting-memory-feed,
  .vidu-meeting-memory-detail,
  .vidu-agent-capability-agents,
  .vidu-agent-capability-matrix,
  .vidu-agent-capability-detail,
  .vidu-action-inbox-queue,
  .vidu-action-inbox-feed,
  .vidu-action-inbox-inspector,
  .vidu-development-brain-categories,
  .vidu-development-brain-feed,
  .vidu-development-brain-detail {
    max-height: none;
  }

  .vidu-dev-control-center.is-real-fullscreen .vidu-dev-request-detail-layout {
    grid-template-columns: 1fr;
  }

  .vidu-dev-request-grid {
    grid-template-columns: 1fr;
    max-height: none;
  }
}

@media (min-width: 981px) {
  .vidu-dev-control-center.is-real-fullscreen .vidu-dev-control-layout {
    grid-template-columns: 360px minmax(0, 1fr);
  }
}

@media (max-width: 820px) {
  .vidu-architecture-map-shell {
    height: min(88vh, 900px);
  }

  .vidu-architecture-map-shell.is-fullscreen {
    inset: 0;
    width: 100vw;
    height: 100dvh;
    border-radius: 0;
  }

  .vidu-architecture-map-topbar,
  .vidu-architecture-map-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .vidu-architecture-map-layout {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .vidu-architecture-map-sidebar {
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, .14);
  }

  .vidu-architecture-drawer {
    max-width: none;
    max-height: 420px;
    border-left: 0;
    border-top: 1px solid rgba(148, 163, 184, .14);
  }

  .vidu-architecture-map-canvas-wrap {
    min-height: 420px;
  }
}

/* Intelligence workspace: shared list -> focused modal interaction */
.vidu-scout-clean-workspace {
  min-height: calc(100dvh - 300px);
  padding: 10px 8px 28px;
  color: #f3f4f6;
}

.vidu-scout-clean-workspace-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 8px 8px 20px;
  border-bottom: 1px solid rgba(148, 163, 184, .12);
}

.vidu-scout-clean-workspace-header > div { display: grid; gap: 6px; max-width: 760px; }
.vidu-scout-clean-workspace-header span,
.vidu-scout-clean-review section > span,
.vidu-scout-clean-review-state > span {
  color: #63d9ff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.vidu-scout-clean-workspace-header h1 { margin: 0; font: 500 clamp(28px, 3vw, 42px)/1.08 var(--vidu-mono, ui-monospace, monospace); letter-spacing: -.045em; }
.vidu-scout-clean-workspace-header p { margin: 0; color: #9299a5; font-size: 14px; line-height: 1.55; }
.vidu-scout-research-hub-header.vidu-unified-workflow-title { align-items: flex-end; padding: 8px 8px 20px; border-bottom: 1px solid rgba(148,163,184,.12); }
.vidu-scout-research-hub-header.vidu-unified-workflow-title > div { display: grid; gap: 5px; }
.vidu-scout-research-hub-header.vidu-unified-workflow-title strong { color: #f5f5f6; font: 500 clamp(28px, 3vw, 42px)/1.08 var(--vidu-mono, ui-monospace, monospace); letter-spacing: -.045em; }
.vidu-scout-research-hub-header.vidu-unified-workflow-title p { margin: 0; color: #9299a5; font-size: 13px; }
.vidu-engineering-expert-surface { min-width: 0; }
.vidu-engineering-expert-surface > .vidu-unified-workflow-title { margin-bottom: 10px; border-bottom: 1px solid rgba(148,163,184,.1); }

.vidu-scout-clean-summary {
  display: flex;
  align-items: baseline;
  gap: 9px;
  padding: 24px 0 16px;
  color: #9097a3;
}
.vidu-scout-clean-summary strong { color: #f7f8fa; font-size: 24px; }
.vidu-scout-clean-summary span { font-weight: 700; }
.vidu-scout-clean-summary small { margin-left: auto; color: #747c89; }

.vidu-scout-clean-columns,
.vidu-scout-clean-row-main {
  display: grid;
  grid-template-columns: minmax(240px, 1.15fr) minmax(130px, .55fr) minmax(260px, 1.4fr) minmax(180px, .75fr) minmax(170px, .65fr);
  gap: 18px;
  align-items: center;
}
.vidu-scout-clean-columns { padding: 10px 18px; color: #66707f; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.vidu-scout-clean-list { border-top: 1px solid rgba(148, 163, 184, .1); }
.vidu-scout-clean-row { border-bottom: 1px solid rgba(148, 163, 184, .1); }
.vidu-scout-clean-row-main {
  width: 100%;
  min-height: 84px;
  padding: 16px 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease;
}
.vidu-scout-clean-row-main:hover { background: rgba(34, 211, 238, .045); transform: translateX(2px); }
.vidu-scout-clean-row-title { display: grid; grid-template-columns: 8px minmax(0, 1fr); gap: 4px 10px; align-items: center; }
.vidu-scout-clean-row-title > i { grid-row: 1 / span 2; width: 7px; height: 7px; border-radius: 50%; background: #5ed9ff; box-shadow: 0 0 12px rgba(94, 217, 255, .5); }
.vidu-scout-clean-row.is-review .vidu-scout-clean-row-title > i { background: #f6b95f; box-shadow: 0 0 12px rgba(246, 185, 95, .4); }
.vidu-scout-clean-row.is-muted .vidu-scout-clean-row-title > i { background: #69717d; box-shadow: none; }
.vidu-scout-clean-row-title b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.vidu-scout-clean-row-title small { color: #747d8a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vidu-scout-clean-row-state { color: #b8c1cb; font-size: 12px; font-weight: 750; }
.vidu-scout-clean-row-summary { color: #939ba7; font-size: 12px; line-height: 1.45; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.vidu-scout-clean-row-meta { display: flex; flex-wrap: wrap; gap: 6px; }
.vidu-scout-clean-row-meta small { padding: 5px 8px; border: 1px solid rgba(148, 163, 184, .14); border-radius: 999px; color: #89929e; }
.vidu-scout-clean-row-next { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #dce7ed; font-size: 12px; font-weight: 750; }
.vidu-scout-clean-row-next i { color: #60d9ff; font-style: normal; font-size: 20px; }

.vidu-scout-clean-modal { position: fixed; inset: 0; z-index: 100055; display: grid; place-items: center; padding: 28px; }
.vidu-scout-clean-modal-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(2, 5, 10, .8); backdrop-filter: blur(14px); }
.vidu-scout-clean-dialog { position: relative; width: min(880px, 94vw); max-height: min(88dvh, 960px); overflow: hidden; border: 1px solid rgba(148, 163, 184, .18); border-radius: 24px; background: linear-gradient(160deg, #111722 0%, #090e17 100%); box-shadow: 0 32px 100px rgba(0, 0, 0, .58); }
.vidu-scout-clean-dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 26px 30px; border-bottom: 1px solid rgba(148, 163, 184, .12); }
.vidu-scout-clean-dialog > header > div { display: grid; gap: 5px; }
.vidu-scout-clean-dialog > header span { color: #65d9ff; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.vidu-scout-clean-dialog > header h2 { margin: 0; color: #f5f7fa; font: 500 25px/1.2 var(--vidu-mono, ui-monospace, monospace); }
.vidu-scout-clean-dialog > header p { margin: 0; color: #858e9b; }
.vidu-scout-clean-dialog > header > button { width: 38px; height: 38px; border: 1px solid rgba(148, 163, 184, .18); border-radius: 50%; background: transparent; color: #d8dde4; font-size: 24px; cursor: pointer; }
.vidu-scout-clean-dialog-body { max-height: calc(min(88dvh, 960px) - 102px); overflow: auto; padding: 28px 30px 32px; }
.vidu-scout-clean-dialog-body .vidu-scout-entity-form { border: 0; background: transparent; padding: 0; }
.vidu-scout-clean-dialog-body .vidu-scout-entity-form > header { display: none; }
.vidu-scout-clean-review { display: grid; gap: 22px; }
.vidu-scout-clean-review > section,
.vidu-scout-clean-review-state { display: grid; gap: 8px; padding-bottom: 20px; border-bottom: 1px solid rgba(148, 163, 184, .1); }
.vidu-scout-clean-review p { margin: 0; color: #b2bac5; font-size: 14px; line-height: 1.65; }
.vidu-scout-clean-review-state { grid-template-columns: 1fr auto; }
.vidu-scout-clean-review-state > span { grid-column: 1 / -1; }
.vidu-scout-clean-review-state strong { font-size: 20px; color: #f3f5f7; }
.vidu-scout-clean-review-state b { color: #67dcb1; }
.vidu-scout-clean-next-action strong { color: #f4f6f8; font-size: 17px; }
.vidu-scout-clean-next-action select { margin-top: 8px; min-height: 42px; border: 1px solid rgba(96, 217, 255, .22); border-radius: 12px; background: #111824; color: #e9edf2; padding: 0 12px; }
.vidu-scout-clean-final-state { margin-top: 8px; min-height: 42px; display: flex; align-items: center; border: 1px solid rgba(103, 220, 177, .24); border-radius: 12px; background: rgba(103, 220, 177, .07); color: #67dcb1; padding: 0 12px; font-weight: 760; }
.vidu-scout-clean-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 22px; }
.vidu-scout-recommendation-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.vidu-scout-recommendation-metrics article { display: grid; gap: 4px; padding: 13px; border: 1px solid rgba(148, 163, 184, .12); border-radius: 13px; background: rgba(255,255,255,.018); }
.vidu-scout-recommendation-metrics small { color: #717b88; text-transform: uppercase; letter-spacing: .08em; font-size: 9px; }
.vidu-scout-recommendation-metrics strong { color: #edf1f5; }
.vidu-scout-recommendation-metrics span { color: #87919e; font-size: 11px; }
.vidu-scout-overview.is-clean-overview { display: grid; gap: 24px; padding: clamp(22px, 3vw, 42px); }
.vidu-scout-clean-disclosure { border-top: 1px solid rgba(148, 163, 184, .12); border-bottom: 1px solid rgba(148, 163, 184, .12); }
.vidu-scout-clean-disclosure > summary { display: grid; grid-template-columns: minmax(180px, .5fr) minmax(260px, 1fr) minmax(260px, 1fr); gap: 18px; align-items: center; padding: 20px 4px; cursor: pointer; list-style: none; }
.vidu-scout-clean-disclosure > summary::-webkit-details-marker { display: none; }
.vidu-scout-clean-disclosure > summary span { color: #64d9ff; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.vidu-scout-clean-disclosure > summary strong { color: #e8ebef; font-size: 13px; }
.vidu-scout-clean-disclosure > summary small { color: #7c8592; }
.vidu-scout-clean-disclosure[open] > summary { border-bottom: 1px solid rgba(148, 163, 184, .1); }
.vidu-scout-clean-disclosure .vidu-scout-runtime-main-panel { padding: 20px 0; }

@media (max-width: 1000px) {
  .vidu-scout-clean-columns { display: none; }
  .vidu-scout-clean-row-main { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 18px; }
  .vidu-scout-clean-row-summary { grid-column: 1 / -1; }
  .vidu-scout-clean-row-meta { grid-column: 1; }
  .vidu-scout-clean-row-next { grid-column: 2; grid-row: 3; }
}

@media (max-width: 680px) {
  .vidu-scout-clean-workspace { padding: 22px 16px; }
  .vidu-scout-clean-workspace-header { align-items: flex-start; flex-direction: column; }
  .vidu-scout-clean-summary { align-items: flex-start; flex-wrap: wrap; }
  .vidu-scout-clean-summary small { width: 100%; margin-left: 0; }
  .vidu-scout-clean-row-main { grid-template-columns: 1fr; }
  .vidu-scout-clean-row-state, .vidu-scout-clean-row-summary, .vidu-scout-clean-row-meta, .vidu-scout-clean-row-next { grid-column: 1; grid-row: auto; }
  .vidu-scout-clean-modal { padding: 0; }
  .vidu-scout-clean-dialog { width: 100vw; max-height: 100dvh; height: 100dvh; border-radius: 0; }
  .vidu-scout-clean-dialog-body { max-height: calc(100dvh - 100px); padding: 22px 18px; }
  .vidu-scout-recommendation-metrics { grid-template-columns: 1fr 1fr; }
}

/* Organization Lobby detail surfaces */
@keyframes vidu-lobby-detail-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes vidu-lobby-agent-rise {
  from { opacity: 0; transform: translateY(28px) scale(.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes vidu-lobby-agent-depart {
  from { opacity: 1; transform: translateY(0) scale(1); }
  to { opacity: 0; transform: translateY(28px) scale(.96); }
}

@keyframes vidu-workforce-focus-backdrop-in {
  from {
    background: rgba(10, 11, 14, 0);
    -webkit-backdrop-filter: blur(0) saturate(100%);
    backdrop-filter: blur(0) saturate(100%);
  }
  to {
    background: rgba(10, 11, 14, .24);
    -webkit-backdrop-filter: blur(24px) saturate(110%);
    backdrop-filter: blur(24px) saturate(110%);
  }
}

@keyframes vidu-workforce-focus-backdrop-out {
  from {
    background: rgba(10, 11, 14, .24);
    -webkit-backdrop-filter: blur(24px) saturate(110%);
    backdrop-filter: blur(24px) saturate(110%);
  }
  to {
    background: rgba(10, 11, 14, 0);
    -webkit-backdrop-filter: blur(0) saturate(100%);
    backdrop-filter: blur(0) saturate(100%);
  }
}

@keyframes vidu-lobby-pipeline-card-rise {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes vidu-workspace-push-old-forward {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}

@keyframes vidu-workspace-push-new-forward {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

@keyframes vidu-workspace-push-old-backward {
  from { transform: translateX(0); }
  to { transform: translateX(100%); }
}

@keyframes vidu-workspace-push-new-backward {
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}

html[data-vidu-view-direction] #vidu-dashboard-view-lobby.is-active,
html[data-vidu-view-direction] #vidu-dashboard-view-list.is-active,
html[data-vidu-view-direction] #vidu-dashboard-view-board.is-active {
  view-transition-name: vidu-workspace-view;
}

html[data-vidu-view-direction]::view-transition-group(vidu-workspace-view) {
  overflow: hidden;
  animation-duration: 310ms;
  animation-timing-function: cubic-bezier(.22, .78, .24, 1);
}

html[data-vidu-view-direction="forward"]::view-transition-old(vidu-workspace-view) {
  animation: vidu-workspace-push-old-forward 310ms cubic-bezier(.22, .78, .24, 1) both;
}

html[data-vidu-view-direction="forward"]::view-transition-new(vidu-workspace-view) {
  animation: vidu-workspace-push-new-forward 310ms cubic-bezier(.22, .78, .24, 1) both;
}

html[data-vidu-view-direction="backward"]::view-transition-old(vidu-workspace-view) {
  animation: vidu-workspace-push-old-backward 310ms cubic-bezier(.22, .78, .24, 1) both;
}

html[data-vidu-view-direction="backward"]::view-transition-new(vidu-workspace-view) {
  animation: vidu-workspace-push-new-backward 310ms cubic-bezier(.22, .78, .24, 1) both;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer {
  position: fixed;
  z-index: 220;
  inset: 0;
  display: grid;
  grid-template-rows: auto auto;
  align-content: center;
  justify-items: center;
  gap: 16px;
  padding: clamp(22px, 4vw, 64px);
  overflow: auto;
  color: #eeeeef;
  background: rgba(12, 12, 14, .28);
  backdrop-filter: blur(18px) saturate(108%);
  animation: vidu-lobby-detail-fade .24s ease-out both;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer > header,
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer > section,
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer > footer {
  width: min(680px, 100%);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer > header > div {
  display: grid;
  gap: 3px;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer > header span {
  color: rgba(196, 181, 217, .72);
  font-size: 9px;
  font-weight: 760;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer > header strong {
  color: #f3f3f4;
  font-size: clamp(18px, 2vw, 25px);
  font-weight: 560;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer > header .vidu-lobby-icon-button {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: rgba(255, 255, 255, .72);
  background: rgba(255, 255, 255, .055);
  cursor: pointer;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer > header .vidu-lobby-icon-button svg {
  width: 16px;
  height: 16px;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer > section {
  max-height: min(62vh, 620px);
  overflow: auto;
  scrollbar-width: none;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer > section::-webkit-scrollbar {
  display: none;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer:not(.is-pipeline-overview):not(.is-workforce-snapshot):not(.is-action-center) > section {
  display: grid;
  gap: 22px;
  padding: 6px 0 2px;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer > footer {
  display: flex;
  justify-content: flex-start;
  padding-top: 2px;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-division > section {
  gap: 24px;
}

.vidu-org-lobby-v4 .vidu-lobby-drawer-intro {
  max-width: 620px;
}

.vidu-org-lobby-v4 .vidu-lobby-drawer-intro p {
  margin: 0;
  color: rgba(238, 238, 242, .78);
  font-size: clamp(14px, 1.4vw, 17px);
  line-height: 1.55;
}

.vidu-org-lobby-v4 .vidu-lobby-drawer-group {
  display: grid;
  gap: 10px;
}

.vidu-org-lobby-v4 .vidu-lobby-drawer-label {
  color: rgba(196, 181, 217, .7);
  font-size: 9px;
  font-weight: 760;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.vidu-org-lobby-v4 .vidu-lobby-drawer-tags,
.vidu-org-lobby-v4 .vidu-lobby-drawer-avatars {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.vidu-org-lobby-v4 .vidu-lobby-drawer-tags {
  gap: 8px;
}

.vidu-org-lobby-v4 .vidu-lobby-drawer-tags > span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 11px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 999px;
  color: rgba(238, 238, 242, .72);
  background: rgba(255, 255, 255, .045);
  font-size: 11px;
  line-height: 1;
}

.vidu-org-lobby-v4 .vidu-lobby-drawer-avatars {
  gap: 6px;
  min-height: 42px;
}

.vidu-org-lobby-v4 .vidu-lobby-drawer-avatars .vidu-avatar {
  flex: 0 0 auto;
}

.vidu-org-lobby-v4 .vidu-lobby-drawer-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.vidu-org-lobby-v4 .vidu-lobby-drawer-facts > div {
  display: grid;
  gap: 6px;
  min-height: 76px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 16px;
  background: rgba(255, 255, 255, .028);
}

.vidu-org-lobby-v4 .vidu-lobby-drawer-facts dt,
.vidu-org-lobby-v4 .vidu-lobby-drawer-facts dd {
  margin: 0;
}

.vidu-org-lobby-v4 .vidu-lobby-drawer-facts dt {
  color: rgba(220, 220, 226, .48);
  font-size: 9px;
  font-weight: 720;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.vidu-org-lobby-v4 .vidu-lobby-drawer-facts dd {
  color: rgba(246, 246, 248, .9);
  font-size: 14px;
  line-height: 1.35;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer .vidu-lobby-drawer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer .vidu-lobby-drawer-grid > article {
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 128px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 18px;
  background: rgba(255, 255, 255, .025);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer .vidu-lobby-drawer-grid strong,
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer .vidu-lobby-drawer-grid span,
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer .vidu-lobby-drawer-grid p {
  margin: 0;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer .vidu-lobby-drawer-grid strong {
  color: rgba(246, 246, 248, .92);
  font-size: 14px;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer .vidu-lobby-drawer-grid span {
  color: rgba(196, 181, 217, .74);
  font-size: 10px;
  text-transform: uppercase;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer .vidu-lobby-drawer-grid p {
  color: rgba(230, 230, 235, .56);
  font-size: 11px;
  line-height: 1.5;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center {
  background: rgba(12, 12, 14, .18);
  backdrop-filter: blur(22px) saturate(105%);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center > section {
  width: min(720px, 100%);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list {
  display: grid;
  gap: 0;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-entry {
  display: grid;
  animation: vidu-lobby-pipeline-card-rise .22s cubic-bezier(.2, .75, .25, 1) backwards;
  animation-delay: calc(var(--lobby-action-index, 0) * 18ms);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-entry > button,
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list > button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 62px;
  padding: 11px 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  border-radius: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-entry.is-expanded > button {
  border-bottom-color: rgba(196, 181, 217, .18);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list strong {
  overflow: hidden;
  color: #e9e9eb;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list small,
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list em {
  color: rgba(238, 238, 240, .5);
  font-size: 9px;
  font-style: normal;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list em {
  font-weight: 680;
  letter-spacing: .01em;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list em.is-critical,
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list em.is-urgent {
  color: rgba(248, 113, 113, .94);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list em.is-high,
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list em.is-warning {
  color: rgba(251, 146, 60, .94);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list em.is-medium {
  color: rgba(250, 204, 21, .86);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list em.is-low,
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list em.is-safe {
  color: rgba(74, 222, 128, .86);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list em.is-normal,
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-action-center .vidu-lobby-action-list em.is-info {
  color: rgba(96, 165, 250, .84);
}

.vidu-org-lobby-v4 .vidu-lobby-action-problem {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  margin: 0 0 12px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  background: linear-gradient(90deg, rgba(196, 181, 217, .055), transparent 72%);
  transform-origin: top center;
  animation: vidu-lobby-action-accordion-in .2s cubic-bezier(.2, .78, .24, 1) both;
}

.vidu-org-lobby-v4 .vidu-lobby-action-problem.is-closing {
  pointer-events: none;
  animation: vidu-lobby-action-accordion-out .16s cubic-bezier(.55, .08, .72, .42) both;
}

.vidu-org-lobby-v4 .vidu-lobby-action-problem__inner {
  display: grid;
  gap: 15px;
  min-height: 0;
  padding: 18px 18px 20px 48px;
  overflow: hidden;
}

.vidu-org-lobby-v4 .vidu-lobby-action-problem p {
  margin: 0;
  color: rgba(239, 240, 243, .72);
  font-size: 12px;
  line-height: 1.55;
}

.vidu-org-lobby-v4 .vidu-lobby-action-problem dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.vidu-org-lobby-v4 .vidu-lobby-action-problem dl > div,
.vidu-org-lobby-v4 .vidu-lobby-action-problem__inner > div {
  display: grid;
  gap: 4px;
}

.vidu-org-lobby-v4 .vidu-lobby-action-problem dt,
.vidu-org-lobby-v4 .vidu-lobby-action-problem__inner > div > span {
  color: rgba(196, 181, 217, .58);
  font-size: 8px;
  font-weight: 720;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.vidu-org-lobby-v4 .vidu-lobby-action-problem dd,
.vidu-org-lobby-v4 .vidu-lobby-action-problem__inner > div > strong {
  margin: 0;
  color: rgba(242, 243, 245, .82);
  font-size: 10px;
  font-weight: 580;
}

.vidu-org-lobby-v4 .vidu-lobby-action-problem .vidu-lobby-action {
  justify-self: start;
}

.vidu-org-lobby-v4 .vidu-lobby-action-problem__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.vidu-org-lobby-v4 .vidu-lobby-action-problem__actions .vidu-lobby-action {
  min-height: 30px;
  padding-inline: 12px;
  border-radius: 999px;
}

.vidu-org-lobby-v4 .vidu-lobby-action-problem .vidu-lobby-action-triage-note {
  padding-left: 10px;
  border-left: 2px solid rgba(196, 181, 217, .32);
  color: rgba(239, 240, 243, .58);
  font-size: 10px;
}

@keyframes vidu-lobby-action-accordion-in {
  from { grid-template-rows: minmax(0, 0fr); opacity: 0; transform: translateY(-6px); }
  to { grid-template-rows: minmax(0, 1fr); opacity: 1; transform: translateY(0); }
}

@keyframes vidu-lobby-action-accordion-out {
  from { grid-template-rows: minmax(0, 1fr); opacity: 1; transform: translateY(0); }
  to { grid-template-rows: minmax(0, 0fr); opacity: 0; transform: translateY(-5px); }
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-pipeline-overview {
  align-content: center;
  padding: clamp(12px, 2vw, 34px);
  background: rgba(7, 8, 11, .62);
  backdrop-filter: blur(16px) saturate(92%);
  -webkit-backdrop-filter: blur(16px) saturate(92%);
  scrollbar-width: none;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-pipeline-overview::-webkit-scrollbar {
  display: none;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-pipeline-overview > section {
  width: min(1720px, 100%);
  max-height: min(92vh, 1040px);
  overflow: hidden;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: clamp(34px, 4vh, 54px);
  width: 100%;
  max-height: min(92vh, 1040px);
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-toolbar {
  display: flex;
  justify-content: center;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-toolbar .vidu-lobby-pipeline-workspace-select {
  width: min(320px, 100%);
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-toolbar select {
  width: 100%;
  min-height: 42px;
  padding: 0 42px 0 18px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 999px;
  color: rgba(247, 247, 249, .9);
  background-color: rgba(18, 20, 24, .72);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .16);
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-columns {
  display: grid;
  grid-template-columns: repeat(var(--lobby-pipeline-detail-columns, 5), minmax(280px, 300px));
  align-items: stretch;
  gap: 0;
  height: min(80vh, 880px);
  min-height: 0;
  padding: 0 4px 4px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
  scrollbar-width: none;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-columns::-webkit-scrollbar,
.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-column-body::-webkit-scrollbar {
  display: none;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-column {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  padding: 0 clamp(10px, 1.2vw, 16px);
  border-left: 1px solid rgba(255, 255, 255, .07);
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-column:first-child {
  border-left: 0;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-column > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 46px;
  padding: 0 2px 10px;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-column > header > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-column > header span {
  overflow: hidden;
  color: rgba(237, 239, 244, .62);
  font-size: 10px;
  font-weight: 680;
  letter-spacing: .1em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-column > header span::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--lobby-pipeline-column-accent, #8b5cf6);
  vertical-align: 1px;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-column > header strong {
  color: rgba(237, 239, 244, .32);
  font-size: 10px;
  font-weight: 600;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-column > header button {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 50%;
  color: rgba(238, 240, 245, .56);
  background: rgba(255, 255, 255, .025);
  cursor: pointer;
  transition: color .16s ease, border-color .16s ease, background-color .16s ease, transform .16s ease;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-column > header button:hover,
.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-column > header button:focus-visible {
  color: rgba(250, 250, 252, .94);
  border-color: rgba(196, 181, 217, .34);
  background: rgba(196, 181, 217, .09);
  transform: translateY(-1px);
  outline: none;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-column > header svg {
  width: 14px;
  height: 14px;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-column-body {
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  gap: 12px;
  min-height: 0;
  padding: 8px 2px 22px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-card {
  width: 100%;
  min-width: 0;
  min-height: 150px;
  margin: 0;
  animation: vidu-lobby-pipeline-card-rise .22s cubic-bezier(.2, .75, .25, 1) backwards;
  animation-delay: calc(var(--lobby-pipeline-detail-index, 0) * 9ms);
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-card:hover,
.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-card:focus-visible {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--vidu-board-accent, #8fb7cf) 55%, rgba(255, 255, 255, .12));
  box-shadow: 0 24px 62px rgba(0, 0, 0, .28);
  outline: none;
}

.vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-card .vidu-board-card-inner {
  height: 100%;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot {
  grid-template-rows: auto;
  align-content: end;
  padding-bottom: clamp(38px, 7vh, 90px);
  background: rgba(10, 11, 14, .24);
  -webkit-backdrop-filter: blur(24px) saturate(110%);
  backdrop-filter: blur(24px) saturate(110%);
  animation: vidu-workforce-focus-backdrop-in .58s cubic-bezier(.22, .72, .15, 1) both;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot.is-closing {
  pointer-events: none;
  animation: vidu-workforce-focus-backdrop-out var(--workforce-focus-close-duration, .62s) cubic-bezier(.4, 0, .7, 1) both;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot.is-closing .vidu-lobby-agent-dock-item {
  animation: vidu-lobby-agent-depart .28s cubic-bezier(.4, 0, .75, .22) both;
  animation-delay: calc(var(--lobby-agent-index, 0) * 30ms);
}

body.vidu-workforce-focus-open #vidu-elena-global-layer {
  z-index: 0;
}

body.vidu-workforce-focus-open #vidu-elena-global-layer .vidu-ai-launcher {
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px) scale(.96);
}

.vidu-workforce-voice-stage {
  position: fixed;
  z-index: 2147482000;
  inset: 0;
  display: grid;
  place-items: center;
  color: #f5f2fa;
  animation: vidu-workforce-voice-stage-in .2s ease-out both;
  pointer-events: none;
}

.vidu-workforce-voice-stage.is-closing {
  pointer-events: none;
  animation: vidu-workforce-voice-stage-out .18s ease-in both;
}

.vidu-workforce-voice-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  pointer-events: none;
  transition: background-color .34s ease, -webkit-backdrop-filter .34s ease, backdrop-filter .34s ease;
}

.vidu-workforce-voice-presence {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: grid;
  justify-items: center;
  width: min(520px, calc(100vw - 36px));
  padding: 28px 24px;
  border: 1px solid rgba(210, 191, 238, .13);
  border-radius: 34px;
  background: linear-gradient(145deg, rgba(16, 17, 23, .76), rgba(7, 9, 13, .7));
  box-shadow: 0 34px 110px rgba(0, 0, 0, .48);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  text-align: center;
  transform: translate(-50%, -50%);
  pointer-events: auto;
  transition: top .36s cubic-bezier(.2, .78, .22, 1), left .36s cubic-bezier(.2, .78, .22, 1), transform .36s cubic-bezier(.2, .78, .22, 1), width .36s cubic-bezier(.2, .78, .22, 1), padding .36s cubic-bezier(.2, .78, .22, 1), background-color .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.vidu-workforce-voice-stage.is-glass-ready .vidu-workforce-voice-presence {
  -webkit-backdrop-filter: blur(10px) saturate(108%);
  backdrop-filter: blur(10px) saturate(108%);
}

.vidu-workforce-voice-windowbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 28px;
  margin: -12px 0 8px;
  color: rgba(235, 224, 250, .38);
  cursor: grab;
  touch-action: none;
  user-select: none;
}

.vidu-workforce-voice-windowbar:active,
.vidu-workforce-voice-presence.is-dragging .vidu-workforce-voice-windowbar { cursor: grabbing; }

.vidu-workforce-voice-windowbar button {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 50%;
  color: rgba(248, 245, 252, .72);
  background: rgba(255, 255, 255, .05);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.vidu-workforce-voice-presence.is-dragging { transition: none; }

/* Floating voice companion: frameless minimized state with live speaking presence indicator. */
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-presence {
  width: 104px;
  padding: 6px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-windowbar {
  position: absolute;
  top: 6px;
  left: 50%;
  z-index: 4;
  width: 76px;
  height: 76px;
  min-height: 0;
  margin: 0;
  transform: translateX(-50%);
}
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-windowbar > span { display: none; }
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-windowbar button {
  position: absolute;
  top: -5px;
  right: -8px;
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  line-height: 0;
}
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-meeting-context,
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-identity,
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-transcript,
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-meeting-speakers,
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-feedback { display: none; }
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-orbit {
  top: 3px;
  width: 82px;
}
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-avatar {
  width: 76px;
  margin: 0;
  overflow: visible;
}
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-avatar::after {
  content: "";
  position: absolute;
  right: 1px;
  bottom: 5px;
  z-index: 5;
  width: 10px;
  height: 10px;
  border: 2px solid rgba(9, 10, 14, .92);
  border-radius: 50%;
  background: #ad73ff;
  box-shadow: 0 0 0 0 rgba(173, 115, 255, .65);
  opacity: 0;
  transform: scale(.72);
  transition: opacity .18s ease, transform .18s ease;
}
.vidu-workforce-voice-stage.is-minimized[data-voice-status="speaking"] .vidu-workforce-voice-avatar::after {
  opacity: 1;
  transform: scale(1);
  animation: vidu-workforce-voice-speaking-indicator 1.15s ease-out infinite;
}
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-controls {
  gap: 6px;
  margin-top: 8px;
}
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-controls button {
  display: inline-grid;
  place-items: center;
  min-width: 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  line-height: 0;
}
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-controls svg { display: block; margin: 0; }
.vidu-workforce-voice-stage.is-minimized .vidu-workforce-voice-controls span { display: none; }

.vidu-workforce-voice-meeting-context {
  display: grid;
  gap: 3px;
  width: 100%;
  margin-bottom: 20px;
}

.vidu-workforce-voice-meeting-context span {
  color: rgba(207, 180, 255, .78);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.vidu-workforce-voice-meeting-context strong {
  font-size: 17px;
  font-weight: 600;
}

.vidu-workforce-voice-meeting-context small {
  color: rgba(245, 243, 248, .52);
  font-size: 11px;
  line-height: 1.45;
}

.vidu-workforce-voice-orbit {
  position: absolute;
  top: 18px;
  left: 50%;
  width: clamp(178px, 19vw, 250px);
  aspect-ratio: 1;
  border: 1px solid rgba(177, 124, 255, .16);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(143, 77, 255, .18), rgba(143, 77, 255, 0) 68%);
  opacity: .65;
  transform: translateX(-50%) scale(.95);
  transition: opacity .2s ease, transform .2s ease;
}

.vidu-workforce-voice-stage[data-voice-status="speaking"] .vidu-workforce-voice-orbit {
  animation: vidu-workforce-voice-pulse 1.45s ease-in-out infinite;
  opacity: 1;
}

.vidu-workforce-voice-avatar {
  position: relative;
  width: clamp(148px, 16vw, 210px);
  aspect-ratio: 1;
  margin-bottom: 24px;
  border-radius: 50%;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .44), 0 0 0 1px rgba(202, 171, 255, .2);
  overflow: hidden;
}

.vidu-workforce-voice-avatar .vidu-avatar,
.vidu-workforce-voice-avatar .vidu-avatar img,
.vidu-workforce-voice-avatar .vidu-avatar__initials {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.vidu-workforce-voice-avatar .vidu-avatar__presence {
  display: none;
}

.vidu-workforce-voice-identity {
  display: grid;
  gap: 4px;
}

.vidu-workforce-voice-identity strong {
  font-size: clamp(24px, 3vw, 38px);
  font-weight: 560;
  letter-spacing: -.035em;
}

.vidu-workforce-voice-identity span {
  color: rgba(242, 239, 247, .56);
  font-size: 13px;
}

.vidu-workforce-voice-identity small {
  min-height: 22px;
  margin-top: 10px;
  color: rgba(207, 180, 255, .9);
  font-size: 12px;
  letter-spacing: .04em;
}

.vidu-workforce-voice-transcript {
  display: grid;
  gap: 8px;
  width: 100%;
  min-height: 68px;
  max-height: min(250px, 30vh);
  margin-top: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 18px;
  background: rgba(2, 3, 6, .42);
  overflow-y: auto;
  color: rgba(245, 243, 248, .72);
  font-size: 14px;
  line-height: 1.5;
}

.vidu-workforce-voice-transcript p {
  margin: 0;
  overflow-wrap: anywhere;
}

.vidu-workforce-voice-transcript p:first-child {
  color: rgba(245, 243, 248, .42);
  font-size: 12px;
}

.vidu-workforce-voice-transcript button {
  justify-self: center;
  padding: 9px 15px;
  border: 1px solid rgba(196, 181, 217, .2);
  border-radius: 999px;
  color: rgba(246, 244, 249, .9);
  background: rgba(196, 181, 217, .08);
}

.vidu-workforce-voice-meeting-speakers {
  --vidu-workforce-roster-edge: clamp(56px, 7vw, 128px);
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  box-sizing: border-box;
  width: 100%;
  margin-top: 14px;
  padding-inline: var(--vidu-workforce-roster-edge);
  overflow-x: auto;
  overflow-y: hidden;
  scroll-padding-inline: var(--vidu-workforce-roster-edge);
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 var(--vidu-workforce-roster-edge),
    #000 calc(100% - var(--vidu-workforce-roster-edge)),
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 var(--vidu-workforce-roster-edge),
    #000 calc(100% - var(--vidu-workforce-roster-edge)),
    transparent 100%
  );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-overflow-scrolling: touch;
}

.vidu-workforce-voice-meeting-speakers::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.vidu-workforce-voice-meeting-speakers button {
  display: grid;
  justify-items: center;
  gap: 4px;
  min-width: 62px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  color: rgba(245, 243, 248, .62);
  background: rgba(15, 16, 21, .48);
  cursor: pointer;
}

.vidu-workforce-voice-meeting-speakers button.is-active {
  border-color: rgba(177, 124, 255, .42);
  color: #fff;
  background: rgba(123, 70, 185, .2);
  cursor: default;
}

.vidu-workforce-voice-meeting-speakers .vidu-avatar {
  width: 30px;
  height: 30px;
}

.vidu-workforce-voice-meeting-speakers span {
  font-size: 9px;
}

.vidu-workforce-voice-controls {
  display: flex;
  gap: 12px;
  margin-top: 22px;
}

.vidu-workforce-voice-controls button {
  display: grid;
  justify-items: center;
  gap: 6px;
  min-width: 82px;
  padding: 12px 15px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 18px;
  color: rgba(248, 247, 250, .72);
  background: rgba(15, 16, 21, .64);
  transition: color .16s ease, background-color .16s ease, transform .16s ease;
}

.vidu-workforce-voice-controls button:hover,
.vidu-workforce-voice-controls button:focus-visible {
  color: #fff;
  background: rgba(34, 31, 43, .9);
  outline: none;
  transform: translateY(-2px);
}

.vidu-workforce-voice-controls button.is-muted {
  color: #d4b8ff;
  background: rgba(123, 70, 185, .22);
}

.vidu-workforce-voice-controls button.is-end {
  color: rgba(255, 218, 223, .86);
  background: rgba(109, 30, 42, .34);
}

.vidu-workforce-voice-controls svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}

.vidu-workforce-voice-controls span {
  font-size: 10px;
}

.vidu-workforce-voice-feedback {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 18px;
  color: rgba(245, 243, 248, .55);
  font-size: 11px;
}

.vidu-workforce-voice-feedback[hidden] {
  display: none;
}

.vidu-workforce-voice-feedback button {
  width: 25px;
  height: 25px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
  color: rgba(245, 243, 248, .6);
  background: rgba(255, 255, 255, .04);
  font-size: 10px;
}

.vidu-workforce-voice-stage.is-presenting {
  pointer-events: none;
}

.vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-backdrop {
  pointer-events: none;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-presence {
  top: calc(100% - clamp(18px, 2.2vw, 36px));
  left: clamp(18px, 2.2vw, 36px);
  grid-template-columns: 72px minmax(0, 1fr);
  column-gap: 14px;
  justify-items: start;
  width: min(350px, calc(100vw - 36px));
  padding: 14px 16px;
  border: 1px solid rgba(203, 181, 236, .14);
  border-radius: 24px;
  background: rgba(10, 11, 16, .86);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .38);
  text-align: left;
  pointer-events: auto;
  transform: translate(0, -100%);
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  backdrop-filter: blur(18px) saturate(112%);
}

.vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-orbit {
  top: 8px;
  left: 52px;
  width: 84px;
}

.vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-avatar {
  grid-column: 1;
  grid-row: 1;
  width: 72px;
  margin: 0;
  align-self: start;
}

.vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-identity {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  gap: 2px;
}

.vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-identity strong {
  font-size: 20px;
}

.vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-identity small {
  min-height: 17px;
  margin-top: 4px;
}

.vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-transcript {
  grid-column: 1 / -1;
  min-height: 0;
  max-height: 82px;
  margin-top: 9px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.42;
}

.vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-transcript p:first-child,
.vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-feedback {
  display: none;
}

.vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-controls {
  grid-column: 1 / -1;
  justify-self: end;
  gap: 8px;
  margin-top: 10px;
}

.vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-controls button {
  min-width: 66px;
  padding: 9px 11px;
  border-radius: 15px;
}

.vidu-workforce-voice-stage.is-presenting.is-minimized .vidu-workforce-voice-presence {
  grid-template-columns: 1fr;
  justify-items: center;
  width: 104px;
  padding: 6px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  text-align: center;
}

.vidu-workforce-voice-stage.is-presenting.is-minimized .vidu-workforce-voice-avatar {
  grid-column: 1;
  grid-row: auto;
  width: 76px;
}

.vidu-workforce-voice-stage.is-presenting.is-minimized .vidu-workforce-voice-controls {
  grid-column: 1;
  justify-self: center;
}

.vidu-workforce-voice-stage.is-presenting.is-minimized .vidu-workforce-voice-controls button {
  display: inline-grid;
  place-items: center;
  min-width: 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  line-height: 0;
}

@keyframes vidu-workforce-voice-stage-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes vidu-workforce-voice-stage-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes vidu-workforce-voice-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(139, 79, 255, .08), 0 0 54px rgba(139, 79, 255, .16); transform: translateX(-50%) scale(.94); }
  50% { box-shadow: 0 0 0 18px rgba(139, 79, 255, 0), 0 0 86px rgba(139, 79, 255, .28); transform: translateX(-50%) scale(1.06); }
}

@keyframes vidu-workforce-voice-speaking-indicator {
  0% { box-shadow: 0 0 0 0 rgba(173, 115, 255, .68), 0 0 10px rgba(173, 115, 255, .46); }
  70%, 100% { box-shadow: 0 0 0 9px rgba(173, 115, 255, 0), 0 0 16px rgba(173, 115, 255, .1); }
}

@media (max-width: 680px) {
  .vidu-workforce-voice-presence { padding: 20px 16px; }
  .vidu-workforce-voice-avatar { width: min(46vw, 178px); }
  .vidu-workforce-voice-orbit { width: min(54vw, 208px); top: 12px; }
  .vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-presence {
    top: calc(100% - 12px);
    left: 12px;
    width: calc(100vw - 24px);
  }
  .vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-avatar { width: 64px; }
  .vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-orbit { left: 48px; width: 76px; }
  .vidu-workforce-voice-stage.is-presenting.is-minimized .vidu-workforce-voice-presence {
    width: 104px;
    padding: 6px;
  }
}

.vidu-legal-draft-stage,
.vidu-legal-record-bundle-stage {
  position: fixed;
  z-index: 2147481000;
  inset: 0;
  display: grid;
  place-items: center;
  color: #ebe7f0;
}

.vidu-legal-draft-stage { pointer-events: none; }
.vidu-legal-draft-stage .vidu-legal-draft-shell { pointer-events: auto; }

.vidu-legal-draft-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgba(5, 6, 9, .7);
  -webkit-backdrop-filter: blur(42px) saturate(88%);
  backdrop-filter: blur(42px) saturate(88%);
  pointer-events: none;
}

.vidu-legal-draft-shell,
.vidu-legal-record-bundle {
  position: relative;
  z-index: 1;
  width: min(1460px, calc(100vw - 56px));
  height: min(900px, calc(100vh - 56px));
  border: 1px solid rgba(183, 151, 218, .2);
  border-radius: 28px;
  background: #0d0e12;
  box-shadow: 0 48px 160px rgba(0, 0, 0, .62);
  overflow: hidden;
}

.vidu-legal-draft-shell {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: min(680px, calc(100vw - 24px));
  min-height: min(500px, calc(100vh - 24px));
  max-width: calc(100vw - 16px);
  max-height: calc(100vh - 16px);
  resize: both;
  transform: translate(-50%, -50%);
}

.vidu-legal-draft-shell.is-maximized {
  top: 8px !important;
  left: 8px !important;
  width: calc(100vw - 16px) !important;
  height: calc(100vh - 16px) !important;
  max-width: none;
  max-height: none;
  transform: none !important;
  resize: none;
}

.vidu-legal-draft-shell.is-minimized {
  width: 360px !important;
  height: 76px !important;
  min-width: 320px;
  min-height: 76px;
  resize: none;
}
.vidu-legal-draft-shell.is-minimized > main,
.vidu-legal-draft-shell.is-minimized > footer { display: none; }

.vidu-legal-draft-shell > header,
.vidu-legal-draft-shell > footer,
.vidu-legal-record-bundle > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  background: #07080b;
}
.vidu-legal-draft-shell > header { cursor: grab; user-select: none; }
.vidu-legal-draft-shell > header:active { cursor: grabbing; }

.vidu-legal-draft-shell > header span,
.vidu-legal-record-bundle > header span {
  display: block;
  margin-bottom: 6px;
  color: #b996df;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .13em;
}

.vidu-legal-draft-shell > header input {
  width: min(760px, 62vw);
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #f4f1f7;
  font-family: inherit;
  font-size: clamp(19px, 2vw, 28px);
  font-weight: 600;
  line-height: 1.2;
}

.vidu-legal-draft-title-label {
  display: block;
  margin-top: 5px;
  color: #9f97a7;
  font-size: 10px;
  font-style: normal;
  font-weight: 760;
  letter-spacing: .16em;
}

.vidu-legal-draft-shell > header > div:last-child {
  display: flex;
  align-items: center;
  gap: 14px;
}

.vidu-legal-draft-shell > header small { color: #a9a2b1; }

.vidu-legal-draft-shell button,
.vidu-legal-record-bundle button {
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 13px;
  background: rgba(255, 255, 255, .05);
  color: #dcd6e3;
  cursor: pointer;
}

.vidu-legal-draft-shell > header button,
.vidu-legal-record-bundle > header button {
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 50%;
  font-size: 24px;
}

.vidu-legal-draft-shell > main {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
}

.vidu-document-collaboration-panel {
  min-width: 0;
  overflow: auto;
}
.vidu-legal-draft-shell .vidu-document-collaboration-panel { align-content: start; }
.vidu-document-collaboration-panel section { padding: 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; background: rgba(255,255,255,.025); }
.vidu-document-collaboration-panel section > header { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.vidu-document-collaboration-panel section > header small { color: #77727e; font-size: 10px; }
.vidu-document-collaboration-panel [data-document-collaborators-list] > div { display: grid; grid-template-columns: minmax(0,1fr) 100px 28px; gap: 6px; align-items: center; margin: 7px 0; }
.vidu-document-collaboration-panel [data-document-collaborators-list] span { display: flex; align-items: center; gap: 6px; min-width: 0; }
.vidu-document-collaboration-panel img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
.vidu-document-collaboration-panel select,
.vidu-document-collaboration-panel textarea,
.vidu-document-collaborator-add select { width: 100%; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; background: #171820; color: #ddd6e5; font: inherit; }
.vidu-document-collaboration-panel textarea { min-height: 72px; margin-top: 10px; padding: 10px; resize: vertical; }
.vidu-document-collaboration-panel button { margin-top: 8px; padding: 7px 10px; }
.vidu-document-collaboration-panel article { margin: 8px 0; padding: 10px; border-radius: 10px; background: rgba(255,255,255,.035); }
.vidu-document-collaboration-panel article.is-resolved { opacity: .52; }
.vidu-document-collaboration-panel article header { display: flex; justify-content: space-between; gap: 6px; }
.vidu-document-collaboration-panel article p { margin: 7px 0; color: #d6d0dc; font-size: 12px; }
.vidu-document-collaboration-panel blockquote { margin: 7px 0; padding-left: 8px; border-left: 2px solid #a47dcc; color: #938a9e; font-size: 11px; }
.vidu-document-version-list { display: grid; gap: 7px; }
.vidu-document-version-list > span { display: flex; justify-content: space-between; gap: 8px; }
.vidu-document-version-list small { color: #7f7888; }
.vidu-document-collaboration-panel .is-empty { color: #77727e; font-size: 11px; }

.vidu-legal-draft-shell aside select { width: 100%; min-height: 30px; padding: 6px; border: 1px solid rgba(255,255,255,.09); border-radius: 8px; background: #171820; color: #d4cedb; }
.vidu-legal-draft-shell aside select[multiple] { min-height: 76px; }
.vidu-document-presence { display: grid; gap: 5px; margin: 14px 0; padding: 10px; border-radius: 10px; background: rgba(164,125,204,.08); }
.vidu-document-presence small { color: #897f92; }
.vidu-document-presence span { color: #c6a7e6; font-size: 11px; }

.vidu-legal-draft-shell > main > aside {
  padding: 28px 22px;
  border-right: 1px solid rgba(255, 255, 255, .07);
  background: #111117;
}

.vidu-legal-draft-shell > main > aside > span {
  color: #a47dcc;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.vidu-legal-draft-shell > main > aside > strong {
  display: block;
  margin: 8px 0 12px;
  font-size: 18px;
}

.vidu-legal-draft-shell > main > aside p {
  color: #8e8994;
  font-size: 12px;
  line-height: 1.6;
}

.vidu-legal-draft-shell dl { margin: 26px 0; }
.vidu-legal-draft-shell dl div {
  display: grid;
  gap: 4px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.vidu-legal-draft-shell dt { color: #77727e; font-size: 10px; }
.vidu-legal-draft-shell dd { margin: 0; color: #c9c1cf; font-size: 12px; }
.vidu-legal-draft-shell aside button { width: 100%; padding: 10px 12px; }

.vidu-legal-draft-paper {
  padding: clamp(28px, 4vw, 58px);
  overflow: auto;
  background: #202127;
}

.vidu-document-page-frame {
  width: min(870px, 100%);
  margin: 0 auto;
}

.vidu-document-ruler {
  position: sticky;
  z-index: 4;
  top: -1px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  height: 29px;
  margin-bottom: 7px;
  color: #747982;
  filter: drop-shadow(0 5px 8px rgba(0,0,0,.14));
}

.vidu-document-ruler-corner,
.vidu-document-ruler-track {
  border: 1px solid #d2d5da;
  background: #f8f9fb;
}

.vidu-document-ruler-corner { border-radius: 7px 0 0 7px; }
.vidu-document-ruler-track { position: relative; border-left: 0; border-radius: 0 7px 7px 0; }
.vidu-document-ruler-scale {
  position: absolute;
  inset: 0 10px;
  opacity: .8;
  background-image: repeating-linear-gradient(90deg, #aeb3bb 0 1px, transparent 1px 9px), repeating-linear-gradient(90deg, #7f858e 0 1px, transparent 1px 45px);
  background-position: 0 19px, 0 14px;
  background-size: auto 6px, auto 11px;
  background-repeat: repeat-x;
}

.vidu-document-ruler [data-ruler-handle] {
  position: absolute;
  z-index: 2;
  top: 14px;
  left: var(--ruler-position, 0px);
  width: 14px;
  height: 12px;
  margin: 0 0 0 8px;
  padding: 0;
  border: 0;
  border-radius: 2px 2px 5px 5px;
  background: #7a55a1;
  clip-path: polygon(0 0, 100% 0, 76% 100%, 24% 100%);
  cursor: ew-resize;
  transform: translateX(-50%);
}
.vidu-document-ruler [data-ruler-handle="first"] { top: 2px; clip-path: polygon(24% 0, 76% 0, 100% 100%, 0 100%); }
.vidu-document-ruler [data-ruler-handle="right"] { right: var(--ruler-position, 0px); left: auto; margin-right: 8px; }
.vidu-document-paper-row { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: stretch; }
.vidu-document-vertical-ruler {
  border: 1px solid #d2d5da;
  border-right: 0;
  border-radius: 7px 0 0 7px;
  background-color: #f8f9fb;
  background-image: repeating-linear-gradient(180deg, #aeb3bb 0 1px, transparent 1px 9px), repeating-linear-gradient(180deg, #7f858e 0 1px, transparent 1px 45px);
  background-position: 20px 0, 15px 0;
  background-size: 6px auto, 11px auto;
  background-repeat: repeat-y;
}

.vidu-legal-draft-editor {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: clamp(42px, 6vw, 78px);
  outline: 0;
  background: #fff;
  box-shadow: 0 20px 70px rgba(0, 0, 0, .32);
  color: #151619;
  font: 15px/1.72 var(--vidu-document-font, Georgia), "Times New Roman", serif;
}

.vidu-legal-draft-editor h1 { margin: 0; color: #08090b; font-size: 30px; text-align: center; }
.vidu-legal-draft-editor h2 { margin: 30px 0 12px; color: #08090b; font-size: 19px; }
.vidu-legal-draft-editor h3 { margin: 24px 0 10px; color: #08090b; font-size: 16px; }
.vidu-legal-draft-editor h1,
.vidu-legal-draft-editor h1 *,
.vidu-legal-draft-editor h2,
.vidu-legal-draft-editor h2 *,
.vidu-legal-draft-editor h3,
.vidu-legal-draft-editor h3 * {
  color: #08090b;
  -webkit-text-fill-color: #08090b;
  opacity: 1;
  text-shadow: none;
}
.vidu-legal-draft-editor p { margin: 0 0 13px; }
.vidu-legal-draft-editor p,
.vidu-legal-draft-editor li,
.vidu-legal-draft-editor strong,
.vidu-legal-draft-editor em,
.vidu-legal-draft-editor td,
.vidu-legal-draft-editor th { color: #151619; }
.vidu-legal-draft-editor .vidu-contract-draft-label {
  margin: 5px 0 30px;
  color: #555b63;
  -webkit-text-fill-color: #555b63;
  font: 700 10px/1.3 Inter, system-ui, sans-serif;
  letter-spacing: .2em;
  text-align: center;
}
.vidu-legal-draft-editor .vidu-contract-parties {
  margin: 0 0 30px;
  table-layout: fixed;
  font-family: Inter, system-ui, sans-serif;
  font-size: 11px;
  line-height: 1.48;
}
.vidu-legal-draft-editor .vidu-contract-parties th {
  padding: 11px 13px;
  border-color: #bfc2c7;
  background: #17191d;
  color: #fff;
  -webkit-text-fill-color: #fff;
  font-size: 11px;
  letter-spacing: .04em;
  text-align: left;
}
.vidu-legal-draft-editor .vidu-contract-parties td {
  padding: 12px 13px;
  border-color: #cfd2d6;
  background: #f7f7f8;
  color: #17191d;
  -webkit-text-fill-color: #17191d;
  vertical-align: top;
}
.vidu-legal-draft-editor .vidu-contract-parties tr:nth-child(even) td { background: #fff; }
.vidu-legal-draft-editor .vidu-contract-subject {
  margin: 0 0 30px;
  padding: 18px 20px;
  border-left: 4px solid #17191d;
  background: #f1f2f4;
}
.vidu-legal-draft-editor .vidu-contract-subject h2 { margin-top: 0; }
.vidu-legal-draft-editor .vidu-contract-subject > strong,
.vidu-legal-draft-editor .vidu-contract-subject > p:first-of-type {
  display: block;
  margin-bottom: 7px;
  color: #08090b;
  -webkit-text-fill-color: #08090b;
  font-family: Inter, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 760;
}
.vidu-legal-draft-editor table { width: 100%; border-collapse: collapse; }
.vidu-legal-draft-editor td,
.vidu-legal-draft-editor th { padding: 8px; border: 1px solid #d8d9dc; vertical-align: top; }

.vidu-legal-draft-shell > footer {
  border-top: 1px solid rgba(255, 255, 255, .07);
  border-bottom: 0;
}

.vidu-legal-draft-formatting { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.vidu-legal-draft-formatting select { min-height: 36px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: #15161b; color: #ded8e5; }
.vidu-document-font-size { display: inline-flex; align-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: #15161b; }
.vidu-legal-draft-formatting .vidu-document-font-size button { min-width: 34px; padding: 8px; border: 0; border-radius: 0; background: transparent; font-size: 18px; }
.vidu-legal-draft-formatting .vidu-document-font-size select { width: 58px; border-block: 0; border-radius: 0; text-align: center; }
.vidu-document-public-sharing label { display: flex; align-items: center; gap: 8px; margin: 10px 0 6px; color: #d8d1df; font-size: 12px; }
.vidu-document-public-sharing label input { accent-color: #9c74c7; }
.vidu-document-public-sharing > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px; }
.vidu-document-public-sharing > div input { min-width: 0; padding: 8px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; background: #171820; color: #aaa1b3; font-size: 10px; }
.vidu-document-public-sharing > div button { margin: 0; }
.vidu-document-save-actions { display: flex; align-items: center; gap: 12px; }
.vidu-document-save-actions small { color: #8d8496; font-size: 11px; }
.vidu-workforce-document-stage.has-version-conflict .vidu-legal-draft-shell { border-color: rgba(239, 68, 68, .65); }
.vidu-legal-draft-shell > footer button { padding: 10px 14px; }
.vidu-legal-draft-shell > footer button.is-primary {
  border-color: #8d65bb;
  background: #4a2c69;
  color: #fff;
}

.vidu-legal-draft-stage.is-updated .vidu-legal-draft-paper {
  animation: vidu-legal-document-updated .7s ease-out;
}

.vidu-legal-record-bundle {
  height: min(720px, calc(100vh - 70px));
  overflow: auto;
}
.vidu-legal-record-bundle > header h2 { margin: 0; font-size: 28px; }
.vidu-legal-record-bundle > header p { margin: 5px 0 0; color: #908996; }
.vidu-legal-record-bundle > main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 24px;
}
.vidu-legal-record-bundle > main > section {
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 18px;
  background: #121217;
}
.vidu-legal-record-bundle h3 { display: flex; justify-content: space-between; margin: 0 0 16px; }
.vidu-legal-record-bundle h3 small { color: #ae87d6; }
.vidu-legal-record-bundle main section div { display: grid; gap: 8px; }
.vidu-legal-record-bundle main section button {
  display: grid;
  gap: 5px;
  padding: 14px 15px;
  text-align: left;
}
.vidu-legal-record-bundle main section button:hover { border-color: #8d65bb; background: #1e1727; }
.vidu-legal-record-bundle main section button span { color: #918a98; font-size: 11px; }

@keyframes vidu-legal-document-updated {
  0% { background: rgba(142, 91, 193, .18); }
  100% { background: #202127; }
}

@media (min-width: 1101px) {
  body.vidu-legal-document-open.vidu-workforce-presentation-open .vidu-legal-draft-stage,
  body.vidu-legal-document-open.vidu-workforce-presentation-open .vidu-legal-record-bundle-stage {
    box-sizing: border-box;
    place-items: stretch;
    padding: 14px 14px 14px 354px;
  }

  body.vidu-legal-document-open.vidu-workforce-presentation-open .vidu-legal-draft-shell,
  body.vidu-legal-document-open.vidu-workforce-presentation-open .vidu-legal-record-bundle {
    width: 100%;
    height: 100%;
    border-radius: 22px;
  }

  body.vidu-legal-document-open .vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-presence {
    top: 50%;
    left: 18px;
    width: 318px;
    max-height: calc(100vh - 36px);
    overflow: auto;
    transform: translate(0, -50%);
  }

  body.vidu-legal-document-open .vidu-workforce-voice-stage.is-presenting .vidu-workforce-voice-transcript {
    max-height: min(260px, 34vh);
    overflow-y: auto;
  }
}

@media (max-width: 820px) {
  .vidu-legal-draft-shell,
  .vidu-legal-record-bundle { width: calc(100vw - 20px); height: calc(100vh - 20px); border-radius: 20px; }
  .vidu-legal-draft-shell > main { grid-template-columns: 1fr; }
  .vidu-legal-draft-shell > main > aside { display: none; }
  .vidu-legal-draft-shell > header input { width: 60vw; }
  .vidu-legal-draft-paper { padding: 14px; }
  .vidu-document-ruler { grid-template-columns: 22px minmax(0, 1fr); }
  .vidu-document-paper-row { grid-template-columns: 22px minmax(0, 1fr); }
  .vidu-legal-draft-editor { padding: 34px 25px; }
  .vidu-legal-record-bundle > main { grid-template-columns: 1fr; }
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot > section {
  width: min(1760px, calc(100vw - 40px));
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot > section {
  max-height: none;
  overflow: visible;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-roster {
  --vidu-lobby-workforce-edge: clamp(48px, 4vw, 72px);
  --vidu-lobby-workforce-rise-room: 89px;
  display: flex;
  align-items: flex-start;
  justify-content: safe center;
  gap: clamp(16px, 1.2vw, 22px);
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin-top: calc(-1 * var(--vidu-lobby-workforce-rise-room));
  padding: var(--vidu-lobby-workforce-rise-room) var(--vidu-lobby-workforce-edge) 0;
  overflow-x: auto;
  scroll-padding-inline: var(--vidu-lobby-workforce-edge);
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 var(--vidu-lobby-workforce-edge),
    #000 calc(100% - var(--vidu-lobby-workforce-edge)),
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 var(--vidu-lobby-workforce-edge),
    #000 calc(100% - var(--vidu-lobby-workforce-edge)),
    transparent 100%
  );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-overflow-scrolling: touch;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-roster::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-dock-item {
  position: relative;
  display: grid;
  justify-items: center;
  flex: 0 0 clamp(116px, 6.5vw, 128px);
  width: clamp(116px, 6.5vw, 128px);
  margin: 0;
  opacity: var(--lobby-dock-opacity, 1);
  transform: translate3d(0, var(--lobby-dock-y, 0), 0) scale(var(--lobby-dock-scale, 1));
  filter: saturate(var(--lobby-dock-saturation, 1));
  animation: vidu-lobby-agent-rise .28s cubic-bezier(.2, .78, .25, 1) backwards;
  animation-delay: calc(var(--lobby-agent-index, 0) * 30ms);
  transition: opacity .1s linear, transform .1s linear, filter .1s linear;
  will-change: transform;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-avatar-control {
  position: relative;
  display: grid;
  place-items: center;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-zones {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border-radius: 50%;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-zones button {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-zones button:active {
  transform: none;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-identity {
  display: grid;
  justify-items: center;
  gap: 3px;
  width: 100%;
  min-width: 0;
  color: inherit;
  text-align: center;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-avatar.is-lg {
  --vidu-avatar-size: clamp(58px, 5vw, 76px);
  inline-size: var(--vidu-avatar-size);
  block-size: var(--vidu-avatar-size);
  aspect-ratio: 1;
  border-radius: 50%;
  transition: transform .2s ease, box-shadow .2s ease;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-avatar.is-lg img,
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-avatar.is-lg .vidu-avatar__initials {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
  clip-path: circle(50% at 50% 50%);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-dock-item .vidu-avatar {
  box-shadow: 0 18px 42px rgba(0, 0, 0, calc(var(--lobby-dock-glow, .04) * 2)), 0 0 0 3px rgba(196, 181, 217, var(--lobby-dock-glow, .04));
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-identity strong,
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-identity small {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-identity strong {
  color: #f2f2f3;
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-identity small {
  color: rgba(238, 238, 240, .48);
  font-size: 9px;
  line-height: 1.28;
  min-height: 23px;
  overflow-wrap: anywhere;
  white-space: normal;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-actions {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 7px);
  z-index: 2;
  display: flex;
  gap: 4px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  background: rgba(8, 9, 12, .94);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .36);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, 9px, 0) scale(.96);
  transition: opacity .18s ease, transform .24s cubic-bezier(.2, .78, .25, 1);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-actions::after {
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 10px;
  height: 10px;
  background: rgba(8, 9, 12, .94);
  content: "";
  transform: translateX(-50%) rotate(45deg);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-avatar-control:hover .vidu-lobby-agent-actions,
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-avatar-control:focus-within .vidu-lobby-agent-actions {
  opacity: 1;
  transform: translate3d(-50%, 0, 0) scale(1);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-actions span {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 50%;
  color: rgba(244, 244, 246, .72);
  background: transparent;
  opacity: .42;
  transition: color .16s ease, background-color .16s ease, opacity .16s ease, transform .16s ease;
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-zones:has(.is-chat:hover) ~ .vidu-lobby-agent-actions [data-lobby-agent-action-icon="chat"],
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-zones:has(.is-chat:focus-visible) ~ .vidu-lobby-agent-actions [data-lobby-agent-action-icon="chat"],
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-zones:has(.is-voice:hover) ~ .vidu-lobby-agent-actions [data-lobby-agent-action-icon="voice"],
.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-zones:has(.is-voice:focus-visible) ~ .vidu-lobby-agent-actions [data-lobby-agent-action-icon="voice"] {
  color: #fff;
  background: rgba(255, 255, 255, .1);
  opacity: 1;
  outline: none;
  transform: translateY(-1px);
}

.vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-actions svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.vidu-org-lobby-v4 .vidu-lobby-agent-preview-row .vidu-lobby-avatar-more {
  display: inline-grid;
  grid-column: 1 / -1;
  grid-template-columns: 1fr;
  place-items: center;
  justify-self: center;
  align-self: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  border-radius: 50%;
  color: rgba(244, 244, 246, .82);
  background: rgba(196, 181, 217, .08);
  font-size: 10px;
  line-height: 1;
  text-align: center;
}

.vidu-org-lobby-v4 .vidu-lobby-widget[data-lobby-widget="dashboard_overview"] {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.vidu-org-lobby-v4 .vidu-lobby-widget[data-lobby-widget="dashboard_overview"] > .vidu-lobby-text-link {
  align-self: end;
  justify-self: center;
  margin-top: 18px;
  padding-top: 4px;
}

@media (max-width: 980px) {
  .vidu-org-lobby-v4 .vidu-lobby-detail-drawer:not(.is-pipeline-overview):not(.is-workforce-snapshot) {
    align-content: start;
    justify-items: stretch;
    padding: 72px 18px 30px;
  }

  .vidu-org-lobby-v4 .vidu-lobby-drawer-facts,
  .vidu-org-lobby-v4 .vidu-lobby-detail-drawer .vidu-lobby-drawer-grid {
    grid-template-columns: 1fr;
  }

  .vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-pipeline-overview {
    padding: 20px 14px;
  }

  .vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-columns {
    grid-template-columns: repeat(var(--lobby-pipeline-detail-columns, 5), minmax(250px, 280px));
    height: min(72vh, 680px);
  }

  .vidu-org-lobby-v4 .vidu-lobby-action-problem__inner {
    padding-left: 16px;
  }

  .vidu-org-lobby-v4 .vidu-lobby-action-problem dl {
    grid-template-columns: 1fr;
  }

  .vidu-org-lobby-v4 .vidu-lobby-action-problem__actions {
    align-items: stretch;
  }

  .vidu-org-lobby-v4 .vidu-lobby-action-problem__actions .vidu-lobby-action {
    justify-content: center;
  }

  .vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot {
    justify-items: stretch;
    padding: 24px 18px 34px;
  }

  .vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-roster {
    padding: var(--vidu-lobby-workforce-rise-room) var(--vidu-lobby-workforce-edge) 12px;
    scroll-snap-type: x proximity;
  }

  .vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-dock-item {
    flex: 0 0 88px;
    scroll-snap-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vidu-org-lobby-v4 .vidu-lobby-detail-drawer,
  .vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-dock-item,
  .vidu-org-lobby-v4 .vidu-lobby-detail-drawer.is-workforce-snapshot .vidu-lobby-agent-actions,
  .vidu-org-lobby-v4 .vidu-lobby-pipeline-detail-card,
  .vidu-org-lobby-v4 .vidu-lobby-action-entry,
  .vidu-org-lobby-v4 .vidu-lobby-action-problem,
  .vidu-org-lobby-v4 .vidu-lobby-clock-separator {
    animation: none;
  }
}

/* Final division layout guard: keep late legacy workspace rules inside the shared canvas. */
.vidu-engineering-workspace-host,
.vidu-scout-research-workspace-host {
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}

.vidu-engineering-workspace-host::-webkit-scrollbar,
.vidu-scout-research-workspace-host::-webkit-scrollbar {
  display: none;
}

.vidu-engineering-workspace,
.vidu-scout-workspace {
  min-height: 100%;
  height: auto;
  gap: 18px;
  padding: clamp(28px, 4vw, 68px);
  background: transparent;
}

.vidu-engineering-workspace > *,
.vidu-scout-workspace > *,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview.is-active > * {
  width: min(1680px, 100%);
  margin-inline: auto;
  box-sizing: border-box;
}

.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-header,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-header,
.vidu-engineering-header,
.vidu-scout-header {
  align-items: flex-start;
  gap: clamp(24px, 4vw, 72px);
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-header h2,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-header h2,
.vidu-engineering-header h2,
.vidu-scout-header h2 {
  font-family: var(--vidu-font-mono, ui-monospace, monospace);
  font-size: clamp(30px, 3vw, 48px);
  font-weight: 560;
  letter-spacing: -.04em;
}

.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-header p,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-header p,
.vidu-engineering-header p,
.vidu-scout-header p {
  max-width: 780px;
  color: rgba(229, 237, 247, .58);
  font-size: 15px;
  line-height: 1.6;
}

.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-header-side,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-header aside {
  align-content: start;
  gap: 10px;
  padding-top: 4px;
}

.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-status,
.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-actions,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-header aside {
  justify-content: flex-end;
}

.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-actions,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-header aside {
  flex-wrap: wrap;
}

.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-nav-bar,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-nav,
.vidu-engineering-nav-bar,
.vidu-scout-nav {
  padding: 5px;
  border-color: rgba(255, 255, 255, .075);
  border-radius: 16px;
  background: rgba(14, 17, 22, .58);
  box-shadow: none;
  backdrop-filter: none;
}

.vidu-engineering-request-rail,
.vidu-scout-main > section,
.vidu-scout-main > aside {
  border-color: rgba(255, 255, 255, .075);
  border-radius: 22px;
  background: rgba(14, 17, 22, .72);
  box-shadow: none;
  backdrop-filter: none;
}

.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-main,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-main,
.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-unified-workflow,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-unified-workflow {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-engineering-main,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-scout-main {
  padding: 0;
}

.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-unified-workflow,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-unified-workflow {
  padding-top: 0;
}

.vidu-engineering-workspace[data-engineering-view="workflow"] .vidu-unified-workflow-filters,
.vidu-scout-workspace[data-scout-view="workflow"] .vidu-unified-workflow-filters {
  padding-top: 0;
}

/* Finance uses the same open canvas and hierarchy as Marketing and Sales. */
#vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview.is-active {
  gap: 18px;
  padding: clamp(28px, 4vw, 68px);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-head {
  align-items: flex-start;
  margin-bottom: 10px;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-head h3 {
  margin: 8px 0 6px;
  font-family: var(--vidu-font-mono, ui-monospace, monospace);
  font-size: clamp(30px, 3vw, 48px);
  font-weight: 520;
  letter-spacing: -.04em;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-head p {
  display: block;
  max-width: 780px;
  color: rgba(229, 237, 247, .58);
  font-size: 15px;
  line-height: 1.6;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-ai-summary,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-division-overview,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-section,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-list-shell {
  border-color: rgba(255, 255, 255, .075);
  background: rgba(14, 17, 22, .62);
  box-shadow: none;
}

@media (max-width: 980px) {
  .vidu-engineering-workspace,
  .vidu-scout-workspace,
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview.is-active {
    padding: 24px 18px 100px;
  }

  .vidu-unified-workflow-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Client Success Division: organization-scoped operating layer. */
.vidu-client-success-workspace-host{display:none;min-height:calc(100vh - 160px);background:radial-gradient(circle at 12% 8%,rgba(43,116,104,.12),transparent 32%),#090b0e;color:#e8edf0}
.vidu-client-success-workspace-host.is-active{display:block}
.vidu-client-success-workspace{width:min(1640px,calc(100% - 80px));margin:0 auto;padding:70px 0 110px}
.vidu-client-success-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:42px;margin-bottom:34px}
.vidu-client-success-hero>div:first-child{max-width:760px}
.vidu-client-success-hero span,.vidu-client-success-panel header span{display:block;color:#75d6bd;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.vidu-client-success-hero h2{margin:10px 0 8px;font:500 clamp(34px,3vw,52px)/1.05 ui-monospace,SFMono-Regular,Menlo,monospace}
.vidu-client-success-hero p{margin:0;color:#8d969f;font-size:16px;line-height:1.55}
.vidu-client-success-hero>div:last-child{display:flex;gap:10px;align-items:center}
.vidu-client-success-workspace button,.vidu-client-success-config-dialog button{border:1px solid #2b343d;border-radius:999px;background:#11161b;color:#cbd3d8;padding:11px 17px;cursor:pointer}
.vidu-client-success-workspace button:hover,.vidu-client-success-config-dialog button:hover{border-color:#4a625c;color:#fff}
.vidu-client-success-workspace button.is-primary,.vidu-client-success-config-dialog button.is-primary{border-color:#277a64;background:#123a31;color:#bdf5e5}
.vidu-client-success-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #20272e;border-radius:18px;overflow:hidden;background:#0d1115}
.vidu-client-success-kpis article{min-height:104px;padding:22px;border-right:1px solid #20272e}
.vidu-client-success-kpis article:last-child{border-right:0}
.vidu-client-success-kpis span,.vidu-client-success-readiness span{display:block;color:#727c86;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.vidu-client-success-kpis strong{display:block;margin:7px 0 4px;font-size:27px}
.vidu-client-success-kpis small,.vidu-client-success-readiness small{color:#69737b}
.vidu-client-success-readiness{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.vidu-client-success-readiness>div{display:flex;align-items:center;gap:18px;min-height:76px;padding:18px 22px;border:1px solid rgba(75,174,148,.24);border-radius:16px;background:rgba(16,38,33,.38)}
.vidu-client-success-readiness strong{margin-left:auto;font-size:16px}
.vidu-client-success-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.7fr);gap:16px}
.vidu-client-success-panel{min-width:0;border:1px solid #20272e;border-radius:20px;background:#0d1115;padding:22px}
.vidu-client-success-panel>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}
.vidu-client-success-panel h3{margin:7px 0 0;font:500 24px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}
.vidu-client-success-panel header small{color:#66717a}
.vidu-client-success-lifecycle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.vidu-client-success-lifecycle article{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;padding:15px;border-radius:13px;background:#12171c;border:1px solid #20272e}
.vidu-client-success-lifecycle i{grid-row:1/3;color:#54616b;font-style:normal}
.vidu-client-success-lifecycle strong{font-size:14px}.vidu-client-success-lifecycle small{color:#68747d}
.vidu-client-success-lifecycle article.is-critical{border-color:rgba(225,84,93,.38)}.vidu-client-success-lifecycle article.is-healthy{border-color:rgba(65,195,149,.3)}
.vidu-client-success-projects{display:grid;gap:8px}.vidu-client-success-projects>button{display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:14px;text-align:left;padding:14px 16px;background:#11161a}
.vidu-client-success-projects button div>span{color:#72d5bc;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.vidu-client-success-projects button strong,.vidu-client-success-projects button small{display:block}.vidu-client-success-projects button strong{margin:4px 0}.vidu-client-success-projects button small{color:#68747d}
.vidu-client-success-projects em{min-width:52px;text-align:center;font-style:normal;color:#d6b36b}.vidu-client-success-projects em.is-healthy{color:#6ed5a9}.vidu-client-success-projects em.is-at_risk{color:#ef7880}
.vidu-client-success-workforce {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.vidu-client-success-workforce article {
  position: relative;
  min-width: 0;
  min-height: 190px;
  overflow: hidden;
  border: 1px solid #20272e;
  border-radius: 16px;
  background: #12171c;
}

.vidu-client-success-workforce article > .vidu-avatar {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.vidu-client-success-workforce article > .vidu-avatar img,
.vidu-client-success-workforce article > .vidu-avatar .vidu-avatar__initials {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
}

.vidu-client-success-workforce article > .vidu-avatar .vidu-avatar__status {
  right: 10px;
  bottom: 10px;
}

.vidu-client-success-workforce article > div {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  min-width: 0;
  padding: 54px 13px 13px;
  background: linear-gradient(180deg, transparent, rgba(5, 8, 10, .94));
  text-align: right;
}

.vidu-client-success-workforce strong,
.vidu-client-success-workforce small {
  display: block;
}

.vidu-client-success-workforce small {
  color: #75d6bd;
}

.vidu-client-success-workforce p {
  display: -webkit-box;
  margin: 5px 0 0;
  overflow: hidden;
  color: #a5afb5;
  font-size: 11px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.vidu-client-success-boundary{display:grid;gap:2px}.vidu-client-success-boundary article{display:flex;justify-content:space-between;gap:16px;padding:13px 2px;border-bottom:1px solid #20272e}.vidu-client-success-boundary span{color:#718078;font-size:12px}
.vidu-client-success-config-overlay{position:fixed;inset:0;z-index:100300;display:grid;place-items:center;padding:28px;background:rgba(3,6,8,.72);backdrop-filter:blur(16px)}
.vidu-client-success-config-dialog{width:min(1120px,96vw);max-height:min(860px,90vh);overflow:hidden;border:1px solid #28333a;border-radius:22px;background:#0b1014;box-shadow:0 32px 90px rgba(0,0,0,.48)}
.vidu-client-success-config-dialog form{display:flex;flex-direction:column;max-height:min(860px,90vh)}
.vidu-client-success-config-dialog form>header,.vidu-client-success-config-dialog form>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid #20282e}.vidu-client-success-config-dialog form>header span{color:#75d6bd;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.vidu-client-success-config-dialog h3{margin:6px 0;font:500 25px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.vidu-client-success-config-dialog header p{margin:0;color:#76818a}.vidu-client-success-config-dialog form>footer{border-top:1px solid #20282e;border-bottom:0}.vidu-client-success-config-dialog footer span{margin-right:auto;color:#75d6bd}
.vidu-client-success-config-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;padding:24px 26px;overflow:auto}.vidu-client-success-config-body h4{margin:0 0 12px;font:500 18px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.vidu-client-success-config-body h4:not(:first-child){margin-top:23px}
.vidu-client-success-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vidu-client-success-fields label>span{display:block;margin:0 0 6px;color:#7d8991;font-size:11px;text-transform:uppercase}.vidu-client-success-fields input,.vidu-client-success-fields select{box-sizing:border-box;width:100%;height:42px;border:1px solid #28313a;border-radius:10px;background:#141a20;color:#e4eaed;padding:0 12px}
.vidu-client-success-gates,.vidu-client-success-choice-grid{display:grid;gap:8px;margin-top:16px}.vidu-client-success-choice-grid{grid-template-columns:1fr 1fr;margin-top:0}.vidu-client-success-gates label,.vidu-client-success-choice-grid label{display:flex;align-items:flex-start;gap:10px;padding:11px;border-radius:11px;background:#12181d}.vidu-client-success-gates strong,.vidu-client-success-gates small,.vidu-client-success-choice-grid strong,.vidu-client-success-choice-grid small{display:block}.vidu-client-success-gates small,.vidu-client-success-choice-grid small{margin-top:2px;color:#69757e;font-size:11px}
@media(max-width:900px){.vidu-client-success-workspace{width:calc(100% - 32px);padding-top:34px}.vidu-client-success-hero{display:block}.vidu-client-success-hero>div:last-child{margin-top:20px}.vidu-client-success-kpis{grid-template-columns:1fr 1fr}.vidu-client-success-kpis article:nth-child(2){border-right:0}.vidu-client-success-kpis article:nth-child(-n+2){border-bottom:1px solid #20272e}.vidu-client-success-main,.vidu-client-success-config-body{grid-template-columns:1fr}.vidu-client-success-lifecycle{grid-template-columns:1fr 1fr}.vidu-client-success-workforce{grid-template-columns:1fr}}

/* Operations Division — organization-scoped execution engine. */
.vidu-operations-workspace-host {
  display: none;
  min-height: calc(100vh - 160px);
  overflow: auto;
  background:
    radial-gradient(circle at 10% 8%, rgba(51, 142, 117, .12), transparent 34%),
    radial-gradient(circle at 92% 18%, rgba(44, 94, 116, .1), transparent 30%),
    #090b0e;
  color: #e8edf0;
}

.vidu-operations-workspace-host.is-active {
  display: block;
}

.vidu-operations-workspace {
  box-sizing: border-box;
  width: min(1640px, calc(100% - 80px));
  min-height: 100%;
  margin: 0 auto;
  padding: 64px 0 96px;
}

.vidu-operations-hero,
.vidu-operations-panel > header,
.vidu-operations-readiness,
.vidu-operations-actions article,
.vidu-operations-queue article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.vidu-operations-hero > div:first-child > span,
.vidu-operations-panel > header span,
.vidu-operations-kpis span,
.vidu-operations-readiness span,
.vidu-operations-config-dialog header span {
  color: #65cdae;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.vidu-operations-hero h2 {
  margin: 8px 0 10px;
  font: 500 38px/1.08 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.vidu-operations-hero p,
.vidu-operations-panel > header small,
.vidu-operations-readiness small,
.vidu-operations-kpis small {
  color: #78838b;
}

.vidu-operations-hero button,
.vidu-operations-config-dialog button {
  min-height: 40px;
  padding: 0 17px;
  border: 1px solid #2b363c;
  border-radius: 999px;
  background: #11171a;
  color: #cbd4d8;
  cursor: pointer;
}

.vidu-operations-hero button.is-primary,
.vidu-operations-config-dialog button.is-primary {
  border-color: #286b57;
  background: #15352c;
  color: #93e5c7;
}

.vidu-operations-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 36px;
  overflow: hidden;
  border: 1px solid #222a30;
  border-radius: 18px;
  background: rgba(12, 16, 20, .82);
}

.vidu-operations-kpis article {
  display: grid;
  gap: 5px;
  padding: 22px;
  border-right: 1px solid #222a30;
}

.vidu-operations-kpis article:last-child {
  border-right: 0;
}

.vidu-operations-kpis strong {
  font-size: 28px;
}

.vidu-operations-readiness {
  margin-top: 16px;
  padding: 18px 22px;
  border: 1px solid #17392f;
  border-radius: 16px;
  background: rgba(10, 24, 20, .58);
}

.vidu-operations-readiness > div {
  display: grid;
  gap: 4px;
}

.vidu-operations-readiness > div:last-child {
  text-align: right;
}

.vidu-operations-main {
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 18px;
  margin-top: 18px;
}

.vidu-operations-panel {
  padding: 22px;
  border: 1px solid #20282e;
  border-radius: 20px;
  background: rgba(10, 14, 17, .86);
}

.vidu-operations-panel h3 {
  margin: 5px 0 0;
  font: 500 24px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.vidu-operations-processes,
.vidu-operations-actions,
.vidu-operations-queue {
  display: grid;
  gap: 2px;
  margin-top: 18px;
}

.vidu-operations-processes article,
.vidu-operations-actions article,
.vidu-operations-queue article {
  padding: 14px;
  border-radius: 12px;
  background: #10161a;
}

.vidu-operations-processes article > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.vidu-operations-processes span,
.vidu-operations-actions article > span {
  padding: 5px 9px;
  border-radius: 999px;
  background: #182128;
  color: #87949b;
  font-size: 11px;
}

.vidu-operations-actions article > span.is-executable {
  background: #123127;
  color: #76d2b3;
}

.vidu-operations-actions article > span.is-approval {
  background: #342919;
  color: #d7b271;
}

.vidu-operations-actions small,
.vidu-operations-queue small {
  display: block;
  margin-top: 4px;
  color: #727e85;
}

.vidu-operations-queue article > i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #65cdae;
}

.vidu-operations-queue article > div {
  flex: 1;
}

.vidu-operations-queue em {
  color: #7c878e;
  font-size: 12px;
  font-style: normal;
}

.vidu-operations-workforce {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.vidu-operations-workforce article {
  position: relative;
  min-height: 190px;
  overflow: hidden;
  border: 1px solid #202a2e;
  border-radius: 18px;
  background: #11171a;
}

.vidu-operations-workforce article > .vidu-lobby-avatar {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.vidu-operations-workforce article > .vidu-lobby-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vidu-operations-workforce article > div {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 58px 13px 13px;
  background: linear-gradient(180deg, transparent, rgba(5, 8, 10, .95));
  text-align: right;
}

.vidu-operations-workforce strong,
.vidu-operations-workforce small {
  display: block;
}

.vidu-operations-workforce small {
  color: #72d1b2;
}

.vidu-operations-config-overlay {
  position: fixed;
  inset: 0;
  z-index: 100300;
  display: grid;
  place-items: center;
  padding: 28px;
  background: rgba(3, 6, 8, .74);
  backdrop-filter: blur(16px);
}

.vidu-operations-config-dialog {
  width: min(1180px, 96vw);
  max-height: min(880px, 90vh);
  overflow: hidden;
  border: 1px solid #28343a;
  border-radius: 22px;
  background: #0b1014;
  box-shadow: 0 32px 90px rgba(0, 0, 0, .48);
}

.vidu-operations-config-dialog form {
  display: flex;
  flex-direction: column;
  max-height: min(880px, 90vh);
}

.vidu-operations-config-dialog form > header,
.vidu-operations-config-dialog form > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 26px;
  border-bottom: 1px solid #20282e;
}

.vidu-operations-config-dialog form > footer {
  border-top: 1px solid #20282e;
  border-bottom: 0;
}

.vidu-operations-config-dialog h3 {
  margin: 6px 0;
  font: 500 25px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.vidu-operations-config-dialog header p {
  margin: 0;
  color: #76818a;
}

.vidu-operations-config-dialog footer span {
  margin-right: auto;
  color: #6fd2b1;
}

.vidu-operations-config-body {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 26px;
  padding: 24px 26px;
  overflow: auto;
}

.vidu-operations-config-body h4 {
  margin: 0 0 12px;
  font: 500 18px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.vidu-operations-config-body h4:not(:first-child) {
  margin-top: 23px;
}

.vidu-operations-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.vidu-operations-fields label > span {
  display: block;
  margin: 0 0 6px;
  color: #7d8991;
  font-size: 11px;
  text-transform: uppercase;
}

.vidu-operations-fields input,
.vidu-operations-fields select {
  box-sizing: border-box;
  width: 100%;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #28313a;
  border-radius: 10px;
  background: #141a20;
  color: #e4eaed;
}

.vidu-operations-gates,
.vidu-operations-choice-grid {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.vidu-operations-choice-grid {
  grid-template-columns: 1fr 1fr;
  margin-top: 0;
}

.vidu-operations-gates label,
.vidu-operations-choice-grid label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 11px;
  border-radius: 11px;
  background: #12181d;
}

.vidu-operations-gates strong,
.vidu-operations-gates small,
.vidu-operations-choice-grid strong,
.vidu-operations-choice-grid small {
  display: block;
}

.vidu-operations-gates small,
.vidu-operations-choice-grid small {
  margin-top: 2px;
  color: #69757e;
  font-size: 11px;
}

@media (max-width: 900px) {
  .vidu-operations-workspace {
    width: calc(100% - 32px);
    padding-top: 34px;
  }

  .vidu-operations-hero,
  .vidu-operations-readiness {
    align-items: flex-start;
    flex-direction: column;
  }

  .vidu-operations-kpis,
  .vidu-operations-main,
  .vidu-operations-config-body {
    grid-template-columns: 1fr;
  }

  .vidu-operations-kpis article {
    border-right: 0;
    border-bottom: 1px solid #20272e;
  }

  .vidu-operations-workforce,
  .vidu-operations-choice-grid,
  .vidu-operations-fields {
    grid-template-columns: 1fr;
  }
}

/* Action Inbox v2.1 — true Engineering-style overlay and final visual normalization */
.vidu-action-inbox-workspace-host.is-active {
  position: fixed !important;
  z-index: 100100 !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.vidu-action-inbox-workspace-host.is-active .vidu-action-inbox-workspace[data-action-inbox-workspace] {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: clamp(16px, 3vh, 32px) 5vw !important;
  background: rgba(3, 5, 9, .56) !important;
  -webkit-backdrop-filter: blur(5px) saturate(90%);
  backdrop-filter: blur(5px) saturate(90%);
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-dialog {
  width: min(960px, 92vw) !important;
  height: min(760px, calc(100dvh - clamp(32px, 6vh, 64px))) !important;
  max-height: calc(100dvh - clamp(32px, 6vh, 64px)) !important;
  border-color: rgba(255, 255, 255, .11) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(25, 29, 36, .985), rgba(14, 17, 23, .99)) !important;
  box-shadow: 0 32px 110px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-dialog > .vidu-action-inbox-header {
  min-height: 68px !important;
  padding: 0 22px !important;
  border-bottom-color: rgba(255, 255, 255, .08) !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-dialog > .vidu-action-inbox-header h2 {
  margin: 0 !important;
  color: #f3f3f5 !important;
  font-family: inherit !important;
  font-size: 18px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-dialog > .vidu-action-inbox-header p {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-filters {
  gap: 7px !important;
  padding: 10px 18px !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-filters button {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-dialog > .vidu-action-inbox-shell {
  grid-template-columns: minmax(270px, .72fr) minmax(0, 1.48fr) !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-feed > header {
  min-height: 44px !important;
  padding: 0 14px !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-card > button {
  padding: 10px 11px !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-card header strong {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-card header small,
.vidu-action-inbox-workspace-host .vidu-action-inbox-card footer {
  font-size: 9px !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-inspector-compact {
  gap: 9px !important;
  padding: 14px 16px 18px !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-inspector-compact > header {
  padding: 0 1px 8px !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-inspector-compact > header strong {
  font-size: 14px !important;
  line-height: 1.3 !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-inspector-compact > section,
.vidu-action-inbox-workspace-host .vidu-action-inbox-inspector-compact > details {
  padding: 12px 13px !important;
  border-color: rgba(255, 255, 255, .075) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, .018) !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-inspector-compact p {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-next-step > strong {
  margin-top: 5px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-lifecycle-compact .vidu-action-inbox-code-list {
  gap: 6px !important;
  margin-top: 8px !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-lifecycle-compact .vidu-action-inbox-code-list code {
  padding: 6px 8px !important;
  border-color: rgba(255, 255, 255, .065) !important;
  font-size: 9px !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-details {
  padding: 0 !important;
  background: rgba(255, 255, 255, .012) !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-details > summary {
  padding: 12px 13px !important;
  font-size: 11px !important;
}

.vidu-action-inbox-workspace-host .vidu-action-inbox-secondary-actions {
  padding-top: 2px !important;
}

@media (max-width: 860px) {
  .vidu-action-inbox-workspace-host .vidu-action-inbox-dialog {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    border-radius: 0 !important;
  }

  .vidu-action-inbox-workspace-host.is-active .vidu-action-inbox-workspace[data-action-inbox-workspace] {
    padding: 0 !important;
  }

  .vidu-action-inbox-workspace-host .vidu-action-inbox-dialog > .vidu-action-inbox-shell {
    grid-template-columns: 1fr !important;
  }
}
/* Intelligence Node Foundation v0.1 */
.vidu-intelligence-node-settings{display:grid;gap:16px}.vidu-intelligence-organization-select{max-width:380px}.vidu-intelligence-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vidu-intelligence-metrics>div{padding:16px;border:1px solid var(--vidu-border-subtle,#2d3339);border-radius:12px;background:rgba(255,255,255,.025)}.vidu-intelligence-metrics span{display:block;color:var(--vidu-text-muted,#9299a1);font-size:12px}.vidu-intelligence-metrics strong{display:block;margin-top:9px;font-size:26px}.vidu-intelligence-node-list,.vidu-intelligence-job-list{display:grid}.vidu-intelligence-node-row,.vidu-intelligence-job-row{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(130px,.7fr) minmax(220px,1.3fr) auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--vidu-border-subtle,#2d3339)}.vidu-intelligence-node-row:first-child,.vidu-intelligence-job-row:first-child{border-top:0}.vidu-intelligence-node-row>div,.vidu-intelligence-job-row>div{display:grid;gap:4px}.vidu-intelligence-node-row small,.vidu-intelligence-job-row small{color:var(--vidu-text-muted,#9299a1);font-size:11px;overflow-wrap:anywhere}.vidu-intelligence-status{display:inline-flex;width:max-content;padding:4px 8px;border:1px solid #3b434b;border-radius:999px;color:#b9c0c7;font-size:11px;text-transform:capitalize}.vidu-intelligence-status.is-online,.vidu-intelligence-status.is-completed{border-color:#2d6953;color:#79dbb1}.vidu-intelligence-status.is-offline,.vidu-intelligence-status.is-failed,.vidu-intelligence-status.is-revoked{border-color:#704040;color:#ff8585}.vidu-intelligence-status.is-queued,.vidu-intelligence-status.is-waiting_for_local_node{border-color:#6b5933;color:#edc76d}.vidu-intelligence-enrollment-dialog{width:min(620px,92vw);padding:0;border:1px solid var(--vidu-border-subtle,#343a40);border-radius:14px;background:var(--vidu-surface-raised,#14181c);color:var(--vidu-text-primary,#f5f6f7)}.vidu-intelligence-enrollment-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.vidu-intelligence-enrollment-dialog form{display:grid;gap:18px;padding:22px}.vidu-intelligence-enrollment-secret{display:grid;gap:8px;padding:13px;border:1px solid #424a52;border-radius:9px;background:rgba(0,0,0,.28)}.vidu-intelligence-enrollment-secret code{color:#d9ff68;overflow-wrap:anywhere}.vidu-settings-checkbox{display:flex!important;align-items:center;gap:10px}.vidu-settings-checkbox input{width:18px;height:18px}.vidu-settings-checkbox span{margin:0}@media(max-width:900px){.vidu-intelligence-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vidu-intelligence-node-row,.vidu-intelligence-job-row{grid-template-columns:1fr 1fr}}@media(max-width:580px){.vidu-intelligence-metrics,.vidu-intelligence-node-row,.vidu-intelligence-job-row{grid-template-columns:1fr}}
.vidu-intelligence-release-list,.vidu-intelligence-assignment-list{display:grid;margin-top:10px}.vidu-intelligence-release-row,.vidu-intelligence-assignment-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(150px,.8fr) minmax(150px,.8fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--vidu-border-subtle,#2d3339)}.vidu-intelligence-release-row:first-child,.vidu-intelligence-assignment-row:first-child{border-top:0}.vidu-intelligence-release-row>div,.vidu-intelligence-assignment-row>div{display:grid;gap:4px}.vidu-intelligence-release-row small,.vidu-intelligence-assignment-row small{color:var(--vidu-text-muted,#9299a1);font-size:11px;overflow-wrap:anywhere}.vidu-intelligence-channel{display:inline-flex;width:max-content;padding:4px 8px;border:1px solid #52516d;border-radius:999px;color:#c9c7ff;font-size:11px;text-transform:capitalize}.vidu-intelligence-channel.is-pilot{border-color:#67572f;color:#f0ca69}.vidu-intelligence-channel.is-stable{border-color:#29654e;color:#70dbaa}.vidu-intelligence-channel.is-emergency{border-color:#793f46;color:#ff8e99}.vidu-intelligence-update-form{margin-bottom:12px}.vidu-intelligence-release-registry textarea{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.vidu-intelligence-status.is-published,.vidu-intelligence-status.is-succeeded{border-color:#2d6953;color:#79dbb1}.vidu-intelligence-status.is-draft,.vidu-intelligence-status.is-pending_approval,.vidu-intelligence-status.is-approved,.vidu-intelligence-status.is-deferred,.vidu-intelligence-status.is-offered,.vidu-intelligence-status.is-downloaded,.vidu-intelligence-status.is-verified,.vidu-intelligence-status.is-staged,.vidu-intelligence-status.is-draining,.vidu-intelligence-status.is-installing,.vidu-intelligence-status.is-health{border-color:#6b5933;color:#edc76d}.vidu-intelligence-status.is-rolled_back,.vidu-intelligence-status.is-recovery_locked,.vidu-intelligence-status.is-cancelled{border-color:#704040;color:#ff8585}@media(max-width:1000px){.vidu-intelligence-release-row,.vidu-intelligence-assignment-row{grid-template-columns:1fr 1fr}}@media(max-width:620px){.vidu-intelligence-release-row,.vidu-intelligence-assignment-row{grid-template-columns:1fr}}

.vidu-intelligence-diagnostic{gap:16px}.vidu-intelligence-diagnostic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vidu-intelligence-diagnostic textarea{width:100%;min-height:104px;resize:vertical}.vidu-intelligence-diagnostic-result{display:grid;gap:14px;padding:16px;border:1px solid var(--vidu-border-subtle,#2d3339);border-radius:12px;background:rgba(0,0,0,.2)}.vidu-intelligence-diagnostic-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.vidu-intelligence-diagnostic-head>div{display:flex;align-items:center;gap:10px}.vidu-intelligence-diagnostic-head small{color:var(--vidu-text-muted,#9299a1);overflow-wrap:anywhere}.vidu-intelligence-diagnostic-message{margin:0;color:var(--vidu-text-secondary,#c8cdd2)}.vidu-intelligence-diagnostic-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vidu-intelligence-diagnostic-facts>div{display:grid;gap:5px;padding:11px;border-radius:9px;background:rgba(255,255,255,.025)}.vidu-intelligence-diagnostic-facts span,.vidu-intelligence-diagnostic-output>span{color:var(--vidu-text-muted,#9299a1);font-size:11px}.vidu-intelligence-diagnostic-facts strong,.vidu-intelligence-diagnostic-facts code{font-size:12px;overflow-wrap:anywhere}.vidu-intelligence-diagnostic-output{display:grid;gap:7px}.vidu-intelligence-diagnostic-output pre{max-height:300px;margin:0;padding:14px;overflow:auto;border:1px solid var(--vidu-border-subtle,#2d3339);border-radius:9px;background:#090c0e;color:var(--vidu-text-primary,#f5f6f7);font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.vidu-intelligence-review{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.vidu-intelligence-status.is-running,.vidu-intelligence-status.is-busy{border-color:#35627a;color:#7dcdf5}@media(max-width:900px){.vidu-intelligence-diagnostic-grid{grid-template-columns:1fr}.vidu-intelligence-diagnostic-facts{grid-template-columns:1fr}}@media(max-width:580px){.vidu-intelligence-diagnostic-head,.vidu-intelligence-review{align-items:flex-start;flex-direction:column}}

/* Deprecated office editor rules are quarantined while their clean component module takes over. */
@media not all {
/* Corvion Sheets workspace */
.vidu-workforce-spreadsheet-stage{--sheet-blue:#1a73e8;--sheet-green:#20a36a;--sheet-line:#d9dde3;--sheet-ink:#202124;z-index:100015!important}
.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell{display:grid!important;grid-template-rows:62px auto 38px minmax(0,1fr) 42px!important;width:min(1600px,calc(100vw - 80px));height:min(900px,calc(100vh - 80px));max-width:none!important;max-height:none!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;background:#f8f9fa!important;box-shadow:0 28px 90px rgba(0,0,0,.62)!important;color:var(--sheet-ink)!important}
.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell>header{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:0!important;padding:9px 12px 8px 18px!important;border-bottom:1px solid #20262c!important;background:#111519!important;color:#fff!important}
.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell>header>div:first-child{display:grid!important;grid-template-columns:auto minmax(180px,520px) auto!important;align-items:center!important;gap:11px!important;min-width:0!important}
.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell>header span{color:#69ddb1!important;font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.13em!important}
.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell>header input{width:100%!important;min-width:0!important;height:34px!important;padding:6px 9px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#f8fafb!important;font:600 18px/1.2 Inter,Arial,sans-serif!important;box-shadow:none!important}
.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell>header input:focus{border-color:#47515a!important;background:#1b2126!important;outline:none!important}
.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell>header em{padding:4px 7px!important;border:1px solid #344139!important;border-radius:999px!important;color:#8fcbb3!important;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;font-style:normal!important;letter-spacing:.08em!important}
.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell>header>div:last-child{display:flex!important;align-items:center!important;gap:6px!important}
.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell>header small{margin-right:8px!important;color:#aeb7be!important;font-size:11px!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;padding:7px 12px!important;overflow-x:auto!important;border-bottom:1px solid #d7dbe0!important;background:#f1f4f8!important;box-shadow:0 1px 2px rgba(60,64,67,.09)!important;scrollbar-width:thin!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar select,.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar button,.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar label{flex:0 0 auto!important;height:30px!important;margin:0!important;padding:0 9px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#303438!important;font:500 12px/28px Inter,Arial,sans-serif!important;box-shadow:none!important;cursor:pointer!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar select{min-width:122px!important;border-color:#d2d7dd!important;background:#fff!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar select[data-sheet-size]{min-width:62px!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar select[data-sheet-border]{min-width:142px!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar button:hover,.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar label:hover{background:#dfe5eb!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar button.is-active{background:#d2e3fc!important;color:#174ea6!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar label{position:relative!important;display:grid!important;place-items:center!important;width:34px!important;padding:0!important;font-size:14px!important;font-weight:700!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar input[type=color]{position:absolute!important;inset:auto 5px 2px!important;width:24px!important;height:4px!important;padding:0!important;border:0!important;opacity:1!important;cursor:pointer!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar>input[type=color]{flex:0 0 auto!important;width:30px!important;height:30px!important;padding:4px!important;border:1px solid #d2d7dd!important;border-radius:6px!important;background:#fff!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar[data-readonly]{pointer-events:none!important;opacity:.58!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-formula{display:grid!important;grid-template-columns:72px 32px minmax(0,1fr)!important;align-items:center!important;min-height:0!important;border-bottom:1px solid #cfd4da!important;background:#fff!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-formula strong{padding:0 12px!important;border-right:1px solid #d8dce1!important;color:#3c4043!important;font:600 12px/37px ui-monospace,SFMono-Regular,Menlo,monospace!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-formula span{color:#7b8187!important;font:italic 600 14px/1 Georgia,serif!important;text-align:center!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-formula input{width:100%!important;height:37px!important;padding:0 9px!important;border:0!important;background:#fff!important;color:#202124!important;font:13px/1.4 Inter,Arial,sans-serif!important;box-shadow:none!important;outline:none!important}
.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell>main{display:grid!important;grid-template-columns:minmax(0,1fr) 0!important;min-width:0!important;min-height:0!important;overflow:hidden!important;background:#fff!important;transition:grid-template-columns .22s ease!important}
.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell.is-collaboration-open>main{grid-template-columns:minmax(0,1fr) 330px!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-canvas{display:grid!important;grid-template-rows:minmax(0,1fr) 39px!important;min-width:0!important;min-height:0!important;overflow:hidden!important;background:#fff!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid{min-width:0!important;min-height:0!important;overflow:auto!important;background:#fff!important;overscroll-behavior:contain!important;outline:none!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid table{border-collapse:separate!important;border-spacing:0!important;width:max-content!important;min-width:100%!important;table-layout:fixed!important;background:#fff!important;color:#202124!important;font-family:Inter,Arial,sans-serif!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid col.row-number{width:48px!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid th{position:relative!important;height:28px!important;padding:0 6px!important;border:0!important;border-right:1px solid #cfd3d7!important;border-bottom:1px solid #cfd3d7!important;background:#f5f7f8!important;color:#5f6368!important;font:500 11px/27px Inter,Arial,sans-serif!important;text-align:center!important;user-select:none!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid thead th{position:sticky!important;top:0!important;z-index:4!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid tbody th{position:sticky!important;left:0!important;z-index:3!important;width:48px!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid thead th:first-child{position:sticky!important;left:0!important;z-index:6!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid td{position:relative!important;height:28px!important;min-width:60px!important;padding:0!important;border:0;border-right:1px solid var(--sheet-line);border-bottom:1px solid var(--sheet-line);vertical-align:middle!important;overflow:visible!important;background-clip:padding-box!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid td>div{display:block!important;min-height:27px!important;padding:4px 6px!important;overflow:hidden!important;color:inherit!important;font:inherit!important;line-height:19px!important;text-overflow:clip!important;outline:none!important;cursor:cell!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid td.is-selected:after{content:""!important;position:absolute!important;inset:-1px!important;z-index:1!important;border:1px solid rgba(26,115,232,.62)!important;pointer-events:none!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid td.is-active:after{z-index:2!important;border:2px solid var(--sheet-blue)!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid td.is-active:before{content:""!important;position:absolute!important;right:-4px!important;bottom:-4px!important;z-index:5!important;width:7px!important;height:7px!important;border:1px solid #fff!important;border-radius:50%!important;background:var(--sheet-blue)!important}
.vidu-workforce-spreadsheet-stage [data-sheet-column-resize]{position:absolute!important;top:0!important;right:0!important;z-index:7!important;width:10px!important;height:100%!important;background:transparent!important;cursor:col-resize!important;touch-action:none!important}
.vidu-workforce-spreadsheet-stage [data-sheet-column-resize]:hover{background:transparent!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-canvas>footer{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;padding:5px 10px!important;overflow-x:auto!important;border-top:1px solid #d2d6da!important;background:#f7f8f9!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-canvas>footer button{height:28px!important;margin:0!important;padding:0 13px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#5f6368!important;font:600 12px/28px Inter,Arial,sans-serif!important;white-space:nowrap!important;cursor:pointer!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-canvas>footer button:hover{background:#e7ebef!important}.vidu-workforce-spreadsheet-stage .vidu-sheet-canvas>footer button.is-active{background:#e8f0fe!important;color:#1967d2!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-side-panel{min-width:330px!important;max-width:330px!important;padding:14px!important;overflow:auto!important;border-left:1px solid #d8dce0!important;background:#f6f8fa!important;opacity:0!important;transform:translateX(14px)!important;transition:opacity .18s ease,transform .18s ease!important}
.vidu-workforce-spreadsheet-stage .is-collaboration-open .vidu-sheet-side-panel{opacity:1!important;transform:none!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-side-panel>section{display:grid!important;gap:10px!important;margin:0 0 12px!important;padding:13px!important;border:1px solid #dfe3e7!important;border-radius:11px!important;background:#fff!important;color:#31353a!important;box-shadow:0 1px 2px rgba(60,64,67,.07)!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-side-panel section>header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;padding:0!important;border:0!important;background:none!important;color:#292d31!important}.vidu-workforce-spreadsheet-stage .vidu-sheet-side-panel section>header strong{font-size:12px!important}.vidu-workforce-spreadsheet-stage .vidu-sheet-side-panel section>header small{color:#8a9198!important;font-size:9px!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-side-panel select,.vidu-workforce-spreadsheet-stage .vidu-sheet-side-panel input{width:100%!important;min-height:34px!important;padding:6px 8px!important;border:1px solid #d5d9dd!important;border-radius:7px!important;background:#fff!important;color:#303438!important;font-size:11px!important;box-shadow:none!important}.vidu-workforce-spreadsheet-stage .vidu-sheet-side-panel select[multiple]{min-height:84px!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-side-panel button{min-height:30px!important;padding:5px 9px!important;border:1px solid #d5d9dd!important;border-radius:7px!important;background:#fff!important;color:#3c4043!important;font-size:10px!important;cursor:pointer!important}.vidu-workforce-spreadsheet-stage .vidu-sheet-side-panel button:hover{border-color:#9aa0a6!important;background:#f3f5f6!important}
.vidu-workforce-spreadsheet-stage .vidu-document-public-sharing>label{display:flex!important;align-items:center!important;gap:8px!important;font-size:11px!important}.vidu-workforce-spreadsheet-stage .vidu-document-public-sharing>label input{width:15px!important;min-height:15px!important}.vidu-workforce-spreadsheet-stage .vidu-document-public-sharing>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important}
.vidu-workforce-spreadsheet-stage .vidu-document-version-list{display:grid!important;gap:6px!important}.vidu-workforce-spreadsheet-stage .vidu-document-version-list>span{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;padding:7px!important;border-radius:7px!important;background:#f7f8fa!important}.vidu-workforce-spreadsheet-stage .vidu-document-version-list small{overflow:hidden!important;color:#70767c!important;font-size:9px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-statusbar{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:0!important;padding:5px 13px!important;border-top:1px solid #22282d!important;background:#111519!important;color:#aeb7be!important}.vidu-workforce-spreadsheet-stage .vidu-sheet-statusbar small{font-size:10px!important}.vidu-workforce-spreadsheet-stage .vidu-sheet-statusbar button{height:30px!important;padding:0 15px!important;border:1px solid #2e9c70!important;border-radius:7px!important;background:#1f875f!important;color:#fff!important;font:600 11px/28px Inter,Arial,sans-serif!important;cursor:pointer!important}
@media(max-width:900px){.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell{width:100vw!important;height:100vh!important;border-radius:0!important}.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell>header span,.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell>header em{display:none!important}.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell>header>div:first-child{grid-template-columns:minmax(150px,1fr)!important}.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell.is-collaboration-open>main{grid-template-columns:minmax(0,1fr) min(310px,86vw)!important}.vidu-workforce-spreadsheet-stage .vidu-sheet-side-panel{min-width:min(310px,86vw)!important;max-width:min(310px,86vw)!important}}

/* Office-grade document and spreadsheet controls */
.vidu-workforce-document-stage .vidu-legal-draft-shell{grid-template-rows:auto auto minmax(0,1fr) auto}
.vidu-workforce-document-stage .vidu-legal-draft-shell.is-minimized>.vidu-document-top-toolbar{display:none}
.vidu-document-top-toolbar{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 12px;overflow-x:auto;border-bottom:1px solid #d6d9de;background:#f2f4f7;color:#25282d;scrollbar-width:thin}
.vidu-document-file-tools,.vidu-legal-draft-formatting,.vidu-document-zoom,.vidu-sheet-file-tools,.vidu-sheet-zoom{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.vidu-document-top-toolbar button,.vidu-document-top-toolbar select{height:30px;margin:0;padding:0 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:#30343a;font:500 11px/28px Inter,Arial,sans-serif;box-shadow:none;cursor:pointer}
.vidu-document-top-toolbar button:hover{background:#dfe4ea}.vidu-document-top-toolbar select{border-color:#d0d5db;background:#fff}
.vidu-document-top-toolbar .vidu-document-font-size{height:30px;border-color:#d0d5db;border-radius:6px;background:#fff}.vidu-document-top-toolbar .vidu-document-font-size button{height:28px}.vidu-document-top-toolbar .vidu-document-font-size select{height:28px;min-height:28px;background:#fff;color:#30343a}
.vidu-document-toolbar-separator,.vidu-sheet-toolbar-separator{width:1px;height:22px;flex:0 0 1px;background:#cbd0d6}
.vidu-document-zoom,.vidu-sheet-zoom{margin-left:auto;border:1px solid #d0d5db;border-radius:6px;background:#fff;overflow:hidden}
.vidu-document-zoom button,.vidu-sheet-zoom button{min-width:28px;padding:0;border:0!important;border-radius:0!important}.vidu-document-zoom output,.vidu-sheet-zoom output{min-width:45px;color:#4f555c;font:600 10px/1 Inter,Arial,sans-serif;text-align:center}
.vidu-document-page-frame{zoom:var(--vidu-document-zoom,1)}
.vidu-workforce-document-stage .vidu-legal-draft-shell>footer{justify-content:flex-end;padding:7px 14px}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar>[data-sheet-interactive],.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar[data-readonly] .vidu-sheet-file-tools{pointer-events:auto!important;opacity:1!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar select[data-sheet-vertical-align],.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar select[data-sheet-wrap-mode],.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar select[data-sheet-number-format],.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar select[data-sheet-currency],.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar select[data-sheet-function]{min-width:118px!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid table{zoom:var(--vidu-sheet-zoom,1)}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid td[data-wrap-mode="wrap"]>div{height:auto!important;overflow:visible!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid td[data-wrap-mode="overflow"]>div{position:relative!important;z-index:1!important;width:max-content!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid td[data-wrap-mode="clip"]>div{overflow:hidden!important;white-space:nowrap!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid td[style*="vertical-align:top"]>div{display:flex!important;align-items:flex-start!important;height:100%!important}.vidu-workforce-spreadsheet-stage .vidu-sheet-grid td[style*="vertical-align:middle"]>div{display:flex!important;align-items:center!important;height:100%!important}.vidu-workforce-spreadsheet-stage .vidu-sheet-grid td[style*="vertical-align:bottom"]>div{display:flex!important;align-items:flex-end!important;height:100%!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-grid td[style*="text-align:left"]>div{justify-content:flex-start!important}.vidu-workforce-spreadsheet-stage .vidu-sheet-grid td[style*="text-align:center"]>div{justify-content:center!important}.vidu-workforce-spreadsheet-stage .vidu-sheet-grid td[style*="text-align:right"]>div{justify-content:flex-end!important}
@media(max-width:760px){.vidu-document-top-toolbar{padding-inline:8px}.vidu-document-file-tools button,.vidu-sheet-file-tools button{font-size:10px!important}.vidu-document-toolbar-separator,.vidu-sheet-toolbar-separator{display:none}}

/* Office menus, icon-first toolbars, overlay sidebars and reorderable sheet tabs */
.vidu-office-menubar{position:relative;z-index:30;display:flex;align-items:center;gap:2px;min-height:34px;padding:2px 12px;border-bottom:1px solid #d7dbe0;background:#f8f9fb;color:#272b30;overflow:visible}
.vidu-office-menu{position:relative;align-self:stretch;display:flex;align-items:center}
.vidu-office-menu>[data-office-menu-trigger]{height:29px;margin:0;padding:0 10px;border:0;border-radius:6px;background:transparent;color:inherit;font:500 12px/29px Inter,Arial,sans-serif;cursor:pointer}
.vidu-office-menu>[data-office-menu-trigger]:hover,.vidu-office-menu:has(.vidu-office-menu-panel:not([hidden]))>[data-office-menu-trigger]{background:#e5e8ec}
.vidu-office-menu-panel{position:absolute;z-index:80;top:calc(100% + 2px);left:0;display:grid;min-width:250px;padding:6px;border:1px solid #d6d9de;border-radius:9px;background:#fff;box-shadow:0 12px 34px rgba(24,29,35,.22);color:#272b30}
.vidu-office-menu-panel[hidden],.vidu-sheet-tab-menu[hidden]{display:none!important}
.vidu-office-menu-panel button{display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;width:100%!important;height:34px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#30343a!important;font:500 12px/1 Inter,Arial,sans-serif!important;text-align:left!important;white-space:nowrap!important;cursor:pointer!important}
.vidu-office-menu-panel button:hover{background:#edf0f3!important}
.vidu-office-menu-panel hr,.vidu-sheet-tab-menu hr{width:100%;height:1px;margin:5px 0;border:0;background:#e0e3e7}
.vidu-office-menu-icon{display:grid;place-items:center;width:22px;color:#545b63;font-size:15px;text-align:center}
.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell{grid-template-rows:62px 34px auto 38px minmax(0,1fr) 42px!important}
.vidu-workforce-document-stage .vidu-legal-draft-shell{grid-template-rows:auto 34px auto minmax(0,1fr) auto}
.vidu-workforce-document-stage .vidu-legal-draft-shell.is-minimized>.vidu-office-menubar{display:none}
.vidu-workforce-document-stage .vidu-legal-draft-shell>main{position:relative}
.vidu-workforce-document-stage .vidu-document-collaboration-panel{display:grid;align-content:start}
.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell>main{position:relative;display:block!important}
.vidu-workforce-spreadsheet-stage .vidu-spreadsheet-shell.is-collaboration-open>main{display:block!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-canvas{width:100%;height:100%}
.vidu-workforce-spreadsheet-stage .vidu-sheet-side-panel{position:absolute!important;z-index:22!important;top:0!important;right:0!important;bottom:0!important;width:330px!important;min-width:330px!important;max-width:330px!important;box-shadow:-18px 0 40px rgba(31,35,39,.22)!important;opacity:0!important;pointer-events:none!important;transform:translateX(102%)!important}
.vidu-workforce-spreadsheet-stage .is-collaboration-open .vidu-sheet-side-panel{opacity:1!important;pointer-events:auto!important;transform:none!important}
.vidu-document-file-tools button,.vidu-sheet-file-tools button,.vidu-legal-draft-formatting button,.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar button{display:grid!important;place-items:center!important;min-width:30px!important;padding:0 7px!important;font-size:14px!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-canvas>footer{overflow:visible!important}
.vidu-sheet-tab-wrap{position:relative;display:flex;align-items:center;flex:0 0 auto;height:29px;border-radius:6px 6px 0 0;background:transparent;cursor:grab}
.vidu-sheet-tab-wrap:before{content:"";position:absolute;right:6px;bottom:0;left:6px;height:3px;border-radius:3px 3px 0 0;background:var(--vidu-sheet-tab-color,#1a73e8);opacity:.52}
.vidu-sheet-tab-wrap.is-active{background:#e8f0fe}.vidu-sheet-tab-wrap.is-active:before{opacity:1}
.vidu-sheet-tab-wrap.is-dragging{opacity:.42;cursor:grabbing}
.vidu-workforce-spreadsheet-stage .vidu-sheet-canvas>footer .vidu-sheet-tab-wrap>button{padding:0 5px 2px 11px!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-canvas>footer .vidu-sheet-tab-wrap>.vidu-sheet-tab-menu-trigger{width:24px!important;min-width:24px!important;padding:0 6px 2px 2px!important;color:#66707a!important}
.vidu-sheet-tab-menu{position:absolute;z-index:70;bottom:calc(100% + 5px);left:6px;display:grid;min-width:210px;padding:6px;border:1px solid #d5d9de;border-radius:9px;background:#fff;box-shadow:0 12px 34px rgba(24,29,35,.24);color:#30343a}
.vidu-workforce-spreadsheet-stage .vidu-sheet-canvas>footer .vidu-sheet-tab-menu button,.vidu-sheet-tab-menu label{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;width:100%!important;height:34px!important;margin:0!important;padding:0 9px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#30343a!important;font:500 12px/1 Inter,Arial,sans-serif!important;text-align:left!important;cursor:pointer!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-canvas>footer .vidu-sheet-tab-menu button:hover,.vidu-sheet-tab-menu label:hover{background:#edf0f3!important}
.vidu-sheet-tab-menu button.is-danger{color:#b42318!important}.vidu-sheet-tab-menu input[type=color]{width:24px;height:22px;padding:1px;border:1px solid #cdd2d8;border-radius:5px;background:#fff;cursor:pointer}
@media(max-width:760px){.vidu-office-menubar{overflow-x:auto;overflow-y:hidden}.vidu-office-menu-panel{position:fixed;top:98px;left:8px;right:8px;min-width:0}.vidu-workforce-document-stage .vidu-legal-draft-shell>main{grid-template-columns:minmax(0,1fr)}.vidu-workforce-document-stage .vidu-legal-draft-shell>main>aside:first-child{display:none}}

.vidu-document-window-resizer{position:absolute!important;z-index:120!important;right:2px!important;bottom:2px!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0 0 12px 0!important;background:linear-gradient(135deg,transparent 0 45%,currentColor 46% 51%,transparent 52% 62%,currentColor 63% 68%,transparent 69%)!important;color:rgba(140,148,158,.78)!important;cursor:nwse-resize!important}
.vidu-legal-draft-shell.is-maximized>.vidu-document-window-resizer,.vidu-legal-draft-shell.is-minimized>.vidu-document-window-resizer{display:none!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar select[data-sheet-font-weight],.vidu-document-top-toolbar select[data-document-font-weight]{min-width:70px!important;width:70px!important}
.vidu-sheet-border-control{position:relative;flex:0 0 auto}
.vidu-sheet-border-panel{position:fixed;z-index:2147482500;display:grid;width:330px;max-height:min(580px,calc(100vh - 90px));padding:12px;overflow:auto;border:1px solid #d5d9de;border-radius:10px;background:#fff;box-shadow:0 16px 44px rgba(25,30,36,.26);color:#30343a}
.vidu-sheet-border-panel[hidden]{display:none!important}
.vidu-sheet-border-panel hr{width:100%;height:1px;margin:9px 0;border:0;background:#e0e3e7}.vidu-sheet-border-panel>strong{margin:2px 0 8px;font:700 11px/1 Inter,Arial,sans-serif;letter-spacing:.04em}
.vidu-sheet-border-modes{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar .vidu-sheet-border-modes button{height:44px!important;border:1px solid transparent!important;border-radius:7px!important;background:#f5f7f9!important;color:#4b5158!important;font-size:22px!important}.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar .vidu-sheet-border-modes button:hover{border-color:#b7c0ca!important;background:#e9edf1!important}
.vidu-sheet-border-colors{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;align-items:center}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar .vidu-sheet-border-colors button{width:28px!important;min-width:28px!important;height:28px!important;padding:0!important;border:2px solid #fff!important;border-radius:50%!important;background:var(--border-swatch)!important;box-shadow:0 0 0 1px #cbd1d7!important}.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar .vidu-sheet-border-colors button.is-active{box-shadow:0 0 0 2px #1a73e8!important}
.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar .vidu-sheet-border-colors input[type=color]{position:static!important;inset:auto!important;width:28px!important;height:28px!important;padding:1px!important;border:1px solid #cbd1d7!important;border-radius:6px!important;opacity:1!important;background:#fff!important}
.vidu-sheet-border-line-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vidu-workforce-spreadsheet-stage .vidu-sheet-toolbar .vidu-sheet-border-line-controls select{width:100%!important;min-width:0!important}
.vidu-workforce-document-stage .vidu-legal-draft-paper{padding-top:0!important}
.vidu-workforce-document-stage .vidu-document-ruler{top:0!important;margin-top:0!important}
.vidu-workforce-spreadsheet-stage [data-sheet-row-resize]{position:absolute!important;right:0!important;bottom:0!important;left:0!important;z-index:8!important;width:100%!important;height:10px!important;background:transparent!important;cursor:row-resize!important;touch-action:none!important}
.vidu-workforce-spreadsheet-stage [data-sheet-row-resize]:hover{background:transparent!important}
}

/* Intelligence Trust Console v1 */
.vidu-trust-console{display:grid;gap:18px}.vidu-intelligence-trust-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vidu-intelligence-trust-metrics>div{padding:14px;border:1px solid var(--vidu-border-subtle,#2d3339);border-radius:12px;background:rgba(255,255,255,.025)}.vidu-intelligence-trust-metrics span{display:block;color:var(--vidu-text-muted,#9299a1);font-size:11px}.vidu-intelligence-trust-metrics strong{display:block;margin-top:7px;font-size:20px}.vidu-intelligence-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vidu-intelligence-trust-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:11px 0;border-top:1px solid var(--vidu-border-subtle,#2d3339)}.vidu-intelligence-trust-row:first-child{border-top:0}.vidu-intelligence-trust-row>div{display:grid;gap:3px}.vidu-intelligence-trust-row small{color:var(--vidu-text-muted,#9299a1);overflow-wrap:anywhere}.vidu-intelligence-job-detail{border-top:1px solid var(--vidu-border-subtle,#2d3339)}.vidu-intelligence-job-detail:first-child{border-top:0}.vidu-intelligence-job-detail>summary{border-top:0;cursor:pointer;list-style:none}.vidu-intelligence-job-detail>summary::-webkit-details-marker{display:none}.vidu-intelligence-job-inspector{display:grid;gap:12px;padding:0 0 16px 20px}.vidu-intelligence-job-inspector dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0}.vidu-intelligence-job-inspector dl>div{min-width:0}.vidu-intelligence-job-inspector dt{color:var(--vidu-text-muted,#9299a1);font-size:11px}.vidu-intelligence-job-inspector dd{margin:4px 0 0;overflow-wrap:anywhere}.vidu-intelligence-audit-list{display:grid;max-height:520px;overflow:auto}.vidu-intelligence-audit-row{display:grid;grid-template-columns:145px minmax(190px,.7fr) minmax(0,1.3fr);gap:14px;align-items:center;padding:11px 0;border-top:1px solid var(--vidu-border-subtle,#2d3339)}.vidu-intelligence-audit-row:first-child{border-top:0}.vidu-intelligence-audit-row time,.vidu-intelligence-audit-row small{color:var(--vidu-text-muted,#9299a1);font-size:11px}.vidu-intelligence-audit-row div{display:grid;gap:3px}.vidu-intelligence-audit-row code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b9c0c7}@media(max-width:900px){.vidu-intelligence-trust-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vidu-intelligence-trust-grid{grid-template-columns:1fr}.vidu-intelligence-audit-row{grid-template-columns:1fr}.vidu-intelligence-job-inspector dl{grid-template-columns:1fr}}@media(max-width:580px){.vidu-intelligence-trust-metrics{grid-template-columns:1fr}}

/* Trust Control Center — organization-level supervisory workspace */
#vidu-pipeline-dashboard .vidu-trust-control-workspace{place-items:start center;overflow:auto;padding:clamp(84px,9vh,112px) clamp(22px,4vw,64px) clamp(32px,5vw,64px);background:radial-gradient(circle at 8% 0%,rgba(24,186,135,.13),transparent 34%),radial-gradient(circle at 94% 8%,rgba(62,132,255,.10),transparent 30%),linear-gradient(145deg,rgba(17,23,29,.98),rgba(9,13,18,.99));box-sizing:border-box}
.vidu-trust-center{display:grid;gap:22px;width:min(100%,1600px);min-width:0;margin:0 auto;color:var(--vidu-text-primary,#f2f4f7)}
.vidu-trust-destinations{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vidu-trust-destinations>span{margin-right:2px;color:var(--vidu-text-muted,#9299a1);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.vidu-trust-destinations button{min-height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--vidu-text-primary,#f2f4f7);background:rgba(255,255,255,.035);font:inherit;font-size:12px;font-weight:600;line-height:1;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.vidu-trust-destinations button:hover,.vidu-trust-destinations button:focus-visible{border-color:rgba(89,214,167,.55);background:rgba(89,214,167,.1);outline:0;transform:translateY(-1px)}
.vidu-trust-center-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:6px 4px 4px}
.vidu-trust-center-head>div:first-child{display:grid;gap:7px;max-width:850px}.vidu-trust-center-head>div:first-child>span{color:#59d6a7;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.vidu-trust-center-head h1{margin:0;font:500 clamp(30px,4vw,52px)/1.05 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.045em}.vidu-trust-center-head p{max-width:760px;margin:0;color:var(--vidu-text-muted,#9299a1);line-height:1.6}
.vidu-trust-center-health{display:grid;grid-template-columns:auto auto;gap:4px 14px;align-items:center;min-width:220px;padding:14px 16px;border:1px solid rgba(89,214,167,.22);border-radius:14px;background:rgba(89,214,167,.055)}.vidu-trust-center-health>span,.vidu-trust-center-health>small{color:var(--vidu-text-muted,#9299a1);font-size:11px}.vidu-trust-center-health>strong{color:#71dfb5}.vidu-trust-center-health>button{grid-column:1/-1;margin-top:6px}
.vidu-trust-organization,.vidu-trust-organization-static{display:grid;gap:5px;max-width:420px;margin-top:14px}.vidu-trust-organization>span,.vidu-trust-organization-static>span{color:var(--vidu-text-muted,#9299a1);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.vidu-trust-organization select{width:100%;height:40px;padding:0 36px 0 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--vidu-text-primary,#f2f4f7);background:#11171d}.vidu-trust-organization-static strong{font-size:13px}
.vidu-trust-center .vidu-intelligence-trust-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.vidu-trust-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:6px;border-bottom:1px solid rgba(255,255,255,.08)}.vidu-trust-toolbar nav{display:flex;gap:4px;overflow-x:auto}.vidu-trust-toolbar nav button{display:flex;align-items:center;gap:8px;padding:12px 14px;border:0;border-bottom:2px solid transparent;color:var(--vidu-text-muted,#9299a1);background:transparent;cursor:pointer}.vidu-trust-toolbar nav button.is-active{border-bottom-color:#59d6a7;color:#e9fff7}.vidu-trust-toolbar nav b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.07);font-size:10px}.vidu-trust-toolbar label{display:grid;gap:5px;min-width:min(340px,38vw);padding-bottom:10px}.vidu-trust-toolbar label span{color:var(--vidu-text-muted,#9299a1);font-size:10px}.vidu-trust-toolbar input{width:100%;height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:inherit;background:rgba(255,255,255,.035)}
.vidu-trust-panel{display:grid;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.018)}.vidu-trust-panel[hidden]{display:none!important}.vidu-trust-record{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(170px,.8fr) minmax(220px,1fr) minmax(130px,.55fr);gap:20px;align-items:center;min-height:82px;padding:14px 18px;border-top:1px solid rgba(255,255,255,.07)}.vidu-trust-record[hidden]{display:none!important}.vidu-trust-record:first-child{border-top:0}.vidu-trust-record>div{display:grid;gap:4px;min-width:0}.vidu-trust-record span,.vidu-trust-record small{color:var(--vidu-text-muted,#9299a1);font-size:11px}.vidu-trust-record strong,.vidu-trust-record code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vidu-trust-record code{color:#b9c0c7}.vidu-trust-empty{display:grid;place-items:center;gap:8px;min-height:220px;color:var(--vidu-text-muted,#9299a1);text-align:center}.vidu-trust-empty strong{color:var(--vidu-text-primary,#f2f4f7)}.vidu-trust-message{min-height:20px;margin:0;color:#f1b870;font-size:12px}
.vidu-trust-task-list{gap:10px;border:0;background:transparent}.vidu-trust-task{border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.025);overflow:hidden}.vidu-trust-task[hidden]{display:none!important}.vidu-trust-task>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;padding:18px 20px;cursor:pointer;list-style:none}.vidu-trust-task>summary::-webkit-details-marker{display:none}.vidu-trust-task[open]>summary{border-bottom:1px solid rgba(255,255,255,.08);background:rgba(89,214,167,.035)}.vidu-trust-task-main{display:grid;gap:5px;min-width:0}.vidu-trust-task-main>span{color:#71dfb5;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vidu-trust-task-main>strong{font-size:15px}.vidu-trust-task-main>p{margin:0;color:var(--vidu-text-muted,#9299a1);font-size:12px;line-height:1.5}.vidu-trust-task-meta{display:grid;gap:5px;justify-items:end}.vidu-trust-task-meta>span,.vidu-trust-task-meta>time{color:var(--vidu-text-muted,#9299a1);font-size:10px}.vidu-trust-task-expand{color:#9aefce;font-size:11px}.vidu-trust-task-detail{display:grid;gap:18px;padding:20px}.vidu-trust-task-detail dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}.vidu-trust-task-detail dl>div{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(0,0,0,.12)}.vidu-trust-task-detail dt{color:var(--vidu-text-muted,#9299a1);font-size:10px}.vidu-trust-task-detail dd{margin:5px 0 0;overflow-wrap:anywhere;font-size:12px}.vidu-trust-task-detail h4{margin:0 0 8px;font-size:12px}.vidu-trust-task-detail pre{max-height:300px;margin:0;padding:14px;overflow:auto;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#cbd5dc;background:rgba(0,0,0,.16);font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.vidu-trust-task-detail ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.vidu-trust-task-detail li{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.vidu-trust-task-detail li time,.vidu-trust-task-detail li span{color:var(--vidu-text-muted,#9299a1);font-size:10px}.vidu-trust-task-detail li div{display:grid;gap:3px}.vidu-trust-task-detail button,.vidu-trust-export{min-height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:inherit;background:rgba(255,255,255,.04);cursor:pointer}.vidu-trust-task-detail footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.vidu-trust-export-actions{display:flex!important;flex-wrap:wrap;gap:6px}.vidu-trust-technical>summary{color:var(--vidu-text-muted,#9299a1);font-size:11px;cursor:pointer}
@media(max-width:1100px){.vidu-trust-center .vidu-intelligence-trust-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.vidu-trust-record{grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr)}.vidu-trust-task-detail dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){#vidu-pipeline-dashboard .vidu-trust-control-workspace{padding:72px 14px 28px}.vidu-trust-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.vidu-trust-destinations>span{grid-column:1/-1}.vidu-trust-destinations button{padding:0 8px}.vidu-trust-center-head{grid-template-columns:1fr}.vidu-trust-toolbar{display:grid;align-items:stretch}.vidu-trust-toolbar label{min-width:0}.vidu-trust-center .vidu-intelligence-trust-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vidu-trust-record{grid-template-columns:1fr;gap:10px;padding:16px}.vidu-trust-task>summary{grid-template-columns:1fr}.vidu-trust-task-meta{justify-items:start}.vidu-trust-task-detail{padding:14px}.vidu-trust-task-detail dl{grid-template-columns:1fr}.vidu-trust-task-detail li{grid-template-columns:1fr}.vidu-trust-task-detail li button{justify-self:start}}

/* Platform Command Center — evidence-based development governance */
#vidu-pipeline-dashboard .vidu-command-center-workspace{place-items:start center;overflow:auto;padding:clamp(84px,9vh,112px) clamp(22px,4vw,64px) clamp(32px,5vw,64px);background:radial-gradient(circle at 12% 0%,rgba(50,211,153,.12),transparent 31%),radial-gradient(circle at 88% 4%,rgba(87,121,255,.11),transparent 28%),#090d11;box-sizing:border-box}.vidu-command-center{display:grid;gap:20px;width:min(100%,1600px);margin:0 auto;color:var(--vidu-text-primary,#f2f4f7)}.vidu-command-destinations{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.vidu-command-destinations>span{color:var(--vidu-text-muted,#9299a1);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.vidu-command-destinations button,.vidu-command-destinations a{display:inline-flex;align-items:center;min-height:35px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:inherit;background:rgba(255,255,255,.035);font:600 11px/1 inherit;text-decoration:none;cursor:pointer}.vidu-command-destinations a{margin-left:auto;border-color:rgba(50,211,153,.28);color:#8ce8c7}.vidu-command-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}.vidu-command-head>div:first-child{display:grid;gap:7px}.vidu-command-head>div:first-child>span,.vidu-command-system-map header span,.vidu-command-sprint>span,.vidu-command-gates header span,.vidu-command-drift header span{color:#60dfb1;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.vidu-command-head h1{margin:0;font:500 clamp(30px,4vw,52px)/1.04 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.045em}.vidu-command-head p{max-width:760px;margin:0;color:var(--vidu-text-muted,#9299a1);line-height:1.55}.vidu-command-head>div:last-child{display:flex;align-items:end;gap:10px}.vidu-command-org,.vidu-command-org-static{display:grid;gap:5px;min-width:250px}.vidu-command-org>span,.vidu-command-org-static>span{color:var(--vidu-text-muted,#9299a1);font-size:10px}.vidu-command-org select{height:39px;padding:0 34px 0 11px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:inherit;background:#11171d}.vidu-command-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.vidu-command-summary>div{display:grid;gap:7px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.026)}.vidu-command-summary span{color:var(--vidu-text-muted,#9299a1);font-size:10px}.vidu-command-summary strong{font:600 23px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.vidu-command-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.7fr);gap:16px}.vidu-command-system-map,.vidu-command-sprint,.vidu-command-gates,.vidu-command-drift{min-width:0;padding:19px;border:1px solid rgba(255,255,255,.085);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.vidu-command-system-map>header,.vidu-command-gates>header{display:flex;justify-content:space-between;align-items:start;gap:14px}.vidu-command-system-map h2,.vidu-command-sprint h2,.vidu-command-gates h2,.vidu-command-drift h2{margin:5px 0 0;font-size:18px}.vidu-command-system-map header small{max-width:240px;color:var(--vidu-text-muted,#9299a1);text-align:right}.vidu-command-node-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:17px}.vidu-command-node{display:grid;gap:5px;min-height:112px;padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:12px;color:inherit;background:rgba(0,0,0,.16);text-align:left;cursor:pointer;transition:.16s ease}.vidu-command-node:hover,.vidu-command-node.is-selected{border-color:rgba(96,223,177,.5);background:rgba(96,223,177,.07);transform:translateY(-1px)}.vidu-command-node>span,.vidu-command-node>small{color:var(--vidu-text-muted,#9299a1);font-size:9px}.vidu-command-node>strong{font-size:12px}.vidu-command-node>i{justify-self:start;margin-top:auto;padding:4px 7px;border-radius:999px;color:#9ca7b2;background:rgba(255,255,255,.06);font:700 9px/1 inherit;font-style:normal}.vidu-command-node>i.is-overstated{color:#ffbf78;background:rgba(255,162,73,.11)}.vidu-command-node>i.is-ahead{color:#92caff;background:rgba(74,142,255,.11)}.vidu-command-node>i.is-aligned{color:#7ce1ba;background:rgba(55,205,149,.1)}.vidu-command-sprint{display:grid;align-content:start;gap:10px;border-color:rgba(96,223,177,.22);background:linear-gradient(145deg,rgba(49,186,137,.12),rgba(19,28,34,.7))}.vidu-command-sprint h2{font:500 22px/1.22 ui-monospace,SFMono-Regular,Menlo,monospace}.vidu-command-sprint p{margin:0;color:#b5bec6;font-size:12px;line-height:1.55}.vidu-command-sprint ul{display:grid;gap:7px;margin:5px 0;padding:0;list-style:none}.vidu-command-sprint li{padding-left:17px;color:#d8dee3;font-size:12px;line-height:1.45}.vidu-command-sprint li:before{content:"";display:inline-block;width:6px;height:6px;margin:0 9px 1px -15px;border-radius:50%;background:#60dfb1}.vidu-command-sprint footer{display:grid;gap:4px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.09)}.vidu-command-sprint footer i{color:#7ce1ba;font-size:10px;font-style:normal}.vidu-command-sprint footer strong{font-size:11px}.vidu-command-detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px}.vidu-command-gates header>div:last-child{display:flex;gap:7px}.vidu-command-maturity{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#b7c0c9;background:rgba(255,255,255,.04);font-size:9px;font-weight:800}.vidu-command-maturity.is-available{color:#7ce1ba;border-color:rgba(55,205,149,.28)}.vidu-command-maturity.is-pilot{color:#8cc4ff;border-color:rgba(75,143,255,.3)}.vidu-command-maturity.is-foundation{color:#f1c77d;border-color:rgba(218,163,69,.3)}.vidu-command-maturity.is-roadmap{color:#cba4ef;border-color:rgba(164,102,214,.3)}.vidu-command-gates ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0;padding:0;list-style:none}.vidu-command-gates li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(0,0,0,.11)}.vidu-command-gates li>i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#07100d;background:#60dfb1;font:800 11px/1 inherit;font-style:normal}.vidu-command-gates li.is-missing>i{color:#231304;background:#f0a75d}.vidu-command-gates li div{display:grid;gap:4px}.vidu-command-gates li strong{font-size:11px}.vidu-command-gates li span{color:var(--vidu-text-muted,#9299a1);font-size:9px;line-height:1.4}.vidu-command-drift>div{display:grid;gap:7px;margin-top:15px}.vidu-command-drift button{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center;width:100%;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:10px;color:inherit;background:rgba(0,0,0,.11);text-align:left;cursor:pointer}.vidu-command-drift button>span:first-child{display:grid;gap:3px}.vidu-command-drift button strong{font-size:11px}.vidu-command-drift button small{color:var(--vidu-text-muted,#9299a1);font-size:9px}.vidu-command-drift button>b{color:#68737e}.vidu-command-policy,.vidu-command-message{margin:0;color:var(--vidu-text-muted,#9299a1);font-size:10px}.vidu-command-message{min-height:18px;color:#f1b870}.vidu-command-empty{color:var(--vidu-text-muted,#9299a1);font-size:11px}
@media(max-width:1100px){.vidu-command-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.vidu-command-grid,.vidu-command-detail-grid{grid-template-columns:1fr}.vidu-command-node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){#vidu-pipeline-dashboard .vidu-command-center-workspace{padding:72px 14px 28px}.vidu-command-destinations a{margin-left:0}.vidu-command-head{grid-template-columns:1fr}.vidu-command-head>div:last-child{display:grid}.vidu-command-org{min-width:0}.vidu-command-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.vidu-command-node-grid,.vidu-command-gates ul{grid-template-columns:1fr}.vidu-command-system-map>header,.vidu-command-gates>header{display:grid}.vidu-command-drift button{grid-template-columns:1fr auto auto auto}}


/* Source: assets/css/pipeline/14-mobile.css */
.vidu-mobile-app-header,
.vidu-mobile-search-overlay,
.vidu-mobile-context-sheet,
.vidu-mobile-bottom-nav {
  display: none;
}

@media (max-width: 767px) and (hover: none) and (pointer: coarse) {
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row,
  #vidu-pipeline-dashboard .vidu-dashboard-row,
  #vidu-pipeline-dashboard .vidu-dashboard-card,
  #vidu-pipeline-dashboard .vidu-mobile-project-card {
    padding: 24px 20px 20px !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row-summary {
    align-items: start !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-expand-btn {
    margin-top: 1px !important;
  }

  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10020 !important;
    background: transparent !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
  }

  body.vidu-mobile-context-open .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) {
    opacity: 1;
    pointer-events: auto;
  }

  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-backdrop {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    background: rgba(0,0,0,.48) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-panel {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100dvh - env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    z-index: 1 !important;
    display: grid;
    gap: 16px;
    padding: calc(18px + env(safe-area-inset-top)) 16px 24px !important;
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 0 0 28px 28px !important;
    background: #0b0c0f !important;
    background-image: linear-gradient(180deg, rgba(18,19,23,.98), rgba(10,11,14,.98)) !important;
    color: var(--vidu-text, #f8fafc);
    box-shadow: 0 24px 80px rgba(0,0,0,.52) !important;
    transform: translateY(-105%) !important;
    transition: transform .30s cubic-bezier(.22,.8,.22,1);
  }

  body.vidu-mobile-context-open .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-panel {
    transform: translateY(0) !important;
  }

  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-handle {
    display: none !important;
  }

  .vidu-mobile-office-sheet .vidu-mobile-sheet-panel {
    top: auto !important;
    bottom: 0 !important;
    border-radius: 28px 28px 0 0 !important;
    box-shadow: 0 -24px 80px rgba(0,0,0,.62) !important;
    transform: translateY(105%) !important;
  }

  body.vidu-mobile-office-open .vidu-mobile-office-sheet .vidu-mobile-sheet-panel {
    transform: translateY(0) !important;
  }
}

@media (max-width: 767px) and (hover: none) and (pointer: coarse) {
  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    min-width: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-activity-dot {
    position: static !important;
    left: auto !important;
    top: auto !important;
    flex: 0 0 8px !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell strong,
  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell small {
    min-width: 0 !important;
    margin: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell small {
    flex: 1 1 auto !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row-detail {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row.is-expanded .vidu-dashboard-row-detail {
    max-height: 980px !important;
    margin-top: 16px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-detail-panel,
  #vidu-pipeline-dashboard .vidu-card-detail-section,
  #vidu-pipeline-dashboard .vidu-card-detail-panel,
  #vidu-pipeline-dashboard .vidu-project-preview-panel,
  #vidu-pipeline-dashboard .vidu-card-module-preview {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 16px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 767px) and (hover: none) and (pointer: coarse) {
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row .vidu-dashboard-expand-btn,
  #vidu-pipeline-dashboard .vidu-dashboard-card .vidu-dashboard-expand-btn,
  #vidu-pipeline-dashboard .vidu-mobile-project-card .vidu-dashboard-expand-btn,
  #vidu-pipeline-dashboard .vidu-card-chevron,
  #vidu-pipeline-dashboard .vidu-pipeline-card-chevron,
  #vidu-pipeline-dashboard .vidu-card-expand-icon,
  #vidu-pipeline-dashboard .vidu-pipeline-card-expand,
  #vidu-pipeline-dashboard .vidu-card-arrow,
  #vidu-pipeline-dashboard .vidu-card-toggle,
  #vidu-pipeline-dashboard .vidu-pipeline-card-toggle {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row .vidu-dashboard-row-summary,
  #vidu-pipeline-dashboard .vidu-dashboard-card .vidu-dashboard-row-summary,
  #vidu-pipeline-dashboard .vidu-mobile-project-card .vidu-dashboard-row-summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    gap: 0 !important;
    align-items: start !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row .vidu-dashboard-project-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row .vidu-dashboard-activity-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row .vidu-pipeline-card-actions.vidu-dashboard-actions,
  #vidu-pipeline-dashboard .vidu-dashboard-card .vidu-dashboard-project-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-card .vidu-dashboard-activity-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-card .vidu-pipeline-card-actions.vidu-dashboard-actions,
  #vidu-pipeline-dashboard .vidu-mobile-project-card .vidu-dashboard-project-cell,
  #vidu-pipeline-dashboard .vidu-mobile-project-card .vidu-dashboard-activity-cell,
  #vidu-pipeline-dashboard .vidu-mobile-project-card .vidu-pipeline-card-actions.vidu-dashboard-actions {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}

@media (max-width: 767px) and (hover: none) and (pointer: coarse) {
  #vidu-pipeline-dashboard .vidu-dashboard-expand-btn,
  #vidu-pipeline-dashboard .vidu-card-chevron,
  #vidu-pipeline-dashboard .vidu-pipeline-card-chevron,
  #vidu-pipeline-dashboard .vidu-card-expand-icon,
  #vidu-pipeline-dashboard .vidu-pipeline-card-expand,
  #vidu-pipeline-dashboard .vidu-card-arrow,
  #vidu-pipeline-dashboard .vidu-card-toggle,
  #vidu-pipeline-dashboard .vidu-pipeline-card-toggle {
    display: none !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row-summary {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-project-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card-actions.vidu-dashboard-actions {
    grid-column: 1 !important;
  }
}

.vidu-mobile-card-chip-row {
  display: none;
}

@media (max-width: 767px) and (hover: none) and (pointer: coarse) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    overflow-x: hidden !important;
  }

  body.vidu-mobile-overlay-open {
    overflow: hidden;
  }

  body:not(.vidu-mobile-focus-ready),
  .vidu-pipeline-root {
    background: #030a0f !important;
  }

  #vidu-pipeline-dashboard {
    min-height: 100dvh;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
    background: #030a0f !important;
  }

  #vidu-pipeline-dashboard,
  #vidu-pipeline-dashboard * {
    box-sizing: border-box;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard .vidu-dashboard-shell,
  #vidu-pipeline-dashboard .vidu-dashboard-main,
  #vidu-pipeline-dashboard .vidu-main-dashboard-area,
  #vidu-pipeline-dashboard .vidu-dashboard-content,
  #vidu-pipeline-dashboard .vidu-dashboard-view,
  #vidu-pipeline-dashboard .vidu-dashboard-view-list,
  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap,
  #vidu-pipeline-dashboard .vidu-pipeline-list {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    overflow-x: hidden !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-top: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-main {
    padding: 0 !important;
    background: transparent !important;
  }

  body.vidu-pipeline-workstation::before,
  body.vidu-pipeline-workstation::after,
  body.vidu-dashboard-workspace-active::before,
  body.vidu-pipeline-workspace-active::before,
  body.vidu-finance-workspace-active::before,
  body.vidu-billing-workspace-active::before,
  body.vidu-document-library-workspace-active::before,
  #vidu-pipeline-dashboard::before,
  #vidu-pipeline-dashboard::after,
  #vidu-pipeline-dashboard .vidu-workspace-top::before,
  #vidu-pipeline-dashboard .vidu-workspace-top::after,
  #vidu-pipeline-dashboard .vidu-dashboard-shell::before,
  #vidu-pipeline-dashboard .vidu-dashboard-shell::after,
  #vidu-pipeline-dashboard .vidu-pipeline-root::before,
  #vidu-pipeline-dashboard .vidu-pipeline-root::after,
  #vidu-pipeline-dashboard .vidu-dashboard-main::before,
  #vidu-pipeline-dashboard .vidu-dashboard-main::after,
  #vidu-pipeline-dashboard .vidu-dashboard-workspace::before,
  #vidu-pipeline-dashboard .vidu-dashboard-workspace::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
    min-height: 0 !important;
    pointer-events: none !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-root,
  #vidu-pipeline-dashboard .vidu-pipeline-app,
  #vidu-pipeline-dashboard .vidu-dashboard-shell,
  #vidu-pipeline-dashboard .vidu-main-dashboard-area,
  #vidu-pipeline-dashboard .vidu-dashboard-content {
    min-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-top-spacer,
  #vidu-pipeline-dashboard .vidu-mobile-top-spacer,
  #vidu-pipeline-dashboard .vidu-toolbar-spacer,
  #vidu-pipeline-dashboard .vidu-hero-spacer,
  #vidu-pipeline-dashboard .vidu-desktop-spacer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-workspace-top {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10000 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(11,12,15,.96) !important;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }

  .vidu-mobile-app-header {
    position: relative !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 52px;
    margin: 0 !important;
    padding: 14px 16px 12px !important;
    background: transparent !important;
    border-bottom: 0 !important;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-sizing: border-box !important;
  }

  .vidu-mobile-context-trigger,
  .vidu-mobile-icon-btn,
  .vidu-mobile-bottom-nav button,
  .vidu-mobile-secondary-btn {
    font: inherit;
    border: 1px solid rgba(255,255,255,.12);
    color: var(--vidu-text, #f8fafc);
    background: rgba(255,255,255,.06);
  }

  .vidu-mobile-context-trigger {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex;
    align-items: center;
    gap: 9px;
    height: 42px;
    padding: 0 12px;
    border-radius: 999px;
    text-align: left;
  }

  .vidu-mobile-brand-dot {
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--vidu-active-workspace-color, #f8fafc);
    box-shadow: 0 0 0 4px rgba(255,255,255,.06);
  }

  .vidu-mobile-context-title {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
    letter-spacing: 0;
  }

  .vidu-mobile-chevron {
    flex: 0 0 auto;
    opacity: .72;
  }

  .vidu-mobile-header-actions {
    display: flex;
    align-items: center;
    flex: 0 0 auto !important;
    gap: 8px;
  }

  .vidu-mobile-icon-btn {
    width: 42px;
    height: 42px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 999px;
  }

  .vidu-mobile-icon-btn svg {
    width: 19px;
    height: 19px;
    stroke: currentColor;
  }

  .vidu-mobile-icon-btn.has-unread {
    box-shadow: inset 0 0 0 1px rgba(239,68,68,.42);
  }

  #vidu-pipeline-dashboard .vidu-dashboard-toolbar,
  #vidu-pipeline-dashboard .vidu-pipeline-toolbar,
  #vidu-pipeline-dashboard .vidu-workspace-toolbar,
  #vidu-pipeline-dashboard .vidu-workspace-header,
  #vidu-pipeline-dashboard .vidu-dashboard-filters,
  #vidu-pipeline-dashboard .vidu-search-filter-panel,
  #vidu-pipeline-dashboard .vidu-view-switcher,
  #vidu-pipeline-dashboard .vidu-dashboard-view-switcher,
  #vidu-pipeline-dashboard .vidu-desktop-context-bar,
  #vidu-pipeline-dashboard .vidu-desktop-search-panel,
  #vidu-pipeline-dashboard .vidu-floating-logo,
  #vidu-pipeline-dashboard .vidu-topbar-organization-switcher,
  #vidu-pipeline-dashboard .vidu-topbar-workspace-switcher,
  #vidu-pipeline-dashboard .vidu-pipeline-filters,
  #vidu-pipeline-dashboard .vidu-topbar-filters,
  #vidu-pipeline-dashboard .vidu-dashboard-view-switch,
  #vidu-pipeline-dashboard .vidu-topbar-action-divider,
  #vidu-pipeline-dashboard .vidu-topbar-actions > .vidu-topbar-icon-btn,
  #vidu-pipeline-dashboard .vidu-topbar-actions > .vidu-topbar-avatar-btn,
  #vidu-pipeline-dashboard .vidu-mobile-filter-toggle,
  #vidu-pipeline-dashboard .vidu-dashboard-quick-filters {
    display: none !important;
  }

  #vidu-pipeline-dashboard:is(.is-dashboard-workspace, .is-pipeline-workspace) .vidu-dashboard-view-board {
    display: none !important;
  }

  #vidu-pipeline-dashboard:is(.is-dashboard-workspace, .is-pipeline-workspace) .vidu-dashboard-view-list.is-active:not([hidden]) {
    display: block !important;
    width: 100%;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    padding: 102px 16px calc(116px + env(safe-area-inset-bottom)) !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-list-head {
    display: none !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-title,
  #vidu-pipeline-dashboard .vidu-dashboard-count,
  #vidu-pipeline-dashboard .vidu-dashboard-list-header,
  #vidu-pipeline-dashboard .vidu-mobile-dashboard-title,
  #vidu-pipeline-dashboard .vidu-mobile-dashboard-count {
    display: none !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-table-head {
    display: none;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row {
    display: block;
    width: 100%;
    max-width: none;
    min-width: 0;
    padding: 22px 18px 20px !important;
    border-radius: 18px !important;
    margin-bottom: 14px !important;
    background:
      linear-gradient(180deg, rgba(24,24,27,.84), rgba(16,17,20,.86)) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow:
      0 12px 32px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-list {
    display: grid;
    gap: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: calc(116px + env(safe-area-inset-bottom)) !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row-summary {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-project-title {
    font-size: 21px !important;
    line-height: 1.16 !important;
    margin: 0 0 5px !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-project-client,
  #vidu-pipeline-dashboard .vidu-dashboard-status-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-type-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-row-detail {
    font-size: 12px;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-project-client {
    font-size: 15px !important;
    line-height: 1.25 !important;
    opacity: .66 !important;
  }

  #vidu-pipeline-dashboard .vidu-mobile-card-chip-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
  }

  #vidu-pipeline-dashboard .vidu-mobile-card-chip-row > * {
    margin: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-actions-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-last-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-type-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-status-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-deadline-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-next-cell {
    display: none;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card-actions.vidu-dashboard-actions {
    grid-column: 2;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell {
    margin-top: 14px;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card-actions.vidu-dashboard-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    gap: 10px;
    flex-wrap: wrap;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-top: 14px;
    transform: none !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card-actions.vidu-dashboard-actions .vidu-icon-btn {
    opacity: .9 !important;
    transform: none !important;
  }

  .vidu-mobile-search-overlay {
    position: fixed;
    inset: 0;
    z-index: 10030 !important;
    display: block;
    background: rgba(5,7,11,.76);
    backdrop-filter: blur(16px);
  }

  .vidu-mobile-search-overlay[hidden],
  .vidu-mobile-context-sheet[hidden] {
    display: none !important;
  }

  .vidu-mobile-search-panel {
    min-height: 100dvh;
    padding: calc(12px + env(safe-area-inset-top)) 14px 20px;
    background: var(--vidu-surface, #0f1117);
    color: var(--vidu-text, #f8fafc);
  }

  .vidu-mobile-overlay-header {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    margin-bottom: 14px;
  }

  .vidu-mobile-overlay-header h3,
  .vidu-mobile-sheet-panel h4 {
    margin: 0;
    font-size: 16px;
    letter-spacing: 0;
  }

  .vidu-mobile-search-fields {
    display: grid;
    gap: 12px;
  }

  .vidu-mobile-search-fields label,
  .vidu-mobile-sheet-panel section {
    display: grid;
    gap: 7px;
  }

  .vidu-mobile-search-fields span {
    font-size: 12px;
    color: var(--vidu-muted, rgba(255,255,255,.62));
  }

  .vidu-mobile-search-fields input,
  .vidu-mobile-search-fields select,
  .vidu-mobile-sheet-panel select {
    width: 100%;
    min-height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.07);
    color: var(--vidu-text, #f8fafc);
    padding: 0 12px;
    font: inherit;
  }

  .vidu-mobile-secondary-btn {
    min-height: 44px;
    border-radius: 12px;
    font-weight: 700;
  }

  .vidu-mobile-context-sheet {
    position: fixed;
    inset: 0;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10020 !important;
    display: block;
    background: rgba(0,0,0,.62) !important;
  }

  .vidu-mobile-sheet-backdrop {
    position: fixed !important;
    inset: 0;
    width: 100vw !important;
    height: 100dvh !important;
    background: rgba(0,0,0,.62) !important;
    backdrop-filter: blur(10px);
    z-index: 0 !important;
  }

  .vidu-mobile-sheet-panel {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1 !important;
    display: grid;
    gap: 16px;
    padding: 10px 16px calc(28px + env(safe-area-inset-bottom));
    border-radius: 24px 24px 0 0;
    border: 1px solid rgba(255,255,255,.10);
    border-bottom: 0;
    background: #0b0c0f !important;
    background-image: linear-gradient(180deg, rgba(18,19,23,.98), rgba(10,11,14,.98)) !important;
    color: var(--vidu-text, #f8fafc);
    box-shadow: 0 -24px 80px rgba(0,0,0,.62) !important;
  }

  .vidu-mobile-sheet-handle {
    justify-self: center;
    width: 44px;
    height: 4px;
    border-radius: 999px;
    background: rgba(255,255,255,.22);
    margin-bottom: 2px;
  }

  .vidu-mobile-bottom-nav {
    position: fixed;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9998 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: center;
    gap: 4px;
    width: 100% !important;
    height: calc(76px + env(safe-area-inset-bottom)) !important;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom)) !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,.07) !important;
    background: #0b0c0f !important;
    background-image: none !important;
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    box-shadow: 0 -1px 0 rgba(255,255,255,.06) !important;
  }

  .vidu-mobile-bottom-nav button {
    appearance: none;
    min-width: 0;
    height: 48px;
    padding: 0 4px;
    border: 0;
    border-radius: 22px;
    background: transparent;
    color: rgba(255,255,255,.58);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
  }

  .vidu-mobile-bottom-nav button.is-active {
    color: #fff;
    background: rgba(255,255,255,.10);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  }

  .vidu-mobile-bottom-nav .vidu-mobile-nav-create {
    transform: none;
    width: 74px;
    height: 74px;
    margin: 0 auto;
    border-radius: 999px;
    background: transparent;
    background-image: none;
    color: #fff;
    box-shadow: none;
    font-size: 0;
  }

  .vidu-mobile-nav-icon,
  .vidu-mobile-nav-icon svg {
    width: 28px;
    height: 28px;
    display: block;
    stroke: currentColor;
  }

  .vidu-mobile-nav-create .vidu-mobile-nav-icon {
    width: 74px;
    height: 74px;
    font-size: 0;
    line-height: 1;
  }

  .vidu-mobile-nav-label {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .vidu-elena-floating,
  #vidu-pipeline-dashboard .vidu-ai-launcher,
  .vidu-elena-launcher {
    display: flex !important;
    position: fixed !important;
    right: 18px !important;
    bottom: calc(104px + env(safe-area-inset-bottom)) !important;
    z-index: 9997 !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at 35% 30%, rgba(155,115,255,.38), rgba(72,42,150,.18) 62%, rgba(12,13,17,.92)) !important;
    border: 1px solid rgba(150,110,255,.48) !important;
    box-shadow: 0 16px 42px rgba(90,60,220,.28) !important;
  }

  .vidu-elena-floating span,
  .vidu-elena-launcher-label,
  .vidu-ai-launcher-label,
  .vidu-ai-launcher > span:not(.vidu-ai-launcher-orb) {
    display: none !important;
  }

  #vidu-pipeline-dashboard .vidu-ai-launcher-orb,
  #vidu-pipeline-dashboard .vidu-ai-launcher-orb svg {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
  }

  #vidu-pipeline-dashboard .vidu-ai-launcher {
    left: auto !important;
    right: 18px !important;
    bottom: calc(104px + env(safe-area-inset-bottom)) !important;
    width: 58px !important;
    height: 58px !important;
  }

  #vidu-pipeline-dashboard .vidu-ai-launcher > span:not(.vidu-ai-launcher-orb) {
    display: none !important;
  }

  body.vidu-mobile-overlay-open .vidu-mobile-bottom-nav,
  body.vidu-mobile-context-open .vidu-mobile-bottom-nav,
  body.vidu-mobile-office-open .vidu-mobile-bottom-nav,
  body.vidu-mobile-settings-open .vidu-mobile-bottom-nav,
  body.vidu-mobile-context-open .vidu-elena-floating,
  body.vidu-mobile-context-open .vidu-ai-launcher,
  body.vidu-mobile-context-open .vidu-elena-launcher,
  body.vidu-mobile-office-open .vidu-elena-floating,
  body.vidu-mobile-office-open .vidu-ai-launcher,
  body.vidu-mobile-office-open .vidu-elena-launcher,
  body.vidu-mobile-settings-open .vidu-elena-floating,
  body.vidu-mobile-settings-open .vidu-ai-launcher,
  body.vidu-mobile-settings-open .vidu-elena-launcher {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .vidu-mobile-settings-drawer {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10040 !important;
  }

  .vidu-mobile-settings-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.62) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }

  .vidu-mobile-settings-panel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: min(88vw, 390px) !important;
    padding: calc(18px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    background: rgba(13,14,18,.98) !important;
    border-left: 1px solid rgba(255,255,255,.09) !important;
    box-shadow: -28px 0 80px rgba(0,0,0,.58) !important;
    transform: translateX(100%);
    transition: transform .22s ease;
  }

  body.vidu-mobile-settings-open .vidu-mobile-settings-panel {
    transform: translateX(0);
  }

  .vidu-mobile-settings-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
  }

  .vidu-mobile-settings-header span,
  .vidu-mobile-settings-label,
  .vidu-mobile-settings-item small {
    color: rgba(255,255,255,.52);
  }

  .vidu-mobile-settings-header h3 {
    margin: 2px 0 0;
    font-size: 28px;
    line-height: 1.05;
    color: #fff;
  }

  .vidu-mobile-settings-close {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.9);
  }

  .vidu-mobile-settings-close svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
  }

  .vidu-mobile-settings-section {
    display: grid;
    gap: 9px;
    margin: 0 0 22px;
  }

  .vidu-mobile-settings-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .vidu-mobile-settings-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 2px;
    align-items: center;
    min-height: 62px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    color: rgba(255,255,255,.9);
    text-decoration: none;
    text-align: left;
  }

  .vidu-mobile-settings-item > span:first-child {
    grid-row: 1 / span 2;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(255,255,255,.07);
    color: rgba(255,255,255,.86);
  }

  .vidu-mobile-settings-item svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
  }

  .vidu-mobile-settings-item strong,
  .vidu-mobile-settings-item small {
    min-width: 0;
  }

  .vidu-mobile-settings-item strong {
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
  }

  .vidu-mobile-settings-item small {
    font-size: 12px;
    line-height: 1.25;
  }

  .vidu-mobile-sheet-panel {
    border: 0 !important;
    border-top: 0 !important;
    background: #0b0c0f !important;
    background-image: none !important;
    box-shadow: 0 -22px 70px rgba(0,0,0,.52) !important;
  }

  .vidu-mobile-sheet-panel::before,
  .vidu-mobile-sheet-panel::after {
    display: none !important;
    content: none !important;
  }

  .vidu-mobile-bottom-nav {
    grid-template-columns: 1fr 1fr 78px 1fr 1fr !important;
    align-items: center !important;
    gap: 2px !important;
    height: calc(82px + env(safe-area-inset-bottom)) !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
    background: #0b0c0f !important;
    background-image: none !important;
    border-top: 1px solid rgba(255,255,255,.07) !important;
    box-shadow: none !important;
  }

  .vidu-mobile-bottom-nav button {
    height: 58px !important;
    min-width: 0 !important;
    padding: 4px !important;
    border: 1px solid transparent !important;
    border-radius: 22px !important;
    color: rgba(255,255,255,.56) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  .vidu-mobile-bottom-nav button svg,
  .vidu-mobile-bottom-nav button .vidu-mobile-nav-icon {
    color: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
  }

  .vidu-mobile-bottom-nav button:not([data-mobile-nav="create"]) svg,
  .vidu-mobile-bottom-nav button:not([data-mobile-nav="create"]) .vidu-mobile-nav-icon {
    width: 27px !important;
    height: 27px !important;
    stroke-width: 2.1 !important;
  }

  .vidu-mobile-bottom-nav button[data-mobile-nav="settings"] svg {
    width: 26px !important;
    height: 26px !important;
  }

  .vidu-mobile-bottom-nav button.is-active {
    min-width: 0 !important;
    color: rgba(255,255,255,.96) !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 8px 24px rgba(0,0,0,.24) !important;
  }

  .vidu-mobile-bottom-nav button.is-active svg,
  .vidu-mobile-bottom-nav button.is-active .vidu-mobile-nav-icon {
    color: rgba(255,255,255,.96) !important;
    stroke: currentColor !important;
  }

  .vidu-mobile-nav-label,
  .vidu-mobile-bottom-nav button .vidu-mobile-nav-label {
    color: currentColor !important;
    opacity: 1 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    letter-spacing: .01em !important;
    max-width: 72px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .vidu-mobile-bottom-nav button[data-mobile-nav="dashboard"] .vidu-mobile-nav-label {
    max-width: 86px !important;
  }

  .vidu-mobile-bottom-nav button[data-mobile-nav="create"] {
    display: grid !important;
    place-items: center !important;
    width: 74px !important;
    height: 74px !important;
    transform: none !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  .vidu-mobile-bottom-nav button[data-mobile-nav="create"] .vidu-mobile-nav-label {
    display: none !important;
  }

  .vidu-mobile-bottom-nav button[data-mobile-nav="create"] svg,
  .vidu-mobile-bottom-nav button[data-mobile-nav="create"] img,
  .vidu-mobile-bottom-nav button[data-mobile-nav="create"] .vidu-mobile-nav-icon {
    position: static;
    top: auto;
    width: 74px !important;
    height: 74px !important;
    color: #fff !important;
    stroke: #fff !important;
  }

  .vidu-mobile-bottom-nav button:not([data-mobile-nav="create"]) {
    position: relative;
  }

  .vidu-mobile-bottom-nav button:not(.is-active):not([data-mobile-nav="create"]) {
    color: rgba(255,255,255,.58) !important;
  }

  .vidu-mobile-bottom-nav button.is-active:not([data-mobile-nav="create"]) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
  }

  .vidu-mobile-bottom-nav button.is-active:not([data-mobile-nav="create"])::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 50%;
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: #5B8CFF;
    box-shadow: 0 0 6px rgba(91,140,255,.34);
    transform: translateX(-50%);
  }

  .vidu-mobile-bottom-nav button.is-active:not([data-mobile-nav="create"]) svg,
  .vidu-mobile-bottom-nav button.is-active:not([data-mobile-nav="create"]) .vidu-mobile-nav-icon,
  .vidu-mobile-bottom-nav button.is-active:not([data-mobile-nav="create"]) .vidu-mobile-nav-label {
    color: #fff !important;
    stroke: #fff !important;
  }

  .vidu-elena-floating,
  .vidu-elena-launcher,
  #vidu-pipeline-dashboard .vidu-ai-launcher {
    width: 52px !important;
    height: 52px !important;
    right: 18px !important;
    bottom: calc(108px + env(safe-area-inset-bottom)) !important;
  }

  .vidu-elena-floating svg,
  #vidu-pipeline-dashboard .vidu-ai-launcher svg,
  .vidu-elena-launcher svg,
  #vidu-pipeline-dashboard .vidu-ai-launcher-orb,
  #vidu-pipeline-dashboard .vidu-ai-launcher-orb svg {
    width: 25px !important;
    height: 25px !important;
  }

  .vidu-mobile-header-actions {
    gap: 8px !important;
  }

  .vidu-mobile-icon-btn {
    width: 52px !important;
    height: 52px !important;
  }

  .vidu-pipeline-card-client,
  .vidu-card-subtitle,
  .vidu-dashboard-card-subtitle {
    color: rgba(255,255,255,.52) !important;
    opacity: 1 !important;
  }

  .vidu-mobile-settings-drawer {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10040 !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease;
  }

  body.vidu-mobile-settings-open .vidu-mobile-settings-drawer {
    opacity: 1;
    pointer-events: auto;
  }

  .vidu-mobile-settings-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.46) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .vidu-mobile-settings-panel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: min(88vw, 390px) !important;
    padding: calc(18px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    background: rgba(16,17,21,.82) !important;
    border-left: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: -28px 0 80px rgba(0,0,0,.62) !important;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    transform: translateX(104%);
    transition: transform .28s cubic-bezier(.22, .8, .22, 1);
  }

  body.vidu-mobile-settings-open .vidu-mobile-settings-panel {
    transform: translateX(0);
  }

  .vidu-mobile-search-overlay {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10030 !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
  }

  body.vidu-mobile-search-open .vidu-mobile-search-overlay {
    opacity: 1;
    pointer-events: auto;
  }

  .vidu-mobile-search-overlay::before {
    content: "";
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    background: rgba(0,0,0,.46) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .vidu-mobile-search-panel {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: calc(20px + env(safe-area-inset-top)) 24px 28px !important;
    background: rgba(15,16,20,.96) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 24px 80px rgba(0,0,0,.54) !important;
    transform: translateY(-105%);
    transition: transform .30s cubic-bezier(.22,.8,.22,1);
  }

  body.vidu-mobile-search-open .vidu-mobile-search-panel {
    transform: translateY(0);
  }

  .vidu-mobile-search-panel,
  .vidu-mobile-search-content,
  .vidu-mobile-search-body {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .vidu-mobile-search-panel {
    display: inline-flex !important;
    flex-direction: column;
    padding-bottom: 24px !important;
    border-bottom-left-radius: 28px !important;
    border-bottom-right-radius: 28px !important;
  }

  .vidu-mobile-context-sheet {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10020 !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
  }

  body.vidu-mobile-context-open .vidu-mobile-context-sheet {
    opacity: 1;
    pointer-events: auto;
  }

  .vidu-mobile-sheet-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.48) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .vidu-mobile-sheet-panel {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border: 0 !important;
    border-top: 0 !important;
    background: #0b0c0f !important;
    transform: translateY(105%);
    transition: transform .30s cubic-bezier(.22,.8,.22,1);
  }

  body.vidu-mobile-context-open .vidu-mobile-sheet-panel {
    transform: translateY(0);
  }

  .vidu-workspace-top,
  .vidu-mobile-bottom-nav,
  .vidu-elena-floating,
  #vidu-pipeline-dashboard .vidu-ai-launcher,
  .vidu-elena-launcher {
    transition:
      transform .26s cubic-bezier(.22,.8,.22,1),
      opacity .22s ease !important;
  }

  body.vidu-mobile-chrome-hidden .vidu-workspace-top {
    transform: translateY(-110%) !important;
    opacity: .98 !important;
  }

  body.vidu-mobile-chrome-hidden #vidu-pipeline-dashboard .vidu-workspace-top {
    transform: translateY(-110%) !important;
    opacity: .98 !important;
  }

  body.vidu-mobile-chrome-hidden .vidu-mobile-bottom-nav {
    transform: translateY(110%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.vidu-mobile-chrome-hidden .vidu-elena-floating,
  body.vidu-mobile-chrome-hidden #vidu-pipeline-dashboard .vidu-ai-launcher,
  body.vidu-mobile-chrome-hidden .vidu-elena-launcher {
    transform: translateY(80px) scale(.96) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .vidu-mobile-bottom-nav.vidu-mobile-floating-dock {
    position: fixed !important;
    left: 14px !important;
    right: 14px !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: 74px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 82px 1fr 1fr !important;
    align-items: center !important;
    padding: 8px 12px !important;
    gap: 4px !important;
    border-radius: 34px !important;
    background: rgba(16,17,20,.72) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow:
      0 18px 54px rgba(0,0,0,.54),
      inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter: blur(26px);
    -webkit-backdrop-filter: blur(26px);
    z-index: 9998 !important;
  }

  .vidu-mobile-floating-dock button {
    appearance: none !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(255,255,255,.62) !important;
    display: grid !important;
    place-items: center !important;
  }

  .vidu-mobile-floating-dock button svg,
  .vidu-mobile-floating-dock button img,
  .vidu-mobile-floating-dock .vidu-mobile-nav-icon {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
  }

  .vidu-mobile-floating-dock button svg {
    color: currentColor !important;
    stroke: currentColor !important;
  }

  .vidu-mobile-floating-dock button:not([data-mobile-nav="create"]) svg [fill] {
    fill: currentColor !important;
  }

  .vidu-mobile-floating-dock .vidu-mobile-nav-label {
    display: none !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] {
    width: 74px !important;
    height: 74px !important;
    transform: none !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] svg,
  .vidu-mobile-floating-dock button[data-mobile-nav="create"] img,
  .vidu-mobile-floating-dock button[data-mobile-nav="create"] .vidu-mobile-nav-icon {
    width: 74px !important;
    height: 74px !important;
  }

  .vidu-mobile-floating-dock button.is-active:not([data-mobile-nav="create"]) {
    position: relative !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
  }

  .vidu-mobile-floating-dock button.is-active:not([data-mobile-nav="create"])::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 50%;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: rgba(91,140,255,.95);
    box-shadow: 0 0 8px rgba(91,140,255,.42);
    transform: translateX(-50%);
  }

  .vidu-elena-floating,
  .vidu-elena-launcher,
  #vidu-pipeline-dashboard .vidu-ai-launcher {
    right: 22px !important;
    bottom: calc(104px + env(safe-area-inset-bottom)) !important;
    z-index: 9997 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-content,
  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap,
  #vidu-pipeline-dashboard .vidu-dashboard-list {
    padding-bottom: calc(128px + env(safe-area-inset-bottom)) !important;
  }

  body.vidu-mobile-chrome-hidden .vidu-mobile-floating-dock {
    transform: translateY(120%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .vidu-mobile-bottom-nav.vidu-mobile-floating-dock {
    height: 56px !important;
    padding: 0 10px !important;
    align-items: center !important;
    border-radius: 28px !important;
    grid-template-columns: 1fr 1fr 74px 1fr 1fr !important;
  }

  .vidu-mobile-floating-dock button {
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: grid !important;
    place-items: center !important;
  }

  .vidu-mobile-floating-dock button:not([data-mobile-nav="create"]) .vidu-mobile-nav-icon,
  .vidu-mobile-floating-dock button:not([data-mobile-nav="create"]) svg {
    width: 28px !important;
    height: 28px !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] {
    width: 74px !important;
    height: 74px !important;
    transform: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] .vidu-mobile-nav-icon,
  .vidu-mobile-floating-dock button[data-mobile-nav="create"] img,
  .vidu-mobile-floating-dock button[data-mobile-nav="create"] svg {
    width: 74px !important;
    height: 74px !important;
    position: static !important;
    top: auto !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] svg [fill] {
    fill: revert !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] svg [stroke] {
    stroke: revert !important;
  }

  .vidu-mobile-floating-dock button.is-active:not([data-mobile-nav="create"])::before {
    display: none !important;
    content: none !important;
  }

  .vidu-mobile-floating-dock button.is-active:not([data-mobile-nav="create"])::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 3px;
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: #5B8CFF;
    box-shadow: 0 0 6px rgba(91,140,255,.34);
    transform: translateX(-50%);
  }

  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap::after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 108px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.72) 58%, #000 100%);
    z-index: 9996;
  }

  .vidu-mobile-bottom-nav.vidu-mobile-floating-dock {
    height: 60px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center !important;
    justify-items: center !important;
    overflow: visible !important;
  }

  .vidu-mobile-bottom-nav.vidu-mobile-floating-dock button,
  .vidu-mobile-bottom-nav.vidu-mobile-floating-dock .vidu-mobile-nav-icon {
    overflow: visible !important;
  }

  .vidu-mobile-floating-dock button:not([data-mobile-nav="create"]) {
    align-self: center !important;
    justify-self: center !important;
    transform: translateY(-2px) !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] {
    width: 66px !important;
    height: 66px !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 auto !important;
    transform: translateY(-4px) !important;
    overflow: visible !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] .vidu-mobile-nav-icon,
  .vidu-mobile-floating-dock button[data-mobile-nav="create"] img,
  .vidu-mobile-floating-dock button[data-mobile-nav="create"] svg {
    display: block !important;
    width: 66px !important;
    height: 66px !important;
    margin: 0 !important;
    transform: none !important;
  }

  .vidu-mobile-create-asset {
    display: block !important;
    width: 66px !important;
    height: 66px !important;
    margin: 0 !important;
  }

  .vidu-mobile-office-sheet {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10020 !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
  }

  body.vidu-mobile-office-open .vidu-mobile-office-sheet {
    opacity: 1;
    pointer-events: auto;
  }

  .vidu-mobile-office-sheet .vidu-mobile-sheet-backdrop {
    background: rgba(0,0,0,.48) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .vidu-mobile-office-sheet .vidu-mobile-sheet-panel {
    border: 0 !important;
    border-top: 0 !important;
    background: #0b0c0f !important;
    background-image: linear-gradient(180deg, rgba(18,19,23,.98), rgba(10,11,14,.98)) !important;
    transform: translateY(105%);
    transition: transform .30s cubic-bezier(.22,.8,.22,1);
  }

  body.vidu-mobile-office-open .vidu-mobile-office-sheet .vidu-mobile-sheet-panel {
    transform: translateY(0);
  }

  .vidu-mobile-office-section {
    display: grid;
    gap: 14px;
  }

  .vidu-mobile-office-grid {
    display: grid;
    gap: 10px;
  }

  .vidu-mobile-office-item {
    appearance: none;
    min-height: 58px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 0;
    border-radius: 16px;
    background: rgba(255,255,255,.055);
    color: rgba(255,255,255,.92);
    text-align: left;
  }

  .vidu-mobile-office-item:hover,
  .vidu-mobile-office-item:focus-visible {
    background: rgba(255,255,255,.075);
    box-shadow: none;
    outline: none;
  }

  .vidu-mobile-office-item span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(255,255,255,.07);
    font-size: 0;
  }

  .vidu-mobile-office-icon,
  .vidu-mobile-office-item img {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
  }

  .vidu-mobile-office-item strong {
    font-size: 15px;
    line-height: 1.1;
    font-weight: 760;
  }

  .vidu-mobile-floating-dock button.is-active {
    position: relative !important;
  }

  .vidu-mobile-floating-dock button.is-active::after {
    position: absolute !important;
    top: 1px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
  }

  [data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-workspace-top {
    background: rgba(255,255,255,.92);
    border-color: rgba(15,23,42,.10);
  }

  [data-vidu-theme="light"] .vidu-mobile-search-panel,
  [data-vidu-theme="light"] .vidu-mobile-sheet-panel {
    background: #ffffff;
    color: #111827;
    border-color: rgba(15,23,42,.10);
  }

  [data-vidu-theme="light"] .vidu-mobile-context-trigger,
  [data-vidu-theme="light"] .vidu-mobile-icon-btn,
  [data-vidu-theme="light"] .vidu-mobile-secondary-btn,
  [data-vidu-theme="light"] .vidu-mobile-search-fields input,
  [data-vidu-theme="light"] .vidu-mobile-search-fields select,
  [data-vidu-theme="light"] .vidu-mobile-sheet-panel select {
    background: #f8fafc;
    border-color: rgba(15,23,42,.12);
    color: #111827;
  }

  [data-vidu-theme="light"] .vidu-mobile-bottom-nav {
    background: #0b0c0f !important;
    background-image: none !important;
    border-color: rgba(255,255,255,.07) !important;
  }

  [data-vidu-theme="light"] .vidu-mobile-bottom-nav button {
    background: transparent;
    color: rgba(255,255,255,.58);
  }

  [data-vidu-theme="light"] .vidu-mobile-bottom-nav button.is-active {
    color: #fff;
    background: rgba(255,255,255,.10);
  }
}

@media (max-width: 767px) and (hover: none) and (pointer: coarse) {
  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10020 !important;
    background: transparent !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
  }

  body.vidu-mobile-context-open .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) {
    opacity: 1;
    pointer-events: auto;
  }

  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-backdrop {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    background: rgba(0,0,0,.48) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-panel {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100dvh - env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    z-index: 1 !important;
    padding: calc(18px + env(safe-area-inset-top)) 16px 24px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 0 0 28px 28px !important;
    background: #0b0c0f !important;
    background-image: linear-gradient(180deg, rgba(18,19,23,.98), rgba(10,11,14,.98)) !important;
    box-shadow: 0 24px 80px rgba(0,0,0,.52) !important;
    transform: translateY(-105%) !important;
    transition: transform .30s cubic-bezier(.22,.8,.22,1);
  }

  body.vidu-mobile-context-open .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-panel {
    transform: translateY(0) !important;
  }

  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-handle {
    display: none !important;
  }

  .vidu-mobile-office-sheet .vidu-mobile-sheet-panel {
    top: auto !important;
    bottom: 0 !important;
    border-radius: 28px 28px 0 0 !important;
    box-shadow: 0 -24px 80px rgba(0,0,0,.62) !important;
    transform: translateY(105%) !important;
  }

  body.vidu-mobile-office-open .vidu-mobile-office-sheet .vidu-mobile-sheet-panel {
    transform: translateY(0) !important;
  }
}


/* Source: assets/css/pipeline/15-work-modal-v2.css */
#vidu-pipeline-dashboard .vidu-work-modal-v2-btn {
  border-color: rgba(99, 102, 241, .28);
  background: rgba(99, 102, 241, .08);
}

.vidu-project-modal-shell:has(.vidu-project-modal25).vidu-app-modal.is-open {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4vh 4vw;
  overflow: hidden;
}

.vidu-project-modal-shell:has(.vidu-project-modal25) .vidu-app-modal-dialog {
  position: relative;
  top: auto;
  left: auto;
  width: min(94vw, 1500px);
  height: min(90vh, 980px);
  max-height: 90vh;
  min-height: 0;
  margin: 0;
  transform: none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.vidu-project-modal-shell:has(.vidu-project-modal25).vidu-app-modal.is-open .vidu-app-modal-dialog {
  transform: none;
}

.vidu-project-modal-shell:has(.vidu-project-modal25) .vidu-app-modal-body,
.vidu-project-modal-shell:has(.vidu-project-modal25) .vidu-app-modal-content,
.vidu-project-modal-shell:has(.vidu-project-modal25) .vidu-modal-content {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  max-height: none;
  min-height: 0;
  overflow: hidden;
  padding: 0;
}

.vidu-project-modal-shell:has(.vidu-project-modal25) .vidu-modal-inner-frame,
.vidu-project-modal-shell:has(.vidu-project-modal25) .vidu-modal-inner-content {
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  overflow: hidden;
  padding: 0;
}

.vidu-project-modal25 {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  background: var(--vidu-project-modal-bg, #0f172a);
  overflow: hidden;
}

.vidu-project-modal25-context {
  height: 100%;
  min-height: 0;
  max-height: 100%;
  border-right: 1px solid var(--vidu-project-panel-border, rgba(148, 163, 184, .18));
  padding: 24px;
  background: var(--vidu-project-modal-header-bg, rgba(15, 23, 42, .92));
  overflow: auto;
}

.vidu-project-modal25-kicker,
.vidu-project-modal25-head span,
.vidu-project-modal25-metric span,
.vidu-project-modal25-metric small {
  color: var(--vidu-muted, #94a3b8);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}

.vidu-project-modal25-context p {
  margin: 8px 0 18px;
  color: var(--vidu-muted, #94a3b8);
}

.vidu-project-modal25-context-stack {
  display: grid;
  gap: 10px;
}

.vidu-project-modal25-metric {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--vidu-project-panel-border, rgba(148, 163, 184, .16));
  border-radius: 8px;
  background: var(--vidu-project-panel-bg, rgba(15, 23, 42, .55));
}

.vidu-project-modal25-status-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--vidu-project-panel-border, rgba(148, 163, 184, .16));
  border-radius: 8px;
  background: var(--vidu-project-panel-bg, rgba(15, 23, 42, .55));
}

.vidu-project-modal25-status-card > span,
.vidu-project-modal25-sidebar-section-head > span,
.vidu-project-modal25-client-row span {
  color: var(--vidu-muted, #94a3b8);
  font-size: 12px;
  font-weight: 800;
}

.vidu-project-modal25-status-card > strong {
  color: var(--vidu-text, #f8fafc);
  font-size: 14px;
}

.vidu-project-modal25-status-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.vidu-project-modal25-metric strong {
  min-width: 0;
  color: var(--vidu-text, #f8fafc);
  overflow-wrap: anywhere;
}

.vidu-project-modal25-sidebar-section {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--vidu-project-panel-border, rgba(148, 163, 184, .16));
}

.vidu-project-modal25-sidebar-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.vidu-project-modal25-sidebar-section-head em {
  padding: 4px 8px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 999px;
  color: var(--vidu-muted, #94a3b8);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.vidu-project-modal25-sidebar-section-head em.is-active {
  border-color: rgba(34, 197, 94, .28);
  color: #86efac;
  background: rgba(34, 197, 94, .1);
}

.vidu-project-modal25-client-row {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vidu-project-modal25-client-row strong {
  min-width: 0;
  color: var(--vidu-text, #f8fafc);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.vidu-project-modal25-sidebar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vidu-project-modal25-sidebar-edit {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--vidu-project-panel-border, rgba(148, 163, 184, .22));
  border-radius: 8px;
  color: var(--vidu-text, #f8fafc);
  background: rgba(15, 23, 42, .72);
  cursor: pointer;
}

.vidu-project-modal25-sidebar-edit svg {
  width: 15px;
  height: 15px;
}

.vidu-project-modal25-context-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.vidu-project-modal25-action-icon {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--vidu-project-panel-border, rgba(148, 163, 184, .22));
  border-radius: 8px;
  color: var(--vidu-text, #f8fafc);
  background: rgba(15, 23, 42, .72);
  text-decoration: none;
}

.vidu-project-modal25-action-icon:hover,
.vidu-project-modal25-action-icon:focus-visible {
  border-color: var(--vidu-accent, #60a5fa);
  background: rgba(96, 165, 250, .14);
}

.vidu-project-modal25-action-icon svg {
  width: 19px;
  height: 19px;
}

.vidu-project-modal25-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.vidu-project-modal25-head {
  flex: 0 0 auto;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 14px;
  border-bottom: 1px solid var(--vidu-project-panel-border, rgba(148, 163, 184, .14));
  background: var(--vidu-project-modal-bg, #0f172a);
}

.vidu-project-modal25-head strong {
  display: block;
  margin-top: 4px;
  color: var(--vidu-text, #f8fafc);
  font-size: 22px;
}

.vidu-project-modal25-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: auto minmax(0, 1fr);
  flex: 1 1 auto;
  gap: 0;
  width: 100%;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  padding: 14px 18px 0;
}

.vidu-project-modal25-tab-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.vidu-project-modal25-tab {
  display: grid;
  place-items: center;
  min-height: 42px;
  min-width: 0;
  padding: 8px 10px;
  border-bottom: 2px solid transparent;
  color: var(--vidu-muted, #94a3b8);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  text-align: center;
}

.vidu-project-modal25-tab-input:checked + .vidu-project-modal25-tab {
  border-bottom-color: var(--vidu-accent, #60a5fa);
  color: var(--vidu-text, #f8fafc);
}

.vidu-project-modal25-panels {
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 18px;
}

.vidu-project-modal25-panel {
  display: none;
  width: 100%;
  min-width: 0;
  min-height: 100%;
  overflow: visible;
  padding-bottom: 24px;
}

.vidu-project-modal25-tab-input:nth-of-type(1):checked ~ .vidu-project-modal25-panels .vidu-project-modal25-panel:nth-child(1),
.vidu-project-modal25-tab-input:nth-of-type(2):checked ~ .vidu-project-modal25-panels .vidu-project-modal25-panel:nth-child(2),
.vidu-project-modal25-tab-input:nth-of-type(3):checked ~ .vidu-project-modal25-panels .vidu-project-modal25-panel:nth-child(3),
.vidu-project-modal25-tab-input:nth-of-type(4):checked ~ .vidu-project-modal25-panels .vidu-project-modal25-panel:nth-child(4) {
  display: block;
}

.vidu-project-modal25-panel > * {
  width: 100%;
  max-width: none;
}

.vidu-project-modal25-panel > * + * {
  margin-top: 16px;
}

.vidu-project-modal25-overview-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}

.vidu-project-modal25-overview-hero > * {
  width: 100%;
  min-width: 0;
  max-width: none;
}

.vidu-project-modal25-overview-hero .vidu-project-locations,
.vidu-project-modal25-overview-hero .vidu-project-timeline-card {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.vidu-project-modal25 .vidu-project-control-card,
.vidu-project-modal25 .vidu-project-timeline-card,
.vidu-project-modal25 .vidu-project-communication-module,
.vidu-project-modal25 .vidu-project-locations,
.vidu-project-modal25 .vidu-project-assets-prep,
.vidu-project-modal25 .vidu-project-docs,
.vidu-project-modal25 [data-project-checklist-panel],
.vidu-project-modal25 [data-project-assets-panel],
.vidu-project-modal25 [data-project-docs-panel],
.vidu-project-modal25 [data-project-notes-panel],
.vidu-project-modal25 [data-project-locations-panel] {
  width: 100%;
  max-width: none;
}

.vidu-project-modal25-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

@media (max-width: 1100px) {
  .vidu-project-modal25 {
    grid-template-columns: 1fr;
  }

  .vidu-project-modal25-context {
    border-right: 0;
    border-bottom: 1px solid var(--vidu-project-panel-border, rgba(148, 163, 184, .18));
  }

  .vidu-project-modal25-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-project-modal25-overview-hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) and (hover: none) and (pointer: coarse) {
  .vidu-project-modal25-grid {
    grid-template-columns: 1fr;
  }

  .vidu-project-modal25-tabs {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto) minmax(0, 1fr);
  }

  .vidu-project-modal25-panels {
    grid-row: 5;
  }
}

.vidu-work-modal2 {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: grid;
  place-items: center;
  padding: 5vh 5vw;
  background: rgba(4, 7, 13, .72);
  backdrop-filter: blur(14px);
}

.vidu-work-modal2[hidden] {
  display: none;
}

.vidu-work-modal2-panel {
  display: grid;
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  width: 90vw;
  max-width: none;
  height: 90vh;
  max-height: 90vh;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .12);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(15, 23, 42, .96), rgba(7, 10, 19, .98));
  box-shadow: 0 34px 90px rgba(0, 0, 0, .48);
  color: var(--vidu-text, #f8fafc);
}

.vidu-work-modal2-sidebar {
  display: grid;
  align-content: start;
  gap: 14px;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 22px;
  border-right: 1px solid rgba(226, 232, 240, .09);
  background: rgba(255, 255, 255, .035);
}

.vidu-work-modal2-kicker {
  width: max-content;
  max-width: 100%;
  padding: 5px 9px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 999px;
  color: #cbd5e1;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vidu-work-modal2-kicker.is-lead { border-color: rgba(59, 130, 246, .34); color: #93c5fd; }
.vidu-work-modal2-kicker.is-offer { border-color: rgba(234, 179, 8, .34); color: #fde68a; }
.vidu-work-modal2-kicker.is-project { border-color: rgba(249, 115, 22, .34); color: #fdba74; }
.vidu-work-modal2-kicker.is-billing { border-color: rgba(168, 85, 247, .34); color: #d8b4fe; }
.vidu-work-modal2-kicker.is-closed { border-color: rgba(34, 197, 94, .34); color: #86efac; }

.vidu-work-modal2-sidebar h2 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.08;
}

.vidu-work-modal2-sidebar p {
  margin: 0;
  color: #94a3b8;
  font-size: 13px;
  line-height: 1.45;
}

.vidu-work-modal2-status {
  width: max-content;
  max-width: 100%;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .1);
  color: #e2e8f0;
  font-size: 12px;
  font-weight: 820;
}

.vidu-work-modal2-context {
  display: grid;
  gap: 8px;
  margin: 0;
}

.vidu-work-modal2-context div,
.vidu-work-modal2-details div {
  display: grid;
  gap: 3px;
}

.vidu-work-modal2-context dt,
.vidu-work-modal2-details dt,
.vidu-work-modal2-owner > span,
.vidu-work-modal2-due > span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-work-modal2-context dd,
.vidu-work-modal2-details dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #e2e8f0;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-work-modal2-owner,
.vidu-work-modal2-due {
  display: grid;
  gap: 8px;
}

.vidu-work-modal2-owner div {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.vidu-work-modal2-avatar {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(99, 102, 241, .18);
  color: #e0e7ff;
  font-size: 11px;
  font-weight: 900;
}

.vidu-work-modal2-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vidu-work-modal2-owner strong,
.vidu-work-modal2-due strong {
  min-width: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-work-modal2-settings {
  align-self: end;
  width: 34px;
  height: 34px;
  margin-top: auto;
  border: 1px solid rgba(226, 232, 240, .12);
  border-radius: 50%;
  background: rgba(255, 255, 255, .04);
  color: #cbd5e1;
}

.vidu-work-modal2-main {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
}

.vidu-work-modal2-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(226, 232, 240, .09);
}

.vidu-work-modal2-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.vidu-work-modal2-tabs button {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid rgba(226, 232, 240, .1);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
  color: #94a3b8;
  font-size: 12px;
  font-weight: 820;
}

.vidu-work-modal2-tabs button.is-active {
  border-color: rgba(99, 102, 241, .34);
  background: rgba(99, 102, 241, .16);
  color: #eef2ff;
}

.vidu-work-modal2-close {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(226, 232, 240, .12);
  border-radius: 50%;
  background: rgba(255, 255, 255, .04);
  color: #f8fafc;
  font-size: 21px;
}

.vidu-work-modal2-content {
  min-height: 0;
  overflow: auto;
  padding: 18px;
}

.vidu-work-modal2-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-content: start;
}

.vidu-work-modal2-module {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(226, 232, 240, .09);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

.vidu-work-modal2-customer-grid {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.vidu-work-modal2-module header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.vidu-work-modal2-module header strong {
  color: #f8fafc;
  font-size: 14px;
}

.vidu-work-modal2-module header span,
.vidu-work-modal2-empty {
  color: #94a3b8;
  font-size: 12px;
}

.vidu-work-modal2-highlight {
  display: grid;
  gap: 5px;
}

.vidu-work-modal2-highlight strong {
  color: #f8fafc;
  font-size: 22px;
}

.vidu-work-modal2-highlight span {
  color: #94a3b8;
  font-size: 13px;
}

.vidu-work-modal2-list {
  display: grid;
  gap: 0;
  max-height: 260px;
  overflow: auto;
}

.vidu-work-modal2-row {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 8px 0;
  border-bottom: 1px solid rgba(226, 232, 240, .07);
}

.vidu-work-modal2-action-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
}

.vidu-work-modal2-action-row strong {
  flex: 1 1 180px;
}

.vidu-work-modal2-action-row span {
  flex: 4 1 260px;
}

.vidu-work-modal2-action-row button {
  min-width: 84px;
  height: 32px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 999px;
  background: rgba(99, 102, 241, .16);
  color: #eef2ff;
  font-size: 12px;
  font-weight: 800;
}

.vidu-work-modal2-action-row button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.vidu-work-modal2-row:last-child {
  border-bottom: 0;
}

.vidu-work-modal2-row strong,
.vidu-work-modal2-row span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-work-modal2-row strong {
  color: #e2e8f0;
  font-size: 13px;
}

.vidu-work-modal2-row span {
  color: #94a3b8;
  font-size: 12px;
}

.vidu-work-modal2-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.vidu-work-modal2-map {
  position: relative;
  min-height: 220px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, .34), rgba(2, 6, 23, .46)),
    var(--vidu-work-modal2-map-bg, none) center / cover;
}

.vidu-work-modal2-map-grid {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
  background-size: 36px 36px;
  opacity: .42;
}

.vidu-work-modal2-map-pin {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(255, 255, 255, .82);
  border-radius: 50% 50% 50% 8px;
  background: #6366f1;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .38);
}

.vidu-work-modal2-map-pin.is-2 {
  background: #22c55e;
}

.vidu-work-modal2-map-pin.is-3 {
  background: #f59e0b;
}

.vidu-work-modal2-map-overlay {
  position: absolute;
  inset-inline: 14px;
  bottom: 14px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(226, 232, 240, .12);
  border-radius: 14px;
  background: rgba(2, 6, 23, .72);
  backdrop-filter: blur(10px);
}

.vidu-work-modal2-map-overlay strong,
.vidu-work-modal2-map-overlay span {
  min-width: 0;
}

.vidu-work-modal2-map-overlay strong {
  color: #f8fafc;
  font-size: 13px;
}

.vidu-work-modal2-map-overlay span {
  flex: 1;
  overflow: hidden;
  color: #94a3b8;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-work-modal2-map-overlay button {
  min-width: 84px;
  height: 30px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 999px;
  background: rgba(99, 102, 241, .18);
  color: #eef2ff;
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 1200px) {
  .vidu-work-modal2-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .vidu-work-modal2 {
    padding: 10px;
  }

  .vidu-work-modal2-panel {
    grid-template-columns: 1fr;
    width: 96vw;
    height: 94vh;
  }

  .vidu-work-modal2-sidebar {
    border-right: 0;
    border-bottom: 1px solid rgba(226, 232, 240, .09);
  }

  .vidu-work-modal2-grid,
  .vidu-work-modal2-customer-grid,
  .vidu-work-modal2-details {
    grid-template-columns: 1fr;
  }
}


/* Source: assets/css/pipeline/90-compat-legacy.css */
/* =========================================================
   GLOBAL THEME REFINEMENT — LIGHT MODE / TYPOGRAPHY V2
   Token-first platform surfaces.
   ========================================================= */

#vidu-pipeline-dashboard,
body.vidu-pipeline-workstation,
.vidu-app-modal-dialog,
.vidu-app-modal-dialog input,
.vidu-app-modal-dialog textarea,
.vidu-app-modal-dialog select,
.vidu-app-modal-dialog button,
#vidu-project-builder {
  font-family: var(--vidu-font-sans, "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  letter-spacing: 0;
}

#vidu-pipeline-dashboard .vidu-dashboard-table-head,
#vidu-pipeline-dashboard .vidu-dashboard-deadline-cell,
#vidu-pipeline-dashboard .vidu-dashboard-activity-cell small,
#vidu-pipeline-dashboard .vidu-board-card-meta,
#vidu-pipeline-dashboard .vidu-board-card-meta span,
#vidu-pipeline-dashboard .vidu-chip,
#vidu-pipeline-dashboard [class*="vidu-chip--"],
#vidu-pipeline-dashboard .vidu-project-control-label,
#vidu-pipeline-dashboard .vidu-settings-tab,
.vidu-app-modal-dialog .vidu-app-modal-kicker,
.vidu-app-modal-dialog .vidu-project-control-label,
.vidu-app-modal-dialog .vidu-project-meta-label,
.vidu-app-modal-dialog .vidu-project-header-meta,
#vidu-project-builder .vidu-stat-label,
#vidu-project-builder .vidu-table th,
#vidu-project-builder .vidu-block-topline {
  font-family: var(--vidu-font-mono, "Geist Mono", "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard,
#vidu-pipeline-dashboard[data-vidu-theme="light"] {
  background:
    radial-gradient(circle at 16% -10%, rgba(34,197,94,.08), transparent 30%),
    radial-gradient(circle at 86% 0%, rgba(96,165,250,.08), transparent 28%),
    var(--vidu-page-bg-image) !important;
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-pipeline-toolbar,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-pipeline-toolbar,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-toolbar,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-dashboard-toolbar,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-sticky-controls,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .billing-workspace-header {
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,249,252,.78)) !important;
  border: 1px solid var(--vidu-border-soft) !important;
  box-shadow:
    var(--vidu-shadow-soft),
    inset 0 1px 0 rgba(255,255,255,.84) !important;
  color: var(--vidu-text-primary) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-pipeline-toolbar::after,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-pipeline-toolbar::after {
  background: linear-gradient(180deg, rgba(15,23,42,.06), transparent) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-pipeline-toolbar h1,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-pipeline-toolbar h2,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-main h2,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-pipeline-toolbar h1,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-pipeline-toolbar h2,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-dashboard-main h2 {
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-pipeline-toolbar-sub,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-filter-label,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-quick-filter-label,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-pipeline-toolbar-sub,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-filter-label,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-quick-filter-label {
  color: var(--vidu-text-muted) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard input,
[data-vidu-theme="light"] #vidu-pipeline-dashboard select,
[data-vidu-theme="light"] #vidu-pipeline-dashboard textarea {
  background: rgba(255,255,255,.72) !important;
  border-color: rgba(15,23,42,.12) !important;
  color: var(--vidu-text-primary) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard input::placeholder,
[data-vidu-theme="light"] #vidu-pipeline-dashboard textarea::placeholder {
  color: rgba(13,18,28,.38) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-pipeline-column,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-pipeline-column {
  background: rgba(255,255,255,.55) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  box-shadow: 0 8px 30px rgba(15,23,42,.06) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-pipeline-column-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-pipeline-column-head {
  background: rgba(255,255,255,.68) !important;
  border-bottom-color: rgba(15,23,42,.08) !important;
  color: var(--vidu-text-primary) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-pipeline-column-head h3,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-pipeline-column-head h3 {
  color: rgba(13,18,28,.72) !important;
  font-weight: 650 !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card {
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  box-shadow:
    0 8px 30px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.68) !important;
  color: var(--vidu-text-primary) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card:hover {
  border-color: rgba(255,255,255,.72) !important;
  box-shadow:
    0 12px 34px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-title,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-project-title,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-title,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-dashboard-project-title {
  color: rgba(13,18,28,.94) !important;
  font-weight: 760 !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-client,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-project-client,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-client,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-dashboard-project-client {
  color: rgba(13,18,28,.64) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-meta,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-meta span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-activity-cell small,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-deadline-cell,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-next-cell,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-meta,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-meta span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-dashboard-activity-cell small,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-dashboard-deadline-cell,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-dashboard-next-cell {
  color: rgba(13,18,28,.52) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-pipeline-list-wrap,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-pipeline-list-wrap,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-dashboard-card {
  background: rgba(255,255,255,.74) !important;
  border-color: rgba(15,23,42,.105) !important;
  box-shadow: var(--vidu-shadow-card) !important;
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-table-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-dashboard-table-head {
  background: rgba(248,250,252,.96) !important;
  color: rgba(13,18,28,.56) !important;
  border-bottom: 1px solid rgba(15,23,42,.10) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-row,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-pipeline-row,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-dashboard-row,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-pipeline-row {
  background: rgba(255,255,255,.68) !important;
  border-color: rgba(15,23,42,.075) !important;
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-row:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-pipeline-row:hover {
  background: rgba(255,255,255,.90) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-icon-btn,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-project-icon-btn,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-card-action,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-action-btn,
[data-vidu-theme="light"] .vidu-app-modal-dialog .vidu-icon-btn,
[data-vidu-theme="light"] .vidu-app-modal-dialog .vidu-project-icon-btn {
  background: var(--vidu-control-bg) !important;
  border-color: rgba(15,23,42,.12) !important;
  color: rgba(13,18,28,.72) !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.075) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-icon-btn:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-project-icon-btn:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-card-action:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-action-btn:hover,
[data-vidu-theme="light"] .vidu-app-modal-dialog .vidu-icon-btn:hover,
[data-vidu-theme="light"] .vidu-app-modal-dialog .vidu-project-icon-btn:hover {
  background: var(--vidu-control-bg-hover) !important;
  border-color: rgba(15,23,42,.20) !important;
  color: rgba(13,18,28,.92) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-user-sidebar {
  background: rgba(255,255,255,.86) !important;
  border-color: rgba(15,23,42,.12) !important;
  box-shadow: 0 18px 52px rgba(15,23,42,.14) !important;
  color: var(--vidu-text-primary) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-user-nav-btn,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-user-sidebar-toggle {
  color: rgba(13,18,28,.72) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-user-nav-btn:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-user-nav-btn.is-active,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-user-sidebar-toggle:hover {
  background: rgba(15,23,42,.065) !important;
  color: rgba(13,18,28,.94) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-lead-age--fresh,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-lead-age-chip.lead-age--fresh {
  color: #475569 !important;
  background: rgba(71,85,105,.095) !important;
  border-color: rgba(71,85,105,.18) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-lead-age--warm,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-lead-age-chip.lead-age--warm {
  color: #475569 !important;
  background: rgba(100,116,139,.11) !important;
  border-color: rgba(100,116,139,.22) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-lead-age--attention,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-lead-age-chip.lead-age--attention {
  color: #8a5a08 !important;
  background: rgba(180,113,17,.12) !important;
  border-color: rgba(180,113,17,.24) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-lead-age--old,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-lead-age-chip.lead-age--old {
  color: #9a3412 !important;
  background: rgba(194,65,12,.115) !important;
  border-color: rgba(194,65,12,.24) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-lead-age--critical,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-lead-age-chip.lead-age--critical {
  color: #8f1d36 !important;
  background: rgba(159,18,57,.105) !important;
  border-color: rgba(159,18,57,.23) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-chip--blue,
[data-vidu-theme="light"] .vidu-app-modal-dialog .vidu-chip--blue {
  color: #1d4ed8 !important;
  background: rgba(59,130,246,.105) !important;
  border-color: rgba(37,99,235,.26) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-chip--yellow,
[data-vidu-theme="light"] .vidu-app-modal-dialog .vidu-chip--yellow {
  color: #946200 !important;
  background: rgba(234,179,8,.13) !important;
  border-color: rgba(202,138,4,.28) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-chip--orange,
[data-vidu-theme="light"] .vidu-app-modal-dialog .vidu-chip--orange {
  color: #b45309 !important;
  background: rgba(249,115,22,.115) !important;
  border-color: rgba(234,88,12,.27) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-chip--purple,
[data-vidu-theme="light"] .vidu-app-modal-dialog .vidu-chip--purple {
  color: #7e22ce !important;
  background: rgba(168,85,247,.115) !important;
  border-color: rgba(147,51,234,.26) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-chip--red,
[data-vidu-theme="light"] .vidu-app-modal-dialog .vidu-chip--red {
  color: #b91c1c !important;
  background: rgba(239,68,68,.10) !important;
  border-color: rgba(220,38,38,.24) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-chip--green,
[data-vidu-theme="light"] .vidu-app-modal-dialog .vidu-chip--green {
  color: #15803d !important;
  background: rgba(34,197,94,.105) !important;
  border-color: rgba(22,163,74,.24) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-badge-stage-new,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-card-chip.is-blue {
  color: #1d4ed8 !important;
  background: rgba(59,130,246,.10) !important;
  border-color: rgba(37,99,235,.24) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-badge-stage-running,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-card-chip.is-yellow {
  color: #946200 !important;
  background: rgba(234,179,8,.13) !important;
  border-color: rgba(202,138,4,.28) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-badge-stage-billing,
[data-vidu-theme="light"] .vidu-badge-stage-billing {
  color: #7e22ce !important;
  background: rgba(168,85,247,.115) !important;
  border-color: rgba(147,51,234,.26) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-badge-stage-problem,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-card-chip.is-red {
  color: #b91c1c !important;
  background: rgba(239,68,68,.10) !important;
  border-color: rgba(220,38,38,.24) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-badge-stage-closed,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-card-chip.is-green {
  color: #15803d !important;
  background: rgba(34,197,94,.105) !important;
  border-color: rgba(22,163,74,.24) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-title,
[data-vidu-theme="light"] .vidu-lead-modal-title {
  color: rgba(13,18,28,.96) !important;
}

[data-vidu-theme="light"] .vidu-project-control-card,
[data-vidu-theme="light"] .vidu-project-timeline-card,
[data-vidu-theme="light"] .vidu-project-structure-block,
[data-vidu-theme="light"] .vidu-assets-panel,
[data-vidu-theme="light"] .vidu-lead-panel,
[data-vidu-theme="light"] .vidu-settings-panel,
[data-vidu-theme="light"] .vidu-settings-card,
[data-vidu-theme="light"] .vidu-billing-panel,
[data-vidu-theme="light"] .vidu-billing-card,
[data-vidu-theme="light"] .finance-section,
[data-vidu-theme="light"] .vidu-finance-section {
  background: rgba(255,255,255,.76) !important;
  border-color: rgba(15,23,42,.105) !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.075) !important;
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-quick-filters button,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-filter-chip,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-segmented button,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-view-toggle button {
  background: var(--vidu-control-bg) !important;
  border-color: var(--vidu-control-border) !important;
  color: var(--vidu-control-text) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-quick-filters button:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-filter-chip:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-segmented button.is-active,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-view-toggle button.is-active {
  background: var(--vidu-control-bg-active) !important;
  border-color: var(--vidu-control-border-active) !important;
  color: var(--vidu-control-text-active) !important;
}

/* =========================================================
   THEME COMPONENT TOKENS — shared cards, project cockpit,
   messages, and neutral pipeline card states.
   ========================================================= */

#vidu-pipeline-dashboard {
  --vidu-bg: var(--vidu-bg-page);
  --vidu-panel: var(--vidu-surface);
  --vidu-panel-2: var(--vidu-surface-elevated);
  --vidu-panel-3: var(--vidu-surface-muted);
  --vidu-border: var(--vidu-border-soft);
  --vidu-border-strong: var(--vidu-border-medium);
  --vidu-text: var(--vidu-text-primary);
  --vidu-muted: var(--vidu-text-secondary);
  --vidu-meta: var(--vidu-text-muted);
}

#vidu-pipeline-dashboard .vidu-pipeline-card {
  background: var(--vidu-card-bg) !important;
  border-color: var(--vidu-border-soft) !important;
  box-shadow: var(--vidu-shadow-card) !important;
}

#vidu-pipeline-dashboard .vidu-pipeline-card:hover {
  background: var(--vidu-card-bg-hover) !important;
  border-color: var(--vidu-border-medium) !important;
}

#vidu-pipeline-dashboard .vidu-board-card.is-active,
#vidu-pipeline-dashboard .vidu-board-card.is-selected,
#vidu-pipeline-dashboard .vidu-pipeline-card.is-expanded {
  background: var(--vidu-card-bg-active) !important;
}

/* Pipeline board card redesign: cinematic project cards, scoped to board cards only. */
#vidu-pipeline-dashboard .vidu-pipeline-column-body {
  grid-auto-rows: max-content;
  align-items: start;
  gap: 24px;
  padding: 18px 18px 30px;
}

#vidu-pipeline-dashboard .vidu-board-card {
  --vidu-board-accent: #60a5fa;
  position: relative;
  isolation: isolate;
  contain: none;
  min-height: 220px;
  height: auto;
  height: max-content;
  max-height: none;
  align-self: start;
  box-sizing: border-box;
  display: block;
  padding: 0;
  overflow: hidden;
  border-radius: 32px;
  border: 1px solid rgba(255,255,255,.08) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.045), transparent 36%),
    rgba(18,20,26,.72) !important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  transform: translateY(0);
  transition:
    transform 180ms var(--vidu-ease-standard),
    border-color 180ms var(--vidu-ease-standard),
    background 180ms var(--vidu-ease-standard),
    box-shadow 180ms var(--vidu-ease-standard);
}

#vidu-pipeline-dashboard .vidu-board-card-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 220px;
  padding: 28px 28px 32px 34px;
}

#vidu-pipeline-dashboard .vidu-board-card[data-board-stage="lead"] { --vidu-board-accent: #2f8cff; }
#vidu-pipeline-dashboard .vidu-board-card[data-board-stage="offer"] { --vidu-board-accent: #d8d900; }
#vidu-pipeline-dashboard .vidu-board-card[data-board-stage="project"] { --vidu-board-accent: #f97316; }
#vidu-pipeline-dashboard .vidu-board-card[data-board-stage="billing"] { --vidu-board-accent: #c026d3; }
#vidu-pipeline-dashboard .vidu-board-card[data-board-stage="closed"] { --vidu-board-accent: #22c55e; }
#vidu-pipeline-dashboard .vidu-board-card[data-board-stage="lead"] { --vidu-board-accent: var(--vidu-pipeline-card-lead-color, #2f8cff); }
#vidu-pipeline-dashboard .vidu-board-card[data-board-stage="offer"] { --vidu-board-accent: var(--vidu-pipeline-card-offer-color, #d8d900); }
#vidu-pipeline-dashboard .vidu-board-card[data-board-stage="project"] { --vidu-board-accent: var(--vidu-pipeline-card-project-color, #f97316); }
#vidu-pipeline-dashboard .vidu-board-card[data-board-stage="billing"] { --vidu-board-accent: var(--vidu-pipeline-card-billing-color, #c026d3); }
#vidu-pipeline-dashboard .vidu-board-card[data-board-stage="closed"] { --vidu-board-accent: var(--vidu-pipeline-card-closed-color, #22c55e); }

#vidu-pipeline-dashboard .vidu-board-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 44px;
  bottom: 44px;
  width: 4px;
  border-radius: 999px;
  background: var(--vidu-board-accent);
  box-shadow: 0 0 22px color-mix(in srgb, var(--vidu-board-accent) 52%, transparent);
  z-index: 1;
}

#vidu-pipeline-dashboard .vidu-board-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.13) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.06), transparent 38%),
    rgba(23,25,32,.78) !important;
  box-shadow:
    0 28px 72px rgba(0,0,0,.36),
    0 0 42px color-mix(in srgb, var(--vidu-board-accent) 10%, transparent),
    inset 0 1px 0 rgba(255,255,255,.075) !important;
}

#vidu-pipeline-dashboard .vidu-board-card-top,
#vidu-pipeline-dashboard .vidu-board-card-header {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex: 0 0 auto;
  min-width: 0;
  min-height: 36px;
  margin: 0 0 20px;
}

#vidu-pipeline-dashboard .vidu-board-card-status {
  display: grid;
  align-content: start;
  gap: 4px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-board-card-content,
#vidu-pipeline-dashboard .vidu-board-card-body {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  width: 100%;
  overflow: visible;
}

#vidu-pipeline-dashboard .vidu-board-card .vidu-chip {
  min-height: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.82) !important;
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-board-card .vidu-chip::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 12px currentColor;
}

#vidu-pipeline-dashboard .vidu-board-card .vidu-chip--blue { color: #4ea1ff !important; }
#vidu-pipeline-dashboard .vidu-board-card .vidu-chip--yellow { color: #d8d900 !important; }
#vidu-pipeline-dashboard .vidu-board-card .vidu-chip--orange { color: #f97316 !important; }
#vidu-pipeline-dashboard .vidu-board-card .vidu-chip--purple { color: #d32df2 !important; }
#vidu-pipeline-dashboard .vidu-board-card .vidu-chip--red { color: #ff5f6d !important; }
#vidu-pipeline-dashboard .vidu-board-card .vidu-chip--green { color: #2dd47b !important; }
#vidu-pipeline-dashboard .vidu-board-card .vidu-chip[style*="--vidu-chip-token-color"],
#vidu-pipeline-dashboard .vidu-pipeline-card .vidu-chip[style*="--vidu-chip-token-color"] {
  color: var(--vidu-chip-token-color) !important;
}

#vidu-pipeline-dashboard .vidu-chip-token-icon {
  width: 13px;
  height: 13px;
  display: inline-block;
  object-fit: contain;
  flex: 0 0 13px;
}

#vidu-pipeline-dashboard .vidu-board-card .vidu-workspace-chip {
  --workspace-color: #8b5cf6;
  --workspace-rgb: 139, 92, 246;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  color: color-mix(in srgb, var(--workspace-color) 72%, #ffffff 28%) !important;
  box-shadow: none !important;
}

#vidu-pipeline-dashboard .vidu-board-card .vidu-workspace-chip::before {
  background: var(--workspace-color);
  box-shadow: none !important;
}

#vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-row .vidu-workspace-chip::before {
  display: none !important;
}

#vidu-pipeline-dashboard .vidu-board-card .vidu-lead-age-chip {
  width: fit-content;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.52);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-board-card-avatar {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.86);
  font-size: 12px;
  font-weight: 850;
  box-shadow: 0 8px 20px rgba(0,0,0,.30);
}

#vidu-pipeline-dashboard .vidu-board-card-avatar-stack {
  --avatar-overlap: -10px;
  --avatar-hover-gap: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  min-width: 32px;
  max-width: min(148px, 42%);
  isolation: isolate;
}

#vidu-pipeline-dashboard .vidu-board-card-avatar-stack .vidu-board-card-avatar {
  margin-left: var(--avatar-overlap);
  position: relative;
  z-index: calc(20 - var(--avatar-index, 0));
  border: 2px solid color-mix(in srgb, var(--vidu-card-bg) 82%, rgba(15,18,24,.92));
  transition:
    margin-left 180ms var(--vidu-ease-standard),
    transform 180ms var(--vidu-ease-standard),
    border-color 180ms var(--vidu-ease-standard);
}

#vidu-pipeline-dashboard .vidu-board-card-avatar-stack .vidu-board-card-avatar:first-child {
  margin-left: 0;
}

#vidu-pipeline-dashboard .vidu-board-card-avatar-stack:hover .vidu-board-card-avatar,
#vidu-pipeline-dashboard .vidu-board-card-avatar-stack:focus-within .vidu-board-card-avatar {
  margin-left: var(--avatar-hover-gap);
}

#vidu-pipeline-dashboard .vidu-board-card-avatar-stack:hover .vidu-board-card-avatar:first-child,
#vidu-pipeline-dashboard .vidu-board-card-avatar-stack:focus-within .vidu-board-card-avatar:first-child {
  margin-left: 0;
}

#vidu-pipeline-dashboard .vidu-board-card-avatar-stack .vidu-board-card-avatar:hover,
#vidu-pipeline-dashboard .vidu-board-card-avatar-stack .vidu-board-card-avatar:focus-visible {
  z-index: 40;
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--vidu-text-primary) 18%, transparent);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-avatar-stack .vidu-board-card-avatar,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-avatar-stack .vidu-board-card-avatar {
  border-color: rgba(255,255,255,.92);
  background: rgba(226,232,240,.82);
  color: rgba(15,23,42,.78);
}

#vidu-pipeline-dashboard .vidu-board-card-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

#vidu-pipeline-dashboard .vidu-board-card-title {
  max-width: calc(100% - 10px);
  margin: 0 0 8px;
  color: rgba(255,255,255,.95);
  font-size: clamp(18px, 1.05vw, 21px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: .005em;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-board-card-client {
  margin: 0 0 14px;
  color: rgba(255,255,255,.84);
  font-size: 13px;
  font-weight: 760;
  line-height: 1.2;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-board-card-client::after {
  content: "";
  display: block;
  width: min(100%, 168px);
  height: 1px;
  margin-top: 11px;
  background: rgba(255,255,255,.10);
}

#vidu-pipeline-dashboard .vidu-board-card-meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  color: rgba(255,255,255,.48);
  font-family: var(--vidu-font-sans);
  font-size: 13px;
  font-weight: 520;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-board-card-meta span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-board-card-amount {
  flex: 0 0 auto;
  margin: 10px 0 0;
  color: rgba(255,255,255,.90);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

#vidu-pipeline-dashboard .vidu-board-card-actions,
#vidu-pipeline-dashboard .vidu-board-card-footer {
  position: static;
  z-index: 1;
  width: 100%;
  min-height: 32px;
  flex: 0 0 auto;
  flex-shrink: 0;
  margin-top: 18px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  overflow: visible;
  opacity: 1;
  transform: none;
  box-sizing: border-box;
  transition: opacity 160ms var(--vidu-ease-standard);
}

#vidu-pipeline-dashboard .vidu-board-card:hover .vidu-board-card-actions,
#vidu-pipeline-dashboard .vidu-board-card:focus-within .vidu-board-card-actions {
  opacity: 1;
}

#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--vidu-text-muted) !important;
  opacity: .45;
  transform: none;
  transition:
    color 160ms var(--vidu-ease-standard),
    opacity 160ms var(--vidu-ease-standard),
    transform 160ms var(--vidu-ease-standard);
}

#vidu-pipeline-dashboard .vidu-board-card:hover .vidu-board-card-actions .vidu-icon-btn,
#vidu-pipeline-dashboard .vidu-board-card:focus-within .vidu-board-card-actions .vidu-icon-btn {
  opacity: .68;
}

#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn:hover,
#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn:focus-visible {
  color: var(--vidu-text-primary) !important;
  opacity: 1;
  background: transparent !important;
  transform: translateY(-1px);
}

#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn-danger:hover,
#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn-danger:focus-visible,
#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-archive-btn:hover,
#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-archive-btn:focus-visible {
  color: var(--vidu-accent-danger) !important;
}

#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn-open:hover,
#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn-open:focus-visible,
#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-open-btn:hover,
#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-open-btn:focus-visible {
  color: #60a5fa !important;
}

#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-billing-open-btn:hover,
#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-billing-open-btn:focus-visible {
  color: #22d3ee !important;
}

#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card {
  border-color: rgba(255,255,255,.55) !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow:
    0 8px 30px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.68) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card:hover {
  border-color: rgba(255,255,255,.72) !important;
  background: rgba(255,255,255,.80) !important;
  box-shadow:
    0 12px 34px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-title,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-title {
  color: rgba(13,18,28,.94);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-client,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-client {
  color: rgba(13,18,28,.76);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-client::after,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-client::after {
  background: rgba(15,23,42,.11);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-meta,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card .vidu-lead-age-chip,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-amount,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-meta,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card .vidu-lead-age-chip,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-amount {
  color: rgba(13,18,28,.52);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-actions .vidu-icon-btn {
  color: var(--vidu-text-muted) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-actions .vidu-icon-btn:hover {
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn-danger:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-actions .vidu-archive-btn:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-actions .vidu-icon-btn-danger:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-actions .vidu-archive-btn:hover {
  color: var(--vidu-accent-danger) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn-open:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-actions .vidu-open-btn:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-actions .vidu-icon-btn-open:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-actions .vidu-open-btn:hover {
  color: #2563eb !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card-actions .vidu-billing-open-btn:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card-actions .vidu-billing-open-btn:hover {
  color: #0891b2 !important;
}

#vidu-pipeline-dashboard .vidu-board-card,
#vidu-pipeline-dashboard .vidu-pipeline-card,
#vidu-pipeline-dashboard .vidu-dashboard-row {
  color: var(--vidu-text-primary) !important;
}

#vidu-pipeline-dashboard .vidu-dashboard-activity-cell,
#vidu-pipeline-dashboard .vidu-dashboard-activity-cell strong,
#vidu-pipeline-dashboard .vidu-dashboard-activity-cell span,
#vidu-pipeline-dashboard .vidu-dashboard-row-detail,
#vidu-pipeline-dashboard .vidu-dashboard-row-detail strong,
#vidu-pipeline-dashboard .vidu-dashboard-row-detail span,
#vidu-pipeline-dashboard .vidu-dashboard-row-detail p {
  color: var(--vidu-text-primary) !important;
}

#vidu-pipeline-dashboard .vidu-dashboard-activity-cell small,
#vidu-pipeline-dashboard .vidu-dashboard-row-detail small,
#vidu-pipeline-dashboard .vidu-dashboard-row-detail em,
#vidu-pipeline-dashboard .vidu-dashboard-row-detail .vidu-muted {
  color: var(--vidu-text-muted) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-pipeline-list-wrap,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-main,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-view,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-view-list,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-card {
  overflow: hidden !important;
  border-radius: 22px !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-row-detail {
  background: rgba(255,255,255,.82) !important;
  border-top: 1px solid rgba(15,23,42,.08) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-row-detail [class*="card"],
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-row-detail [class*="panel"],
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-dashboard-row-detail [class*="block"] {
  background: rgba(248,250,252,.76) !important;
  border-color: rgba(15,23,42,.095) !important;
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-app-modal-dialog,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-app-modal-body,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-modal-inner-frame,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-modal-inner-content,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit {
  background: var(--vidu-project-modal-bg) !important;
  color: var(--vidu-text-primary) !important;
  border-color: var(--vidu-modal-border) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit-header {
  background: var(--vidu-project-modal-header-bg) !important;
  border-color: var(--vidu-project-column-border) !important;
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-column,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-activity,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-control {
  background: transparent !important;
  border-color: var(--vidu-project-column-border) !important;
  color: var(--vidu-text-primary) !important;
}

.vidu-project-modal-shell .vidu-project-structure-head span,
.vidu-project-modal-shell .vidu-project-structure-head button,
.vidu-project-modal-shell .vidu-project-structure-block,
.vidu-project-modal-shell .vidu-project-structure-body,
.vidu-project-modal-shell .vidu-project-structure-body * {
  font-family: var(--vidu-font-sans) !important;
}

.vidu-project-modal-shell .vidu-project-column-head,
.vidu-project-modal-shell .vidu-project-structure-head span,
.vidu-project-modal-shell .vidu-project-control-label,
.vidu-project-modal-shell .vidu-project-check-due,
.vidu-project-modal-shell .vidu-project-check-assignee {
  font-family: var(--vidu-font-mono) !important;
}

.vidu-project-modal-shell .vidu-project-structure-head span {
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 720 !important;
}

.vidu-project-modal-shell .vidu-project-structure-body,
.vidu-project-modal-shell .vidu-project-check-row,
.vidu-project-modal-shell .vidu-project-drive-item,
.vidu-project-modal-shell .vidu-project-item,
.vidu-project-modal-shell .vidu-project-item-note {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] {
  background: var(--vidu-project-panel-bg) !important;
  border-color: var(--vidu-project-panel-border) !important;
  box-shadow: var(--vidu-shadow-card) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.is-open[class*="vidu-structure-"] {
  background: var(--vidu-project-panel-bg-hover) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-head {
  background: var(--vidu-project-inner-bg) !important;
  border-bottom-color: var(--vidu-border-soft) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-head span,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-head strong {
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body {
  background: var(--vidu-project-panel-bg) !important;
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-block,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-block,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-item,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-row,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-block-title,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-assets-status,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-assets-breadcrumb,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-assets-dropzone,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-drive-item,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-docs-row,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-docs-empty,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-item-note,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-checklist-builder {
  background: var(--vidu-project-inner-bg) !important;
  border-color: var(--vidu-project-panel-border) !important;
  color: var(--vidu-text-primary) !important;
  box-shadow: none !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-drive-item.is-folder strong,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-drive-item.is-file strong,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-check-row-main,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-check-input,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-check-block-title,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-docs-row strong,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-docs-empty strong,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-item strong {
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-drive-item.is-client-visible,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-docs-row.is-client-visible {
  border-color: color-mix(in srgb, var(--vidu-accent-info, #2563eb) 34%, transparent) !important;
  background: color-mix(in srgb, var(--vidu-accent-info, #2563eb) 8%, var(--vidu-project-inner-bg, #fff)) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--vidu-accent-info, #2563eb) 8%, transparent) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-drive-item-icon {
  color: color-mix(in srgb, var(--vidu-text-secondary, #4b5563) 76%, var(--vidu-accent-info, #2563eb));
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-drive-item.is-file .vidu-project-drive-item-icon {
  color: var(--vidu-text-secondary, #4b5563);
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-check-row.is-done {
  background: rgba(22,163,74,.085) !important;
  border-color: rgba(22,163,74,.20) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-check-done,
[data-vidu-theme="light"] .vidu-project-modal-shell input[type="checkbox"].vidu-project-check-done {
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(15,23,42,.20) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-check-done:checked,
[data-vidu-theme="light"] .vidu-project-modal-shell input[type="checkbox"].vidu-project-check-done:checked {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  border-color: rgba(22,163,74,.72) !important;
  box-shadow: 0 0 0 3px rgba(34,197,94,.14) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-activity-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed-item,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed-filters,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-center-tabs,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-control-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-viewer-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-delivery-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-documents-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-payment-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-global-actions-card {
  background: var(--vidu-project-panel-bg) !important;
  border-color: var(--vidu-project-panel-border) !important;
  color: var(--vidu-text-primary) !important;
  box-shadow: var(--vidu-shadow-card) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed-item strong,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed-item p,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-control-card strong,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-document-main strong {
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed-item small,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed-item span,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-document-main span,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-document-main small {
  color: var(--vidu-text-secondary) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-doc-action,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-global-action,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-icon-btn,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-btn,
[data-vidu-theme="light"] .vidu-project-modal-shell button {
  background: var(--vidu-control-bg) !important;
  border-color: var(--vidu-control-border) !important;
  color: var(--vidu-control-text) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-doc-action:hover,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-global-action:hover,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-icon-btn:hover,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-btn:hover,
[data-vidu-theme="light"] .vidu-project-modal-shell button:hover {
  background: var(--vidu-control-bg-hover) !important;
  border-color: var(--vidu-control-border-active) !important;
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] .vidu-lead-modal-shell .vidu-app-modal-header,
[data-vidu-theme="light"] .vidu-lead-modal-shell .vidu-lead-header,
[data-vidu-theme="light"] .vidu-lead-modal-shell .vidu-lead-cockpit-header {
  background: var(--vidu-modal-header-bg) !important;
  color: var(--vidu-text-primary) !important;
  border-color: rgba(15,23,42,.105) !important;
}

[data-vidu-theme="light"] .vidu-lead-modal-shell .vidu-lead-panel,
[data-vidu-theme="light"] .vidu-lead-modal-shell .vidu-lead-card,
[data-vidu-theme="light"] .vidu-lead-modal-shell .vidu-lead-field,
[data-vidu-theme="light"] .vidu-lead-modal-shell .vidu-lead-form-data {
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(15,23,42,.10) !important;
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-app-modal-dialog,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-messages-center,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-messages-list,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-chat,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-chat-head,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-compose,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-modal-inner-frame,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-modal-inner-content {
  background: var(--vidu-modal-surface) !important;
  border-color: rgba(15,23,42,.105) !important;
  color: var(--vidu-text-primary) !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.10) !important;
}

[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-thread,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-bubble-body,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-asset-popover,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-asset-popover button {
  background: rgba(248,250,252,.82) !important;
  border-color: rgba(15,23,42,.095) !important;
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-thread:hover,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-thread.is-active {
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(59,130,246,.22) !important;
}

[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-thread-main strong,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-chat-head h3,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-bubble-head strong,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-bubble-body p {
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-thread-main span,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-thread-meta small,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-chat-head span,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-bubble-head span,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-empty,
[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-asset-popover-title {
  color: var(--vidu-text-muted) !important;
}

[data-vidu-theme="light"] .vidu-messages-modal-shell .vidu-message-compose textarea {
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(15,23,42,.12) !important;
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit h1,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit h2,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit h3,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit h4,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit p,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit li,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit label,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit strong:not([class*="chip"]):not([class*="badge"]),
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit span:not([class*="chip"]):not([class*="badge"]):not([class*="dot"]),
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit small:not([class*="chip"]):not([class*="badge"]),
[data-vidu-theme="light"] .vidu-lead-modal-shell h1,
[data-vidu-theme="light"] .vidu-lead-modal-shell h2,
[data-vidu-theme="light"] .vidu-lead-modal-shell h3,
[data-vidu-theme="light"] .vidu-lead-modal-shell p,
[data-vidu-theme="light"] .vidu-lead-modal-shell label,
[data-vidu-theme="light"] .vidu-lead-modal-shell strong:not([class*="chip"]):not([class*="badge"]),
[data-vidu-theme="light"] .vidu-lead-modal-shell span:not([class*="chip"]):not([class*="badge"]) {
  color: var(--vidu-text-primary) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit em,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit time,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit .vidu-muted,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit .vidu-project-control-label,
[data-vidu-theme="light"] .vidu-lead-modal-shell small,
[data-vidu-theme="light"] .vidu-lead-modal-shell .vidu-muted {
  color: var(--vidu-text-muted) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell input,
[data-vidu-theme="light"] .vidu-project-modal-shell select,
[data-vidu-theme="light"] .vidu-project-modal-shell textarea,
[data-vidu-theme="light"] .vidu-lead-modal-shell input,
[data-vidu-theme="light"] .vidu-lead-modal-shell select,
[data-vidu-theme="light"] .vidu-lead-modal-shell textarea {
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(15,23,42,.12) !important;
  color: var(--vidu-text-primary) !important;
}

/* Light mode: keep the workspace background continuous behind dashboard surfaces. */
html[data-vidu-theme="light"] body.vidu-dashboard-workspace-active,
html[data-vidu-theme="light"] body.vidu-pipeline-workspace-active,
body[data-vidu-theme="light"].vidu-dashboard-workspace-active,
body[data-vidu-theme="light"].vidu-pipeline-workspace-active {
  --vidu-host-wrapper-bg: transparent;
  --vidu-dashboard-root-bg: transparent;
  --vidu-app-shell-bg: transparent;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-dashboard-workspace,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-pipeline-workspace,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-dashboard-workspace,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-pipeline-workspace {
  background: transparent !important;
  background-color: transparent !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-shell,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-shell,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-workspace,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-workspace,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-main,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-main,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view-list,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view-board,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-dashboard-workspace .vidu-pipeline-shell,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-pipeline-workspace .vidu-pipeline-shell,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-dashboard-workspace .vidu-dashboard-workspace,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-pipeline-workspace .vidu-dashboard-workspace,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-dashboard-workspace .vidu-dashboard-main,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-pipeline-workspace .vidu-dashboard-main,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-dashboard-workspace .vidu-dashboard-view,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-pipeline-workspace .vidu-dashboard-view,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-dashboard-workspace .vidu-dashboard-view-list,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-pipeline-workspace .vidu-dashboard-view-board {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Dashboard/workspace alignment polish. */
@media (min-width: 769px) {
  #vidu-pipeline-dashboard.is-dashboard-workspace,
  #vidu-pipeline-dashboard.is-pipeline-workspace {
    padding-top: max(2px, env(safe-area-inset-top, 0px)) !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-workspace-top,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-workspace-top {
    top: max(2px, env(safe-area-inset-top, 0px)) !important;
    margin-bottom: 10px !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-toolbar.vidu-topbar,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-toolbar.vidu-topbar {
    top: auto !important;
  }

  #vidu-pipeline-dashboard .vidu-topbar-workspace-switcher {
    transform: translateY(-7px);
  }

  #vidu-pipeline-dashboard .vidu-topbar-organization-switcher {
    transform: translateY(-7px);
  }

  #vidu-pipeline-dashboard .vidu-topbar-filters .vidu-field {
    transform: translateY(-7px);
  }

  #vidu-pipeline-dashboard .vidu-topbar-filter-actions {
    transform: translateY(-3px);
  }
}

/* Custom workspace add-column placeholder: keep it as a hint, not a block. */
#vidu-pipeline-dashboard .vidu-workspace-add-column {
  background: color-mix(in srgb, var(--vidu-card-bg) 16%, transparent) !important;
  border-color: color-mix(in srgb, var(--vidu-border-soft) 34%, transparent) !important;
  box-shadow: none !important;
}

#vidu-pipeline-dashboard .vidu-workspace-add-column .vidu-workspace-add-column-btn {
  min-height: 124px;
  color: color-mix(in srgb, var(--vidu-text-muted) 62%, transparent);
  border-color: color-mix(in srgb, var(--vidu-border-medium) 36%, transparent);
  background: transparent !important;
  box-shadow: none !important;
}

#vidu-pipeline-dashboard .vidu-workspace-add-column .vidu-workspace-add-column-btn span {
  border-color: color-mix(in srgb, var(--vidu-border-soft) 48%, transparent);
  color: color-mix(in srgb, var(--vidu-text-primary) 70%, transparent);
}

#vidu-pipeline-dashboard .vidu-workspace-add-column:hover,
#vidu-pipeline-dashboard .vidu-workspace-add-column:focus-within {
  background: color-mix(in srgb, var(--vidu-card-bg) 26%, transparent) !important;
  border-color: color-mix(in srgb, var(--vidu-control-border-active) 34%, transparent) !important;
}

#vidu-pipeline-dashboard .vidu-workspace-add-column .vidu-workspace-add-column-btn:hover,
#vidu-pipeline-dashboard .vidu-workspace-add-column .vidu-workspace-add-column-btn:focus-visible {
  background: color-mix(in srgb, var(--vidu-control-bg-hover) 38%, transparent) !important;
  border-color: color-mix(in srgb, var(--vidu-control-border-active) 52%, transparent);
  box-shadow: none !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-workspace-add-column,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-workspace-add-column {
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(15,23,42,.055) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-workspace-add-column .vidu-workspace-add-column-btn,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-workspace-add-column .vidu-workspace-add-column-btn {
  color: rgba(13,18,28,.40);
  border-color: rgba(15,23,42,.075);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-workspace-add-column:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-workspace-add-column:focus-within,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-workspace-add-column:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-workspace-add-column:focus-within {
  background: rgba(255,255,255,.28) !important;
  border-color: rgba(37,99,235,.13) !important;
}

/* Pipeline cards: keep markers, remove only neon glow effects. */
#vidu-pipeline-dashboard .vidu-board-card,
#vidu-pipeline-dashboard .vidu-board-card:hover,
#vidu-pipeline-dashboard .vidu-board-card.is-active,
#vidu-pipeline-dashboard .vidu-board-card.is-selected {
  box-shadow:
    0 14px 34px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  filter: none !important;
  text-shadow: none !important;
}

#vidu-pipeline-dashboard .vidu-board-card:hover {
  border-color: rgba(255,255,255,.12) !important;
}

#vidu-pipeline-dashboard .vidu-board-card::before {
  box-shadow: none !important;
}

#vidu-pipeline-dashboard .vidu-board-card *,
#vidu-pipeline-dashboard .vidu-board-card *::before,
#vidu-pipeline-dashboard .vidu-board-card *::after {
  text-shadow: none !important;
  filter: none !important;
}

#vidu-pipeline-dashboard .vidu-board-card .vidu-chip::before {
  box-shadow: none !important;
}

#vidu-pipeline-dashboard .vidu-board-card-avatar {
  box-shadow: none !important;
}

#vidu-pipeline-dashboard .vidu-board-card-avatar-stack .vidu-board-card-avatar {
  box-shadow: none !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-workspace-chip,
[data-vidu-theme="light"] .vidu-app-modal-dialog .vidu-workspace-chip,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-workspace-chip {
  --workspace-color: #8b5cf6;
  --workspace-rgb: 139, 92, 246;
  border-color: rgba(var(--workspace-rgb), .30) !important;
  background: rgba(var(--workspace-rgb), .10) !important;
  color: color-mix(in srgb, var(--workspace-color) 72%, #111827 28%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.64),
    0 10px 22px rgba(var(--workspace-rgb), .06) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card .vidu-workspace-chip,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card .vidu-workspace-chip {
  background: transparent !important;
  box-shadow: none !important;
}

@media (hover: none), (pointer: coarse) {
  #vidu-pipeline-dashboard .vidu-board-card-avatar-stack:hover .vidu-board-card-avatar,
  #vidu-pipeline-dashboard .vidu-board-card-avatar-stack:focus-within .vidu-board-card-avatar {
    margin-left: var(--avatar-overlap);
    transform: none;
  }

  #vidu-pipeline-dashboard .vidu-board-card-avatar-stack:hover .vidu-board-card-avatar:first-child,
  #vidu-pipeline-dashboard .vidu-board-card-avatar-stack:focus-within .vidu-board-card-avatar:first-child {
    margin-left: 0;
  }
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card:hover {
  box-shadow:
    0 8px 24px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.68) !important;
}

/* Project detail light mode polish: restore structure and remove stray filter backplates. */
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-control-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-chat-window,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-chat-compose,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-viewer-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-delivery-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-documents-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-control-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-chat-window,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-chat-compose,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-viewer-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-delivery-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-documents-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(246,249,252,.76)) !important;
  border-color: rgba(15,23,42,.115) !important;
  color: rgba(13,18,28,.92) !important;
  box-shadow:
    0 12px 32px rgba(15,23,42,.075),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.is-open,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.is-open {
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,250,252,.82)) !important;
  border-color: rgba(15,23,42,.14) !important;
  box-shadow:
    0 16px 40px rgba(15,23,42,.09),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-head {
  background: rgba(255,255,255,.52) !important;
  border-bottom-color: rgba(15,23,42,.075) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body {
  background: rgba(248,250,252,.62) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-block,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-block,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-item,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-row,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-block-title,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-item-note,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-checklist-builder,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-notes,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-block,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-block,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-item,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-row,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-block-title,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-item-note,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-checklist-builder,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-notes {
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(15,23,42,.105) !important;
  color: rgba(13,18,28,.9) !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.045) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-center-tabs,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed-filters,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-center-tools,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-activity-actions,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-toolbar-actions,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-center-tabs,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed-filters,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-center-tools,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-activity-actions,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-toolbar-actions {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active {
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,250,252,.88)) !important;
  border-color: rgba(15,23,42,.12) !important;
  box-shadow:
    0 24px 70px rgba(15,23,42,.16),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active .vidu-project-column-head,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active .vidu-project-column-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active .vidu-project-column-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active .vidu-project-column-head {
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,251,253,.92) 72%, rgba(248,251,253,0) 100%) !important;
  color: rgba(13,18,28,.9) !important;
  border-bottom-color: rgba(15,23,42,.075) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-column-focus-btn.is-active,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-column-focus-btn.is-active {
  background: rgba(37,99,235,.075) !important;
  border-color: rgba(37,99,235,.22) !important;
  color: rgba(30,64,175,.88) !important;
  box-shadow: 0 0 0 1px rgba(37,99,235,.07) !important;
}

/* Light mode: project cards should read as structured surfaces, not glowing glass. */
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-control-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-activity-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed-item,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-chat-window,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-chat-compose,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-viewer-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-delivery-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-documents-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-payment-card,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-global-actions-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-control-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-activity-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed-item,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-chat-window,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-chat-compose,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-viewer-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-delivery-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-documents-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-payment-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-global-actions-card {
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(244,247,250,.92)) !important;
  border-color: rgba(15,23,42,.18) !important;
  color: rgba(15,23,42,.92) !important;
  box-shadow:
    0 1px 2px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-board-card:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-board-card:hover,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block:hover,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-control-card:hover,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card:hover,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-activity-card:hover,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed-item:hover,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-viewer-card:hover,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-delivery-card:hover,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-documents-card:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-control-card:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-activity-card:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-feed-item:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-viewer-card:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-delivery-card:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-documents-card:hover {
  border-color: rgba(15,23,42,.24) !important;
  box-shadow:
    0 2px 6px rgba(15,23,42,.065),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-block,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-block,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-item,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-row,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-block-title,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-item-note,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-checklist-builder,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-notes,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-block,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-block,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-item,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-row,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-body .vidu-project-check-block-title,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-item-note,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-checklist-builder,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-notes {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(15,23,42,.16) !important;
  color: rgba(15,23,42,.9) !important;
  box-shadow:
    0 1px 2px rgba(15,23,42,.045),
    inset 0 1px 0 rgba(255,255,255,.8) !important;
}

/* Light mode: checkpoint titles must stay readable on the timeline surface. */
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-label,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-checkpoint-label,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-checkpoint-title,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-checkpoint strong,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-checkpoint-item strong,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-floating-popover h4,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-popover-title,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-label,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-checkpoint-label,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-checkpoint-title,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-checkpoint strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-checkpoint-item strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-floating-popover h4,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-popover-title {
  color: rgba(15,23,42,.9) !important;
  text-shadow: none !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-date,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-checkpoint-date,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-day-label,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-checkpoint span,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-checkpoint-item span,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-checkpoint-item small,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-popover-meta,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-date,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-checkpoint-date,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-day-label,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-checkpoint span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-checkpoint-item span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-checkpoint-item small,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-popover-meta {
  color: rgba(51,65,85,.68) !important;
  text-shadow: none !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-track::before,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-track::before {
  background: rgba(15,23,42,.18) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-track::after,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-timeline-card .vidu-timeline-track::after {
  background-image: linear-gradient(90deg, rgba(15,23,42,.16) 0 4px, transparent 4px 12px) !important;
  opacity: .42 !important;
}

/* Light mode: restore the internal production layer accordion structure. */
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-red,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-red {
  --vidu-structure-tint: rgba(220, 38, 38, .105);
  --vidu-structure-tint-hover: rgba(220, 38, 38, .14);
  --vidu-structure-head-bg: rgba(254, 226, 226, .72);
  --vidu-structure-head-bg-hover: rgba(254, 202, 202, .56);
  --vidu-structure-border: rgba(185, 28, 28, .30);
  --vidu-structure-ring: rgba(185, 28, 28, .10);
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-orange,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-orange {
  --vidu-structure-tint: rgba(249, 115, 22, .13);
  --vidu-structure-tint-hover: rgba(249, 115, 22, .17);
  --vidu-structure-head-bg: rgba(255, 237, 213, .82);
  --vidu-structure-head-bg-hover: rgba(254, 215, 170, .64);
  --vidu-structure-border: rgba(194, 65, 12, .34);
  --vidu-structure-ring: rgba(194, 65, 12, .11);
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-purple,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-purple {
  --vidu-structure-tint: rgba(124, 58, 237, .12);
  --vidu-structure-tint-hover: rgba(124, 58, 237, .16);
  --vidu-structure-head-bg: rgba(237, 233, 254, .82);
  --vidu-structure-head-bg-hover: rgba(221, 214, 254, .66);
  --vidu-structure-border: rgba(109, 40, 217, .32);
  --vidu-structure-ring: rgba(109, 40, 217, .11);
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-blue,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-blue {
  --vidu-structure-tint: rgba(37, 99, 235, .095);
  --vidu-structure-tint-hover: rgba(37, 99, 235, .13);
  --vidu-structure-head-bg: rgba(219, 234, 254, .72);
  --vidu-structure-head-bg-hover: rgba(191, 219, 254, .56);
  --vidu-structure-border: rgba(29, 78, 216, .28);
  --vidu-structure-ring: rgba(29, 78, 216, .095);
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-yellow,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.vidu-structure-yellow {
  --vidu-structure-tint: rgba(202, 138, 4, .13);
  --vidu-structure-tint-hover: rgba(202, 138, 4, .165);
  --vidu-structure-head-bg: rgba(254, 249, 195, .82);
  --vidu-structure-head-bg-hover: rgba(254, 240, 138, .58);
  --vidu-structure-border: rgba(161, 98, 7, .32);
  --vidu-structure-ring: rgba(161, 98, 7, .105);
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"],
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] {
  background:
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,252,.9)) !important;
  border-color: var(--vidu-structure-border, rgba(15,23,42,.18)) !important;
  box-shadow:
    0 1px 2px rgba(15,23,42,.05),
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 0 0 999px var(--vidu-structure-tint, rgba(37,99,235,.06)) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"]:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"]:hover {
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,250,252,.94)) !important;
  border-color: color-mix(in srgb, var(--vidu-structure-border, rgba(15,23,42,.22)) 82%, rgba(15,23,42,.18)) !important;
  box-shadow:
    0 2px 7px rgba(15,23,42,.065),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 0 0 999px var(--vidu-structure-tint-hover, rgba(37,99,235,.09)) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.is-open[class*="vidu-structure-"],
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.is-open[class*="vidu-structure-"] {
  border-color: color-mix(in srgb, var(--vidu-structure-border, rgba(15,23,42,.22)) 88%, rgba(15,23,42,.22)) !important;
  box-shadow:
    0 3px 10px rgba(15,23,42,.075),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 0 0 999px var(--vidu-structure-tint-hover, rgba(37,99,235,.09)) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-headrow,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-headrow {
  background: var(--vidu-structure-head-bg, rgba(248,250,252,.86)) !important;
  border-bottom: 1px solid rgba(15,23,42,.085) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"]:hover .vidu-project-structure-headrow,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.is-open[class*="vidu-structure-"] .vidu-project-structure-headrow,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"]:hover .vidu-project-structure-headrow,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.is-open[class*="vidu-structure-"] .vidu-project-structure-headrow {
  background: var(--vidu-structure-head-bg-hover, rgba(241,245,249,.92)) !important;
  border-bottom-color: rgba(15,23,42,.12) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-head {
  background: transparent !important;
  color: rgba(15,23,42,.9) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-head span,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-head strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-head span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-head strong {
  color: rgba(15,23,42,.9) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-body,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-body {
  background: rgba(248,250,252,.82) !important;
  border-top-color: rgba(15,23,42,.09) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-sidebar-drag-handle,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-sidebar-drag-handle:hover,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-sidebar-drag-handle:focus,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-sidebar-drag-handle:focus-visible,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block:hover .vidu-project-sidebar-drag-handle,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block:focus-within .vidu-project-sidebar-drag-handle,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-sidebar-drag-handle,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-sidebar-drag-handle:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-sidebar-drag-handle:focus,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-sidebar-drag-handle:focus-visible,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block:hover .vidu-project-sidebar-drag-handle,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block:focus-within .vidu-project-sidebar-drag-handle {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-sidebar-drag-handle::before,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-sidebar-drag-handle::after,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-sidebar-drag-handle::before,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-sidebar-drag-handle::after {
  display: none !important;
  content: none !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-sidebar-drag-handle span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-sidebar-drag-handle span {
  background: rgba(15,23,42,.48) !important;
}

[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block:hover .vidu-project-sidebar-drag-handle span,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block:focus-within .vidu-project-sidebar-drag-handle span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block:hover .vidu-project-sidebar-drag-handle span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block:focus-within .vidu-project-sidebar-drag-handle span {
  background: rgba(15,23,42,.68) !important;
}

/* Project modal module grips should float on the module surface, without their own panel. */
.vidu-project-modal-shell .vidu-project-structure-headrow,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-structure-headrow,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-headrow,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-headrow,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"]:hover .vidu-project-structure-headrow,
[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.is-open[class*="vidu-structure-"] .vidu-project-structure-headrow,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"]:hover .vidu-project-structure-headrow,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-structure-block.is-open[class*="vidu-structure-"] .vidu-project-structure-headrow {
  background: transparent !important;
  background-color: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-sidebar-drag-handle,
.vidu-project-modal-shell .vidu-project-sidebar-drag-handle:hover,
.vidu-project-modal-shell .vidu-project-sidebar-drag-handle:focus,
.vidu-project-modal-shell .vidu-project-sidebar-drag-handle:focus-visible,
.vidu-project-modal-shell .vidu-project-structure-block:hover .vidu-project-sidebar-drag-handle,
.vidu-project-modal-shell .vidu-project-structure-block:focus-within .vidu-project-sidebar-drag-handle,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-sidebar-drag-handle,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-sidebar-drag-handle:hover,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-sidebar-drag-handle:focus,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-sidebar-drag-handle:focus-visible,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-structure-block:hover .vidu-project-sidebar-drag-handle,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-structure-block:focus-within .vidu-project-sidebar-drag-handle {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Keep module headers as one continuous surface: no separate drag-zone slab. */
.vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-head,
.vidu-project-modal-shell .vidu-project-structure-block.is-open[class*="vidu-structure-"] .vidu-project-structure-head,
.vidu-project-modal-shell .vidu-project-structure-block:hover[class*="vidu-structure-"] .vidu-project-structure-head,
.vidu-project-modal-shell .vidu-project-structure-block:focus-within[class*="vidu-structure-"] .vidu-project-structure-head,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-structure-block[class*="vidu-structure-"] .vidu-project-structure-head,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-structure-block.is-open[class*="vidu-structure-"] .vidu-project-structure-head,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-structure-block:hover[class*="vidu-structure-"] .vidu-project-structure-head,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-structure-block:focus-within[class*="vidu-structure-"] .vidu-project-structure-head {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-sidebar-drag-handle::before,
.vidu-project-modal-shell .vidu-project-sidebar-drag-handle::after,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-sidebar-drag-handle::before,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-sidebar-drag-handle::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.vidu-project-modal-shell .vidu-project-sidebar-drag-handle span,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-sidebar-drag-handle span {
  position: relative;
  z-index: 1;
}

.vidu-project-modal-shell .vidu-project-structure-block.is-dragging,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-structure-block.is-dragging {
  opacity: .42 !important;
  transform: scale(.992) !important;
  border-color: rgba(80,220,210,.35) !important;
  box-shadow: 0 0 0 1px rgba(80,220,210,.16), 0 18px 46px rgba(0,0,0,.24) !important;
  cursor: grabbing !important;
  user-select: none !important;
}

.vidu-project-modal-shell .vidu-project-structure-block.is-drop-target,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-structure-block.is-drop-target {
  outline: 1px dashed rgba(80,220,210,.48) !important;
  outline-offset: 5px !important;
  box-shadow: 0 0 0 1px rgba(80,220,210,.12), 0 0 28px rgba(80,220,210,.10) !important;
}

body.is-vidu-sidebar-sorting,
body.is-vidu-sidebar-sorting * {
  cursor: grabbing !important;
}

.vidu-project-sidebar-drag-ghost {
  position: fixed !important;
  z-index: 100000 !important;
  pointer-events: none !important;
  opacity: .96 !important;
  transform: translate3d(0,0,0) scale(1.01) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.42), 0 0 0 1px rgba(80,220,210,.22) !important;
  border-radius: 18px !important;
  max-height: min(70vh, 720px) !important;
  overflow: hidden !important;
}

.vidu-project-sidebar-drop-placeholder {
  height: var(--dragged-height, 64px) !important;
  min-height: 44px !important;
  border: 1px dashed rgba(80,220,210,.48) !important;
  border-radius: 18px !important;
  background: rgba(80,220,210,.065) !important;
  box-shadow: inset 0 0 0 1px rgba(80,220,210,.08), 0 0 28px rgba(80,220,210,.08) !important;
  margin: 0 !important;
}

body.is-module-dragging {
  user-select: none !important;
}

/* Light mode: billing and finance workspaces should float on the theme background. */
html[data-vidu-theme="light"] body.vidu-finance-workspace-active,
html[data-vidu-theme="light"] body.vidu-billing-workspace-active,
html[data-vidu-theme="light"] body.vidu-document-library-workspace-active,
body[data-vidu-theme="light"].vidu-finance-workspace-active,
body[data-vidu-theme="light"].vidu-billing-workspace-active,
body[data-vidu-theme="light"].vidu-document-library-workspace-active {
  --vidu-host-wrapper-bg: transparent;
  --vidu-dashboard-root-bg: transparent;
  --vidu-app-shell-bg: transparent;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-finance-workspace,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-billing-workspace,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-document-library-workspace,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-finance-workspace,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-billing-workspace,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-document-library-workspace,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-finance-workspace .vidu-dashboard-workspace,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-billing-workspace .vidu-dashboard-workspace,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-document-library-workspace .vidu-dashboard-workspace,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-finance-workspace .vidu-dashboard-main,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-billing-workspace .vidu-dashboard-main,
[data-vidu-theme="light"] #vidu-pipeline-dashboard.is-document-library-workspace .vidu-dashboard-main,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-finance-workspace .vidu-dashboard-workspace,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-billing-workspace .vidu-dashboard-workspace,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-document-library-workspace .vidu-dashboard-workspace,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-finance-workspace .vidu-dashboard-main,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-billing-workspace .vidu-dashboard-main,
#vidu-pipeline-dashboard[data-vidu-theme="light"].is-document-library-workspace .vidu-dashboard-main {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-billing-workspace,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-billing-workspace {
  background:
    radial-gradient(circle at 14% 0%, rgba(34,197,94,.035), transparent 30%),
    radial-gradient(circle at 82% 8%, rgba(59,130,246,.035), transparent 32%),
    rgba(255,255,255,.08) !important;
  border-color: rgba(15,23,42,.045) !important;
  box-shadow: none !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-overview,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-workspace,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-workspace,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-overview,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-workspace,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-workspace {
  background:
    radial-gradient(circle at 16% 0%, rgba(34,197,94,.04), transparent 30%),
    radial-gradient(circle at 78% 10%, rgba(96,165,250,.04), transparent 30%),
    rgba(255,255,255,.06) !important;
  border-color: rgba(15,23,42,.04) !important;
  box-shadow: none !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-status,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-summary span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-table,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-status,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-summary span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-table {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,248,251,.88)) !important;
  border-color: rgba(15,23,42,.13) !important;
  color: rgba(15,23,42,.9) !important;
  box-shadow:
    0 1px 2px rgba(15,23,42,.045),
    inset 0 1px 0 rgba(255,255,255,.84) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-head h3,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-status strong,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-summary strong,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-title strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-head h3,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-status strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-summary strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-title strong {
  color: rgba(15,23,42,.94) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-head p,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-head span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-status small,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-summary small,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-title small,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-head p,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-head span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-status small,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-summary small,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-title small {
  color: rgba(51,65,85,.64) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-filters button,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-filters button {
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.88)) !important;
  border-color: rgba(15,23,42,.13) !important;
  color: rgba(30,41,59,.80) !important;
  box-shadow:
    0 1px 2px rgba(15,23,42,.035),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-actions button,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-actions button {
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(15,23,42,.13) !important;
  color: rgba(30,41,59,.80) !important;
  box-shadow: none !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-filters button:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-filters button.is-active,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-filters button:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-filters button.is-active {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--vidu-document-filter-accent, #7c3aed) 13%, #fff), rgba(255,255,255,.94)) !important;
  border-color: color-mix(in srgb, var(--vidu-document-filter-accent, #7c3aed) 34%, rgba(15,23,42,.12)) !important;
  color: rgba(15,23,42,.92) !important;
  box-shadow:
    0 8px 20px color-mix(in srgb, var(--vidu-document-filter-accent, #7c3aed) 10%, transparent),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-actions button:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-actions button:hover {
  background: #fff !important;
  border-color: rgba(124,58,237,.26) !important;
  color: #6d28d9 !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-actions button.is-open,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-actions button.is-open { border-color: rgba(37,99,235,.28) !important; background: rgba(59,130,246,.09) !important; color: #2563eb !important; }
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-actions button.is-edit,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-actions button.is-edit { border-color: rgba(202,138,4,.28) !important; background: rgba(234,179,8,.10) !important; color: #a16207 !important; }
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-actions button.is-download,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-actions button.is-download { border-color: rgba(71,85,105,.20) !important; background: rgba(148,163,184,.10) !important; color: #475569 !important; }
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-actions button.is-project,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-actions button.is-project { border-color: rgba(234,88,12,.26) !important; background: rgba(249,115,22,.09) !important; color: #c2410c !important; }
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-actions button.is-ai,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-actions button.is-ai { border-color: rgba(126,34,206,.26) !important; background: rgba(168,85,247,.09) !important; color: #7e22ce !important; }

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-table-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-table-head {
  background: rgba(248,250,252,.96) !important;
  border-bottom-color: rgba(15,23,42,.12) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-row,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-row {
  color: rgba(51,65,85,.76) !important;
  border-bottom-color: rgba(15,23,42,.10) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-row:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-row:hover {
  background: rgba(255,255,255,.92) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-document-library-row em,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-document-library-row em {
  background: rgba(15,23,42,.055) !important;
  border-color: rgba(15,23,42,.09) !important;
  color: rgba(51,65,85,.82) !important;
}

/* Light mode: full finance workspace surfaces. */
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-kpi,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-panel,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-section,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-diagnostics,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ratio-shell,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ratio-card,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-list-shell,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-kpis article,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-panel,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-kpi,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-panel,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-section,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-diagnostics,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ratio-shell,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ratio-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-list-shell,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-kpis article,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,248,251,.88)) !important;
  border-color: rgba(15,23,42,.13) !important;
  color: rgba(15,23,42,.9) !important;
  box-shadow:
    0 1px 2px rgba(15,23,42,.045),
    inset 0 1px 0 rgba(255,255,255,.84) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-kpi:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-panel:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-section:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ratio-card:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-kpis article:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-panel:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-kpi:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-panel:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-section:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ratio-card:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-kpis article:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-panel:hover {
  border-color: rgba(15,23,42,.18) !important;
  box-shadow:
    0 2px 6px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-head h3,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-head h3,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-panel-head h4,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-list-toolbar h4,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-section-head h4,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ratio-head strong,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-panel-head h4,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-kpis article strong,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-row strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-head h3,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-head h3,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-panel-head h4,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-list-toolbar h4,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-section-head h4,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ratio-head strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-panel-head h4,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-kpis article strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-row strong {
  color: rgba(15,23,42,.94) !important;
  text-shadow: none !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-head p,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-head p,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-head span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-panel-head span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-panel-head small,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-list-toolbar > div > span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-section-head span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-kpi span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-kpi small,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ratio-head span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ratio-item,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ratio-item em,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-head span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-panel-head span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-kpis article span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-kpis article small,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-row,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-head p,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-head p,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-head span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-panel-head span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-panel-head small,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-list-toolbar > div > span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-section-head span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-kpi span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-kpi small,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ratio-head span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ratio-item,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ratio-item em,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-head span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-panel-head span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-kpis article span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-kpis article small,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-row {
  color: rgba(51,65,85,.68) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-list-toolbar,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-list-toolbar {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.88)) !important;
  border-bottom-color: rgba(15,23,42,.10) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-table-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-table-head {
  background: rgba(248,250,252,.96) !important;
  color: rgba(51,65,85,.58) !important;
  border-bottom: 1px solid rgba(15,23,42,.10) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-table-head button,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-table-head button {
  color: inherit !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-table-head button.is-active,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-table-head button.is-active {
  color: #15803d !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-row,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-row {
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(15,23,42,.095) !important;
  color: rgba(51,65,85,.72) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-row:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-row:hover {
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(15,23,42,.16) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-row-title strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-row-title strong {
  color: rgba(15,23,42,.92) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-row-title small,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-row-title small {
  color: rgba(51,65,85,.56) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-row em,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-row em {
  background: rgba(15,23,42,.055) !important;
  color: rgba(51,65,85,.78) !important;
  border: 1px solid rgba(15,23,42,.065);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-row em.is-income,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-row em.is-income {
  background: rgba(22,163,74,.105) !important;
  border-color: rgba(22,163,74,.22) !important;
  color: #15803d !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-row em.is-expense,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-row em.is-expense {
  background: rgba(220,38,38,.095) !important;
  border-color: rgba(220,38,38,.20) !important;
  color: #b91c1c !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-row em.is-business,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-row em.is-business {
  background: rgba(37,99,235,.095) !important;
  border-color: rgba(37,99,235,.20) !important;
  color: #1d4ed8 !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-row em.is-personal,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-row em.is-personal {
  background: rgba(124,58,237,.10) !important;
  border-color: rgba(124,58,237,.22) !important;
  color: #6d28d9 !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-row-amount,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-row-amount {
  color: #15803d !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-row.is-expense .vidu-finance-row-amount,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-row.is-expense .vidu-finance-row-amount {
  color: #b91c1c !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-row.is-excluded,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-row.is-excluded {
  background: rgba(241,245,249,.68) !important;
  opacity: .72;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-row-actions button,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-focus-btn,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-focus-reset,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-row-actions button,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-focus-btn,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-focus-reset {
  background: rgba(255,255,255,.74) !important;
  border-color: rgba(15,23,42,.12) !important;
  color: rgba(51,65,85,.78) !important;
  box-shadow: none !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-row-actions button:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-focus-btn:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-focus-btn.is-active,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-row-actions button:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-focus-btn:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-focus-btn.is-active {
  background: rgba(22,163,74,.09) !important;
  border-color: rgba(22,163,74,.22) !important;
  color: #15803d !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-focus-btn::before,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-focus-btn::after,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-focus-btn::before,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-focus-btn::after {
  border-color: rgba(51,65,85,.66) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-tabs,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-tabs {
  border-bottom-color: rgba(15,23,42,.10) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-tabs button,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-tabs button {
  color: rgba(51,65,85,.66) !important;
  background: transparent !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-tabs button:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-tabs button.is-active,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-tabs button:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-tabs button.is-active {
  background: rgba(22,163,74,.075) !important;
  border-color: rgba(22,163,74,.70) !important;
  color: #14532d !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-head-actions select,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-filters select,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-filters input,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ratio-control select,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ratio-shell select,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-head-actions select,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-filters select,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-filters input,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ratio-control select,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ratio-shell select {
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(15,23,42,.12) !important;
  color: rgba(15,23,42,.88) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-add-btn,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-add-btn {
  background: linear-gradient(135deg, #22c55e, #10b981) !important;
  border-color: rgba(21,128,61,.24) !important;
  color: #052e16 !important;
  box-shadow: 0 4px 12px rgba(34,197,94,.14) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-chart,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-financial-chart-placeholder,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-burn-card,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ratio-empty,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-chart,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-financial-chart-placeholder,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-burn-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ratio-empty {
  background: rgba(248,250,252,.74) !important;
  border-color: rgba(15,23,42,.10) !important;
  color: rgba(51,65,85,.68) !important;
  box-shadow: none !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-donut::after,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-donut::after {
  background: rgba(255,255,255,.92) !important;
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.08) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-donut span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-donut span {
  color: rgba(15,23,42,.88) !important;
}

[data-vidu-theme="light"] .vidu-finance-entry-backdrop {
  background: rgba(241,245,249,.52) !important;
}

[data-vidu-theme="light"] .vidu-finance-entry-modal,
[data-vidu-theme="light"] .vidu-finance-delete-modal {
  background:
    radial-gradient(circle at 12% 0%, rgba(34,197,94,.075), transparent 34%),
    rgba(255,255,255,.96) !important;
  border-color: rgba(15,23,42,.13) !important;
  color: rgba(15,23,42,.92) !important;
  box-shadow:
    0 18px 52px rgba(15,23,42,.14),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

[data-vidu-theme="light"] .vidu-finance-delete-modal {
  background:
    radial-gradient(circle at 10% 0%, rgba(239,68,68,.075), transparent 36%),
    rgba(255,255,255,.96) !important;
}

[data-vidu-theme="light"] .vidu-finance-entry-head span,
[data-vidu-theme="light"] .vidu-finance-entry-grid label span {
  color: rgba(51,65,85,.62) !important;
}

[data-vidu-theme="light"] .vidu-finance-entry-head h3,
[data-vidu-theme="light"] .vidu-finance-delete-modal > strong {
  color: rgba(15,23,42,.92) !important;
}

[data-vidu-theme="light"] .vidu-finance-delete-modal p {
  color: rgba(51,65,85,.72) !important;
}

[data-vidu-theme="light"] .vidu-finance-entry-close,
[data-vidu-theme="light"] .vidu-finance-entry-grid input,
[data-vidu-theme="light"] .vidu-finance-entry-grid select,
[data-vidu-theme="light"] .vidu-finance-entry-grid textarea,
[data-vidu-theme="light"] .vidu-finance-delete-modal > strong {
  background: rgba(248,250,252,.82) !important;
  border-color: rgba(15,23,42,.12) !important;
  color: rgba(15,23,42,.88) !important;
}

/* Light mode: billing workspace final contrast pass. */
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-billing-workspace-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-billing-workspace-head {
  color: rgba(15,23,42,.92) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-billing-workspace-head h3,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-billing-workspace-head h3 {
  color: rgba(15,23,42,.94) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-billing-workspace-head p,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-api-note,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-billing-workspace-head p,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-api-note {
  color: rgba(51,65,85,.68) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-billing-workspace-status,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-filters,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-api-note,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-import-preview,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-import-log,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-billing-workspace-status,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-filters,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-api-note,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-import-preview,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-import-log {
  background: rgba(255,255,255,.74) !important;
  border-color: rgba(15,23,42,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-import-control select,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-filters select,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-filters input,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-import-control select,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-filters select,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-filters input {
  background: rgba(255,255,255,.84) !important;
  border-color: rgba(15,23,42,.14) !important;
  color: rgba(15,23,42,.9) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-import-btn,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-cache-btn,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-import-btn,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-cache-btn {
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(15,23,42,.13) !important;
  color: rgba(30,41,59,.82) !important;
  box-shadow: none !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-import-btn:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-cache-btn:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-import-btn:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-cache-btn:hover {
  background: rgba(255,255,255,.98) !important;
  border-color: rgba(37,99,235,.24) !important;
  color: #1d4ed8 !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-new-btn,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-new-btn {
  background: linear-gradient(135deg, #22c55e, #10b981) !important;
  border-color: rgba(21,128,61,.24) !important;
  color: #052e16 !important;
  box-shadow: 0 5px 14px rgba(34,197,94,.16) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-summary span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-summary span {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.90)) !important;
  border-color: rgba(15,23,42,.13) !important;
  box-shadow:
    0 1px 2px rgba(15,23,42,.05),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-summary strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-summary strong {
  color: rgba(15,23,42,.92) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-summary small,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-summary small {
  color: rgba(51,65,85,.58) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-table,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-table {
  background: rgba(255,255,255,.70) !important;
  border-color: rgba(15,23,42,.13) !important;
  box-shadow:
    0 1px 2px rgba(15,23,42,.045),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-table-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-table-head {
  background: rgba(248,250,252,.96) !important;
  border-bottom-color: rgba(15,23,42,.12) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-table-head button,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-table-head span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-table-head button,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-table-head span {
  color: rgba(51,65,85,.64) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-table-head button.is-active,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-table-head button.is-active {
  color: #1d4ed8 !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-row,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-row {
  color: rgba(51,65,85,.76) !important;
  border-bottom-color: rgba(15,23,42,.10) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-row:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-row:hover {
  background-color: rgba(255,255,255,.92) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-row strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-row strong {
  color: rgba(15,23,42,.94) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-row small,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-row small {
  color: rgba(71,85,105,.58) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-row em,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-row em {
  background: rgba(15,23,42,.055) !important;
  border-color: rgba(15,23,42,.09) !important;
  color: rgba(51,65,85,.82) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-amount,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-amount {
  color: #1d4ed8 !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-actions a,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-actions button,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-actions a,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-actions button {
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(15,23,42,.13) !important;
  color: rgba(30,41,59,.80) !important;
  box-shadow: none !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-actions a:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-actions button:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-actions a:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-actions button:hover {
  background: #fff !important;
  border-color: rgba(37,99,235,.24) !important;
  color: #1d4ed8 !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-actions button:disabled,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-actions button:disabled {
  background: rgba(241,245,249,.82) !important;
  border-color: rgba(15,23,42,.08) !important;
  color: rgba(100,116,139,.62) !important;
  opacity: 1 !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-actions .is-danger,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-actions .is-danger {
  background: rgba(254,242,242,.88) !important;
  border-color: rgba(220,38,38,.18) !important;
  color: #b91c1c !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-actions .is-danger:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-actions .is-danger:hover {
  background: rgba(254,226,226,.95) !important;
  border-color: rgba(220,38,38,.30) !important;
  color: #991b1b !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-invoice-table-summary,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-invoice-table-summary {
  background: rgba(248,250,252,.74) !important;
  border-top-color: rgba(15,23,42,.10) !important;
  color: rgba(51,65,85,.70) !important;
}

/* Light mode: finance final clarity pass. */
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-head,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-section-head,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-panel-head,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-diagnostics-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-section-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-panel-head,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-diagnostics-head {
  color: rgba(15,23,42,.92) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-diagnostics-toggle,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-include-toggle,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-diagnostics-toggle,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-include-toggle {
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(15,23,42,.13) !important;
  color: rgba(30,41,59,.82) !important;
  box-shadow: none !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-diagnostics-toggle:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-include-toggle:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-diagnostics-toggle:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-include-toggle:hover {
  background: #fff !important;
  border-color: rgba(34,197,94,.26) !important;
  color: #15803d !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-scope-row,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-scope-row {
  background: rgba(248,250,252,.70) !important;
  border-color: rgba(15,23,42,.10) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-scope-row strong,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-burn-card strong,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ratio-card strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-scope-row strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-burn-card strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ratio-card strong {
  color: rgba(15,23,42,.92) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-scope-row span,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-burn-card small,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-scope-row span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-burn-card small {
  color: rgba(51,65,85,.62) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-empty,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-empty {
  background: rgba(248,250,252,.68) !important;
  border-color: rgba(15,23,42,.10) !important;
  color: rgba(71,85,105,.72) !important;
}

/* Viewport containment and pipeline polish. */
#vidu-pipeline-dashboard .vidu-pipeline-board {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#vidu-pipeline-dashboard .vidu-pipeline-board::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-pipeline-column-meta,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-pipeline-column-meta {
  background: rgba(15,23,42,.075) !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  color: rgba(15,23,42,.82) !important;
  box-shadow: none !important;
}

@media (min-width: 769px) {
  #vidu-pipeline-dashboard {
    --vidu-workspace-top-gap: max(0px, env(safe-area-inset-top, 0px));
    --vidu-workspace-bottom-gap: 26px;
    --vidu-operations-dock-space: 108px;
    --vidu-workspace-toolbar-reserve: 76px;
    --vidu-workspace-usable-height: calc(100svh - var(--vidu-workspace-top-gap) - var(--vidu-operations-dock-space) - var(--vidu-workspace-bottom-gap) - var(--vidu-workspace-toolbar-reserve));
    padding-top: var(--vidu-workspace-top-gap) !important;
    height: 100svh !important;
    max-height: 100svh !important;
    min-height: 0 !important;
    overflow: hidden;
  }

  #vidu-pipeline-dashboard.is-finance-workspace {
    --vidu-operations-dock-space: 20px;
    --vidu-workspace-toolbar-reserve: 34px;
  }

  #vidu-pipeline-dashboard.is-billing-workspace,
  #vidu-pipeline-dashboard.is-document-library-workspace {
    --vidu-operations-dock-space: 20px;
    --vidu-workspace-toolbar-reserve: 50px;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-shell,
  #vidu-pipeline-dashboard .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard .vidu-dashboard-main {
    min-height: 0;
    min-width: 0;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-main {
    height: calc(100svh - var(--vidu-workspace-top-gap) - var(--vidu-workspace-bottom-gap)) !important;
    max-height: calc(100svh - var(--vidu-workspace-top-gap) - var(--vidu-workspace-bottom-gap)) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard .vidu-workspace-top {
    top: var(--vidu-workspace-top-gap) !important;
    margin-bottom: 8px !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-view-list.is-active,
  #vidu-pipeline-dashboard .vidu-dashboard-view-board.is-active,
  #vidu-pipeline-dashboard .vidu-billing-workspace.is-active,
  #vidu-pipeline-dashboard .vidu-financial-overview.is-active,
  #vidu-pipeline-dashboard .vidu-document-library-workspace:not([hidden]) {
    height: var(--vidu-workspace-usable-height) !important;
    max-height: var(--vidu-workspace-usable-height);
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: var(--vidu-workspace-bottom-gap);
    box-sizing: border-box;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-view-board.is-active {
    overflow: hidden;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-board {
    height: var(--vidu-workspace-usable-height) !important;
    max-height: var(--vidu-workspace-usable-height);
    min-height: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: var(--vidu-workspace-bottom-gap);
    overscroll-behavior: contain;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap {
    height: var(--vidu-workspace-usable-height) !important;
    max-height: var(--vidu-workspace-usable-height);
    overflow: hidden;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-list {
    max-height: calc(var(--vidu-workspace-usable-height) - 92px);
    overflow-y: auto;
  }
}

/* View-specific height stabilization: this targets the real shell chain
   (#vidu-pipeline-dashboard -> .vidu-dashboard-main -> active workspace view). */
@media (min-width: 769px) {
  #vidu-pipeline-dashboard {
    --vidu-shell-top-space: max(4px, env(safe-area-inset-top, 0px));
    --vidu-shell-bottom-space: 32px;
    --vidu-toolbar-stack-height: 86px;
    padding-top: var(--vidu-shell-top-space) !important;
    padding-bottom: var(--vidu-shell-bottom-space) !important;
    height: 100svh !important;
    max-height: 100svh !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard .vidu-dashboard-main {
    min-height: 0 !important;
    min-width: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-main {
    height: calc(100svh - var(--vidu-shell-top-space) - var(--vidu-shell-bottom-space)) !important;
    max-height: calc(100svh - var(--vidu-shell-top-space) - var(--vidu-shell-bottom-space)) !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard .vidu-workspace-top {
    flex: 0 0 auto !important;
    margin-bottom: 8px !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view-board.is-active,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-board {
    height: calc(100svh - var(--vidu-shell-top-space) - var(--vidu-shell-bottom-space) - var(--vidu-toolbar-stack-height)) !important;
    max-height: calc(100svh - var(--vidu-shell-top-space) - var(--vidu-shell-bottom-space) - var(--vidu-toolbar-stack-height)) !important;
    min-height: 0 !important;
    overflow-y: hidden !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view-board.is-active {
    padding-bottom: 0 !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-board {
    align-items: stretch !important;
    padding-bottom: 0 !important;
    overscroll-behavior: contain;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column-body {
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 24px !important;
    overscroll-behavior: contain;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view-list.is-active {
    height: calc(100svh - var(--vidu-shell-top-space) - var(--vidu-shell-bottom-space) - var(--vidu-toolbar-stack-height)) !important;
    max-height: calc(100svh - var(--vidu-shell-top-space) - var(--vidu-shell-bottom-space) - var(--vidu-toolbar-stack-height)) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding-bottom: 0 !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-list-wrap {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-list {
    max-height: calc(100% - 58px) !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding-bottom: 26px !important;
  }

  #vidu-pipeline-dashboard.is-finance-workspace,
  #vidu-pipeline-dashboard.is-billing-workspace,
  #vidu-pipeline-dashboard.is-document-library-workspace {
    --vidu-toolbar-stack-height: 0px;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-dashboard-main {
    height: calc(100svh - var(--vidu-shell-top-space) - var(--vidu-shell-bottom-space)) !important;
    max-height: calc(100svh - var(--vidu-shell-top-space) - var(--vidu-shell-bottom-space)) !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview.is-active,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-billing-workspace.is-active,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-document-library-workspace:not([hidden]) {
    height: calc(100svh - var(--vidu-shell-top-space) - var(--vidu-shell-bottom-space)) !important;
    max-height: calc(100svh - var(--vidu-shell-top-space) - var(--vidu-shell-bottom-space)) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding-bottom: 18px !important;
    box-sizing: border-box;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-list-shell,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-invoice-table,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-document-library-table {
    min-height: 0 !important;
    overflow: auto !important;
    overscroll-behavior: contain;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-table {
    min-height: 0 !important;
    overflow-y: auto !important;
    padding-bottom: 32px !important;
    overscroll-behavior: contain;
  }
}

/* Hide pipeline scrollbars visually while keeping trackpad/mouse scrolling active. */
#vidu-pipeline-dashboard .vidu-pipeline-board,
#vidu-pipeline-dashboard .vidu-pipeline-column-body,
#vidu-pipeline-dashboard .vidu-pipeline-list-wrap,
#vidu-pipeline-dashboard .vidu-pipeline-list {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

#vidu-pipeline-dashboard .vidu-pipeline-board::-webkit-scrollbar,
#vidu-pipeline-dashboard .vidu-pipeline-column-body::-webkit-scrollbar,
#vidu-pipeline-dashboard .vidu-pipeline-list-wrap::-webkit-scrollbar,
#vidu-pipeline-dashboard .vidu-pipeline-list::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Dashboard list rows must keep natural height even when the list panel fills the viewport. */
#vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-list {
  display: grid !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  align-items: start !important;
  justify-content: stretch !important;
}

#vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-table-head,
#vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-card.vidu-dashboard-row,
#vidu-pipeline-dashboard.is-dashboard-workspace .vidu-empty {
  align-self: start !important;
}

#vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-card.vidu-dashboard-row {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn.is-disabled {
  opacity: .34;
  cursor: default;
  pointer-events: none;
}

/* Unified app shell: one viewport frame for every workspace. */
@media (min-width: 769px) {
  body.vidu-pipeline-workspace-active #page,
  body.vidu-pipeline-workspace-active #content,
  body.vidu-pipeline-workspace-active #primary,
  body.vidu-pipeline-workspace-active main,
  body.vidu-pipeline-workspace-active .site,
  body.vidu-pipeline-workspace-active .site-main,
  body.vidu-pipeline-workspace-active .entry-content,
  body.vidu-dashboard-workspace-active #page,
  body.vidu-dashboard-workspace-active #content,
  body.vidu-dashboard-workspace-active #primary,
  body.vidu-dashboard-workspace-active main,
  body.vidu-dashboard-workspace-active .site,
  body.vidu-dashboard-workspace-active .site-main,
  body.vidu-dashboard-workspace-active .entry-content,
  body.vidu-division-workspace-active #page,
  body.vidu-division-workspace-active #content,
  body.vidu-division-workspace-active #primary,
  body.vidu-division-workspace-active main,
  body.vidu-division-workspace-active .site,
  body.vidu-division-workspace-active .site-main,
  body.vidu-division-workspace-active .entry-content,
  body.vidu-division-workspace-active .wp-site-blocks,
  body.vidu-division-workspace-active .site-content,
  body.vidu-division-workspace-active .content-area,
  body.vidu-division-workspace-active .ast-container,
  body.vidu-division-workspace-active .wp-block-post-content,
  body.vidu-finance-workspace-active #page,
  body.vidu-finance-workspace-active #content,
  body.vidu-finance-workspace-active #primary,
  body.vidu-finance-workspace-active main,
  body.vidu-finance-workspace-active .site,
  body.vidu-finance-workspace-active .site-main,
  body.vidu-finance-workspace-active .entry-content,
  body.vidu-billing-workspace-active #page,
  body.vidu-billing-workspace-active #content,
  body.vidu-billing-workspace-active #primary,
  body.vidu-billing-workspace-active main,
  body.vidu-billing-workspace-active .site,
  body.vidu-billing-workspace-active .site-main,
  body.vidu-billing-workspace-active .entry-content,
  body.vidu-document-library-workspace-active #page,
  body.vidu-document-library-workspace-active #content,
  body.vidu-document-library-workspace-active #primary,
  body.vidu-document-library-workspace-active main,
  body.vidu-document-library-workspace-active .site,
  body.vidu-document-library-workspace-active .site-main,
  body.vidu-document-library-workspace-active .entry-content {
    min-height: 0 !important;
    height: auto !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    place-items: initial !important;
    transform: none !important;
  }

  body.vidu-dashboard-workspace-active,
  body.vidu-pipeline-workspace-active,
  body.vidu-division-workspace-active,
  body.vidu-finance-workspace-active,
  body.vidu-billing-workspace-active,
  body.vidu-document-library-workspace-active {
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace,
  #vidu-pipeline-dashboard.is-dashboard-workspace,
  #vidu-pipeline-dashboard.is-division-workspace,
  #vidu-pipeline-dashboard.is-finance-workspace,
  #vidu-pipeline-dashboard.is-billing-workspace,
  #vidu-pipeline-dashboard.is-document-library-workspace {
    --vidu-sidebar-width: 0px;
    --vidu-shell-gap: 24px;
    --vidu-shell-left-gap: var(--vidu-shell-gap);
    --vidu-shell-right-gap: var(--vidu-shell-gap);
    --vidu-shell-top-gap: max(12px, env(safe-area-inset-top, 0px));
    --vidu-shell-bottom-gap: max(28px, env(safe-area-inset-bottom, 0px));
    --vidu-shell-max-width: 1920px;
    --vidu-workspace-gap: 10px;
    position: fixed !important;
    top: var(--vidu-shell-top-gap) !important;
    right: var(--vidu-shell-right-gap) !important;
    bottom: var(--vidu-shell-bottom-gap) !important;
    left: var(--vidu-shell-left-gap) !important;
    width: auto !important;
    height: calc(100svh - var(--vidu-shell-top-gap) - var(--vidu-shell-bottom-gap)) !important;
    max-height: calc(100svh - var(--vidu-shell-top-gap) - var(--vidu-shell-bottom-gap)) !important;
    min-height: 0 !important;
    align-self: start !important;
    margin-top: 0 !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  #vidu-pipeline-dashboard.is-user-sidebar-expanded {
    --vidu-shell-left-gap: var(--vidu-shell-gap);
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-division-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-dashboard-main,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-dashboard-main {
    display: flex !important;
    flex-direction: column !important;
    width: min(100%, var(--vidu-shell-max-width)) !important;
    max-width: var(--vidu-shell-max-width) !important;
    height: calc(100svh - var(--vidu-shell-top-gap) - var(--vidu-shell-bottom-gap)) !important;
    max-height: calc(100svh - var(--vidu-shell-top-gap) - var(--vidu-shell-bottom-gap)) !important;
    min-height: 0 !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    gap: var(--vidu-workspace-gap) !important;
    align-content: start !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-division-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-shell,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-shell {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-workspace-top,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-workspace-top,
  #vidu-pipeline-dashboard.is-division-workspace .vidu-workspace-top,
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-workspace-top,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-workspace-top,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-workspace-top {
    width: calc(100% - var(--vidu-header-frame-gap, 0px) - var(--vidu-header-frame-gap, 0px));
    max-width: none !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    top: auto !important;
    flex: 0 0 auto !important;
  }

  #vidu-pipeline-dashboard .vidu-workspace-top .vidu-pipeline-toolbar.vidu-topbar,
  #vidu-pipeline-dashboard .vidu-pipeline-toolbar {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-pipeline-toolbar,
  #vidu-pipeline-dashboard.is-division-workspace .vidu-pipeline-toolbar,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-pipeline-toolbar,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-pipeline-toolbar {
    display: flex !important;
  }

  #vidu-pipeline-dashboard .vidu-app-frame {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline: 0 !important;
    box-sizing: border-box !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view,
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-dashboard-view,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-dashboard-view,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-dashboard-view,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view-board,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view-list,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-board,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-list-wrap,
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview,
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-workspace,
  #vidu-pipeline-dashboard.is-division-workspace .vidu-division-workspace-surface,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-billing-workspace,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-document-library-workspace {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view-board.is-active,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view-list.is-active,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view-list.is-active,
  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view-board.is-active,
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview.is-active,
  #vidu-pipeline-dashboard.is-division-workspace .vidu-division-workspace-surface.is-active,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-billing-workspace.is-active,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-document-library-workspace:not([hidden]) {
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview.is-active,
  #vidu-pipeline-dashboard.is-division-workspace .vidu-division-workspace-surface.is-active,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-billing-workspace.is-active,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-document-library-workspace:not([hidden]) {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 32px !important;
    overscroll-behavior: contain;
  }

  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-document-library-workspace:not([hidden]) {
    height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding-bottom: 22px !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view-list.is-active,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view-board.is-active {
    flex: 1 1 auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    padding-bottom: 0 !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-board {
    display: flex !important;
    flex-flow: row nowrap !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    align-items: stretch !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 0 !important;
    overscroll-behavior: contain;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view-board.is-active {
    display: flex !important;
    flex-direction: column !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-dashboard-view-list.is-active {
    display: flex !important;
    flex-direction: column !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column {
    flex: 0 0 var(--vidu-pipeline-column-width, 330px) !important;
    width: var(--vidu-pipeline-column-width, 330px) !important;
    max-width: var(--vidu-pipeline-column-width, 330px) !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-workspace-add-column {
    flex: 0 0 var(--vidu-pipeline-column-width, 330px) !important;
    width: var(--vidu-pipeline-column-width, 330px) !important;
    max-width: var(--vidu-pipeline-column-width, 330px) !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column > * {
    min-height: 0;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column-head {
    flex: 0 0 auto !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: grid !important;
    grid-auto-rows: max-content !important;
    align-items: start !important;
    align-content: start !important;
    overflow-y: auto !important;
    overflow-x: visible !important;
    padding-bottom: 56px !important;
    scroll-padding-bottom: 56px;
    overscroll-behavior: contain;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-column-body::after {
    content: "";
    display: block;
    height: 1px;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-list-wrap {
    flex: 1 1 auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    margin: 0 !important;
  }

  #vidu-pipeline-dashboard.is-dashboard-workspace .vidu-pipeline-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 32px !important;
    overscroll-behavior: contain;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-list-shell,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-invoice-table,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-document-library-table {
    min-height: 0 !important;
    max-height: none !important;
    overflow: auto !important;
    overscroll-behavior: contain;
  }

  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-document-library-table {
    flex: 1 1 0 !important;
    height: auto !important;
    min-height: 320px !important;
    overflow: auto !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-document-library-table::-webkit-scrollbar {
    display: none;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-workspace,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-billing-workspace > *,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-document-library-workspace > * {
    max-width: none !important;
  }

  html[data-vidu-background] {
    min-height: 100%;
    background: var(--vidu-page-bg-image) fixed center top / 100% 100% no-repeat !important;
  }

  body.vidu-pipeline-workstation[data-vidu-background],
  body.vidu-pipeline-workstation .vidu-app-root {
    min-height: 100%;
    background: transparent !important;
    background-image: none !important;
  }

  #vidu-pipeline-dashboard,
  #vidu-pipeline-dashboard::before,
  #vidu-pipeline-dashboard::after,
  #vidu-pipeline-dashboard .vidu-dashboard-main,
  #vidu-pipeline-dashboard .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard .vidu-pipeline-shell,
  #vidu-pipeline-dashboard .vidu-dashboard-view,
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview,
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-workspace,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-billing-workspace,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-document-library-workspace {
    background: transparent !important;
    background-image: none !important;
  }

  #vidu-pipeline-dashboard.is-division-workspace.is-utility-workspace .vidu-topbar-workspace-switcher,
  #vidu-pipeline-dashboard.is-division-workspace.is-utility-workspace .vidu-topbar-filters,
  #vidu-pipeline-dashboard.is-division-workspace.is-utility-workspace .vidu-mobile-filter-toggle,
  #vidu-pipeline-dashboard.is-division-workspace.is-utility-workspace .vidu-dashboard-quick-filters,
  #vidu-pipeline-dashboard.is-finance-workspace.is-utility-workspace .vidu-topbar-workspace-switcher,
  #vidu-pipeline-dashboard.is-finance-workspace.is-utility-workspace .vidu-topbar-filters,
  #vidu-pipeline-dashboard.is-finance-workspace.is-utility-workspace .vidu-mobile-filter-toggle,
  #vidu-pipeline-dashboard.is-finance-workspace.is-utility-workspace .vidu-dashboard-quick-filters,
  #vidu-pipeline-dashboard.is-billing-workspace.is-utility-workspace .vidu-topbar-workspace-switcher,
  #vidu-pipeline-dashboard.is-billing-workspace.is-utility-workspace .vidu-topbar-filters,
  #vidu-pipeline-dashboard.is-billing-workspace.is-utility-workspace .vidu-mobile-filter-toggle,
  #vidu-pipeline-dashboard.is-billing-workspace.is-utility-workspace .vidu-dashboard-quick-filters {
    display: none !important;
  }

  #vidu-pipeline-dashboard.is-division-workspace.is-utility-workspace .vidu-pipeline-toolbar.vidu-topbar,
  #vidu-pipeline-dashboard.is-finance-workspace.is-utility-workspace .vidu-pipeline-toolbar.vidu-topbar,
  #vidu-pipeline-dashboard.is-billing-workspace.is-utility-workspace .vidu-pipeline-toolbar.vidu-topbar {
    justify-content: flex-end !important;
  }

  #vidu-pipeline-dashboard.is-division-workspace.is-utility-workspace .vidu-topbar-actions,
  #vidu-pipeline-dashboard.is-finance-workspace.is-utility-workspace .vidu-topbar-actions,
  #vidu-pipeline-dashboard.is-billing-workspace.is-utility-workspace .vidu-topbar-actions {
    margin-left: auto !important;
    flex: 0 0 auto !important;
  }

  body.vidu-pipeline-workstation::before,
  body.vidu-pipeline-workstation::after,
  body.vidu-dashboard-workspace-active::before,
  body.vidu-pipeline-workspace-active::before,
  body.vidu-finance-workspace-active::before,
  body.vidu-billing-workspace-active::before,
  body.vidu-document-library-workspace-active::before,
  #vidu-pipeline-dashboard,
  #vidu-pipeline-dashboard::before,
  #vidu-pipeline-dashboard::after,
  #vidu-pipeline-dashboard .vidu-dashboard-main,
  #vidu-pipeline-dashboard .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard .vidu-pipeline-shell {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important;
  }
}

/* Sidebar removal final guard: keep every workspace on the shared shell gap. */
#vidu-pipeline-dashboard,
#vidu-pipeline-dashboard.is-user-sidebar-expanded,
#vidu-pipeline-dashboard.is-billing-workspace.is-user-sidebar-expanded {
  --vidu-sidebar-width: 0px;
  --vidu-shell-left-gap: var(--vidu-shell-gap, 24px);
  padding-left: 0;
}

#vidu-pipeline-dashboard .vidu-user-sidebar,
#vidu-pipeline-dashboard .vidu-user-sidebar:not(.is-expanded),
#vidu-pipeline-dashboard .vidu-user-sidebar.is-expanded {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (min-width: 769px) {
  #vidu-pipeline-dashboard.is-pipeline-workspace,
  #vidu-pipeline-dashboard.is-dashboard-workspace,
  #vidu-pipeline-dashboard.is-division-workspace,
  #vidu-pipeline-dashboard.is-finance-workspace,
  #vidu-pipeline-dashboard.is-billing-workspace,
  #vidu-pipeline-dashboard.is-document-library-workspace {
    left: var(--vidu-shell-left-gap) !important;
  }
}

/* WordPress/theme wrappers can become a containing block through transform/filter.
   Mark only the actual dashboard ancestors so Division fixed positioning stays viewport-based. */
body.vidu-division-workspace-active .vidu-division-host-ancestor {
  transform: none !important;
  translate: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  perspective: none !important;
  contain: none !important;
  container-type: normal !important;
  content-visibility: visible !important;
  zoom: 1 !important;
  will-change: auto !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview.is-active > * {
  width: min(1680px, 100%) !important;
  max-width: 1680px !important;
  margin-inline: auto !important;
}

/* Premium operational refinement pass: calmer matte surfaces, quieter chrome. */
:root,
[data-vidu-theme="dark"],
#vidu-pipeline-dashboard:not([data-vidu-theme="light"]) {
  --vidu-bg-surface: rgba(16, 16, 19, .88);
  --vidu-bg-elevated: rgba(21, 21, 25, .90);
  --vidu-bg-muted: rgba(255, 255, 255, .028);
  --vidu-bg-input: rgba(255, 255, 255, .04);
  --vidu-bg-header: rgba(17, 17, 20, .88);
  --vidu-card-bg: rgba(19, 19, 23, .82);
  --vidu-card-bg-hover: rgba(24, 24, 28, .88);
  --vidu-card-bg-active: rgba(28, 28, 32, .92);
  --vidu-surface-muted: rgba(255, 255, 255, .026);
  --vidu-table-row-bg: rgba(255, 255, 255, .012);
  --vidu-table-row-bg-hover: rgba(255, 255, 255, .026);
  --vidu-summary-card-bg: rgba(20, 20, 24, .78);
  --vidu-border-soft: rgba(255, 255, 255, .052);
  --vidu-border-medium: rgba(255, 255, 255, .088);
  --vidu-control-border: rgba(255, 255, 255, .072);
  --vidu-control-border-active: rgba(255, 255, 255, .145);
  --vidu-text-secondary: rgba(255, 255, 255, .56);
  --vidu-text-muted: rgba(255, 255, 255, .38);
  --vidu-text-faint: rgba(255, 255, 255, .24);
  --vidu-glow-soft: 0 0 0 rgba(0, 0, 0, 0);
  --vidu-glow-accent: 0 0 24px rgba(96, 165, 250, .045);
  --vidu-shadow-soft: 0 8px 22px rgba(0, 0, 0, .18);
  --vidu-shadow-card: 0 7px 20px rgba(0, 0, 0, .16);
  --vidu-shadow-floating: 0 14px 42px rgba(0, 0, 0, .24);
  --vidu-shadow-strong: 0 20px 58px rgba(0, 0, 0, .32);
  --vidu-modal-bg: linear-gradient(180deg, rgba(18, 18, 20, .985), rgba(10, 10, 12, .992));
  --vidu-modal-surface: rgba(23, 23, 26, .88);
  --vidu-modal-surface-elevated: rgba(28, 28, 31, .92);
  --vidu-modal-header-bg: linear-gradient(180deg, rgba(25, 25, 28, .92), rgba(15, 15, 17, .88));
  --vidu-modal-border: rgba(255, 255, 255, .052);
  --vidu-modal-shadow: 0 26px 80px rgba(0, 0, 0, .46), 0 10px 30px rgba(0, 0, 0, .22);
  --vidu-modal-glow: 0 0 0 1px rgba(255, 255, 255, .016);
}

[data-vidu-theme="light"],
#vidu-pipeline-dashboard[data-vidu-theme="light"] {
  --vidu-border-soft: rgba(15, 23, 42, .075);
  --vidu-border-medium: rgba(15, 23, 42, .115);
  --vidu-control-border: rgba(15, 23, 42, .10);
  --vidu-control-border-active: rgba(15, 23, 42, .20);
  --vidu-glow-soft: 0 0 0 rgba(0, 0, 0, 0);
  --vidu-glow-accent: 0 0 18px rgba(59, 130, 246, .035);
  --vidu-shadow-soft: 0 5px 18px rgba(15, 23, 42, .045);
  --vidu-shadow-card: 0 4px 14px rgba(15, 23, 42, .04);
  --vidu-shadow-floating: 0 12px 34px rgba(15, 23, 42, .09);
  --vidu-shadow-strong: 0 18px 52px rgba(15, 23, 42, .12);
  --vidu-modal-shadow: 0 24px 70px rgba(15, 23, 42, .13);
  --vidu-modal-glow: 0 0 0 1px rgba(255, 255, 255, .52);
}

#vidu-pipeline-dashboard :where(
  .vidu-pipeline-toolbar,
  .vidu-billing-workspace,
  .vidu-finance-workspace,
  .vidu-document-library-workspace,
  .vidu-pipeline-list-wrap,
  .vidu-pipeline-board,
  .vidu-settings-modal,
  .vidu-team-modal,
  .vidu-messages-panel
) {
  box-shadow: var(--vidu-shadow-soft);
  border-color: var(--vidu-border-soft);
}

#vidu-pipeline-dashboard :where(
  .vidu-board-card,
  .vidu-pipeline-card,
  .vidu-pipeline-column,
  .vidu-invoice-table,
  .vidu-invoice-summary span,
  .vidu-finance-kpi,
  .vidu-finance-panel,
  .vidu-finance-section,
  .vidu-finance-diagnostics,
  .vidu-finance-ratio-shell,
  .vidu-finance-list-shell,
  .vidu-financial-kpis article,
  .vidu-financial-panel,
  .vidu-document-library-table,
  .vidu-settings-card,
  .vidu-settings-placeholder-grid div
) {
  background-color: color-mix(in srgb, var(--vidu-card-bg) 88%, transparent);
  border-color: var(--vidu-border-soft);
  box-shadow: var(--vidu-shadow-card);
}

#vidu-pipeline-dashboard :where(
  .vidu-board-card:hover,
  .vidu-pipeline-card:hover,
  .vidu-invoice-summary span:hover,
  .vidu-document-library-row:hover,
  .vidu-finance-row:hover,
  .vidu-settings-tabs button:hover
) {
  box-shadow: var(--vidu-shadow-soft);
}

#vidu-pipeline-dashboard :where(
  .vidu-board-card-title,
  .vidu-document-library-title strong,
  .vidu-finance-row-title strong,
  .vidu-invoice-row strong,
  .vidu-settings-section-head strong
) {
  color: var(--vidu-text-primary);
  font-weight: 760;
}

#vidu-pipeline-dashboard :where(
  .vidu-board-card-client,
  .vidu-board-card-meta,
  .vidu-document-library-title small,
  .vidu-document-library-row,
  .vidu-finance-row-title small,
  .vidu-finance-kpi span,
  .vidu-finance-kpi small,
  .vidu-finance-panel-head span,
  .vidu-invoice-row small,
  .vidu-invoice-row em,
  .vidu-billing-workspace-head p,
  .vidu-finance-head p,
  .vidu-document-library-head p,
  .vidu-settings-muted,
  .vidu-settings-field span
) {
  color: var(--vidu-text-muted);
}

#vidu-pipeline-dashboard :where(
  .vidu-billing-workspace-head h3,
  .vidu-finance-head h3,
  .vidu-document-library-head h3,
  .vidu-financial-head h3,
  .vidu-settings-panel-head h3
) {
  letter-spacing: 0;
  font-weight: 720;
}

#vidu-pipeline-dashboard :where(
  .vidu-icon-btn,
  .vidu-topbar-icon-btn,
  .vidu-project-icon-btn,
  .vidu-project-column-focus-btn,
  .vidu-document-library-actions button,
  .vidu-finance-row-actions button,
  .vidu-invoice-row button,
  .vidu-settings-secondary,
  .vidu-settings-tabs button
) {
  box-shadow: none;
  opacity: .68;
  transition:
    opacity .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease;
}

#vidu-pipeline-dashboard :where(
  .vidu-icon-btn:hover,
  .vidu-topbar-icon-btn:hover,
  .vidu-project-icon-btn:hover,
  .vidu-project-column-focus-btn:hover,
  .vidu-document-library-actions button:hover,
  .vidu-finance-row-actions button:hover,
  .vidu-invoice-row button:hover,
  .vidu-settings-secondary:hover,
  .vidu-settings-tabs button:hover,
  .vidu-settings-tabs button.is-active
) {
  opacity: 1;
  box-shadow: none;
}

#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn,
#vidu-pipeline-dashboard .vidu-pipeline-card-actions .vidu-icon-btn {
  opacity: .36;
}

#vidu-pipeline-dashboard .vidu-board-card:hover .vidu-board-card-actions .vidu-icon-btn,
#vidu-pipeline-dashboard .vidu-pipeline-card:hover .vidu-pipeline-card-actions .vidu-icon-btn,
#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn:focus-visible,
#vidu-pipeline-dashboard .vidu-pipeline-card-actions .vidu-icon-btn:focus-visible {
  opacity: .82;
}

#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn:hover,
#vidu-pipeline-dashboard .vidu-pipeline-card-actions .vidu-icon-btn:hover {
  opacity: 1;
}

#vidu-pipeline-dashboard :where(
  .vidu-finance-add-btn,
  .vidu-btn-primary,
  .vidu-settings-save,
  .vidu-project-timeline-add-btn
) {
  box-shadow: 0 8px 22px color-mix(in srgb, currentColor 10%, transparent);
}

#vidu-pipeline-dashboard :where(
  .vidu-invoice-row,
  .vidu-document-library-row,
  .vidu-finance-row
) {
  min-height: calc(var(--vidu-row-min-height, 60px) + 2px);
  border-color: var(--vidu-border-soft);
}

#vidu-pipeline-dashboard .vidu-invoice-row {
  --vidu-row-min-height: 58px;
}

#vidu-pipeline-dashboard .vidu-finance-row {
  --vidu-row-min-height: 56px;
}

#vidu-pipeline-dashboard .vidu-document-library-row {
  --vidu-row-min-height: 60px;
}

#vidu-pipeline-dashboard :where(
  .vidu-invoice-table-head,
  .vidu-document-library-table-head,
  .vidu-finance-table-head
) {
  background: color-mix(in srgb, var(--vidu-bg-header) 82%, transparent);
  border-color: var(--vidu-border-soft);
}

#vidu-pipeline-dashboard :where(
  .vidu-invoice-filters,
  .vidu-finance-filters,
  .vidu-document-library-filters,
  .vidu-finance-tabs,
  .vidu-settings-segmented
) {
  border-color: var(--vidu-border-soft);
  box-shadow: none;
}

#vidu-pipeline-dashboard .vidu-document-library-filters button:hover,
#vidu-pipeline-dashboard .vidu-document-library-filters button.is-active {
  box-shadow: 0 6px 16px color-mix(in srgb, var(--vidu-document-filter-accent) 7%, transparent);
}

.vidu-app-modal-shell .vidu-app-modal-backdrop,
.vidu-project-modal-shell .vidu-app-modal-backdrop,
.vidu-settings-modal-shell .vidu-app-modal-backdrop,
.vidu-team-modal-shell .vidu-app-modal-backdrop,
.vidu-messages-modal-shell .vidu-app-modal-backdrop {
  backdrop-filter: blur(10px) saturate(1.02);
  -webkit-backdrop-filter: blur(10px) saturate(1.02);
}

.vidu-app-modal-shell .vidu-app-modal-dialog,
.vidu-project-modal-shell .vidu-app-modal-dialog,
.vidu-settings-modal-shell .vidu-app-modal-dialog,
.vidu-team-modal-shell .vidu-app-modal-dialog,
.vidu-messages-modal-shell .vidu-app-modal-dialog {
  border-color: var(--vidu-modal-border) !important;
  box-shadow: var(--vidu-modal-shadow), var(--vidu-modal-glow) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-cockpit,
  .vidu-project-cockpit-grid,
  .vidu-project-structure-block,
  .vidu-project-control-card,
  .vidu-project-feed,
  .vidu-project-chat-window,
  .vidu-project-chat-compose,
  .vidu-project-block,
  .vidu-project-check-block,
  .vidu-project-timeline-card,
  .vidu-project-viewer-card
) {
  border-color: var(--vidu-modal-border) !important;
  box-shadow: var(--vidu-shadow-card) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-icon-btn,
  .vidu-project-column-focus-btn,
  .vidu-project-drive-icon-btn,
  .vidu-project-feed-filters button,
  .vidu-timeline-view-switch button,
  .vidu-project-center-tabs button
) {
  box-shadow: none !important;
  opacity: .72;
}

.vidu-project-modal-shell :where(
  .vidu-project-icon-btn:hover,
  .vidu-project-column-focus-btn:hover,
  .vidu-project-drive-icon-btn:hover,
  .vidu-project-feed-filters button:hover,
  .vidu-timeline-view-switch button:hover,
  .vidu-project-center-tabs button:hover,
  .vidu-project-feed-filters button.is-active,
  .vidu-timeline-view-switch button.is-active,
  .vidu-project-center-tabs button.is-active
) {
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
  #vidu-pipeline-dashboard :where(
    .vidu-board-card,
    .vidu-pipeline-card,
    .vidu-icon-btn,
    .vidu-topbar-icon-btn,
    .vidu-document-library-actions button,
    .vidu-finance-row-actions button,
    .vidu-invoice-row button
  ) {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }
}

/* Calm operational depth: preserve character without returning to neon chrome. */
:root,
[data-vidu-theme="dark"],
#vidu-pipeline-dashboard:not([data-vidu-theme="light"]) {
  --vidu-depth-edge: inset 0 1px 0 rgba(255, 255, 255, .026);
  --vidu-depth-surface: 0 10px 28px rgba(0, 0, 0, .18), var(--vidu-depth-edge);
  --vidu-depth-focus: 0 14px 34px rgba(0, 0, 0, .22), 0 0 0 1px rgba(255, 255, 255, .026), var(--vidu-depth-edge);
  --vidu-depth-selected: 0 16px 40px rgba(0, 0, 0, .24), 0 0 0 1px color-mix(in srgb, var(--vidu-brand-primary, #60a5fa) 12%, transparent), var(--vidu-depth-edge);
}

[data-vidu-theme="light"],
#vidu-pipeline-dashboard[data-vidu-theme="light"] {
  --vidu-depth-edge: inset 0 1px 0 rgba(255, 255, 255, .64);
  --vidu-depth-surface: 0 6px 18px rgba(15, 23, 42, .05), var(--vidu-depth-edge);
  --vidu-depth-focus: 0 9px 26px rgba(15, 23, 42, .075), 0 0 0 1px rgba(15, 23, 42, .035), var(--vidu-depth-edge);
  --vidu-depth-selected: 0 10px 30px rgba(15, 23, 42, .09), 0 0 0 1px color-mix(in srgb, var(--vidu-brand-primary, #2563eb) 16%, transparent), var(--vidu-depth-edge);
}

#vidu-pipeline-dashboard :where(
  .vidu-board-card,
  .vidu-pipeline-card,
  .vidu-pipeline-column,
  .vidu-invoice-table,
  .vidu-document-library-table,
  .vidu-finance-kpi,
  .vidu-finance-panel,
  .vidu-finance-section,
  .vidu-finance-list-shell,
  .vidu-financial-panel,
  .vidu-settings-card
) {
  box-shadow: var(--vidu-depth-surface);
}

#vidu-pipeline-dashboard :where(
  .vidu-board-card:hover,
  .vidu-pipeline-card:hover,
  .vidu-invoice-row:hover,
  .vidu-document-library-row:hover,
  .vidu-finance-row:hover
) {
  box-shadow: var(--vidu-depth-focus);
}

#vidu-pipeline-dashboard :where(
  .vidu-board-card.is-selected,
  .vidu-board-card.is-active,
  .vidu-pipeline-card.is-selected,
  .vidu-pipeline-card.is-active,
  .vidu-finance-tabs button.is-active,
  .vidu-document-library-filters button.is-active,
  .vidu-settings-tabs button.is-active
) {
  box-shadow: var(--vidu-depth-selected);
}

#vidu-pipeline-dashboard .vidu-board-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .026), rgba(255, 255, 255, .006)),
    color-mix(in srgb, var(--vidu-card-bg) 92%, transparent);
}

#vidu-pipeline-dashboard .vidu-board-card-title {
  line-height: 1.22;
}

#vidu-pipeline-dashboard :where(
  .vidu-board-card-client,
  .vidu-board-card-meta,
  .vidu-board-card-footer,
  .vidu-board-card-content
) {
  line-height: 1.34;
}

#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn,
#vidu-pipeline-dashboard .vidu-pipeline-card-actions .vidu-icon-btn {
  opacity: .48;
}

#vidu-pipeline-dashboard .vidu-board-card:hover .vidu-board-card-actions .vidu-icon-btn,
#vidu-pipeline-dashboard .vidu-pipeline-card:hover .vidu-pipeline-card-actions .vidu-icon-btn,
#vidu-pipeline-dashboard .vidu-board-card-actions .vidu-icon-btn:focus-visible,
#vidu-pipeline-dashboard .vidu-pipeline-card-actions .vidu-icon-btn:focus-visible {
  opacity: .9;
}

#vidu-pipeline-dashboard :where(
  .vidu-finance-kpi strong,
  .vidu-financial-kpis article strong,
  .vidu-invoice-summary strong
) {
  letter-spacing: .005em;
  line-height: 1.12;
}

#vidu-pipeline-dashboard :where(
  .vidu-finance-row,
  .vidu-invoice-row,
  .vidu-document-library-row
) {
  line-height: 1.38;
}

#vidu-pipeline-dashboard :where(
  .vidu-invoice-row > span,
  .vidu-document-library-row > span,
  .vidu-finance-row > span
) {
  min-height: 0;
}

.vidu-project-modal-shell :where(
  .vidu-project-cockpit,
  .vidu-project-structure-block,
  .vidu-project-control-card,
  .vidu-project-feed,
  .vidu-project-block,
  .vidu-project-check-block,
  .vidu-project-timeline-card,
  .vidu-project-viewer-card
) {
  box-shadow: var(--vidu-depth-surface) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-structure-block:hover,
  .vidu-project-control-card:hover,
  .vidu-project-timeline-card:hover,
  .vidu-project-feed-event:hover,
  .vidu-project-feed-event.is-selected
) {
  box-shadow: var(--vidu-depth-focus) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-structure-block.is-open,
  .vidu-project-control-card.is-active,
  .vidu-project-timeline-card.is-focused
) {
  box-shadow: var(--vidu-depth-selected) !important;
}

/* Finance/Billing cockpit rhythm: primary list left, operational insight right. */
#vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview.is-active {
  grid-template-rows: repeat(5, auto);
  align-content: start;
  gap: 12px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview.is-active::-webkit-scrollbar {
  display: none;
}

#vidu-pipeline-dashboard .vidu-finance-cockpit-grid,
#vidu-pipeline-dashboard .vidu-billing-cockpit-grid {
  min-height: 0;
  min-width: 0;
  display: grid;
  align-items: stretch;
  gap: 14px;
}

#vidu-pipeline-dashboard .vidu-finance-cockpit-grid {
  grid-template-columns: minmax(0, 1fr) minmax(310px, 24vw);
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-finance-list-shell {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  min-height: 0 !important;
  height: auto !important;
  display: flex;
  flex-direction: column;
  overflow: hidden !important;
}

#vidu-pipeline-dashboard .vidu-finance-kpi-section {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-height: 0;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-finance-table {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#vidu-pipeline-dashboard .vidu-finance-table::-webkit-scrollbar {
  display: none;
}

#vidu-pipeline-dashboard .vidu-finance-list-toolbar {
  flex: 0 0 auto;
  border-bottom: 1px solid var(--vidu-border-soft);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, .006)),
    color-mix(in srgb, var(--vidu-bg-header) 74%, transparent);
}

#vidu-pipeline-dashboard .vidu-finance-kpis {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-finance-kpi {
  min-height: 92px;
  padding: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-kpi strong {
  font-size: clamp(16px, 1vw, 19px);
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics-body {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: max-content;
  align-content: start;
  gap: 10px;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics-body::-webkit-scrollbar {
  display: none;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics.is-collapsed {
  min-height: 54px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics.is-collapsed .vidu-finance-diagnostics-body {
  display: none;
}

#vidu-pipeline-dashboard .vidu-finance-chart {
  min-height: 108px;
}

#vidu-pipeline-dashboard .vidu-finance-row {
  grid-template-columns: minmax(190px, 1.35fr) 88px 128px 110px 122px 112px 88px minmax(84px, auto);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .018), rgba(255, 255, 255, .004)),
    var(--vidu-table-row-bg);
}

#vidu-pipeline-dashboard .vidu-billing-cockpit-grid {
  flex: 1 1 auto;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 22vw);
  grid-template-rows: auto auto minmax(0, 1fr);
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-invoice-api-note {
  grid-column: 2;
  grid-row: 1;
  min-height: 0;
}

#vidu-pipeline-dashboard .vidu-invoice-summary {
  grid-column: 2;
  grid-row: 2 / span 2;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: max-content;
  align-content: start;
  gap: 8px;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#vidu-pipeline-dashboard .vidu-invoice-summary::-webkit-scrollbar {
  display: none;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview,
#vidu-pipeline-dashboard .vidu-invoice-import-log {
  grid-column: 1;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview {
  grid-row: 1;
}

#vidu-pipeline-dashboard .vidu-invoice-import-log {
  grid-row: 2;
}

#vidu-pipeline-dashboard .vidu-invoice-table {
  grid-column: 1;
  grid-row: 1 / span 3;
  min-height: 0 !important;
  height: auto !important;
  overflow: auto !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview:not([hidden]) ~ .vidu-invoice-table,
#vidu-pipeline-dashboard .vidu-invoice-import-log:not([hidden]) ~ .vidu-invoice-table {
  grid-row: 3;
}

#vidu-pipeline-dashboard .vidu-invoice-table::-webkit-scrollbar {
  display: none;
}

#vidu-pipeline-dashboard .vidu-invoice-table-head,
#vidu-pipeline-dashboard .vidu-invoice-row {
  grid-template-columns: minmax(150px, 1.05fr) 92px minmax(160px, .95fr) 110px 110px 118px 132px 118px 200px;
}

#vidu-pipeline-dashboard .vidu-invoice-row {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .018), rgba(255, 255, 255, .004)),
    var(--vidu-invoice-row-bg);
}

#vidu-pipeline-dashboard .vidu-invoice-summary span {
  min-height: 68px;
  display: grid;
  align-content: center;
}

#vidu-pipeline-dashboard .vidu-invoice-summary small {
  opacity: .72;
}

#vidu-pipeline-dashboard .vidu-invoice-summary strong {
  font-size: clamp(15px, 1vw, 18px);
}

@media (max-width: 1240px) {
  #vidu-pipeline-dashboard .vidu-finance-cockpit-grid,
  #vidu-pipeline-dashboard .vidu-billing-cockpit-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto minmax(0, 1fr);
    overflow: auto;
  }

  #vidu-pipeline-dashboard .vidu-finance-list-shell,
  #vidu-pipeline-dashboard .vidu-finance-kpi-section,
  #vidu-pipeline-dashboard .vidu-finance-diagnostics,
  #vidu-pipeline-dashboard .vidu-invoice-api-note,
  #vidu-pipeline-dashboard .vidu-invoice-summary,
  #vidu-pipeline-dashboard .vidu-invoice-import-preview,
  #vidu-pipeline-dashboard .vidu-invoice-import-log,
  #vidu-pipeline-dashboard .vidu-invoice-table {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  #vidu-pipeline-dashboard .vidu-finance-list-shell,
  #vidu-pipeline-dashboard .vidu-invoice-table {
    min-height: 420px !important;
  }

  #vidu-pipeline-dashboard .vidu-finance-kpis,
  #vidu-pipeline-dashboard .vidu-invoice-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  #vidu-pipeline-dashboard .vidu-finance-kpis,
  #vidu-pipeline-dashboard .vidu-invoice-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  #vidu-pipeline-dashboard .vidu-finance-list-toolbar,
  #vidu-pipeline-dashboard .vidu-finance-filters {
    align-items: stretch;
  }
}

/* Finance cockpit tuning: wider insight column and stable 9-column transaction rhythm. */
#vidu-pipeline-dashboard .vidu-finance-cockpit-grid {
  grid-template-columns: minmax(0, 2.12fr) minmax(380px, .96fr);
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  gap: 16px;
}

#vidu-pipeline-dashboard .vidu-finance-list-shell,
#vidu-pipeline-dashboard .vidu-finance-kpi-section,
#vidu-pipeline-dashboard .vidu-finance-diagnostics {
  min-height: 0;
}

#vidu-pipeline-dashboard .vidu-finance-kpi-section,
#vidu-pipeline-dashboard .vidu-finance-diagnostics {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .022), rgba(255, 255, 255, .004)),
    color-mix(in srgb, var(--vidu-card-bg) 90%, transparent);
}

#vidu-pipeline-dashboard .vidu-finance-section-head,
#vidu-pipeline-dashboard .vidu-finance-diagnostics-head {
  min-height: 44px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--vidu-border-soft);
}

#vidu-pipeline-dashboard .vidu-finance-kpis {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-finance-kpi {
  min-height: 104px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 14px;
}

#vidu-pipeline-dashboard .vidu-finance-kpi span {
  color: var(--vidu-text-muted);
  line-height: 1.2;
}

#vidu-pipeline-dashboard .vidu-finance-kpi strong {
  margin-top: 2px;
  font-size: clamp(17px, 1.05vw, 20px);
  line-height: 1.14;
}

#vidu-pipeline-dashboard .vidu-finance-kpi small {
  margin-top: 2px;
  color: var(--vidu-text-muted);
  line-height: 1.32;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics {
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics-body {
  gap: 12px;
  padding-right: 2px;
}

#vidu-pipeline-dashboard .vidu-finance-diagnostics.is-open .vidu-finance-diagnostics-body {
  max-height: none;
  opacity: 1;
  padding: 0 2px 0 0;
  overflow: auto;
}

#vidu-pipeline-dashboard .vidu-finance-panel,
#vidu-pipeline-dashboard .vidu-finance-ratio-shell {
  padding: 14px;
  border-color: var(--vidu-border-soft);
}

#vidu-pipeline-dashboard .vidu-finance-panel-head {
  align-items: start;
  margin-bottom: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-panel-head h4,
#vidu-pipeline-dashboard .vidu-finance-ratio-head strong {
  line-height: 1.22;
}

#vidu-pipeline-dashboard .vidu-finance-panel-head small,
#vidu-pipeline-dashboard .vidu-finance-ratio-head span,
#vidu-pipeline-dashboard .vidu-finance-ratio-item,
#vidu-pipeline-dashboard .vidu-finance-ratio-item em {
  color: var(--vidu-text-muted);
}

#vidu-pipeline-dashboard .vidu-finance-chart {
  min-height: 132px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .024), rgba(255, 255, 255, .006)),
    rgba(255, 255, 255, .018);
}

#vidu-pipeline-dashboard .vidu-finance-scope-bars {
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-scope-row {
  gap: 9px;
}

#vidu-pipeline-dashboard .vidu-finance-scope-row div {
  align-items: baseline;
  color: var(--vidu-text-muted);
}

#vidu-pipeline-dashboard .vidu-finance-scope-row strong,
#vidu-pipeline-dashboard .vidu-finance-burn-card strong {
  color: var(--vidu-text-primary);
}

#vidu-pipeline-dashboard .vidu-finance-burn-card {
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(34, 197, 94, .055), rgba(255, 255, 255, .012)),
    rgba(255, 255, 255, .022);
  border-color: color-mix(in srgb, var(--vidu-accent-success, #22c55e) 16%, var(--vidu-border-soft));
}

#vidu-pipeline-dashboard .vidu-finance-ratio-control {
  gap: 8px;
}

#vidu-pipeline-dashboard .vidu-finance-ratio-control select {
  min-height: 34px;
}

#vidu-pipeline-dashboard .vidu-finance-table-head,
#vidu-pipeline-dashboard .vidu-finance-row {
  grid-template-columns:
    minmax(190px, 1.55fr)
    minmax(70px, .48fr)
    minmax(96px, .70fr)
    minmax(82px, .52fr)
    minmax(106px, .68fr)
    minmax(90px, .56fr)
    minmax(82px, .50fr)
    58px
    76px;
  gap: 9px;
}

#vidu-pipeline-dashboard .vidu-finance-table-head {
  min-height: 38px;
  height: 38px;
  padding: 0 12px 6px;
}

#vidu-pipeline-dashboard .vidu-finance-row {
  min-height: 56px;
  height: auto;
  max-height: none;
  padding: 9px 12px;
  overflow: visible;
}

#vidu-pipeline-dashboard .vidu-finance-row > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-finance-row-title {
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-finance-row-title strong {
  font-size: 13px;
  line-height: 1.22;
}

#vidu-pipeline-dashboard .vidu-finance-row-title small {
  margin-top: 3px;
  line-height: 1.22;
}

#vidu-pipeline-dashboard .vidu-finance-row-amount {
  justify-self: start;
  font-variant-numeric: tabular-nums;
}

#vidu-pipeline-dashboard .vidu-finance-include-cell {
  justify-content: center;
  overflow: visible !important;
}

#vidu-pipeline-dashboard .vidu-finance-row-actions {
  justify-self: end;
  overflow: visible !important;
  opacity: .56;
  transition: opacity .18s ease;
}

#vidu-pipeline-dashboard .vidu-finance-row:hover .vidu-finance-row-actions,
#vidu-pipeline-dashboard .vidu-finance-row:focus-within .vidu-finance-row-actions {
  opacity: 1;
}

#vidu-pipeline-dashboard .vidu-finance-row-actions button {
  width: 28px;
  height: 28px;
  border-radius: 9px;
}

@media (max-width: 1380px) {
  #vidu-pipeline-dashboard .vidu-finance-cockpit-grid {
    grid-template-columns: minmax(0, 1.9fr) minmax(360px, .95fr);
  }

  #vidu-pipeline-dashboard .vidu-finance-table-head,
  #vidu-pipeline-dashboard .vidu-finance-row {
    grid-template-columns:
      minmax(180px, 1.45fr)
      minmax(66px, .46fr)
      minmax(88px, .62fr)
      minmax(76px, .48fr)
      minmax(100px, .64fr)
      minmax(84px, .52fr)
      minmax(72px, .44fr)
      54px
      70px;
    gap: 8px;
  }
}

@media (max-width: 1160px) {
  #vidu-pipeline-dashboard .vidu-finance-cockpit-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(420px, 1fr) auto auto;
    overflow: auto;
  }

  #vidu-pipeline-dashboard .vidu-finance-list-shell,
  #vidu-pipeline-dashboard .vidu-finance-kpi-section,
  #vidu-pipeline-dashboard .vidu-finance-diagnostics {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  #vidu-pipeline-dashboard .vidu-finance-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 840px) {
  #vidu-pipeline-dashboard .vidu-finance-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #vidu-pipeline-dashboard .vidu-finance-table {
    overflow-x: auto;
  }

  #vidu-pipeline-dashboard .vidu-finance-table-head,
  #vidu-pipeline-dashboard .vidu-finance-row {
    min-width: 980px;
  }
}

/* Billing invoice list refinement: compact operational table rhythm and direction-aware import. */
#vidu-pipeline-dashboard .vidu-invoice-table-head,
#vidu-pipeline-dashboard .vidu-invoice-row {
  grid-template-columns:
    minmax(118px, .72fr)
    minmax(72px, .42fr)
    minmax(168px, 1.08fr)
    minmax(88px, .55fr)
    minmax(78px, .48fr)
    minmax(100px, .62fr)
    minmax(88px, .52fr)
    minmax(88px, .52fr)
    minmax(82px, .50fr)
    minmax(146px, .82fr);
  min-width: 1110px;
  gap: 8px;
  padding-right: 12px;
}

#vidu-pipeline-dashboard .vidu-invoice-row {
  min-height: 54px;
  padding-block: 7px;
}

#vidu-pipeline-dashboard .vidu-invoice-row > span:first-child strong {
  font-size: 12px;
  line-height: 1.16;
}

#vidu-pipeline-dashboard .vidu-invoice-row > span:first-child small {
  margin-top: 3px;
  color: var(--vidu-text-faint);
  font-size: 10px;
  font-weight: 620;
  line-height: 1.12;
}

#vidu-pipeline-dashboard .vidu-invoice-row > span:nth-child(3) {
  color: var(--vidu-text-secondary);
  font-weight: 640;
}

#vidu-pipeline-dashboard .vidu-invoice-row > span:nth-child(4),
#vidu-pipeline-dashboard .vidu-invoice-row > span:nth-child(5),
#vidu-pipeline-dashboard .vidu-invoice-row > span:nth-child(6) {
  font-variant-numeric: tabular-nums;
}

#vidu-pipeline-dashboard .vidu-invoice-row em.is-direction-outgoing {
  border-color: rgba(96,165,250,.18);
  background: rgba(59,130,246,.08);
  color: rgba(191,219,254,.92);
}

#vidu-pipeline-dashboard .vidu-invoice-row em.is-direction-incoming {
  border-color: rgba(45,212,191,.18);
  background: rgba(20,184,166,.075);
  color: rgba(153,246,228,.92);
}

#vidu-pipeline-dashboard .vidu-invoice-actions {
  justify-self: end;
  gap: 5px;
  opacity: .62;
  transition: opacity .16s ease;
}

#vidu-pipeline-dashboard .vidu-invoice-row:hover .vidu-invoice-actions,
#vidu-pipeline-dashboard .vidu-invoice-row:focus-within .vidu-invoice-actions {
  opacity: 1;
}

#vidu-pipeline-dashboard .vidu-invoice-actions a,
#vidu-pipeline-dashboard .vidu-invoice-actions button {
  min-height: 26px;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 10.5px;
}

#vidu-pipeline-dashboard .vidu-invoice-table-summary {
  min-width: 1110px;
}

#vidu-pipeline-dashboard .vidu-invoice-import-preview-row {
  grid-template-columns:
    minmax(110px, 1fr)
    minmax(140px, 1.35fr)
    minmax(78px, .72fr)
    minmax(70px, .62fr)
    minmax(86px, .72fr)
    minmax(82px, .68fr)
    minmax(72px, .52fr);
}

@media (max-width: 1260px) {
  #vidu-pipeline-dashboard .vidu-invoice-table-head,
  #vidu-pipeline-dashboard .vidu-invoice-row {
    min-width: 1080px;
    grid-template-columns:
      minmax(112px, .68fr)
      70px
      minmax(152px, 1fr)
      84px
      74px
      96px
      84px
      84px
      78px
      140px;
  }

  #vidu-pipeline-dashboard .vidu-invoice-table-summary {
    min-width: 1080px;
  }
}

/* Finance bank statement import MVP */
#vidu-pipeline-dashboard .vidu-finance-import-btn {
  min-height: 38px;
  padding: 0 15px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.045);
  color: rgba(244, 247, 251, 0.88);
  font-size: 12px;
  font-weight: 760;
  letter-spacing: 0;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-finance-import-btn:hover {
  border-color: rgba(148, 163, 184, 0.32);
  background: rgba(255, 255, 255, 0.075);
  color: rgba(255, 255, 255, 0.96);
}

.vidu-bank-import-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 4vh 4vw;
}

.vidu-bank-import-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 5, 9, 0.68);
  backdrop-filter: blur(16px);
}

.vidu-bank-import-modal {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(1500px, 94vw);
  max-height: 88vh;
  min-height: min(760px, 88vh);
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(24, 25, 29, 0.98), rgba(11, 12, 15, 0.98)), #101115;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.58);
  color: rgba(241, 245, 249, 0.94);
}

.vidu-bank-import-head,
.vidu-bank-import-upload,
.vidu-bank-import-actions {
  flex: 0 0 auto;
}

.vidu-bank-import-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 18px;
}

.vidu-bank-import-head span,
.vidu-bank-import-upload label span {
  display: block;
  margin-bottom: 7px;
  color: rgba(148, 163, 184, 0.74);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.vidu-bank-import-head h3 {
  margin: 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 28px;
  font-weight: 760;
}

.vidu-bank-import-head p {
  max-width: 720px;
  margin: 8px 0 0;
  color: rgba(203, 213, 225, 0.74);
  font-size: 13px;
  line-height: 1.55;
}

.vidu-bank-import-close {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(226, 232, 240, 0.82);
  cursor: pointer;
}

.vidu-bank-import-upload {
  display: grid;
  grid-template-columns: minmax(180px, 240px) minmax(260px, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.vidu-bank-import-upload select,
.vidu-bank-import-upload input,
.vidu-bank-import-row input,
.vidu-bank-import-row select {
  width: 100%;
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.055);
  color: rgba(248, 250, 252, 0.92);
  font-size: 12px;
}

.vidu-bank-import-message {
  min-height: 34px;
  margin: 12px 0;
  padding: 9px 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 13px;
  color: rgba(203, 213, 225, 0.78);
  font-size: 12px;
}

.vidu-bank-import-message:empty {
  visibility: hidden;
}

.vidu-bank-import-message.is-error {
  border-color: rgba(248, 113, 113, 0.28);
  color: rgba(254, 202, 202, 0.95);
}

.vidu-bank-import-message.is-success {
  border-color: rgba(74, 222, 128, 0.24);
  color: rgba(187, 247, 208, 0.94);
}

.vidu-bank-import-message.is-warning {
  border-color: rgba(251, 191, 36, 0.26);
  color: rgba(253, 230, 138, 0.94);
}

.vidu-bank-import-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.vidu-bank-import-summary article {
  min-height: 64px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.035);
}

.vidu-bank-import-summary span,
.vidu-bank-import-table-head {
  color: rgba(148, 163, 184, 0.7);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.vidu-bank-import-summary strong {
  display: block;
  margin-top: 7px;
  overflow: hidden;
  color: rgba(248, 250, 252, 0.94);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-bank-import-preview {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
  scrollbar-width: none;
}

.vidu-bank-import-preview::-webkit-scrollbar {
  display: none;
}

.vidu-bank-import-table-head,
.vidu-bank-import-row {
  display: grid;
  grid-template-columns: 54px 110px 130px minmax(150px, 0.9fr) minmax(210px, 1.3fr) 110px 150px 190px 72px;
  gap: 8px;
  align-items: center;
}

.vidu-bank-import-table-head {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 13px;
  background: rgba(15, 17, 21, 0.96);
}

.vidu-bank-import-row {
  margin-top: 8px;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.032);
}

.vidu-bank-import-row.is-duplicate,
.vidu-bank-import-row.is-invalid {
  opacity: 0.68;
}

.vidu-bank-import-row em {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  color: rgba(226, 232, 240, 0.84);
  font-style: normal;
  font-size: 11px;
  font-weight: 760;
}

.vidu-bank-import-row em.is-duplicate {
  border-color: rgba(251, 191, 36, 0.3);
  color: rgba(253, 230, 138, 0.92);
}

.vidu-bank-import-row em.is-invalid {
  border-color: rgba(248, 113, 113, 0.3);
  color: rgba(254, 202, 202, 0.94);
}

.vidu-bank-import-amount,
.vidu-bank-import-scope {
  display: grid;
  grid-template-columns: 1fr 58px;
  gap: 6px;
}

.vidu-bank-import-scope {
  grid-template-columns: 0.75fr 1fr;
}

.vidu-bank-import-check {
  display: grid;
  place-items: center;
}

.vidu-bank-import-confidence {
  color: rgba(203, 213, 225, 0.72);
  font-size: 12px;
}

.vidu-bank-import-raw {
  grid-column: 3 / -1;
  overflow: hidden;
  color: rgba(148, 163, 184, 0.56);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-bank-import-empty {
  display: grid;
  place-items: center;
  min-height: 240px;
  color: rgba(203, 213, 225, 0.76);
  text-align: center;
}

.vidu-bank-import-empty strong,
.vidu-bank-import-empty span {
  display: block;
}

.vidu-bank-import-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 14px;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-import-btn,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-import-btn {
  border-color: rgba(15, 23, 42, 0.13);
  background: rgba(255, 255, 255, 0.74);
  color: rgba(15, 23, 42, 0.78);
}

@media (max-width: 1100px) {
  .vidu-bank-import-upload,
  .vidu-bank-import-summary {
    grid-template-columns: 1fr;
  }

  .vidu-bank-import-preview {
    overflow-x: auto;
  }

  .vidu-bank-import-table-head,
  .vidu-bank-import-row {
    min-width: 1180px;
  }
}

/* Finance list rhythm guard: filtered rows must never stretch to fill free height. */
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-list-shell {
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  justify-self: stretch;
  align-self: stretch;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-table {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: max-content;
  align-content: start;
  justify-content: stretch;
  justify-items: stretch;
  width: 100%;
  min-width: 0;
  gap: 8px;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-table-head {
  align-self: start;
  justify-self: stretch;
  width: 100%;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-row {
  align-self: start;
  justify-self: stretch;
  width: 100%;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-row-title {
  display: grid;
  align-content: center;
  gap: 3px;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-row-title strong,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-row-title small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-empty {
  align-self: start;
  justify-self: stretch;
  width: 100%;
  min-height: 150px;
}

/* Finance width recovery: keep fixed row rhythm while every parent stretches the left work column. */
#vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview.is-active,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-workspace,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-cockpit-grid,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-list-shell,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-list-toolbar,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-table,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-table-head,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-row {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview.is-active,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-workspace,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-cockpit-grid {
  justify-self: stretch !important;
  align-self: stretch !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-workspace {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-cockpit-grid {
  display: grid !important;
  flex: 1 1 auto !important;
  grid-template-columns: minmax(0, 1fr) minmax(440px, 500px) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  align-content: stretch !important;
  justify-content: stretch !important;
  gap: 16px !important;
  overflow: hidden !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-list-shell {
  grid-column: 1 / 2 !important;
  grid-row: 1 / span 2 !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-kpi-section,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-diagnostics {
  min-width: 0 !important;
  width: 100% !important;
  justify-self: stretch !important;
  align-self: stretch !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-list-toolbar {
  flex: 0 0 auto !important;
  align-self: stretch !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-table {
  flex: 1 1 auto !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-table-head,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-row {
  justify-self: stretch !important;
  align-self: start !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-table-head,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-row {
  grid-template-columns:
    minmax(170px, 1.18fr)
    72px
    minmax(78px, .46fr)
    74px
    112px
    94px
    78px
    56px
    72px;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-kpis {
  grid-template-columns: repeat(auto-fit, minmax(184px, 1fr)) !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-diagnostics-body {
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  grid-auto-rows: max-content !important;
  gap: 14px !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-diagnostics .vidu-finance-panel,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-diagnostics .vidu-finance-ratio-shell,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-diagnostics .vidu-finance-burn-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-diagnostics .vidu-finance-panel {
  padding: 15px !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-diagnostics .vidu-finance-panel-chart .vidu-finance-panel-head {
  align-items: start !important;
  gap: 12px !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-chart {
  min-height: 150px !important;
  height: 150px !important;
  padding: 13px !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-chart-bar {
  gap: 7px !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-chart-bar strong {
  white-space: normal !important;
  line-height: 1.18 !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-scope-bars {
  gap: 13px !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-burn-card {
  margin-top: 8px !important;
  padding: 14px !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-ratio-shell {
  gap: 12px !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-ratios {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)) !important;
  gap: 12px !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-diagnostics .vidu-finance-ratio-card {
  min-width: 0 !important;
  width: 100% !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-diagnostics .vidu-finance-ratio-body {
  grid-template-columns: minmax(82px, 96px) minmax(0, 1fr) !important;
  gap: 11px !important;
}

#vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-diagnostics .vidu-finance-ratio-list {
  min-width: 0 !important;
}

@media (max-width: 1380px) {
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-cockpit-grid {
    grid-template-columns: minmax(0, 1fr) minmax(420px, 460px) !important;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-table-head,
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-row {
    grid-template-columns:
      minmax(150px, 1.05fr)
      68px
      minmax(72px, .42fr)
      70px
      104px
      86px
      72px
      54px
      70px;
  }
}

@media (max-width: 1280px) {
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-cockpit-grid {
    grid-template-columns: minmax(0, 1fr) minmax(400px, 430px) !important;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-kpis {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-ratios {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-diagnostics .vidu-finance-ratio-body {
    grid-template-columns: 96px minmax(0, 1fr) !important;
  }
}

@media (max-width: 1160px) {
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-cockpit-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: auto !important;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-list-shell,
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-kpi-section,
  #vidu-pipeline-dashboard.is-finance-workspace .vidu-finance-diagnostics {
    grid-column: 1 / 2 !important;
    grid-row: auto !important;
  }
}

/* Superadmin organization controls. */
#vidu-pipeline-dashboard .vidu-topbar-actions {
  position: relative;
}

#vidu-pipeline-dashboard .vidu-profile-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 120;
  width: min(360px, calc(100vw - 32px));
  min-width: 320px;
  max-width: 380px;
  padding: 10px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
    color-mix(in srgb, var(--vidu-card-bg, #121318) 94%, #000);
  box-shadow: var(--vidu-depth-focus, 0 16px 44px rgba(0, 0, 0, .32));
  backdrop-filter: blur(22px);
}

#vidu-pipeline-dashboard .vidu-profile-dropdown[hidden] {
  display: none !important;
}

#vidu-pipeline-dashboard .vidu-profile-menu-group {
  display: grid;
  gap: 6px;
}

#vidu-pipeline-dashboard .vidu-profile-menu-group + .vidu-profile-menu-group {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, .08);
}

#vidu-pipeline-dashboard .vidu-profile-menu-label {
  padding: 0 8px 2px;
  color: color-mix(in srgb, var(--vidu-text-muted, #9ca3af) 82%, transparent);
  font-size: 9px;
  font-weight: 860;
  letter-spacing: .12em;
  line-height: 1.4;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-profile-dropdown .vidu-profile-menu-item {
  width: 100%;
  min-height: 54px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: var(--vidu-text-primary);
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, transform .16s ease, color .16s ease;
}

#vidu-pipeline-dashboard .vidu-profile-dropdown .vidu-profile-menu-item:hover {
  transform: translateY(-1px);
  border-color: rgba(126, 116, 255, .24);
  background:
    radial-gradient(circle at 0 0, rgba(126, 116, 255, .14), transparent 58%),
    rgba(255, 255, 255, .055);
}

#vidu-pipeline-dashboard .vidu-profile-menu-icon {
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .095);
  border-radius: 12px;
  background: rgba(255, 255, 255, .045);
  color: color-mix(in srgb, var(--vidu-color-brand-secondary, #38bdf8) 72%, #fff);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

#vidu-pipeline-dashboard .vidu-profile-menu-icon svg {
  width: 17px;
  height: 17px;
}

#vidu-pipeline-dashboard .vidu-profile-menu-item:hover .vidu-profile-menu-icon {
  border-color: rgba(126, 116, 255, .34);
  background: rgba(126, 116, 255, .14);
  color: #fff;
}

#vidu-pipeline-dashboard .vidu-profile-menu-item > span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

#vidu-pipeline-dashboard .vidu-profile-menu-item strong {
  overflow: hidden;
  color: var(--vidu-text-primary);
  font-size: 12px;
  font-weight: 840;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-profile-menu-item small {
  color: color-mix(in srgb, var(--vidu-text-muted, #9ca3af) 84%, transparent);
  font-size: 11px;
  font-weight: 620;
  line-height: 1.25;
}

#vidu-pipeline-dashboard .vidu-profile-dropdown .vidu-profile-language-item {
  grid-template-columns: 34px minmax(0, 1fr) auto;
  cursor: default;
}

#vidu-pipeline-dashboard .vidu-profile-language-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

#vidu-pipeline-dashboard .vidu-profile-menu-item > .vidu-language-switch,
#vidu-pipeline-dashboard .vidu-language-switch {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 11px;
  background: rgba(0, 0, 0, .22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

#vidu-pipeline-dashboard .vidu-profile-dropdown .vidu-profile-language-item > span.vidu-language-switch:last-child {
  width: max-content;
  display: inline-flex;
  grid-template-columns: none;
  flex-flow: row nowrap;
  gap: 2px;
}

#vidu-pipeline-dashboard .vidu-language-switch button {
  min-width: 34px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: color-mix(in srgb, var(--vidu-text-muted, #9ca3af) 80%, transparent);
  font: 800 10px/1 var(--vidu-font-sans, inherit);
  letter-spacing: .06em;
  cursor: pointer;
  transition: background .16s ease, color .16s ease, box-shadow .16s ease, opacity .16s ease;
}

#vidu-pipeline-dashboard .vidu-language-switch button:hover {
  color: var(--vidu-text-primary);
}

#vidu-pipeline-dashboard .vidu-language-switch button.is-active {
  background: linear-gradient(145deg, rgba(126, 116, 255, .34), rgba(82, 72, 196, .2));
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(154, 145, 255, .32), 0 5px 16px rgba(56, 45, 135, .18);
}

#vidu-pipeline-dashboard .vidu-language-switch button:disabled {
  cursor: wait;
  opacity: .62;
}

#vidu-pipeline-dashboard .vidu-language-switch button.is-saving {
  animation: vidu-language-saving .7s ease-in-out infinite alternate;
}

@keyframes vidu-language-saving {
  from { opacity: .46; }
  to { opacity: 1; }
}

@media (max-width: 520px) {
  #vidu-pipeline-dashboard .vidu-profile-dropdown {
    right: -8px;
    width: min(340px, calc(100vw - 24px));
    min-width: 0;
  }

  #vidu-pipeline-dashboard .vidu-mobile-language-item {
    grid-template-columns: 42px minmax(0, 1fr) auto;
  }

  #vidu-pipeline-dashboard .vidu-mobile-language-item > .vidu-language-switch {
    grid-column: 3;
    grid-row: 1 / span 2;
    width: auto;
    height: auto;
    align-self: center;
    background: rgba(0, 0, 0, .2);
    color: inherit;
  }
}

.vidu-organizations-modal-shell .vidu-app-modal-dialog {
  width: min(92vw, 1760px) !important;
  max-width: min(92vw, 1760px) !important;
  height: min(91vh, 1040px) !important;
}

.vidu-organizations-modal-shell .vidu-app-modal-body,
.vidu-organizations-modal-shell .vidu-modal-inner-frame,
.vidu-organizations-modal-shell .vidu-modal-inner-content {
  min-height: 0;
  height: 100%;
}

.vidu-organizations-management {
  position: relative;
  min-height: min(82vh, 920px);
  height: 100%;
}

.vidu-org-admin {
  display: grid;
  grid-template-columns: minmax(320px, 360px) minmax(0, 1fr);
  gap: 24px;
  min-height: min(82vh, 920px);
  height: 100%;
  padding: 22px;
}

.vidu-org-admin-list,
.vidu-org-admin-detail,
.vidu-org-admin-section {
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--vidu-border-soft) 78%, transparent);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .014)),
    rgba(255, 255, 255, .018);
}

.vidu-org-admin-list,
.vidu-org-admin-detail {
  padding: 20px;
}

.vidu-org-admin-detail {
  overflow: auto;
  scrollbar-width: none;
}

.vidu-org-admin-detail::-webkit-scrollbar {
  display: none;
}

.vidu-org-admin-list {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  overflow: hidden;
}

.vidu-org-admin-items {
  overflow: auto;
  scrollbar-width: none;
}

.vidu-org-admin-items::-webkit-scrollbar {
  display: none;
}

.vidu-org-admin-list-head,
.vidu-org-admin-detail-head,
.vidu-org-admin-section-head,
.vidu-org-admin-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.vidu-org-admin-list-head div,
.vidu-org-admin-detail-head div,
.vidu-org-admin-section-head div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vidu-org-admin-list-head span,
.vidu-org-admin-detail-head span,
.vidu-org-admin-section-head span {
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-weight: 780;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.vidu-org-admin-list-head strong,
.vidu-org-admin-section-head strong {
  color: var(--vidu-text-primary);
  font-size: 15px;
  font-weight: 780;
}

.vidu-org-admin-section-head p {
  max-width: 760px;
  margin: 0;
  color: color-mix(in srgb, var(--vidu-text-secondary) 76%, transparent);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-org-admin-list-head button,
.vidu-org-admin-detail-head button,
.vidu-org-admin-actions button {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035));
  color: var(--vidu-text-primary);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.vidu-org-save-btn {
  min-width: 190px;
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 38%, var(--vidu-border-soft)) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 22%, rgba(255, 255, 255, .07)), rgba(255, 255, 255, .045)) !important;
}

.vidu-org-save-btn:disabled {
  opacity: .52;
  cursor: default;
}

.vidu-org-save-state {
  margin-right: auto;
  color: var(--vidu-text-muted);
  font-size: 12px;
  font-weight: 720;
}

.vidu-org-save-state.is-dirty {
  color: color-mix(in srgb, var(--vidu-accent-warning, #f59e0b) 72%, #fff);
}

.vidu-org-save-state.is-saved {
  color: color-mix(in srgb, var(--vidu-accent-success, #22c55e) 72%, #fff);
}

.vidu-org-admin-search {
  margin-top: 16px;
}

.vidu-org-admin-search input {
  width: 100%;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 14px;
  background: rgba(255, 255, 255, .035);
  color: var(--vidu-text-primary);
  font-size: 13px;
  outline: none;
}

.vidu-org-admin-list-head button:hover,
.vidu-org-admin-detail-head button:hover,
.vidu-org-admin-actions button:hover {
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 28%, var(--vidu-border-soft));
  background: rgba(255, 255, 255, .07);
}

.vidu-org-admin-items,
.vidu-org-member-list {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  align-content: start;
}

.vidu-org-admin-item {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  grid-template-areas:
    "avatar title status"
    "avatar meta meta";
  align-items: center;
  gap: 6px 12px;
  width: 100%;
  min-height: 82px;
  padding: 13px;
  border: 1px solid transparent;
  border-radius: 16px;
  background: rgba(255, 255, 255, .024);
  color: var(--vidu-text-primary);
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.vidu-org-admin-item:hover {
  background: rgba(255, 255, 255, .04);
  border-color: color-mix(in srgb, var(--vidu-border-soft) 86%, #fff);
}

.vidu-org-admin-item i {
  grid-area: avatar;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  border: 1px solid rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .055);
  color: var(--vidu-text-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 820;
}

.vidu-org-admin-item.has-logo i {
  width: 58px;
  background: transparent;
}

.vidu-org-admin-item i img {
  display: none;
  max-width: 50px;
  max-height: 24px;
  object-fit: contain;
}

[data-vidu-theme="light"] .vidu-org-admin-item.has-logo .vidu-org-admin-card-logo-dark,
.vidu-app-modal[data-vidu-theme="light"] .vidu-org-admin-item.has-logo .vidu-org-admin-card-logo-dark {
  display: block;
}

body:not([data-vidu-theme="light"]) .vidu-org-admin-item.has-logo .vidu-org-admin-card-logo-light,
[data-vidu-theme="dark"] .vidu-org-admin-item.has-logo .vidu-org-admin-card-logo-light,
[data-vidu-theme="system"] .vidu-org-admin-item.has-logo .vidu-org-admin-card-logo-light {
  display: block;
}

.vidu-org-admin-item > span {
  grid-area: title;
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vidu-org-admin-item strong,
.vidu-org-member-identity strong {
  min-width: 0;
  overflow: hidden;
  color: var(--vidu-text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-admin-item small,
.vidu-org-admin-item b,
.vidu-org-member-identity span,
.vidu-org-member-row small,
.vidu-org-member-row label span {
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-weight: 640;
}

.vidu-org-admin-item em {
  grid-area: status;
  align-self: start;
  padding: 4px 8px;
  border: 1px solid color-mix(in srgb, var(--vidu-accent-success, #22c55e) 24%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--vidu-accent-success, #22c55e) 10%, transparent);
  color: color-mix(in srgb, var(--vidu-accent-success, #22c55e) 70%, #fff);
  font-size: 10px;
  font-style: normal;
  font-weight: 820;
}

.vidu-org-admin-item b {
  grid-area: meta;
  font-style: normal;
}

.vidu-org-admin-item.is-active {
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 34%, transparent);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 14%, transparent), rgba(255, 255, 255, .03));
}

.vidu-org-admin-detail {
  display: grid;
  align-content: start;
  gap: 20px;
}

.vidu-org-admin-detail-head {
  padding-bottom: 2px;
}

.vidu-org-admin-detail-head h3 {
  margin: 2px 0;
  color: var(--vidu-text-primary);
  font-size: clamp(28px, 2.2vw, 38px);
  font-weight: 760;
}

.vidu-org-admin-detail-head small {
  color: var(--vidu-text-secondary);
  font-size: 13px;
}

.vidu-org-admin-grid,
.vidu-org-module-grid,
.vidu-org-branding-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.vidu-org-module-grid {
  grid-template-columns: repeat(3, minmax(180px, 1fr));
}

.vidu-org-branding-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vidu-org-admin-grid label,
.vidu-org-branding-grid label,
.vidu-org-toggle {
  display: grid;
  gap: 7px;
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-weight: 740;
}

.vidu-org-admin-grid input,
.vidu-org-admin-grid select,
.vidu-org-branding-grid input,
.vidu-org-member-add input,
.vidu-org-member-add select,
.vidu-org-member-add button,
.vidu-org-member-row input,
.vidu-org-member-row select,
.vidu-org-member-row button {
  min-height: 40px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 12px;
  background: rgba(255, 255, 255, .04);
  color: var(--vidu-text-primary);
  font-size: 12px;
}

.vidu-org-admin-grid input,
.vidu-org-admin-grid select,
.vidu-org-branding-grid input {
  width: 100%;
  padding: 0 12px;
}

.vidu-org-admin-section {
  display: grid;
  gap: 18px;
  padding: 20px;
}

.vidu-org-toggle {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  min-height: 66px;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: rgba(255, 255, 255, .026);
}

.vidu-org-toggle:has(input:not(:checked)) {
  opacity: .58;
  background: rgba(255, 255, 255, .014);
  border-color: rgba(255, 255, 255, .026);
}

.vidu-org-toggle:has(input:checked) {
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 18%, var(--vidu-border-soft));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 9%, transparent), rgba(255, 255, 255, .03));
}

.vidu-org-toggle:hover {
  border-color: color-mix(in srgb, var(--vidu-border-soft) 86%, #fff);
  background: rgba(255, 255, 255, .04);
}

.vidu-org-toggle input {
  margin-top: 3px;
}

.vidu-org-toggle span {
  display: grid;
  gap: 4px;
}

.vidu-org-toggle strong {
  color: var(--vidu-text-primary);
  font-size: 13px;
  font-weight: 780;
}

.vidu-org-toggle small {
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-weight: 560;
  line-height: 1.35;
}

.vidu-org-member-add {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(170px, .36fr) auto;
  gap: 10px;
}

.vidu-org-member-add input,
.vidu-org-member-add select,
.vidu-org-member-add button {
  padding: 0 12px;
}

.vidu-org-member-add button,
.vidu-org-member-row button {
  font-weight: 780;
  cursor: pointer;
}

.vidu-org-member-row {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(250px, 1fr) auto;
  grid-template-areas:
    "identity access save"
    "identity workforce save";
  align-items: stretch;
  gap: 12px 14px;
  min-width: 0;
  min-height: 96px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .045);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .026), rgba(255, 255, 255, .016)),
    rgba(255, 255, 255, .018);
  color: var(--vidu-text-primary);
}

.vidu-org-member-identity {
  grid-area: identity;
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding-right: 6px;
}

.vidu-org-member-avatar {
  width: 42px;
  height: 42px;
  display: inline-grid;
  place-items: center;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 20%, var(--vidu-border-soft));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 18%, transparent), rgba(255,255,255,.035));
  color: var(--vidu-text-primary) !important;
  font-size: 14px !important;
  font-weight: 840 !important;
}

.vidu-org-member-identity > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.vidu-org-member-identity span:not(.vidu-org-member-avatar) {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-org-member-access {
  grid-area: access;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 10px;
}

.vidu-org-member-workforce {
  grid-area: workforce;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(150px, 1.35fr) minmax(130px, .9fr) minmax(110px, .75fr) minmax(130px, .9fr);
  gap: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, .045);
}

.vidu-org-member-access label,
.vidu-org-member-workforce label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.vidu-org-member-access em,
.vidu-org-member-access small {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 0 10px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
  color: var(--vidu-text-secondary);
  font-size: 11px;
  font-style: normal;
  font-weight: 720;
}

.vidu-org-system-marker {
  display: inline-grid;
  width: max-content;
  margin-top: 4px;
  padding: 3px 7px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 800;
}

.vidu-org-member-row input,
.vidu-org-member-row select,
.vidu-org-member-row button {
  width: 100%;
  min-width: 0;
  padding: 0 10px;
}

.vidu-org-member-actions {
  grid-area: save;
  align-self: center;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.vidu-org-member-row button[data-org-action="member-save"],
.vidu-org-member-row button[data-org-action="permissions-open"] {
  width: auto;
  min-width: 82px;
}

.vidu-org-member-row button[data-org-action="permissions-open"] {
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 20%, var(--vidu-border-soft));
  background: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 8%, transparent);
}

.vidu-org-member-row.is-readonly {
  grid-template-columns: minmax(220px, 1fr) auto;
  grid-template-areas: "identity access";
}

.vidu-org-admin-actions {
  justify-content: flex-end;
}

.vidu-org-admin-future-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.vidu-org-admin-future-grid span {
  min-height: 44px;
  display: grid;
  place-items: center;
  border: 1px dashed color-mix(in srgb, var(--vidu-border-soft) 70%, transparent);
  border-radius: 13px;
  color: var(--vidu-text-muted);
  font-size: 12px;
  font-weight: 720;
}

.vidu-org-ai-context-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  padding: 14px;
  border: 1px solid color-mix(in srgb, #a78bfa 16%, var(--vidu-border-soft));
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(139,92,246,.07), rgba(96,165,250,.035)),
    rgba(255,255,255,.018);
}

.vidu-org-ai-context-body > div:first-child {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vidu-org-ai-context-body strong {
  color: var(--vidu-text-primary);
  font-size: 13px;
}

.vidu-org-ai-context-body span,
.vidu-org-ai-context-body p,
.vidu-org-ai-context-actions em {
  margin: 0;
  color: var(--vidu-text-secondary);
  font-size: 12px;
  line-height: 1.45;
  font-style: normal;
}

.vidu-org-ai-context-actions {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 8px;
}

.vidu-org-ai-context-actions button {
  min-height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(167,139,250,.24);
  background: rgba(139,92,246,.105);
  color: var(--vidu-text-primary);
  padding: 0 13px;
  font-size: 12px;
  font-weight: 780;
  cursor: pointer;
}

.vidu-org-ai-context-actions button:disabled {
  cursor: not-allowed;
  opacity: .46;
}

.vidu-org-admin-section-head .is-ai-status {
  border-color: rgba(167,139,250,.20);
  color: #c4b5fd;
  background: rgba(139,92,246,.08);
}

.vidu-org-permission-overlay {
  position: absolute;
  inset: 0;
  z-index: 40;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(0, 0, 0, .42);
  backdrop-filter: blur(14px);
}

.vidu-org-permission-modal {
  width: min(100%, 1080px);
  max-height: min(82vh, 920px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--vidu-border-soft) 74%, #fff);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .022)),
    color-mix(in srgb, var(--vidu-panel, #151518) 92%, #000 8%);
  box-shadow: 0 34px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.045);
}

.vidu-org-permission-head,
.vidu-org-permission-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255,255,255,.055);
}

.vidu-org-permission-head div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.vidu-org-permission-head span {
  color: #c4b5fd;
  font-size: 11px;
  font-weight: 820;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-org-permission-head strong {
  color: var(--vidu-text-primary);
  font-size: 22px;
  font-weight: 760;
}

.vidu-org-permission-head small,
.vidu-org-permission-foot p {
  margin: 0;
  color: var(--vidu-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-org-permission-head button,
.vidu-org-permission-foot button {
  min-height: 36px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: var(--vidu-text-primary);
  padding: 0 13px;
  font-weight: 760;
  cursor: pointer;
}

.vidu-org-permission-head button {
  width: 36px;
  padding: 0;
  font-size: 22px;
  line-height: 1;
}

.vidu-org-permission-grid {
  min-height: 0;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 18px 20px;
}

.vidu-org-permission-group {
  display: grid;
  align-content: start;
  gap: 10px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 18px;
  background: rgba(255,255,255,.022);
  padding: 14px;
}

.vidu-org-permission-group h4 {
  margin: 0 0 2px;
  color: var(--vidu-text-primary);
  font-size: 14px;
  font-weight: 780;
}

.vidu-org-permission-toggle {
  min-height: 48px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: rgba(255,255,255,.022);
}

.vidu-org-permission-toggle:has(input:checked) {
  border-color: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 24%, var(--vidu-border-soft));
  background: color-mix(in srgb, var(--vidu-brand-primary, #8b5cf6) 9%, transparent);
}

.vidu-org-permission-toggle span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vidu-org-permission-toggle strong {
  color: var(--vidu-text-primary);
  font-size: 12px;
  font-weight: 760;
}

.vidu-org-permission-toggle small {
  color: var(--vidu-text-muted);
  font-size: 10px;
  line-height: 1.35;
}

.vidu-org-permission-foot {
  border-top: 1px solid rgba(255,255,255,.055);
  border-bottom: 0;
}

.vidu-org-permission-foot > div {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.vidu-org-permission-save {
  border-color: rgba(167,139,250,.24) !important;
  background: linear-gradient(135deg, rgba(139,92,246,.82), rgba(59,130,246,.70)) !important;
}

@media (max-width: 1280px) {
  .vidu-org-admin {
    grid-template-columns: minmax(280px, 330px) minmax(0, 1fr);
  }

  .vidu-org-module-grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }

  .vidu-org-member-row {
    grid-template-columns: minmax(210px, .82fr) minmax(240px, 1fr);
    grid-template-areas:
      "identity access"
      "identity workforce"
      "identity save";
  }

  .vidu-org-member-workforce {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
  }

  .vidu-org-member-actions {
    justify-self: end;
  }

  .vidu-org-member-row.is-readonly {
    grid-template-columns: minmax(210px, .82fr) minmax(180px, 1fr);
    grid-template-areas: "identity access";
  }
}

@media (max-width: 980px) {
  .vidu-organizations-modal-shell .vidu-app-modal-dialog {
    width: min(96vw, 980px) !important;
    max-width: min(96vw, 980px) !important;
  }

  .vidu-org-admin,
  .vidu-org-admin-grid,
  .vidu-org-module-grid,
  .vidu-org-branding-grid,
  .vidu-org-member-add,
  .vidu-org-member-row,
  .vidu-org-admin-future-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-org-member-row {
    grid-template-areas:
      "identity"
      "access"
      "workforce"
      "save";
  }

  .vidu-org-member-row.is-readonly {
    grid-template-areas:
      "identity"
      "access";
  }

  .vidu-org-member-access,
  .vidu-org-member-workforce {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-org-member-actions {
    justify-self: stretch;
    justify-content: stretch;
  }

  .vidu-org-member-actions button {
    width: 100%;
  }

  .vidu-org-permission-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-org-permission-foot,
  .vidu-org-permission-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Project modal checklist: keep rows matte and let actions float above the content. */
#vidu-app-modal .vidu-project-modal-shell [data-tooltip]::after,
#vidu-app-modal .vidu-project-modal-shell [data-tooltip]:hover::after,
.vidu-project-modal-shell [data-tooltip]::after,
.vidu-project-modal-shell [data-tooltip]:hover::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row,
.vidu-project-modal-shell .vidu-project-check-row {
  --vidu-checklist-row-surface: color-mix(in srgb, var(--vidu-panel-3, #151518) 91%, #000 9%);
  grid-template-columns: minmax(0, 1fr) auto !important;
  position: relative !important;
  background: var(--vidu-checklist-row-surface) !important;
  border-color: rgba(255,255,255,0.052) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.018) !important;
  overflow: hidden !important;
  padding-right: 150px !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row::after,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row::after,
.vidu-project-modal-shell .vidu-project-check-row::after {
  opacity: 0 !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row:hover,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row:focus-within,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row.has-focus-within,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row.is-editing,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row:hover,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row:focus-within,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row.has-focus-within,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row.is-editing,
.vidu-project-modal-shell .vidu-project-check-row:hover,
.vidu-project-modal-shell .vidu-project-check-row:focus-within,
.vidu-project-modal-shell .vidu-project-check-row.has-focus-within,
.vidu-project-modal-shell .vidu-project-check-row.is-editing {
  background: var(--vidu-checklist-row-surface) !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row:hover::after,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row:focus-within::after,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row.has-focus-within::after,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row.is-editing::after,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row:hover::after,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row:focus-within::after,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row.has-focus-within::after,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row.is-editing::after,
.vidu-project-modal-shell .vidu-project-check-row:hover::after,
.vidu-project-modal-shell .vidu-project-check-row:focus-within::after,
.vidu-project-modal-shell .vidu-project-check-row.has-focus-within::after,
.vidu-project-modal-shell .vidu-project-check-row.is-editing::after {
  opacity: .42 !important;
}

[data-vidu-theme="light"] #vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-check-row {
  --vidu-checklist-row-surface: rgba(255,255,255,.9);
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row-main,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row-main,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input,
.vidu-project-modal-shell .vidu-project-check-row-main,
.vidu-project-modal-shell .vidu-project-check-input {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row-main::before,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row-main::after,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input::before,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input::after,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row-main::before,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row-main::after,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input::before,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input::after,
.vidu-project-modal-shell .vidu-project-check-row-main::before,
.vidu-project-modal-shell .vidu-project-check-row-main::after,
.vidu-project-modal-shell .vidu-project-check-input::before,
.vidu-project-modal-shell .vidu-project-check-input::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input,
.vidu-project-modal-shell .vidu-project-check-input {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  display: block !important;
  color: rgba(255,255,255,0.9) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.9) !important;
  caret-color: rgba(255,255,255,0.82) !important;
  line-height: 1.35 !important;
  font: inherit !important;
  background-clip: padding-box !important;
  -webkit-box-shadow: none !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input:hover,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input:focus,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input:hover,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input:focus,
.vidu-project-modal-shell .vidu-project-check-input:hover,
.vidu-project-modal-shell .vidu-project-check-input:focus {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row-main,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row-main,
.vidu-project-modal-shell .vidu-project-check-row-main {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  isolation: isolate;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row-main:focus-within .vidu-project-check-input,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row-main:focus-within .vidu-project-check-input,
.vidu-project-modal-shell .vidu-project-check-row-main:focus-within .vidu-project-check-input {
  color: rgba(255,255,255,0.96) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.96) !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input::-webkit-textfield-decoration-container,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input::-webkit-search-decoration,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input::-webkit-search-cancel-button,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input::-webkit-search-results-button,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input::-webkit-search-results-decoration,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input::-webkit-textfield-decoration-container,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input::-webkit-search-decoration,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input::-webkit-search-cancel-button,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input::-webkit-search-results-button,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input::-webkit-search-results-decoration,
.vidu-project-modal-shell .vidu-project-check-input::-webkit-textfield-decoration-container,
.vidu-project-modal-shell .vidu-project-check-input::-webkit-search-decoration,
.vidu-project-modal-shell .vidu-project-check-input::-webkit-search-cancel-button,
.vidu-project-modal-shell .vidu-project-check-input::-webkit-search-results-button,
.vidu-project-modal-shell .vidu-project-check-input::-webkit-search-results-decoration {
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input::selection,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input::selection,
.vidu-project-modal-shell .vidu-project-check-input::selection {
  background: rgba(139,92,246,0.28) !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input:-webkit-autofill,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input:-webkit-autofill:hover,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input:-webkit-autofill:focus,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input:-webkit-autofill,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input:-webkit-autofill:hover,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input:-webkit-autofill:focus,
.vidu-project-modal-shell .vidu-project-check-input:-webkit-autofill,
.vidu-project-modal-shell .vidu-project-check-input:-webkit-autofill:hover,
.vidu-project-modal-shell .vidu-project-check-input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  transition: background-color 9999s ease-out 0s !important;
  -webkit-text-fill-color: rgba(255,255,255,0.9) !important;
}

[data-vidu-theme="light"] #vidu-app-modal .vidu-project-modal-shell .vidu-project-check-input,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-input,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-check-input {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: rgba(15,23,42,0.9) !important;
  -webkit-text-fill-color: rgba(15,23,42,0.9) !important;
  caret-color: rgba(15,23,42,0.78) !important;
}

[data-vidu-theme="light"] #vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row-main:focus-within .vidu-project-check-input,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row-main:focus-within .vidu-project-check-input,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-check-row-main:focus-within .vidu-project-check-input {
  color: rgba(15,23,42,0.96) !important;
  -webkit-text-fill-color: rgba(15,23,42,0.96) !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-actions,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-actions,
.vidu-project-modal-shell .vidu-project-check-actions {
  position: absolute !important;
  top: 50% !important;
  right: 10px !important;
  z-index: 2 !important;
  width: 136px !important;
  min-width: 136px !important;
  justify-content: flex-end !important;
  transform: translateY(-50%) translateX(4px) !important;
  will-change: opacity, transform;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row:hover .vidu-project-check-actions,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row:focus-within .vidu-project-check-actions,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row.has-focus-within .vidu-project-check-actions,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row.is-editing .vidu-project-check-actions,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row:hover .vidu-project-check-actions,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row:focus-within .vidu-project-check-actions,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row.has-focus-within .vidu-project-check-actions,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row.is-editing .vidu-project-check-actions,
.vidu-project-modal-shell .vidu-project-check-row:hover .vidu-project-check-actions,
.vidu-project-modal-shell .vidu-project-check-row:focus-within .vidu-project-check-actions,
.vidu-project-modal-shell .vidu-project-check-row.has-focus-within .vidu-project-check-actions,
.vidu-project-modal-shell .vidu-project-check-row.is-editing .vidu-project-check-actions {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(-50%) translateX(0) !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row.has-focus-within .vidu-project-check-actions .vidu-project-check-delete-item,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row.is-editing .vidu-project-check-actions .vidu-project-check-delete-item,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row.has-focus-within .vidu-project-check-actions .vidu-project-check-delete-item,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row.is-editing .vidu-project-check-actions .vidu-project-check-delete-item,
.vidu-project-modal-shell .vidu-project-check-row.has-focus-within .vidu-project-check-actions .vidu-project-check-delete-item,
.vidu-project-modal-shell .vidu-project-check-row.is-editing .vidu-project-check-actions .vidu-project-check-delete-item {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}

@media (max-width: 720px) {
  #vidu-app-modal .vidu-project-modal-shell .vidu-project-check-row,
  #vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-row,
  .vidu-project-modal-shell .vidu-project-check-row {
    padding-right: 12px !important;
  }

  #vidu-app-modal .vidu-project-modal-shell .vidu-project-check-actions,
  #vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-actions,
  .vidu-project-modal-shell .vidu-project-check-actions {
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    justify-content: flex-start !important;
  }
}

/* Finance AI summary: read-only analysis layer. */
#vidu-pipeline-dashboard .vidu-finance-ai-summary {
  width: 100%;
  min-width: 0;
}

#vidu-pipeline-dashboard.is-session-expired,
.vidu-session-expired-shell {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: clamp(24px, 5vw, 64px);
  color: var(--vidu-text-primary, #f8fafc);
  background:
    radial-gradient(circle at 50% 18%, rgba(139,92,246,.12), transparent 34%),
    radial-gradient(circle at 50% 82%, rgba(59,130,246,.08), transparent 38%),
    color-mix(in srgb, var(--vidu-bg, #08090d) 92%, #000 8%);
}

.vidu-session-expired-panel {
  width: min(92vw, 480px);
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 28px;
  border: 1px solid color-mix(in srgb, #f59e0b 18%, var(--vidu-border-soft, rgba(255,255,255,.12)));
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.026)),
    color-mix(in srgb, var(--vidu-panel, #151518) 88%, #000 12%);
  box-shadow: 0 28px 80px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04);
  text-align: center;
}

.vidu-session-expired-icon {
  width: 46px;
  height: 46px;
  display: inline-grid;
  place-items: center;
  border-radius: 16px;
  color: #fbbf24;
  border: 1px solid rgba(251,191,36,.22);
  background: rgba(251,191,36,.095);
}

.vidu-session-expired-icon svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
}

.vidu-session-expired-panel h2 {
  margin: 6px 0 0;
  color: var(--vidu-text-primary, #f8fafc);
  font-size: 22px;
  line-height: 1.15;
}

.vidu-session-expired-panel p {
  margin: 0;
  color: var(--vidu-text-secondary, rgba(248,250,252,.72));
  font-size: 14px;
  line-height: 1.5;
}

.vidu-session-expired-login {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, #8b5cf6 34%, var(--vidu-control-border, rgba(255,255,255,.16)));
  background:
    linear-gradient(135deg, rgba(139,92,246,.18), rgba(56,189,248,.10)),
    color-mix(in srgb, var(--vidu-control-bg, rgba(255,255,255,.08)) 84%, transparent);
  color: var(--vidu-text-primary, #fff);
  font-size: 13px;
  font-weight: 760;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(139,92,246,.14);
}

.vidu-session-expired-login:hover {
  border-color: color-mix(in srgb, #a78bfa 48%, var(--vidu-control-border, rgba(255,255,255,.16)));
  box-shadow: 0 18px 34px rgba(139,92,246,.20);
  transform: translateY(-1px);
}

.vidu-public-onboarding {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 48px 18px;
  background:
    radial-gradient(circle at 18% 12%, rgba(139, 92, 246, .16), transparent 32%),
    radial-gradient(circle at 82% 18%, rgba(34, 197, 94, .10), transparent 30%),
    #08080a;
  color: rgba(248, 250, 252, .94);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.vidu-public-card {
  position: relative;
  z-index: 1;
  width: min(100%, 920px);
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035)), rgba(18, 18, 22, .92);
  box-shadow: 0 34px 90px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .08);
  padding: clamp(28px, 4vw, 48px);
}

.vidu-public-card.is-wide {
  width: min(100%, 1180px);
}

.vidu-public-kicker {
  margin-bottom: 12px;
  color: rgba(196, 181, 253, .9);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-public-card h1 {
  margin: 0 0 10px;
  font-size: clamp(32px, 5vw, 58px);
  line-height: 1;
}

.vidu-public-card p,
.vidu-public-card small {
  color: rgba(226, 232, 240, .68);
  line-height: 1.55;
}

.vidu-registration-form,
.vidu-onboarding-steps {
  display: grid;
  gap: 18px;
  margin-top: 28px;
}

.vidu-public-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.vidu-public-grid .is-wide,
.vidu-public-question {
  grid-column: 1 / -1;
}

.vidu-public-card label,
.vidu-public-question {
  display: grid;
  gap: 8px;
}

.vidu-public-card label span,
.vidu-public-question strong,
.vidu-onboarding-steps h2 {
  color: rgba(248, 250, 252, .88);
  font-size: 13px;
  font-weight: 760;
}

.vidu-public-card input,
.vidu-public-card select {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 14px;
  background: rgba(255, 255, 255, .055);
  color: rgba(248, 250, 252, .94);
  padding: 0 14px;
  outline: none;
}

.vidu-public-card input[type="file"] {
  padding: 11px 14px;
}

.vidu-public-options {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vidu-public-options.is-wrap {
  flex-wrap: wrap;
}

.vidu-public-options label {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  padding: 0 13px;
  color: rgba(226, 232, 240, .78);
}

.vidu-public-options input {
  width: auto;
  min-height: auto;
  padding: 0;
}

.vidu-onboarding-steps section,
.vidu-brand-preview {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 20px;
  background: rgba(255, 255, 255, .035);
  padding: 20px;
}

.vidu-onboarding-steps h2 {
  margin: 0 0 14px;
}

.vidu-brand-preview {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vidu-public-subscription-panel {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 24px 0;
  border: 1px solid rgba(167, 139, 250, .18);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(139, 92, 246, .12), rgba(59, 130, 246, .06)),
    rgba(255, 255, 255, .04);
  padding: 18px;
  pointer-events: auto;
}

.vidu-public-subscription-panel > * {
  position: relative;
  z-index: 1;
}

.vidu-public-subscription-panel span {
  display: block;
  color: rgba(196, 181, 253, .86);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-public-subscription-panel strong {
  display: block;
  margin-top: 4px;
  color: rgba(248, 250, 252, .95);
  font-size: 20px;
}

.vidu-public-subscription-panel p {
  max-width: 680px;
  margin: 8px 0 0;
}

.vidu-public-warning {
  display: block;
  margin-top: 8px;
  color: rgba(253, 230, 138, .86);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-public-secondary-link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: rgba(248, 250, 252, .86);
  padding: 0 18px;
  text-decoration: none;
  font-weight: 760;
}

.vidu-brand-preview button,
.vidu-public-primary,
.vidu-public-actions button {
  position: relative;
  z-index: 3;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(167, 139, 250, .24);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(139, 92, 246, .82), rgba(59, 130, 246, .72));
  color: #fff;
  padding: 0 18px;
  font-weight: 820;
  cursor: pointer;
  pointer-events: auto;
}

.vidu-public-primary:disabled,
.vidu-public-primary.is-loading,
.vidu-public-actions button:disabled {
  cursor: wait;
  opacity: .72;
}

.vidu-public-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

.vidu-public-actions button:not(.vidu-public-primary) {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .11);
}

.vidu-public-message {
  min-height: 20px;
  color: rgba(196, 181, 253, .9);
  font-size: 13px;
}

.vidu-public-message[data-tone="success"] {
  color: rgba(134, 239, 172, .92);
}

.vidu-public-message[data-tone="error"] {
  color: rgba(252, 165, 165, .94);
}

.vidu-public-message[data-tone="pending"] {
  color: rgba(196, 181, 253, .9);
}

.vidu-registration-shell[data-vidu-registration] {
  position: relative;
  min-height: 100svh;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  padding: clamp(18px, 2.4vw, 36px);
  background:
    radial-gradient(circle at 18% 16%, rgba(109, 40, 217, .16), transparent 30%),
    radial-gradient(circle at 78% 22%, rgba(37, 99, 235, .13), transparent 32%),
    linear-gradient(135deg, #04050c 0%, #080715 42%, #02030a 100%);
  color: rgba(248, 250, 252, .96);
}

.vidu-registration-shell[data-vidu-registration] .grecaptcha-badge {
  visibility: hidden !important;
}

body:has(.vidu-registration-shell[data-vidu-registration]) .grecaptcha-badge {
  visibility: hidden !important;
}

.vidu-registration-shell[data-vidu-registration]::before,
.vidu-registration-shell[data-vidu-registration]::after {
  content: "";
  position: absolute;
  inset: -20%;
  pointer-events: none;
  opacity: .52;
}

.vidu-registration-shell[data-vidu-registration]::before {
  background:
    radial-gradient(circle at 22% 72%, rgba(14, 165, 233, .20), transparent 22%),
    radial-gradient(circle at 65% 10%, rgba(168, 85, 247, .22), transparent 18%),
    radial-gradient(circle at 92% 58%, rgba(79, 70, 229, .18), transparent 24%);
  filter: blur(24px);
  animation: viduRegistrationAurora 34s ease-in-out infinite alternate;
}

.vidu-registration-shell[data-vidu-registration]::after {
  background-image:
    linear-gradient(118deg, transparent 0 38%, rgba(99, 102, 241, .12) 39%, transparent 42% 100%),
    linear-gradient(148deg, transparent 0 52%, rgba(14, 165, 233, .10) 53%, transparent 56% 100%),
    radial-gradient(circle, rgba(168, 85, 247, .55) 0 1px, transparent 1.5px);
  background-size: 100% 100%, 100% 100%, 120px 120px;
  opacity: .22;
  animation: viduRegistrationStars 48s linear infinite;
}

.vidu-registration-ambient {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.vidu-registration-ambient span {
  position: absolute;
  width: 42vw;
  height: 42vw;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(124, 58, 237, .16), transparent 64%);
  filter: blur(46px);
  opacity: .42;
  animation: viduRegistrationFloat 36s ease-in-out infinite alternate;
}

.vidu-registration-ambient span:nth-child(1) {
  left: 20%;
  bottom: -24%;
  background: radial-gradient(circle, rgba(14, 165, 233, .20), transparent 64%);
}

.vidu-registration-ambient span:nth-child(2) {
  right: -12%;
  top: 8%;
  animation-delay: -5s;
}

.vidu-registration-ambient span:nth-child(3) {
  width: 28vw;
  height: 28vw;
  left: 54%;
  top: -18%;
  background: radial-gradient(circle, rgba(59, 130, 246, .16), transparent 68%);
  animation-delay: -10s;
}

.vidu-registration-topbar,
.vidu-registration-layout {
  position: relative;
  z-index: 1;
  width: min(100%, 1400px);
  margin: 0 auto;
}

.vidu-registration-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: clamp(18px, 2.8vh, 30px);
}

.vidu-registration-brand,
.vidu-registration-login {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.vidu-registration-brand {
  gap: 18px;
  color: #fff;
  font-size: 32px;
  font-weight: 820;
  letter-spacing: -.018em;
}

.vidu-registration-brand img {
  width: min(164px, 42vw);
  height: auto;
  max-height: 52px;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 16px 34px rgba(79, 70, 229, .22));
}

.vidu-registration-brand-badge {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(129, 140, 248, .24);
  border-radius: 999px;
  background: rgba(99, 102, 241, .10);
  color: #b7c2ff;
  padding: 0 11px;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .14em;
  line-height: 1;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
  transform: translateY(1px);
}

.vidu-registration-mark {
  width: 32px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #f8fafc;
  flex: 0 0 auto;
}

.vidu-registration-mark svg {
  width: 100%;
  height: 100%;
  display: block;
  filter: drop-shadow(0 10px 24px rgba(124, 58, 237, .30));
}

.vidu-registration-wordmark {
  display: inline-block;
  transform: translateY(-1px);
  color: rgba(248, 250, 252, .96);
  font-size: 34px;
  font-weight: 780;
  letter-spacing: -.035em;
  line-height: 1;
  text-shadow: 0 18px 36px rgba(79, 70, 229, .26);
}

.vidu-registration-login {
  gap: 14px;
  color: rgba(226, 232, 240, .72);
  font-size: 14px;
}

.vidu-registration-login strong {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(167, 139, 250, .28);
  border-radius: 12px;
  padding: 0 18px;
  color: #c4b5fd;
  font-weight: 720;
  background: rgba(12, 10, 28, .52);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);
}

.vidu-registration-layout {
  display: grid;
  grid-template-columns: minmax(420px, 1fr) minmax(620px, 700px);
  align-items: center;
  gap: clamp(48px, 5vw, 76px);
}

.vidu-registration-hero {
  max-width: 560px;
}

.vidu-registration-hero .vidu-public-kicker {
  width: fit-content;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  margin-bottom: 14px;
  border: 1px solid rgba(167, 139, 250, .18);
  border-radius: 10px;
  background: rgba(99, 102, 241, .12);
  padding: 0 16px;
  color: #a5b4fc;
  letter-spacing: .14em;
}

.vidu-registration-hero h1 {
  margin: 0;
  max-width: 640px;
  color: #fff;
  font-size: clamp(40px, 4.25vw, 62px);
  line-height: .98;
  letter-spacing: -.035em;
}

.vidu-registration-hero h1 span {
  display: block;
  background: linear-gradient(120deg, #a855f7, #3b82f6 58%, #22d3ee);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.vidu-registration-hero > p {
  max-width: 540px;
  margin: 18px 0 0;
  color: rgba(226, 232, 240, .74);
  font-size: 16px;
  line-height: 1.58;
}

.vidu-registration-features {
  display: grid;
  gap: 13px;
  margin-top: 26px;
}

.vidu-registration-features article {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}

.vidu-registration-features i {
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(167, 139, 250, .16);
  background: linear-gradient(135deg, rgba(124, 58, 237, .42), rgba(37, 99, 235, .16));
  color: rgba(255, 255, 255, .9);
  font-size: 15px;
  font-style: normal;
  font-weight: 820;
  box-shadow: 0 16px 42px rgba(79, 70, 229, .16), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.vidu-registration-features strong {
  display: block;
  color: rgba(248, 250, 252, .96);
  font-size: 15px;
  font-weight: 760;
}

.vidu-registration-features span {
  display: block;
  margin-top: 3px;
  color: rgba(203, 213, 225, .70);
  font-size: 13.5px;
  line-height: 1.45;
}

.vidu-registration-trust-card {
  margin-top: 26px;
  max-width: 440px;
  border: 1px solid rgba(168, 85, 247, .24);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(109, 40, 217, .18), rgba(15, 23, 42, .44)),
    rgba(2, 6, 23, .52);
  box-shadow: 0 22px 62px rgba(2, 6, 23, .32), inset 0 1px 0 rgba(255, 255, 255, .07);
  padding: 18px 20px;
}

.vidu-registration-trust-card b {
  display: block;
  color: #a855f7;
  font-size: 36px;
  line-height: .7;
}

.vidu-registration-trust-card p {
  margin: 6px 0 14px;
  color: #fff;
  font-size: 15px;
  line-height: 1.48;
}

.vidu-registration-trust-card div {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  column-gap: 14px;
}

.vidu-registration-trust-card div span {
  grid-row: span 2;
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, #e0f2fe, #7c3aed);
  color: #0f172a;
  font-weight: 850;
}

.vidu-registration-trust-card div strong,
.vidu-registration-trust-card div small {
  display: block;
}

.vidu-registration-trust-card div strong {
  color: rgba(248, 250, 252, .96);
}

.vidu-registration-trust-card div small {
  color: rgba(203, 213, 225, .64);
}

.vidu-registration-trust-row {
  margin-top: 22px;
  color: rgba(203, 213, 225, .68);
}

.vidu-registration-trust-row > span {
  display: block;
  margin-bottom: 14px;
  font-size: 13.5px;
}

.vidu-registration-trust-row div {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.vidu-registration-trust-row em {
  color: rgba(226, 232, 240, .60);
  font-style: normal;
  font-size: 13.5px;
}

.vidu-registration-panel {
  width: 100%;
}

.vidu-registration-form {
  gap: 22px;
}

.vidu-registration-card {
  position: relative;
  width: 100%;
  margin: 0;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .048), rgba(255, 255, 255, .022)),
    rgba(8, 10, 25, .70);
  box-shadow: 0 34px 90px rgba(2, 6, 23, .52), 0 18px 70px rgba(37, 99, 235, .08), 0 0 0 1px rgba(79, 70, 229, .06), inset 0 1px 0 rgba(255, 255, 255, .07);
  backdrop-filter: blur(22px) saturate(1.08);
  padding: clamp(36px, 3vw, 42px) clamp(34px, 3.2vw, 44px) clamp(32px, 2.8vw, 38px);
}

.vidu-registration-card::before {
  content: "";
  position: absolute;
  inset: -1px 16% auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(168, 85, 247, .58), rgba(59, 130, 246, .48), transparent);
  opacity: .78;
}

.vidu-registration-card-head {
  display: grid;
  gap: 9px;
  margin-bottom: 8px;
}

.vidu-registration-card-head span {
  color: #a78bfa;
  font-size: 13px;
  font-weight: 820;
  letter-spacing: .06em;
}

.vidu-registration-card-head h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(30px, 2.8vw, 40px);
  line-height: 1.05;
  letter-spacing: -.032em;
}

.vidu-registration-card-head p {
  max-width: 600px;
  margin: 0;
  color: rgba(203, 213, 225, .72);
  font-size: 14px;
  line-height: 1.52;
}

.vidu-registration-social {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.vidu-registration-provider {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border: 1px solid rgba(148, 163, 184, .25);
  border-radius: 14px;
  background: rgba(255, 255, 255, .055);
  color: rgba(248, 250, 252, .96);
  font-size: 13.5px;
  font-weight: 760;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.vidu-registration-provider:hover,
.vidu-registration-provider:focus-visible {
  border-color: rgba(167, 139, 250, .52);
  background: rgba(255, 255, 255, .09);
  color: #fff;
  transform: translateY(-1px);
}

.vidu-registration-provider.is-disabled {
  cursor: not-allowed;
  opacity: .42;
  transform: none;
}

.vidu-registration-provider-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  flex: 0 0 40px;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
}

.vidu-registration-provider-icon img {
  display: block;
  width: 30px;
  height: 30px;
  margin: auto;
  object-fit: contain;
}

.vidu-registration-provider.is-apple .vidu-registration-provider-icon,
.vidu-registration-provider.is-apple .vidu-registration-provider-icon img {
  width: 40px;
  height: 40px;
  background: #fff;
}

.vidu-registration-divider {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 13px;
  color: rgba(203, 213, 225, .52);
  font-size: 12px;
}

.vidu-registration-divider::before,
.vidu-registration-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(148, 163, 184, .17);
}

.vidu-registration-auth-error {
  margin: 0;
}

.vidu-registration-wizard {
  position: relative;
  min-height: 250px;
  display: grid;
  align-items: start;
}

.vidu-registration-step-panel {
  grid-area: 1 / 1;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
}

.vidu-registration-step-panel.is-active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.vidu-registration-step-panel[hidden] {
  display: block !important;
  visibility: hidden;
}

.vidu-registration-step-panel.is-active[hidden] {
  visibility: visible;
}

.vidu-registration-card .vidu-public-grid {
  gap: 26px 24px;
}

.vidu-registration-card .vidu-registration-account-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vidu-registration-card .vidu-registration-account-grid .is-wide {
  grid-column: 1 / -1;
}

.vidu-registration-card .vidu-public-grid > label {
  display: grid;
  align-content: start;
  gap: 11px;
  min-width: 0;
}

.vidu-registration-card .vidu-public-question {
  display: grid;
  gap: 14px;
  margin: 6px 0 2px;
}

.vidu-registration-card label > span,
.vidu-registration-card .vidu-public-question > strong {
  color: rgba(248, 250, 252, .92);
  font-size: 13.5px;
  font-weight: 760;
  line-height: 1.35;
}

.vidu-registration-card input,
.vidu-registration-card select {
  min-height: 52px;
  border-color: rgba(148, 163, 184, .26);
  border-radius: 14px;
  background: rgba(3, 7, 18, .38);
  color: rgba(248, 250, 252, .94);
  padding: 0 16px;
  font-size: 14.5px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.vidu-registration-card input::placeholder {
  color: rgba(203, 213, 225, .52);
}

.vidu-registration-card input:focus,
.vidu-registration-card select:focus {
  border-color: rgba(147, 197, 253, .58);
  background: rgba(8, 13, 31, .54);
  box-shadow: 0 0 0 4px rgba(99, 102, 241, .10), 0 14px 34px rgba(37, 99, 235, .08), inset 0 1px 0 rgba(255, 255, 255, .055);
}

.vidu-registration-card .vidu-public-options {
  align-items: stretch;
  gap: 14px;
}

.vidu-registration-card .vidu-public-options label {
  position: relative;
  min-height: 42px;
  border-radius: 12px;
  border-color: rgba(148, 163, 184, .20);
  background: rgba(2, 6, 23, .28);
  padding: 0 16px;
  color: rgba(226, 232, 240, .78);
  font-size: 13.5px;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.vidu-registration-card .vidu-public-options label:hover {
  border-color: rgba(167, 139, 250, .36);
  background: rgba(30, 41, 59, .38);
  color: rgba(248, 250, 252, .94);
}

.vidu-registration-card .vidu-public-options input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.vidu-registration-card .vidu-public-options label > span {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, .34);
  border-radius: 4px;
  background: rgba(15, 23, 42, .44);
}

.vidu-registration-card .vidu-public-options label > span::before {
  content: "";
  width: 7px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  opacity: 0;
  transform: rotate(-45deg) translateY(-1px);
}

.vidu-registration-card .vidu-public-options label:has(input:checked) {
  border-color: rgba(129, 140, 248, .58);
  background: linear-gradient(135deg, rgba(124, 58, 237, .82), rgba(37, 99, 235, .66));
  color: #fff;
  box-shadow: 0 16px 38px rgba(79, 70, 229, .22), inset 0 1px 0 rgba(255, 255, 255, .12);
}

.vidu-registration-card .vidu-public-options label:has(input:checked) > span {
  border-color: rgba(255, 255, 255, .64);
  background: rgba(255, 255, 255, .20);
}

.vidu-registration-card .vidu-public-options label:has(input:checked) > span::before {
  opacity: 1;
}

.vidu-registration-submit {
  width: 100%;
  min-height: 54px;
  justify-content: space-between;
  margin-top: 6px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #7c3aed, #2563eb);
  box-shadow: 0 21px 50px rgba(37, 99, 235, .22), 0 0 0 1px rgba(255, 255, 255, .08) inset;
  font-size: 15px;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.vidu-registration-actions {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-top: 6px;
}

.vidu-registration-actions [hidden],
.vidu-registration-actions [aria-hidden="true"] {
  display: none !important;
}

.vidu-registration-actions .vidu-registration-next,
.vidu-registration-actions .vidu-registration-submit {
  margin-top: 0;
}

.vidu-registration-form[data-registration-step="1"] .vidu-registration-actions {
  grid-template-columns: minmax(0, 1fr);
}

.vidu-registration-form[data-registration-step="1"] .vidu-registration-actions .vidu-registration-next,
.vidu-registration-form[data-registration-step="1"] .vidu-registration-actions .vidu-registration-submit {
  grid-column: 1 / -1;
}

.vidu-registration-form[data-registration-step="2"] .vidu-registration-actions,
.vidu-registration-form[data-registration-step="3"] .vidu-registration-actions {
  grid-template-columns: auto minmax(0, 1fr);
}

.vidu-registration-actions .vidu-registration-back {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 999px;
  background: rgba(2, 6, 23, .34);
  color: rgba(226, 232, 240, .86);
  padding: 0 22px;
  font-size: 14px;
  font-weight: 780;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.vidu-registration-actions .vidu-registration-back:hover {
  transform: translateY(-1px);
  border-color: rgba(167, 139, 250, .34);
  background: rgba(30, 41, 59, .34);
  color: rgba(248, 250, 252, .94);
}

.vidu-registration-submit:hover {
  transform: translateY(-1px);
  filter: saturate(1.03) brightness(1.02);
  box-shadow: 0 24px 58px rgba(79, 70, 229, .30), 0 0 0 1px rgba(255, 255, 255, .11) inset;
}

.vidu-registration-submit i {
  font-style: normal;
  font-size: 22px;
  line-height: 1;
}

.vidu-registration-legal {
  margin: -4px 0 0;
  color: rgba(203, 213, 225, .58);
  font-size: 11.5px;
  line-height: 1.35;
  text-align: center;
}

.vidu-registration-legal a {
  color: #93c5fd;
}

.vidu-registration-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: -2px 0 0;
  padding: 0;
  color: rgba(226, 232, 240, .82);
  list-style: none;
}

.vidu-registration-steps li {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  white-space: nowrap;
}

.vidu-registration-steps li + li::before {
  content: "→";
  position: absolute;
  right: calc(100% + 10px);
  color: rgba(148, 163, 184, .55);
}

.vidu-registration-steps span {
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, .18);
  background: rgba(15, 23, 42, .74);
  color: rgba(226, 232, 240, .86);
  font-size: 12px;
  font-weight: 780;
}

.vidu-registration-steps .is-active span {
  border-color: rgba(167, 139, 250, .52);
  background: linear-gradient(135deg, #7c3aed, #2563eb);
  color: #fff;
  box-shadow: 0 14px 34px rgba(99, 102, 241, .28);
}

.vidu-registration-steps .is-complete span {
  border-color: rgba(134, 239, 172, .35);
  background: rgba(34, 197, 94, .16);
  color: rgba(187, 247, 208, .94);
}

@keyframes viduRegistrationAurora {
  0% {
    transform: translate3d(-2%, -1%, 0) scale(1);
  }

  100% {
    transform: translate3d(3%, 2%, 0) scale(1.04);
  }
}

@keyframes viduRegistrationStars {
  0% {
    background-position: 0 0, 0 0, 0 0;
  }

  100% {
    background-position: 0 0, 0 0, 120px 80px;
  }
}

@keyframes viduRegistrationFloat {
  0% {
    transform: translate3d(-3%, 2%, 0) scale(1);
  }

  100% {
    transform: translate3d(5%, -4%, 0) scale(1.08);
  }
}

@media (min-width: 1281px) {
  .vidu-registration-shell[data-vidu-registration] {
    height: 100svh;
    min-height: 100svh;
    overflow: hidden;
  }

  .vidu-registration-layout {
    height: calc(100svh - (clamp(18px, 2.4vw, 36px) * 2) - clamp(38px, 4.4vh, 56px) - clamp(18px, 2.8vh, 30px));
    min-height: 0;
  }

  .vidu-registration-card {
    max-height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, .32) transparent;
  }
}

@media (min-width: 1281px) and (max-height: 860px) {
  .vidu-registration-shell[data-vidu-registration] {
    padding: 16px 28px;
  }

  .vidu-registration-topbar {
    margin-bottom: 16px;
  }

  .vidu-registration-layout {
    height: calc(100svh - 86px);
  }

  .vidu-registration-hero h1 {
    font-size: clamp(38px, 4vw, 56px);
  }

  .vidu-registration-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    margin-top: 22px;
  }

  .vidu-registration-features article {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 11px;
  }

  .vidu-registration-features i {
    width: 38px;
    height: 38px;
  }

  .vidu-registration-trust-card {
    margin-top: 22px;
    padding: 16px 18px;
  }

  .vidu-registration-trust-row {
    display: none;
  }

  .vidu-registration-card {
    padding: 22px 24px;
  }
}

@media (max-width: 1280px) {
  .vidu-registration-shell[data-vidu-registration] {
    padding: 24px;
    overflow-y: auto;
  }

  .vidu-registration-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 38px;
  }

  .vidu-registration-card .vidu-registration-account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-registration-card .vidu-registration-account-grid .is-wide {
    grid-column: 1 / -1;
  }

  .vidu-registration-hero {
    max-width: none;
  }

  .vidu-registration-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vidu-registration-trust-card {
    max-width: none;
  }
}

@media (max-width: 760px) {
  .vidu-registration-shell[data-vidu-registration] {
    padding: 18px;
  }

  .vidu-registration-topbar {
    align-items: flex-start;
    margin-bottom: 30px;
  }

  .vidu-registration-brand {
    gap: 12px;
    font-size: 28px;
    flex-wrap: wrap;
  }

  .vidu-registration-brand img {
    width: min(142px, 44vw);
  }

  .vidu-registration-brand-badge {
    min-height: 24px;
    padding: 0 9px;
    font-size: 9px;
  }

  .vidu-registration-mark {
    width: 30px;
    height: 25px;
  }

  .vidu-registration-login {
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    font-size: 12px;
  }

  .vidu-registration-login strong {
    min-height: 36px;
    padding: 0 12px;
  }

  .vidu-registration-hero {
    order: 2;
    display: grid;
    gap: 0;
  }

  .vidu-registration-panel {
    order: 1;
  }

  .vidu-registration-hero h1 {
    font-size: clamp(38px, 13vw, 54px);
  }

  .vidu-registration-hero > p {
    font-size: 16px;
  }

  .vidu-registration-features {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-registration-card {
    border-radius: 24px;
    padding: 24px 18px;
  }

  .vidu-registration-card input,
  .vidu-registration-card select {
    min-height: 52px;
  }

  .vidu-registration-card .vidu-registration-account-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-registration-social {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-registration-card-head h2 {
    font-size: 32px;
  }

  .vidu-registration-card .vidu-public-options label {
    flex: 1 1 100%;
  }

  .vidu-registration-steps {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .vidu-registration-steps li + li::before {
    content: none;
  }
}

@media (max-width: 760px) {
  .vidu-public-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-public-options,
  .vidu-brand-preview,
  .vidu-public-subscription-panel,
  .vidu-public-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

[data-vidu-theme="light"] #vidu-app-modal .vidu-project-modal-shell .vidu-project-checklist-actions #vidu-project-add-checklist-block,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-checklist-actions #vidu-project-add-checklist-block,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-checklist-actions #vidu-project-add-checklist-block {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border-color: rgba(71,85,105,.24) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(241,245,249,.86)) !important;
  color: #334155 !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
  line-height: 0 !important;
}

[data-vidu-theme="light"] #vidu-app-modal .vidu-project-modal-shell .vidu-project-checklist-actions #vidu-project-add-checklist-block::before,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-checklist-actions #vidu-project-add-checklist-block::before,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-checklist-actions #vidu-project-add-checklist-block::before {
  content: "+" !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #334155 !important;
  font-size: 18px !important;
  font-weight: 520 !important;
  line-height: 1 !important;
  transform: translateY(-.5px) !important;
}

[data-vidu-theme="light"] #vidu-app-modal .vidu-project-modal-shell .vidu-project-checklist-actions #vidu-project-add-checklist-block:hover,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-checklist-actions #vidu-project-add-checklist-block:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-project-modal-shell .vidu-project-checklist-actions #vidu-project-add-checklist-block:hover {
  border-color: rgba(51,65,85,.34) !important;
  background:
    linear-gradient(180deg, #fff, rgba(226,232,240,.92)) !important;
  color: #1f2937 !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.98) !important;
}

#vidu-pipeline-dashboard .vidu-finance-ai-panel {
  border: 1px solid color-mix(in srgb, var(--vidu-accent-info, #60a5fa) 15%, var(--vidu-border-soft));
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(96,165,250,.06), rgba(139,92,246,.035)),
    color-mix(in srgb, var(--vidu-panel, #151518) 88%, #000 12%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 14px 34px rgba(0,0,0,.16);
  overflow: hidden;
}

#vidu-pipeline-dashboard .vidu-finance-ai-compact,
#vidu-pipeline-dashboard .vidu-finance-ai-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 14px 16px;
}

#vidu-pipeline-dashboard .vidu-finance-ai-compact {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--vidu-text-primary);
  cursor: pointer;
  text-align: left;
}

#vidu-pipeline-dashboard .vidu-finance-ai-title {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-ai-icon {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #c4b5fd;
  background: rgba(139,92,246,.105);
  border: 1px solid rgba(167,139,250,.20);
}

#vidu-pipeline-dashboard .vidu-finance-ai-icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}

#vidu-pipeline-dashboard .vidu-finance-ai-copy,
#vidu-pipeline-dashboard .vidu-finance-ai-title > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

#vidu-pipeline-dashboard .vidu-finance-ai-copy strong,
#vidu-pipeline-dashboard .vidu-finance-ai-title h4 {
  margin: 0;
  color: var(--vidu-text-primary);
  font-size: 14px;
  font-weight: 720;
}

#vidu-pipeline-dashboard .vidu-finance-ai-copy small,
#vidu-pipeline-dashboard .vidu-finance-ai-title small,
#vidu-pipeline-dashboard .vidu-finance-ai-title span {
  color: var(--vidu-text-muted);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-finance-ai-chevron {
  color: var(--vidu-text-muted);
  font-size: 18px;
}

#vidu-pipeline-dashboard .vidu-finance-ai-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

#vidu-pipeline-dashboard .vidu-finance-ai-actions em,
#vidu-pipeline-dashboard .vidu-finance-ai-actions b {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  border: 1px solid var(--vidu-border-soft);
  color: var(--vidu-text-secondary);
  background: rgba(255,255,255,.035);
  font-size: 11px;
  font-style: normal;
}

#vidu-pipeline-dashboard .vidu-finance-ai-actions button {
  min-height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(167,139,250,.22);
  background: rgba(139,92,246,.105);
  color: var(--vidu-text-primary);
  padding: 0 12px;
  font-size: 12px;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-finance-ai-actions button.is-ghost {
  background: rgba(255,255,255,.035);
  border-color: var(--vidu-border-soft);
  color: var(--vidu-text-secondary);
}

#vidu-pipeline-dashboard .vidu-finance-ai-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0 16px 16px;
}

#vidu-pipeline-dashboard .vidu-finance-ai-card {
  min-height: 112px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.055);
  background: rgba(255,255,255,.026);
  padding: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-ai-card span {
  display: block;
  margin-bottom: 8px;
  color: var(--vidu-text-secondary);
  font-size: 11px;
  font-weight: 700;
}

#vidu-pipeline-dashboard .vidu-finance-ai-card-body,
#vidu-pipeline-dashboard .vidu-finance-ai-card-body p,
#vidu-pipeline-dashboard .vidu-finance-ai-card-body p:last-child {
  margin: 0;
  color: var(--vidu-text-primary);
  font-size: 12px;
  line-height: 1.45;
}

#vidu-pipeline-dashboard .vidu-finance-ai-card-body {
  display: grid;
  gap: 7px;
}

#vidu-pipeline-dashboard .vidu-finance-ai-card em {
  color: var(--vidu-text-muted);
  font-style: normal;
}

#vidu-pipeline-dashboard .vidu-finance-ai-loading,
#vidu-pipeline-dashboard .vidu-finance-ai-error,
#vidu-pipeline-dashboard .vidu-finance-ai-empty {
  margin: 0 16px 16px;
  border-radius: 14px;
  padding: 13px 14px;
  border: 1px solid var(--vidu-border-soft);
  background: rgba(255,255,255,.026);
  color: var(--vidu-text-secondary);
}

#vidu-pipeline-dashboard .vidu-finance-ai-error {
  border-color: rgba(248,113,113,.28);
  color: #fecaca;
}

#vidu-pipeline-dashboard .vidu-finance-ai-empty {
  display: grid;
  gap: 4px;
}

#vidu-pipeline-dashboard .vidu-finance-ai-empty strong {
  color: var(--vidu-text-primary);
}

#vidu-pipeline-dashboard .vidu-finance-ai-full {
  margin: 0 16px 16px;
  border-radius: 14px;
  border: 1px solid var(--vidu-border-soft);
  background: rgba(255,255,255,.022);
  padding: 10px 12px;
  color: var(--vidu-text-secondary);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-finance-ai-full summary {
  cursor: pointer;
  color: var(--vidu-text-primary);
  font-weight: 700;
}

#vidu-pipeline-dashboard .vidu-finance-ai-full p {
  color: var(--vidu-text-secondary);
  line-height: 1.5;
}

#vidu-pipeline-dashboard .vidu-finance-ai-insights {
  margin: 0 16px 16px;
  display: grid;
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-finance-ai-insights-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  color: var(--vidu-text-secondary);
}

#vidu-pipeline-dashboard .vidu-finance-ai-insights-head div {
  display: grid;
  gap: 2px;
}

#vidu-pipeline-dashboard .vidu-finance-ai-insights-head strong {
  color: var(--vidu-text-primary);
  font-size: 13px;
}

#vidu-pipeline-dashboard .vidu-finance-ai-insights-head span,
#vidu-pipeline-dashboard .vidu-finance-ai-insights-head em {
  color: var(--vidu-text-muted);
  font-size: 11px;
  font-style: normal;
}

.vidu-ai-insights-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.vidu-ai-insight-card,
.vidu-ai-insights-empty {
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 14px;
  background: rgba(255,255,255,.024);
  padding: 12px;
}

.vidu-ai-insights-empty {
  color: var(--vidu-text-secondary);
  font-size: 12px;
}

.vidu-ai-insight-card {
  display: grid;
  gap: 8px;
}

.vidu-ai-insight-card > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.vidu-ai-insight-card span,
.vidu-ai-insight-card em {
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 780;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.vidu-ai-insight-card em {
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.06);
  padding: 3px 7px;
}

.vidu-ai-insight-card strong {
  color: var(--vidu-text-primary);
  font-size: 13px;
}

.vidu-ai-insight-card p,
.vidu-ai-insight-card small {
  margin: 0;
  color: var(--vidu-text-secondary);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-ai-insight-card small {
  color: var(--vidu-text-muted);
}

.vidu-ai-insight-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 2px;
}

.vidu-ai-insight-card footer span {
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 650;
  text-transform: none;
  letter-spacing: 0;
}

.vidu-ai-insight-card.is-warning {
  border-color: rgba(245,158,11,.20);
}

.vidu-ai-insight-card.is-critical {
  border-color: rgba(248,113,113,.24);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ai-panel,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ai-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,248,252,.88));
  border-color: rgba(15,23,42,.12);
  box-shadow: 0 1px 2px rgba(15,23,42,.045), inset 0 1px 0 rgba(255,255,255,.86);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ai-card,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ai-loading,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ai-empty,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-finance-ai-full,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ai-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ai-loading,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ai-empty,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-finance-ai-full {
  background: rgba(255,255,255,.72);
  border-color: rgba(15,23,42,.10);
}

@media (max-width: 1180px) {
  #vidu-pipeline-dashboard .vidu-finance-ai-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  #vidu-pipeline-dashboard .vidu-finance-ai-head,
  #vidu-pipeline-dashboard .vidu-finance-ai-compact {
    align-items: flex-start;
    flex-direction: column;
  }

  #vidu-pipeline-dashboard .vidu-finance-ai-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-ai-insights-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* System Design / Theme control center */
.vidu-system-icon-img {
  width: var(--vidu-system-icon-size, var(--vidu-menu-icon-default-size, 20px));
  height: var(--vidu-system-icon-size, var(--vidu-menu-icon-default-size, 20px));
  display: block;
  object-fit: contain;
}

.vidu-system-icon-fallback {
  width: var(--vidu-system-icon-size, var(--vidu-menu-icon-default-size, 20px));
  height: var(--vidu-system-icon-size, var(--vidu-menu-icon-default-size, 20px));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--vidu-system-icon-color, var(--vidu-menu-icon-default-color, currentColor));
  opacity: var(--vidu-menu-icon-opacity, 1);
}

.vidu-system-icon-fallback svg {
  width: 100% !important;
  height: 100% !important;
  stroke: currentColor;
}

.vidu-card-action-token-icon,
.vidu-card-action-token-fallback {
  width: var(--vidu-card-action-icon-size, 20px);
  height: var(--vidu-card-action-icon-size, 20px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--vidu-card-action-icon-color, currentColor);
}

.vidu-card-action-token-icon {
  object-fit: contain;
}

.vidu-card-action-token-fallback svg {
  width: 100% !important;
  height: 100% !important;
  stroke: currentColor;
}

#vidu-pipeline-dashboard .vidu-icon-btn:hover .vidu-card-action-token-fallback,
#vidu-pipeline-dashboard .vidu-icon-btn:focus-visible .vidu-card-action-token-fallback {
  color: var(--vidu-card-action-icon-hover-color, currentColor);
}

#vidu-pipeline-dashboard .vidu-icon-btn.is-disabled .vidu-card-action-token-fallback,
#vidu-pipeline-dashboard .vidu-icon-btn[aria-disabled="true"] .vidu-card-action-token-fallback {
  color: var(--vidu-card-action-icon-disabled-color, rgba(148,163,184,.58));
}

#vidu-pipeline-dashboard .vidu-sidebar-icon .vidu-system-icon-img,
#vidu-pipeline-dashboard .vidu-user-hub-icon .vidu-system-icon-img,
#vidu-pipeline-dashboard .vidu-topbar-icon-btn .vidu-system-icon-img {
  width: var(--vidu-system-icon-size, var(--vidu-menu-icon-default-size, 20px));
  height: var(--vidu-system-icon-size, var(--vidu-menu-icon-default-size, 20px));
}

#vidu-pipeline-dashboard .vidu-design-color-grid,
#vidu-pipeline-dashboard .vidu-design-token-list {
  display: grid;
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-design-color-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#vidu-pipeline-dashboard .vidu-design-token-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#vidu-pipeline-dashboard .vidu-design-color-input input[type="color"],
#vidu-pipeline-dashboard .vidu-design-color-field input[type="color"] {
  width: 100%;
  min-height: 42px;
  padding: 5px;
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-design-token-row {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 112px auto auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 18px;
  background: rgba(255,255,255,.045);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

#vidu-pipeline-dashboard .vidu-design-token-row.is-header-icon {
  grid-template-columns: 48px minmax(0, 1fr) auto auto;
}

#vidu-pipeline-dashboard .vidu-design-icon-preview {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  border: 1px solid rgba(139,92,246,.28);
  background: linear-gradient(145deg, rgba(109,93,252,.18), rgba(56,189,248,.08));
  color: rgba(248,250,252,.86);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .02em;
}

#vidu-pipeline-dashboard .vidu-design-icon-preview img {
  width: 26px;
  height: 26px;
  display: block;
  object-fit: contain;
}

#vidu-pipeline-dashboard .vidu-design-token-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-design-token-copy strong {
  color: rgba(255,255,255,.92);
  font-size: 13px;
  line-height: 1.2;
}

#vidu-pipeline-dashboard .vidu-design-token-copy small,
#vidu-pipeline-dashboard .vidu-design-color-field span {
  color: rgba(255,255,255,.48);
  font-size: 11px;
}

#vidu-pipeline-dashboard .vidu-design-color-field {
  display: grid;
  gap: 5px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-design-token-row button,
#vidu-pipeline-dashboard .vidu-design-save-row button {
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-design-save-row {
  position: sticky;
  bottom: 0;
  z-index: 4;
  padding: 14px 0 0;
  background: linear-gradient(180deg, transparent, rgba(15,15,19,.96) 28%);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-design-token-row,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-design-token-row {
  border-color: rgba(15,23,42,.1);
  background: rgba(255,255,255,.82);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-design-token-copy strong,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-design-token-copy strong {
  color: rgba(15,23,42,.9);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-design-token-copy small,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-design-color-field span,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-design-token-copy small,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-design-color-field span {
  color: rgba(71,85,105,.68);
}

@media (max-width: 1180px) {
  #vidu-pipeline-dashboard .vidu-design-color-grid,
  #vidu-pipeline-dashboard .vidu-design-token-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  #vidu-pipeline-dashboard .vidu-design-token-row,
  #vidu-pipeline-dashboard .vidu-design-token-row.is-header-icon {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  #vidu-pipeline-dashboard .vidu-design-token-row button,
  #vidu-pipeline-dashboard .vidu-design-token-row .vidu-design-color-field {
    grid-column: 1 / -1;
  }
}

/* Design system polish pass */
#vidu-pipeline-dashboard .vidu-system-panel[data-system-panel="design"] {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding-bottom: 92px;
}

#vidu-pipeline-dashboard .vidu-system-panel[data-system-panel="design"][hidden] {
  display: none;
}

#vidu-pipeline-dashboard .vidu-design-system-card {
  padding: 22px;
  border-radius: 24px;
  border-color: rgba(255,255,255,.105);
  background:
    linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.025) 44%, rgba(109,93,252,.035)),
    rgba(18,19,26,.78);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 18px 58px rgba(0,0,0,.22);
}

#vidu-pipeline-dashboard .vidu-design-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

#vidu-pipeline-dashboard .vidu-design-section-head div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-design-section-head span {
  color: rgba(167,139,250,.82);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-design-section-head strong {
  color: rgba(255,255,255,.94);
  font-size: 17px;
  line-height: 1.18;
}

#vidu-pipeline-dashboard .vidu-design-section-head p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.52);
  font-size: 12px;
  line-height: 1.48;
}

#vidu-pipeline-dashboard .vidu-design-section-head em {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(139,92,246,.24);
  border-radius: 999px;
  background: rgba(139,92,246,.10);
  color: rgba(221,214,254,.88);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .03em;
}

#vidu-pipeline-dashboard .vidu-design-color-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

#vidu-pipeline-dashboard .vidu-design-brand-card {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 20px;
  background:
    radial-gradient(circle at 18% 16%, color-mix(in srgb, var(--design-token-color) 22%, transparent), transparent 42%),
    rgba(255,255,255,.038);
}

#vidu-pipeline-dashboard .vidu-design-swatch {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.16);
  background: var(--design-token-color);
  box-shadow:
    0 0 28px color-mix(in srgb, var(--design-token-color) 36%, transparent),
    inset 0 1px 0 rgba(255,255,255,.24);
}

#vidu-pipeline-dashboard .vidu-design-brand-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-design-brand-copy strong {
  color: rgba(255,255,255,.92);
  font-size: 13px;
}

#vidu-pipeline-dashboard .vidu-design-brand-copy small {
  overflow: hidden;
  color: rgba(255,255,255,.45);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-design-brand-controls {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  gap: 9px;
}

#vidu-pipeline-dashboard .vidu-design-brand-controls input[type="text"],
#vidu-pipeline-dashboard .vidu-design-inline-color input[type="text"] {
  width: 100%;
  min-width: 0;
  height: 38px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.84);
  font-family: var(--vidu-font-mono);
  font-size: 12px;
  outline: none;
  padding: 0 11px;
}

#vidu-pipeline-dashboard .vidu-design-brand-controls input[type="color"],
#vidu-pipeline-dashboard .vidu-design-inline-color input[type="color"] {
  width: 46px;
  height: 38px;
  min-height: 38px;
  padding: 4px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 12px;
  background: rgba(0,0,0,.16);
}

#vidu-pipeline-dashboard .vidu-design-token-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

#vidu-pipeline-dashboard .vidu-design-token-row {
  grid-template-columns: 1fr;
  align-items: stretch;
  padding: 16px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 15% 10%, color-mix(in srgb, var(--design-token-color) 18%, transparent), transparent 42%),
    rgba(255,255,255,.04);
}

#vidu-pipeline-dashboard .vidu-design-token-main {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-design-icon-preview {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border-color: color-mix(in srgb, var(--design-token-color, #8b5cf6) 34%, rgba(255,255,255,.12));
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--design-token-color, #8b5cf6) 24%, transparent), rgba(255,255,255,.045));
  box-shadow: 0 0 28px color-mix(in srgb, var(--design-token-color, #8b5cf6) 18%, transparent);
}

#vidu-pipeline-dashboard .vidu-design-token-controls {
  display: grid;
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-design-inline-color {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 46px;
  align-items: center;
  gap: 9px;
}

#vidu-pipeline-dashboard .vidu-design-inline-color i {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--design-token-color);
  box-shadow: 0 0 16px color-mix(in srgb, var(--design-token-color) 44%, transparent);
}

#vidu-pipeline-dashboard .vidu-design-token-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

#vidu-pipeline-dashboard .vidu-design-btn {
  min-height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(139,92,246,.30);
  background: rgba(139,92,246,.095);
  color: rgba(237,233,254,.9);
  font-size: 11px;
  font-weight: 820;
  line-height: 1;
  padding: 0 13px;
  cursor: pointer;
  transition: background var(--vidu-duration-normal) var(--vidu-ease-standard), border-color var(--vidu-duration-normal) var(--vidu-ease-standard), transform var(--vidu-duration-normal) var(--vidu-ease-standard);
}

#vidu-pipeline-dashboard .vidu-design-btn:hover,
#vidu-pipeline-dashboard .vidu-design-btn:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(167,139,250,.54);
  background: rgba(139,92,246,.16);
}

#vidu-pipeline-dashboard .vidu-design-btn.is-ghost {
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.58);
}

#vidu-pipeline-dashboard .vidu-design-header-list {
  display: grid;
  gap: 10px;
}

#vidu-pipeline-dashboard .vidu-design-header-list .vidu-design-token-row.is-header-icon {
  grid-template-columns: 52px minmax(0, 1fr) auto;
  min-height: 64px;
  padding: 11px 14px;
  border-radius: 18px;
}

#vidu-pipeline-dashboard .vidu-design-header-list .vidu-design-icon-preview {
  width: 42px;
  height: 42px;
  flex-basis: 42px;
  border-radius: 14px;
}

#vidu-pipeline-dashboard .vidu-design-save-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 14px;
  margin-top: 2px;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(20,20,26,.94), rgba(12,12,16,.98)),
    rgba(15,15,19,.96);
  box-shadow: 0 -16px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.055);
}

#vidu-pipeline-dashboard .vidu-design-save-row > span:first-child {
  color: rgba(255,255,255,.52);
  font-size: 12px;
}

#vidu-pipeline-dashboard .vidu-design-save-row .vidu-system-primary-action {
  min-height: 42px;
  border-radius: 999px;
  padding: 0 18px;
  background: linear-gradient(135deg, var(--vidu-color-brand-primary, #6d5dfc), var(--vidu-color-brand-secondary, #38bdf8));
  box-shadow: 0 16px 38px rgba(109,93,252,.25);
}

@media (max-width: 1360px) {
  #vidu-pipeline-dashboard .vidu-design-token-list,
  #vidu-pipeline-dashboard .vidu-design-color-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  #vidu-pipeline-dashboard .vidu-design-token-list,
  #vidu-pipeline-dashboard .vidu-design-color-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #vidu-pipeline-dashboard .vidu-design-section-head,
  #vidu-pipeline-dashboard .vidu-design-save-row {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  #vidu-pipeline-dashboard .vidu-design-header-list .vidu-design-token-row.is-header-icon {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  #vidu-pipeline-dashboard .vidu-design-header-list .vidu-design-token-actions {
    grid-column: 1 / -1;
  }
}

/* Design token dashboard final layout */
#vidu-pipeline-dashboard .vidu-system-panel[data-system-panel="design"] {
  gap: 24px;
  padding-bottom: 124px;
}

#vidu-pipeline-dashboard .vidu-system-panel[data-system-panel="design"] > .vidu-system-panel-head {
  margin-bottom: 0;
}

#vidu-pipeline-dashboard .vidu-design-system-card {
  display: block;
  padding: 24px;
  border-radius: 24px;
}

#vidu-pipeline-dashboard .vidu-design-color-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(190px, 1fr));
  gap: 16px;
}

#vidu-pipeline-dashboard .vidu-design-token-list,
#vidu-pipeline-dashboard .vidu-design-token-list.is-header-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 16px;
}

#vidu-pipeline-dashboard .vidu-design-brand-card,
#vidu-pipeline-dashboard .vidu-design-token-row,
#vidu-pipeline-dashboard .vidu-design-token-row.is-header-icon {
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(255,255,255,.095);
  border-radius: 22px;
  background:
    radial-gradient(circle at 16% 8%, color-mix(in srgb, var(--design-token-color, #6d5dfc) 16%, transparent), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.028)),
    rgba(17,18,25,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 14px 40px rgba(0,0,0,.16);
}

#vidu-pipeline-dashboard .vidu-design-token-row,
#vidu-pipeline-dashboard .vidu-design-token-row.is-header-icon {
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: 14px;
  padding: 16px;
}

#vidu-pipeline-dashboard .vidu-design-token-main {
  display: flex;
  align-items: center;
  gap: 13px;
}

#vidu-pipeline-dashboard .vidu-design-token-copy strong,
#vidu-pipeline-dashboard .vidu-design-brand-copy strong {
  display: block;
  overflow: hidden;
  color: rgba(255,255,255,.94);
  font-size: 14px;
  font-weight: 830;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-design-token-copy small,
#vidu-pipeline-dashboard .vidu-design-brand-copy small {
  display: block;
  overflow: hidden;
  color: rgba(255,255,255,.48);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-pipeline-dashboard .vidu-design-module-preview,
#vidu-pipeline-dashboard .vidu-design-status-preview {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 9px 10px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 16px;
  background: rgba(0,0,0,.14);
}

#vidu-pipeline-dashboard .vidu-design-module-preview i {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: color-mix(in srgb, var(--design-token-color, #6d5dfc) 18%, rgba(255,255,255,.04));
  color: color-mix(in srgb, var(--design-token-color, #6d5dfc) 72%, #ffffff 28%);
  font-style: normal;
}

#vidu-pipeline-dashboard .vidu-design-module-preview i img,
#vidu-pipeline-dashboard .vidu-design-module-preview i span {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  object-fit: contain;
  font-size: 9px;
  font-weight: 850;
}

#vidu-pipeline-dashboard .vidu-design-module-preview > span {
  color: rgba(255,255,255,.48);
  font-size: 11px;
  font-weight: 700;
}

#vidu-pipeline-dashboard .vidu-design-status-preview span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid color-mix(in srgb, var(--design-token-color, #6d5dfc) 32%, rgba(255,255,255,.09));
  border-radius: 999px;
  background: color-mix(in srgb, var(--design-token-color, #6d5dfc) 13%, rgba(255,255,255,.04));
  color: color-mix(in srgb, var(--design-token-color, #6d5dfc) 76%, #ffffff 24%);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-design-status-preview img,
#vidu-pipeline-dashboard .vidu-design-status-preview span > span {
  width: 14px;
  height: 14px;
  object-fit: contain;
  font-size: 8px;
}

#vidu-pipeline-dashboard .vidu-design-token-controls {
  display: grid;
  gap: 12px;
}

#vidu-pipeline-dashboard .vidu-design-token-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
}

#vidu-pipeline-dashboard .vidu-design-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  text-align: center;
}

#vidu-pipeline-dashboard .vidu-design-save-row {
  position: sticky;
  bottom: 0;
  grid-template-columns: minmax(0, 1fr) auto auto;
  margin-top: 0;
  backdrop-filter: blur(18px);
}

#vidu-pipeline-dashboard .vidu-design-save-row .vidu-system-save-state {
  min-width: 120px;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-design-system-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-design-system-card {
  background: rgba(255,255,255,.86);
  border-color: rgba(15,23,42,.10);
  box-shadow: 0 16px 42px rgba(15,23,42,.08);
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-design-brand-card,
[data-vidu-theme="light"] #vidu-pipeline-dashboard .vidu-design-token-row,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-design-brand-card,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-design-token-row {
  background:
    radial-gradient(circle at 16% 8%, color-mix(in srgb, var(--design-token-color, #6d5dfc) 12%, transparent), transparent 46%),
    rgba(255,255,255,.92);
  border-color: rgba(15,23,42,.10);
}

@media (max-width: 1480px) {
  #vidu-pipeline-dashboard .vidu-design-color-grid {
    grid-template-columns: repeat(3, minmax(190px, 1fr));
  }
}

@media (max-width: 1220px) {
  #vidu-pipeline-dashboard .vidu-design-token-list,
  #vidu-pipeline-dashboard .vidu-design-token-list.is-header-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }

  #vidu-pipeline-dashboard .vidu-design-color-grid {
    grid-template-columns: repeat(2, minmax(190px, 1fr));
  }
}

@media (max-width: 760px) {
  #vidu-pipeline-dashboard .vidu-design-token-list,
  #vidu-pipeline-dashboard .vidu-design-token-list.is-header-grid,
  #vidu-pipeline-dashboard .vidu-design-color-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #vidu-pipeline-dashboard .vidu-design-section-head {
    flex-direction: column;
  }

  #vidu-pipeline-dashboard .vidu-design-token-actions,
  #vidu-pipeline-dashboard .vidu-design-save-row {
    grid-template-columns: 1fr;
  }
}

/* System Settings modals are rendered outside #vidu-pipeline-dashboard; keep Design UI scoped there too. */
.vidu-system-settings-modal .vidu-design-debug-marker {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 8px;
  padding: 5px 8px;
  border: 1px solid rgba(56,189,248,.22);
  border-radius: 999px;
  background: rgba(56,189,248,.08);
  color: rgba(186,230,253,.72);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
}

.vidu-system-settings-modal .vidu-system-panel[data-system-panel="design"] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 124px;
}

.vidu-system-settings-modal .vidu-system-panel[data-system-panel="design"][hidden] {
  display: none;
}

.vidu-system-settings-modal .vidu-design-system-card {
  display: block;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.105);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.025) 44%, rgba(109,93,252,.035)),
    rgba(18,19,26,.78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 18px 58px rgba(0,0,0,.22);
}

.vidu-system-settings-modal .vidu-design-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.vidu-system-settings-modal .vidu-design-section-head div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vidu-system-settings-modal .vidu-design-section-head span {
  color: rgba(167,139,250,.82);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-system-settings-modal .vidu-design-section-head strong {
  color: rgba(255,255,255,.94);
  font-size: 17px;
  line-height: 1.18;
}

.vidu-system-settings-modal .vidu-design-section-head p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.52);
  font-size: 12px;
  line-height: 1.48;
}

.vidu-system-settings-modal .vidu-design-section-head em {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(139,92,246,.24);
  border-radius: 999px;
  background: rgba(139,92,246,.10);
  color: rgba(221,214,254,.88);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.vidu-system-settings-modal .vidu-design-color-grid,
.vidu-system-settings-modal .vidu-design-token-list,
.vidu-system-settings-modal .vidu-design-token-list.is-header-grid {
  display: grid;
  gap: 16px;
}

.vidu-system-settings-modal .vidu-design-color-grid {
  grid-template-columns: repeat(4, minmax(190px, 1fr));
}

.vidu-system-settings-modal .vidu-design-token-list,
.vidu-system-settings-modal .vidu-design-token-list.is-header-grid {
  grid-template-columns: repeat(3, minmax(220px, 1fr));
}

.vidu-system-settings-modal .vidu-design-brand-card,
.vidu-system-settings-modal .vidu-design-token-row,
.vidu-system-settings-modal .vidu-design-token-row.is-header-icon {
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(255,255,255,.095);
  border-radius: 22px;
  background:
    radial-gradient(circle at 16% 8%, color-mix(in srgb, var(--design-token-color, #6d5dfc) 16%, transparent), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.028)),
    rgba(17,18,25,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 14px 40px rgba(0,0,0,.16);
}

.vidu-system-settings-modal .vidu-design-brand-card {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  padding: 15px;
}

.vidu-system-settings-modal .vidu-design-token-row,
.vidu-system-settings-modal .vidu-design-token-row.is-header-icon {
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: 14px;
  padding: 16px;
}

.vidu-system-settings-modal .vidu-design-swatch {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.16);
  background: var(--design-token-color);
  box-shadow: 0 0 28px color-mix(in srgb, var(--design-token-color) 36%, transparent), inset 0 1px 0 rgba(255,255,255,.24);
}

.vidu-system-settings-modal .vidu-design-brand-copy,
.vidu-system-settings-modal .vidu-design-token-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vidu-system-settings-modal .vidu-design-brand-copy strong,
.vidu-system-settings-modal .vidu-design-token-copy strong {
  overflow: hidden;
  color: rgba(255,255,255,.94);
  font-size: 14px;
  font-weight: 830;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-system-settings-modal .vidu-design-brand-copy small,
.vidu-system-settings-modal .vidu-design-token-copy small,
.vidu-system-settings-modal .vidu-design-color-field span {
  overflow: hidden;
  color: rgba(255,255,255,.48);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-system-settings-modal .vidu-design-brand-controls {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  gap: 9px;
}

.vidu-system-settings-modal .vidu-design-brand-controls input[type="text"],
.vidu-system-settings-modal .vidu-design-inline-color input[type="text"] {
  width: 100%;
  min-width: 0;
  height: 38px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.84);
  font-family: var(--vidu-font-mono);
  font-size: 12px;
  outline: none;
  padding: 0 11px;
}

.vidu-system-settings-modal .vidu-design-brand-controls input[type="color"],
.vidu-system-settings-modal .vidu-design-inline-color input[type="color"] {
  width: 46px;
  height: 38px;
  min-height: 38px;
  padding: 4px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 12px;
  background: rgba(0,0,0,.16);
}

.vidu-system-settings-modal .vidu-design-token-main,
.vidu-system-settings-modal .vidu-design-module-preview,
.vidu-system-settings-modal .vidu-design-status-preview,
.vidu-system-settings-modal .vidu-design-token-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vidu-system-settings-modal .vidu-design-icon-preview {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--design-token-color, #8b5cf6) 34%, rgba(255,255,255,.12));
  border-radius: 15px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--design-token-color, #8b5cf6) 24%, transparent), rgba(255,255,255,.045));
  box-shadow: 0 0 28px color-mix(in srgb, var(--design-token-color, #8b5cf6) 18%, transparent);
  color: rgba(248,250,252,.86);
  font-size: 11px;
  font-weight: 850;
}

.vidu-system-settings-modal .vidu-design-icon-preview img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.vidu-system-settings-modal .vidu-design-module-preview,
.vidu-system-settings-modal .vidu-design-status-preview {
  min-height: 44px;
  padding: 9px 10px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 16px;
  background: rgba(0,0,0,.14);
}

.vidu-system-settings-modal .vidu-design-inline-color {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 46px;
  align-items: center;
  gap: 9px;
}

.vidu-system-settings-modal .vidu-design-inline-color i {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--design-token-color);
  box-shadow: 0 0 16px color-mix(in srgb, var(--design-token-color) 44%, transparent);
}

.vidu-system-settings-modal .vidu-design-token-actions {
  flex-wrap: wrap;
}

.vidu-system-settings-modal .vidu-design-btn {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(139,92,246,.30);
  border-radius: 999px;
  background: rgba(139,92,246,.095);
  color: rgba(237,233,254,.9);
  font-size: 11px;
  font-weight: 820;
  padding: 0 13px;
  cursor: pointer;
}

.vidu-system-settings-modal .vidu-design-btn.is-ghost {
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.58);
}

.vidu-system-settings-modal .vidu-design-save-row {
  position: sticky;
  bottom: 0;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(20,20,26,.94), rgba(12,12,16,.98));
  box-shadow: 0 -16px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter: blur(18px);
}

@media (max-width: 1480px) {
  .vidu-system-settings-modal .vidu-design-color-grid {
    grid-template-columns: repeat(3, minmax(190px, 1fr));
  }
}

@media (max-width: 1220px) {
  .vidu-system-settings-modal .vidu-design-token-list,
  .vidu-system-settings-modal .vidu-design-token-list.is-header-grid,
  .vidu-system-settings-modal .vidu-design-color-grid {
    grid-template-columns: repeat(2, minmax(190px, 1fr));
  }
}

@media (max-width: 760px) {
  .vidu-system-settings-modal .vidu-design-token-list,
  .vidu-system-settings-modal .vidu-design-token-list.is-header-grid,
  .vidu-system-settings-modal .vidu-design-color-grid,
  .vidu-system-settings-modal .vidu-design-save-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-system-settings-modal .vidu-design-section-head {
    flex-direction: column;
  }
}

/* Design categories: Menu Icon System + Card Appearance System */
.vidu-system-settings-modal .vidu-design-global-control-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 14px;
  margin-bottom: 18px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  background: rgba(0,0,0,.14);
}

.vidu-system-settings-modal .vidu-design-number-field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.vidu-system-settings-modal .vidu-design-number-field span {
  color: rgba(255,255,255,.48);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.vidu-system-settings-modal .vidu-design-number-field input {
  width: 100%;
  height: 38px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.84);
  font-family: var(--vidu-font-mono);
  font-size: 12px;
  outline: none;
  padding: 0 11px;
}

.vidu-system-settings-modal .vidu-design-token-list.is-menu-grid {
  grid-template-columns: repeat(4, minmax(210px, 1fr));
}

.vidu-system-settings-modal .vidu-design-token-row.is-menu-icon-card {
  gap: 13px;
}

.vidu-system-settings-modal .vidu-design-menu-mini-grid {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 10px;
}

.vidu-system-settings-modal .vidu-design-menu-mini-grid .vidu-design-color-field {
  min-width: 0;
}

.vidu-system-settings-modal .vidu-design-module-preview.is-menu-preview i {
  width: 34px;
  height: 34px;
}

.vidu-system-settings-modal .vidu-design-module-preview.is-menu-preview i img,
.vidu-system-settings-modal .vidu-design-module-preview.is-menu-preview i span {
  width: var(--menu-preview-size, 20px);
  height: var(--menu-preview-size, 20px);
}

.vidu-system-settings-modal .vidu-design-menu-notification-preview {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid color-mix(in srgb, var(--design-notification-color, #38bdf8) 24%, rgba(255,255,255,.08));
  border-radius: 16px;
  background:
    radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--design-notification-glow, #60a5fa) 18%, transparent), transparent 48%),
    rgba(0,0,0,.14);
}

.vidu-system-settings-modal .vidu-design-unread-dot {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 999px;
  background: var(--design-notification-color, #38bdf8);
  box-shadow: 0 0 16px color-mix(in srgb, var(--design-notification-glow, #60a5fa) 70%, transparent);
}

.vidu-system-settings-modal .vidu-design-menu-notification-preview div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.vidu-system-settings-modal .vidu-design-menu-notification-preview strong {
  color: rgba(226,232,240,.9);
  font-size: 11px;
  font-weight: 820;
}

.vidu-system-settings-modal .vidu-design-menu-notification-preview small {
  overflow: hidden;
  color: rgba(148,163,184,.78);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-system-settings-modal .vidu-design-card-appearance-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
  gap: 18px;
  align-items: start;
}

.vidu-system-settings-modal .vidu-design-card-action-section {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  margin-top: 2px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(96,165,250,.055), rgba(139,92,246,.035)),
    rgba(0,0,0,.12);
}

.vidu-system-settings-modal .vidu-design-subsection-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.vidu-system-settings-modal .vidu-design-subsection-head div {
  display: grid;
  gap: 4px;
}

.vidu-system-settings-modal .vidu-design-subsection-head strong {
  color: rgba(255,255,255,.9);
  font-size: 14px;
  font-weight: 840;
}

.vidu-system-settings-modal .vidu-design-subsection-head span {
  color: rgba(255,255,255,.48);
  font-size: 12px;
  line-height: 1.45;
}

.vidu-system-settings-modal .vidu-design-subsection-head em {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid rgba(96,165,250,.22);
  border-radius: 999px;
  background: rgba(96,165,250,.09);
  color: rgba(191,219,254,.86);
  font-size: 10px;
  font-style: normal;
  font-weight: 820;
}

.vidu-system-settings-modal .vidu-design-token-list.is-card-action-grid {
  grid-template-columns: repeat(3, minmax(210px, 1fr));
}

.vidu-system-settings-modal .vidu-design-token-row.is-card-action-icon-card {
  gap: 13px;
}

.vidu-system-settings-modal .vidu-design-module-preview.is-card-action-preview i {
  width: 34px;
  height: 34px;
}

.vidu-system-settings-modal .vidu-design-module-preview.is-card-action-preview i img,
.vidu-system-settings-modal .vidu-design-module-preview.is-card-action-preview i span {
  width: var(--menu-preview-size, 20px);
  height: var(--menu-preview-size, 20px);
}

.vidu-system-settings-modal .vidu-design-card-token-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.vidu-system-settings-modal .vidu-design-live-preview {
  display: grid;
  gap: var(--preview-card-gap, 12px);
  padding: 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background: rgba(0,0,0,.14);
}

.vidu-system-settings-modal .vidu-design-live-preview article {
  display: grid;
  gap: 6px;
  padding: var(--preview-card-padding, 18px);
  border: 1px solid color-mix(in srgb, var(--preview-card-border, #ffffff) 18%, transparent);
  border-radius: var(--preview-card-radius, 22px);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--preview-accent, #6d5dfc) 8%, transparent), transparent 42%),
    var(--preview-card-bg, #171b24);
  box-shadow: 0 18px 42px rgba(0,0,0,.22), 0 0 26px color-mix(in srgb, var(--preview-accent, #6d5dfc) 14%, transparent);
}

.vidu-system-settings-modal .vidu-design-live-preview article span {
  color: var(--preview-meta, #94a3b8);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  font-weight: 820;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.vidu-system-settings-modal .vidu-design-live-preview article strong {
  color: var(--preview-title, #f8fafc);
  font-size: 15px;
  line-height: 1.18;
}

.vidu-system-settings-modal .vidu-design-live-preview article small {
  color: var(--preview-meta, #94a3b8);
  font-size: 12px;
}

.vidu-system-settings-modal .vidu-design-live-preview article em {
  width: fit-content;
  margin-top: 5px;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--preview-chip-bg, #1e293b);
  color: color-mix(in srgb, var(--preview-accent, #6d5dfc) 74%, #ffffff 26%);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  font-style: normal;
  font-weight: 860;
}

.vidu-system-settings-modal .vidu-design-preview-stat-card {
  min-height: 118px;
}

.vidu-system-settings-modal .vidu-design-preview-doc-card {
  min-height: 96px;
}

.vidu-system-settings-modal .vidu-system-components-hero {
  background:
    radial-gradient(circle at 14% 6%, rgba(96,165,250,.12), transparent 32%),
    radial-gradient(circle at 84% 16%, rgba(139,92,246,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    rgba(14,15,22,.84);
}

.vidu-system-settings-modal .vidu-component-preview-workspace {
  display: grid;
  grid-template-columns: repeat(4, minmax(190px, 1fr));
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.035), rgba(255,255,255,.015)),
    rgba(0,0,0,.16);
}

.vidu-system-settings-modal .vidu-component-token-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(240px, 1fr));
  gap: 16px;
}

.vidu-system-settings-modal .vidu-component-token-card {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.095);
  border-radius: 22px;
  background:
    radial-gradient(circle at 16% 8%, rgba(109,93,252,.10), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.026)),
    rgba(17,18,25,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 14px 40px rgba(0,0,0,.16);
}

.vidu-system-settings-modal .vidu-component-token-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.vidu-system-settings-modal .vidu-component-token-head div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vidu-system-settings-modal .vidu-component-token-head strong {
  overflow: hidden;
  color: rgba(255,255,255,.94);
  font-size: 14px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vidu-system-settings-modal .vidu-component-token-head small {
  color: rgba(255,255,255,.45);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  text-transform: uppercase;
}

.vidu-system-settings-modal .vidu-component-token-head em {
  flex: 0 0 auto;
  padding: 5px 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.52);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.vidu-system-settings-modal .vidu-component-token-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.vidu-system-settings-modal .vidu-component-token-field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.vidu-system-settings-modal .vidu-component-token-field > span {
  overflow: hidden;
  color: rgba(255,255,255,.48);
  font-family: var(--vidu-font-mono);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.vidu-system-settings-modal .vidu-component-token-field input[type="number"] {
  width: 100%;
  height: 38px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.84);
  font-family: var(--vidu-font-mono);
  font-size: 12px;
  outline: none;
  padding: 0 11px;
}

.vidu-system-settings-modal .vidu-component-preview {
  min-height: 84px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(0,0,0,.16);
}

.vidu-system-settings-modal .vidu-component-preview.is-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 12px;
}

.vidu-system-settings-modal .vidu-component-preview.is-buttons button {
  min-height: 34px;
  border: 1px solid var(--cmp-border);
  border-radius: var(--cmp-radius);
  background: var(--cmp-bg);
  color: var(--cmp-text);
  font-size: 11px;
  font-weight: var(--cmp-weight);
  padding: 0 var(--cmp-padding);
}

.vidu-system-settings-modal .vidu-component-preview.is-buttons .is-hover {
  border-color: var(--cmp-hover-border);
  background: var(--cmp-hover-bg);
}

.vidu-system-settings-modal .vidu-component-preview.is-buttons button:disabled {
  background: var(--cmp-disabled-bg);
  opacity: .62;
}

.vidu-system-settings-modal .vidu-component-preview.is-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 12px;
}

.vidu-system-settings-modal .vidu-component-preview.is-badges span {
  border: 1px solid var(--cmp-border);
  border-radius: var(--cmp-radius);
  background: var(--cmp-bg);
  color: var(--cmp-text);
  font-size: 10px;
  font-weight: 850;
  padding: 5px var(--cmp-padding);
}

.vidu-system-settings-modal .vidu-component-preview.is-notification,
.vidu-system-settings-modal .vidu-component-preview.is-timeline {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 12px;
}

.vidu-system-settings-modal .vidu-component-preview.is-notification {
  border-color: color-mix(in srgb, var(--cmp-border) 44%, transparent);
  background: var(--cmp-bg);
  box-shadow: 0 0 24px color-mix(in srgb, var(--cmp-shadow) 18%, transparent);
}

.vidu-system-settings-modal .vidu-component-preview.is-notification i,
.vidu-system-settings-modal .vidu-component-preview.is-timeline i {
  width: 28px;
  height: 28px;
  border-radius: 999px;
}

.vidu-system-settings-modal .vidu-component-preview.is-notification i {
  background: var(--cmp-icon);
  box-shadow: 0 0 18px color-mix(in srgb, var(--cmp-icon) 48%, transparent);
}

.vidu-system-settings-modal .vidu-component-preview.is-notification strong {
  color: var(--cmp-title);
}

.vidu-system-settings-modal .vidu-component-preview.is-notification span {
  color: var(--cmp-body);
}

.vidu-system-settings-modal .vidu-component-preview.is-chat {
  display: grid;
  gap: var(--cmp-space);
  width: min(100%, 260px);
  padding: 12px;
  border-color: var(--cmp-border);
  border-radius: var(--cmp-radius);
  background: var(--cmp-bg);
}

.vidu-system-settings-modal .vidu-component-preview.is-chat p {
  margin: 0;
  color: var(--cmp-text);
  font-size: 12px;
}

.vidu-system-settings-modal .vidu-component-preview.is-chat small {
  color: var(--cmp-time);
  font-size: 10px;
}

.vidu-system-settings-modal .vidu-component-preview.is-timeline {
  position: relative;
}

.vidu-system-settings-modal .vidu-component-preview.is-timeline::before {
  content: "";
  position: absolute;
  left: 25px;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: var(--cmp-line);
}

.vidu-system-settings-modal .vidu-component-preview.is-timeline i {
  position: relative;
  z-index: 1;
  border: 1px solid var(--cmp-icon-border);
  background: var(--cmp-icon-bg);
}

.vidu-system-settings-modal .vidu-component-preview.is-timeline strong {
  color: var(--cmp-title);
}

.vidu-system-settings-modal .vidu-component-preview.is-timeline span {
  color: var(--cmp-meta);
}

.vidu-system-settings-modal .vidu-component-preview.is-ai-agent {
  display: grid;
  gap: 8px;
  padding: 13px;
  border-color: color-mix(in srgb, var(--cmp-border) 56%, transparent);
  background: var(--cmp-bg);
  box-shadow: 0 0 28px color-mix(in srgb, var(--cmp-glow) 18%, transparent);
}

.vidu-system-settings-modal .vidu-component-preview.is-ai-agent strong {
  color: var(--cmp-title);
}

.vidu-system-settings-modal .vidu-component-preview.is-ai-agent span {
  color: var(--cmp-desc);
  font-size: 11px;
}

.vidu-system-settings-modal .vidu-component-preview.is-ai-agent button,
.vidu-system-settings-modal .vidu-component-preview.is-empty button {
  width: fit-content;
  min-height: 28px;
  border: 0;
  border-radius: 999px;
  background: var(--cmp-action);
  color: white;
  font-size: 10px;
  font-weight: 850;
  padding: 0 10px;
}

.vidu-system-settings-modal .vidu-component-preview.is-empty {
  display: grid;
  place-items: center;
  gap: 7px;
  padding: 14px;
  text-align: center;
}

.vidu-system-settings-modal .vidu-component-preview.is-empty i {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--cmp-icon);
}

.vidu-system-settings-modal .vidu-component-preview.is-empty i img,
.vidu-system-settings-modal .vidu-component-preview.is-empty i span {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.vidu-system-settings-modal .vidu-component-preview.is-empty strong {
  color: var(--cmp-title);
  font-size: 13px;
}

.vidu-system-settings-modal .vidu-component-preview.is-empty span {
  color: var(--cmp-desc);
  font-size: 11px;
}

@media (max-width: 1420px) {
  .vidu-system-settings-modal .vidu-design-token-list.is-menu-grid {
    grid-template-columns: repeat(3, minmax(210px, 1fr));
  }

  .vidu-system-settings-modal .vidu-component-preview-workspace,
  .vidu-system-settings-modal .vidu-component-token-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}

@media (max-width: 1180px) {
  .vidu-system-settings-modal .vidu-design-card-appearance-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .vidu-system-settings-modal .vidu-design-token-list.is-menu-grid,
  .vidu-system-settings-modal .vidu-design-token-list.is-card-action-grid,
  .vidu-system-settings-modal .vidu-component-preview-workspace,
  .vidu-system-settings-modal .vidu-component-token-grid,
  .vidu-system-settings-modal .vidu-design-global-control-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .vidu-system-settings-modal .vidu-design-token-list.is-menu-grid,
  .vidu-system-settings-modal .vidu-design-token-list.is-card-action-grid,
  .vidu-system-settings-modal .vidu-component-preview-workspace,
  .vidu-system-settings-modal .vidu-component-token-grid,
  .vidu-system-settings-modal .vidu-component-token-fields,
  .vidu-system-settings-modal .vidu-design-global-control-grid,
  .vidu-system-settings-modal .vidu-design-card-token-grid,
  .vidu-system-settings-modal .vidu-design-menu-mini-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}


/* Wide legacy columns own their scroll; compact legacy uses the modal body. */
@media (min-width: 901px) {
/* Mission Control modal scroll safety net. Keep the browser page still; scroll inside the project modal. */
.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-app-modal-body,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-app-modal-content,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-modal-content,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-modal-inner-frame,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-modal-inner-content {
  min-height: 0 !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-app-modal-dialog {
  max-height: calc(100svh - 32px) !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-app-modal-body,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-app-modal-content,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-modal-content {
  height: calc(100svh - 32px) !important;
  max-height: calc(100svh - 32px) !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit {
  max-height: calc(100svh - 104px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit.has-no-mission-control,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit:not(.has-mission-control) {
  height: calc(100svh - 104px) !important;
  max-height: calc(100svh - 104px) !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit.has-mission-control {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell).has-mission-control .vidu-app-modal-body,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell).has-mission-control .vidu-app-modal-content,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell).has-mission-control .vidu-modal-content {
  height: calc(100svh - 32px) !important;
  max-height: calc(100svh - 32px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell).has-mission-control .vidu-modal-inner-frame,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell).has-mission-control .vidu-modal-inner-content {
  height: auto !important;
  min-height: 100% !important;
  overflow: visible !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) #vidu-project-ai-output-wrap {
  flex: 0 0 auto !important;
  margin: 16px 0 !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) #vidu-project-ai-output-wrap .vidu-ai-assist-panel {
  margin: 0 24px !important;
}

@media (max-width: 768px) {
  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) #vidu-project-ai-output-wrap {
    margin: 14px 0 !important;
  }

  .vidu-project-modal-shell:not(.vidu-project-modal25-shell) #vidu-project-ai-output-wrap .vidu-ai-assist-panel {
    margin: 0 14px !important;
  }
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit-grid {
  min-height: 0 !important;
  height: auto !important;
  flex: 1 1 auto !important;
  overflow: auto hidden !important;
  border-radius: 24px 24px 22px 22px !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit.has-no-mission-control .vidu-project-cockpit-grid,
.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit:not(.has-mission-control) .vidu-project-cockpit-grid {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: auto hidden !important;
}

.vidu-project-modal-shell:not(.vidu-project-modal25-shell) .vidu-project-cockpit.has-mission-control .vidu-project-cockpit-grid {
  flex: 0 0 auto !important;
  height: clamp(620px, calc(100svh - 180px), 920px) !important;
  min-height: min(620px, calc(100svh - 220px)) !important;
  max-height: calc(100svh - 180px) !important;
  overflow: auto hidden !important;
}


}

/* Communication layer as a contained activity widget. */
.vidu-project-modal-shell .vidu-project-communication-module {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 360px !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  border: 1px solid var(--vidu-project-communication-border, rgba(139, 160, 246, .13)) !important;
  border-radius: var(--vidu-project-communication-radius, 22px) !important;
  background: var(--vidu-project-communication-surface, linear-gradient(180deg, rgba(96, 165, 250, .032), rgba(139, 92, 246, .02)), rgba(16, 17, 22, .54)) !important;
  box-shadow: var(--vidu-project-communication-shadow, inset 0 1px 0 rgba(255,255,255,0.026), 0 18px 46px rgba(0,0,0,0.18)) !important;
}

.vidu-project-modal-shell .vidu-project-communication-module .vidu-project-center-head-below {
  position: sticky !important;
  top: 0 !important;
  z-index: 34 !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 12px !important;
  border-radius: 22px 22px 0 0 !important;
  background:
    linear-gradient(180deg, rgba(20,22,28,0.94), rgba(18,18,22,0.80)) !important;
  backdrop-filter: blur(16px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.05) !important;
}

.vidu-project-modal-shell .vidu-project-communication-module .vidu-project-center-panel.is-active {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-communication-module .vidu-project-feed {
  flex: 1 1 auto !important;
  min-height: 280px !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border-radius: 0 0 22px 22px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(147,197,253,0.32) transparent !important;
}

.vidu-project-modal-shell .vidu-project-communication-module .vidu-project-feed::-webkit-scrollbar {
  width: 7px !important;
  display: block !important;
}

.vidu-project-modal-shell .vidu-project-communication-module .vidu-project-feed::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(147,197,253,0.26) !important;
}

.vidu-project-modal-shell .vidu-project-ai-tool-btn {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border-color: rgba(196,181,253,0.42) !important;
  background:
    radial-gradient(circle at 32% 22%, rgba(255,255,255,0.16), transparent 34%),
    rgba(139,92,246,0.18) !important;
  color: #ede9fe !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 0 20px rgba(139,92,246,0.14) !important;
}

.vidu-project-modal-shell .vidu-project-ai-tool-btn svg {
  width: 15px !important;
  height: 15px !important;
  stroke: currentColor !important;
}

.vidu-project-modal-shell .vidu-project-ai-tool-btn:hover {
  border-color: rgba(216,180,254,0.62) !important;
  background:
    radial-gradient(circle at 32% 22%, rgba(255,255,255,0.22), transparent 34%),
    rgba(139,92,246,0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 0 28px rgba(139,92,246,0.24) !important;
  transform: translateY(-1px);
}

.vidu-project-modal-shell .vidu-project-activity {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  min-height: 0 !important;
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}

.vidu-project-modal-shell .vidu-project-activity > .vidu-project-column-head,
.vidu-project-modal-shell .vidu-project-activity > .vidu-project-timeline-card {
  flex: 0 0 auto !important;
}

.vidu-project-modal-shell .vidu-project-activity > .vidu-project-column-head {
  margin-bottom: 12px !important;
}

.vidu-project-modal-shell .vidu-project-activity > .vidu-project-communication-module {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

@media (max-width: 768px) {
  .vidu-project-modal-shell .vidu-project-communication-module {
    min-height: 420px !important;
    max-height: 70svh !important;
  }

  .vidu-project-modal-shell .vidu-project-communication-module .vidu-project-feed {
    min-height: 300px !important;
  }
}

/* EOF locations module layout guard. */
.vidu-project-modal-shell .vidu-project-locations-card {
  padding: 14px !important;
}

.vidu-project-modal-shell .vidu-project-locations {
  gap: 12px !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-locations-head {
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-locations-head > div:first-child {
  flex: 1 1 150px !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-locations-head strong {
  margin-top: 4px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-locations-head-actions,
.vidu-project-modal-shell .vidu-project-location-header-actions,
.vidu-project-modal-shell .vidu-project-location-header-tools {
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.vidu-project-modal-shell .vidu-project-location-toolbar-btn {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-location-header-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 12px !important;
}

.vidu-project-modal-shell .vidu-project-location-header-btn svg,
.vidu-project-modal-shell .vidu-project-location-toolbar-btn svg {
  width: 18px !important;
  height: 18px !important;
}

.vidu-project-modal-shell .vidu-project-location-map-shell {
  height: clamp(180px, 24vw, 260px) !important;
  min-height: 180px !important;
  max-height: 260px !important;
  aspect-ratio: auto !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-map-shell {
  height: clamp(180px, 22vh, 220px) !important;
  min-height: 180px !important;
  max-height: 220px !important;
}

.vidu-project-modal-shell .vidu-project-location-map-overlay {
  left: 12px !important;
  right: auto !important;
  bottom: 12px !important;
  width: auto !important;
  min-width: min(220px, calc(100% - 24px)) !important;
  max-width: calc(100% - 24px) !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-location-map-overlay span,
.vidu-project-modal-shell .vidu-project-location-map-overlay strong {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-map-info-window {
  min-width: 180px !important;
  max-width: 260px !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-location-list {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

.vidu-project-modal-shell .vidu-project-location-card {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px 10px !important;
  padding: 10px !important;
  border-radius: 14px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-location-title-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

.vidu-project-modal-shell .vidu-project-location-main strong,
.vidu-project-modal-shell .vidu-project-location-main em {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-location-title-row span {
  max-width: 180px !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  font-size: 10px !important;
}

.vidu-project-modal-shell .vidu-project-location-meta {
  grid-column: 2 / 3 !important;
  gap: 5px !important;
}

.vidu-project-modal-shell .vidu-project-location-meta span {
  min-height: 20px !important;
  max-width: 140px !important;
  padding: 0 7px !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-location-actions {
  grid-column: 3 / 4 !important;
  grid-row: 1 / span 2 !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.vidu-project-modal-shell .vidu-project-location-action-btn,
.vidu-project-modal-shell .vidu-project-location-actions a,
.vidu-project-modal-shell .vidu-project-location-actions button {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  flex: 0 0 38px !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 12px !important;
}

.vidu-project-modal-shell .vidu-project-location-action-btn svg,
.vidu-project-modal-shell .vidu-project-location-actions a svg,
.vidu-project-modal-shell .vidu-project-location-actions button svg {
  width: 17px !important;
  height: 17px !important;
}

@media (max-width: 720px) {
  .vidu-project-modal-shell .vidu-project-locations-card {
    padding: 12px !important;
  }

  .vidu-project-modal-shell .vidu-project-locations-head {
    flex-wrap: wrap !important;
  }

  .vidu-project-modal-shell .vidu-project-locations-head-actions {
    width: 100% !important;
    justify-content: stretch !important;
  }

  .vidu-project-modal-shell .vidu-project-location-toolbar-btn {
    flex: 1 1 160px !important;
  }

  .vidu-project-modal-shell .vidu-project-location-map-shell {
    height: clamp(180px, 45vw, 220px) !important;
    max-height: 220px !important;
  }

  .vidu-project-modal-shell .vidu-project-location-card {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .vidu-project-modal-shell .vidu-project-location-actions {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-card {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px 10px !important;
  padding: 10px !important;
  border-radius: 14px !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-title-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-title-row span {
  max-width: 180px !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  font-size: 10px !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-actions a,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-actions button {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  flex: 0 0 38px !important;
  padding: 0 !important;
  border-radius: 12px !important;
}

.vidu-project-modal-shell .vidu-project-location-options {
  position: relative !important;
  display: inline-flex !important;
}

.vidu-project-modal-shell .vidu-project-module-options {
  margin-left: auto !important;
  flex: 0 0 auto !important;
}

.vidu-project-modal-shell .vidu-project-module-options-btn {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 10px !important;
}

.vidu-project-modal-shell .vidu-project-module-options-btn svg {
  width: 15px !important;
  height: 15px !important;
}

.vidu-project-modal-shell .vidu-project-structure-block:not([data-sidebar-module="locations"]) .vidu-project-structure-headrow {
  min-height: 48px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  gap: 8px !important;
}

.vidu-project-modal-shell .vidu-project-structure-block:not([data-sidebar-module="locations"]) .vidu-project-structure-head {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-structure-block:not([data-sidebar-module="locations"]) .vidu-project-structure-head span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-module-switch-row:empty {
  display: none !important;
}

.vidu-project-modal-shell .vidu-project-structure-block[data-sidebar-module="locations"],
.vidu-project-modal-shell .vidu-project-structure-block[data-sidebar-module="locations"] .vidu-project-structure-headrow {
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-location-options-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  z-index: 1200 !important;
  width: min(280px, calc(100vw - 32px)) !important;
  display: grid !important;
  gap: 4px !important;
  padding: 8px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(148,163,184,0.18) !important;
  background: rgba(15,18,24,0.96) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,0.34) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

.vidu-project-modal-shell .vidu-project-structure-block,
.vidu-project-modal-shell .vidu-project-structure-headrow {
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-structure-body {
  position: relative !important;
  z-index: 1 !important;
}

.vidu-project-modal-shell .vidu-project-location-options,
.vidu-project-modal-shell .vidu-project-module-options {
  z-index: 1201 !important;
}

.vidu-project-modal-shell .vidu-project-location-menu-action {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: rgba(241,245,249,0.88) !important;
  cursor: pointer !important;
  font-size: 12px !important;
  font-weight: 780 !important;
  text-align: left !important;
}

.vidu-project-modal-shell .vidu-project-location-menu-action:hover {
  background: rgba(255,255,255,0.055) !important;
}

.vidu-project-modal-shell .vidu-project-location-menu-action svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
}

.vidu-project-modal-shell .vidu-project-mission-module:has(.vidu-project-location-options-menu:not([hidden])),
.vidu-project-modal-shell .vidu-project-mission-module:has(.vidu-project-location-options-menu:not([hidden])) .vidu-project-mission-body,
.vidu-project-modal-shell .vidu-project-mission-module:has(.vidu-project-location-options-menu:not([hidden])) [data-mission-real-module-slot] {
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-location-options-menu[hidden] {
  display: none !important;
}

.vidu-project-modal-shell .vidu-project-location-menu-toggle {
  min-height: 40px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 8px 0 10px !important;
  border-radius: 10px !important;
  color: rgba(241,245,249,0.88) !important;
  cursor: pointer !important;
}

.vidu-project-modal-shell .vidu-project-location-menu-toggle:hover {
  background: rgba(255,255,255,0.055) !important;
}

.vidu-project-modal-shell .vidu-project-location-menu-toggle input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.vidu-project-modal-shell .vidu-project-location-menu-toggle span {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  font-weight: 780 !important;
}

.vidu-project-modal-shell .vidu-project-location-menu-toggle svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  stroke: currentColor !important;
}

.vidu-project-modal-shell .vidu-project-location-menu-toggle i {
  width: 34px !important;
  height: 20px !important;
  position: relative !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148,163,184,0.24) !important;
  background: rgba(255,255,255,0.06) !important;
}

.vidu-project-modal-shell .vidu-project-location-menu-toggle i::after {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
  background: rgba(226,232,240,0.76) !important;
  transition: transform .18s ease, background .18s ease !important;
}

.vidu-project-modal-shell .vidu-project-location-menu-toggle input:checked ~ i {
  border-color: rgba(59,130,246,0.46) !important;
  background: rgba(37,99,235,0.32) !important;
}

.vidu-project-modal-shell .vidu-project-location-menu-toggle input:checked ~ i::after {
  transform: translateX(14px) !important;
  background: #bfdbfe !important;
}

.vidu-project-modal-shell .vidu-project-location-header-btn.is-disabled,
.vidu-project-modal-shell .vidu-project-location-toolbar-btn.is-disabled {
  opacity: .38 !important;
  pointer-events: none !important;
}

.vidu-project-modal-shell .vidu-project-location-card {
  grid-template-columns: auto minmax(180px, 1fr) auto !important;
}

.vidu-project-modal-shell .vidu-project-location-main {
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-location-actions {
  max-width: 238px !important;
}

@media (max-width: 900px) {
  .vidu-project-modal-shell .vidu-project-location-card {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .vidu-project-modal-shell .vidu-project-location-actions {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    max-width: none !important;
    justify-content: flex-end !important;
  }
}

/* Locations module compact correction pass. */
.vidu-project-modal-shell .vidu-project-structure-block[data-sidebar-module="locations"] {
  outline: 0 !important;
  border: 1px solid rgba(120,145,190,0.18) !important;
  box-shadow: 0 14px 38px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.025) !important;
}

.vidu-project-modal-shell .vidu-project-structure-block[data-sidebar-module="locations"].is-pinned-target {
  outline: 1px solid rgba(96,165,250,0.28) !important;
  box-shadow: 0 0 0 3px rgba(96,165,250,0.07), 0 14px 38px rgba(0,0,0,0.20) !important;
}

.vidu-project-modal-shell .vidu-project-structure-block[data-sidebar-module="locations"] .vidu-project-structure-headrow {
  min-height: 54px !important;
  padding: var(--vidu-project-module-header-padding, 10px 12px 8px) !important;
  gap: 8px !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-structure-block[data-sidebar-module="locations"] .vidu-project-structure-head {
  flex: 1 1 auto !important;
  min-width: var(--vidu-project-module-title-min-width, 150px) !important;
  max-width: none !important;
}

.vidu-project-modal-shell .vidu-project-structure-block[data-sidebar-module="locations"] .vidu-project-structure-head span {
  max-width: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-location-header-tools {
  flex: 0 0 auto !important;
  gap: 6px !important;
}

.vidu-project-modal-shell .vidu-project-location-header-btn,
.vidu-project-modal-shell .vidu-project-pin-btn.vidu-project-location-pin-btn {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 10px !important;
}

.vidu-project-modal-shell .vidu-project-location-header-btn svg,
.vidu-project-modal-shell .vidu-project-pin-btn.vidu-project-location-pin-btn svg {
  width: 16px !important;
  height: 16px !important;
}

.vidu-project-modal-shell .vidu-project-locations-card {
  padding: 10px 12px 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-location-card {
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 8px 10px !important;
  padding: 10px !important;
}

.vidu-project-modal-shell .vidu-project-location-main {
  grid-column: 2 / -1 !important;
  min-width: 0 !important;
}

.vidu-project-modal-shell .vidu-project-location-title-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 7px !important;
}

.vidu-project-modal-shell .vidu-project-location-main strong {
  max-width: 100% !important;
}

.vidu-project-modal-shell .vidu-project-location-main em {
  max-width: 100% !important;
}

.vidu-project-modal-shell .vidu-project-location-title-row span {
  max-width: 150px !important;
}

.vidu-project-modal-shell .vidu-project-location-meta {
  grid-column: 2 / -1 !important;
}

.vidu-project-modal-shell .vidu-project-location-actions {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  max-width: none !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

.vidu-project-modal-shell .vidu-project-location-action-btn,
.vidu-project-modal-shell .vidu-project-location-actions a,
.vidu-project-modal-shell .vidu-project-location-actions button {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  flex: 0 0 32px !important;
  border-radius: 10px !important;
}

.vidu-project-modal-shell .vidu-project-location-action-btn svg,
.vidu-project-modal-shell .vidu-project-location-actions a svg,
.vidu-project-modal-shell .vidu-project-location-actions button svg {
  width: 15px !important;
  height: 15px !important;
}

@media (max-width: 720px) {
  .vidu-project-modal-shell .vidu-project-structure-block[data-sidebar-module="locations"] .vidu-project-structure-head {
    min-width: 130px !important;
  }

  .vidu-project-modal-shell .vidu-project-location-header-tools {
    gap: 5px !important;
  }

  .vidu-project-modal-shell .vidu-project-location-header-btn,
  .vidu-project-modal-shell .vidu-project-pin-btn.vidu-project-location-pin-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    flex-basis: 34px !important;
  }
}

/* Mission Control and module header final polish. */
.vidu-project-modal-shell .vidu-project-structure-block,
.vidu-project-modal-shell .vidu-project-control-card,
.vidu-project-modal-shell .vidu-project-timeline-card,
.vidu-project-modal-shell .vidu-project-mission-module {
  border-radius: var(--vidu-project-module-radius, 18px) !important;
  background-clip: padding-box !important;
}

.vidu-project-modal-shell .vidu-project-structure-block::before,
.vidu-project-modal-shell .vidu-project-structure-block::after,
.vidu-project-modal-shell .vidu-project-control-card::before,
.vidu-project-modal-shell .vidu-project-control-card::after,
.vidu-project-modal-shell .vidu-project-mission-module::before,
.vidu-project-modal-shell .vidu-project-mission-module::after {
  border-radius: inherit !important;
}

.vidu-project-modal-shell .vidu-project-structure-block:not(:has(.vidu-project-location-options-menu:not([hidden]))),
.vidu-project-modal-shell .vidu-project-control-card,
.vidu-project-modal-shell .vidu-project-mission-module {
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-structure-headrow {
  gap: var(--vidu-project-module-header-gap, 8px) !important;
  padding-right: var(--vidu-project-module-header-inline-end, 12px) !important;
}

.vidu-project-modal-shell .vidu-project-module-options,
.vidu-project-modal-shell .vidu-project-location-header-tools {
  padding-right: 2px !important;
}

.vidu-project-modal-shell .vidu-project-location-header-btn,
.vidu-project-modal-shell .vidu-project-module-options-btn,
.vidu-project-modal-shell .vidu-project-pin-btn {
  width: var(--vidu-project-module-action-size, 36px) !important;
  height: var(--vidu-project-module-action-size, 36px) !important;
  min-width: var(--vidu-project-module-action-size, 36px) !important;
  min-height: var(--vidu-project-module-action-size, 36px) !important;
  flex: 0 0 var(--vidu-project-module-action-size, 36px) !important;
  border-radius: 10px !important;
  border-color: rgba(148,163,184,0.18) !important;
  background: rgba(15,18,24,0.70) !important;
  color: rgba(226,232,240,0.78) !important;
  box-shadow: none !important;
  outline: none !important;
}

.vidu-project-modal-shell .vidu-project-location-header-btn svg,
.vidu-project-modal-shell .vidu-project-module-options-btn svg,
.vidu-project-modal-shell .vidu-project-pin-btn svg {
  width: 16px !important;
  height: 16px !important;
}

.vidu-project-modal-shell .vidu-project-location-header-btn:hover,
.vidu-project-modal-shell .vidu-project-location-header-btn:focus-visible,
.vidu-project-modal-shell .vidu-project-module-options-btn:hover,
.vidu-project-modal-shell .vidu-project-module-options-btn:focus-visible,
.vidu-project-modal-shell .vidu-project-pin-btn:hover,
.vidu-project-modal-shell .vidu-project-pin-btn:focus-visible {
  border-color: rgba(80,220,210,0.35) !important;
  background: rgba(18,28,31,0.86) !important;
  color: rgba(224,255,251,0.92) !important;
  box-shadow: 0 0 0 1px rgba(80,220,210,0.16) !important;
  outline: none !important;
}

.vidu-project-modal-shell .vidu-project-structure-block[data-sidebar-module="locations"],
.vidu-project-modal-shell .vidu-project-structure-block[data-sidebar-module="locations"]:hover,
.vidu-project-modal-shell .vidu-project-structure-block[data-sidebar-module="locations"]:focus-within,
.vidu-project-modal-shell .vidu-project-structure-block[data-sidebar-module="locations"].is-open {
  outline: none !important;
  border-color: rgba(80,220,210,0.22) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,0.22), 0 0 0 1px rgba(80,220,210,0.08) inset !important;
}

.vidu-project-modal-shell .vidu-project-structure-block[data-sidebar-module="locations"]:hover,
.vidu-project-modal-shell .vidu-project-structure-block[data-sidebar-module="locations"]:focus-within {
  border-color: rgba(80,220,210,0.35) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,0.24), 0 0 0 1px rgba(80,220,210,0.16) inset !important;
}

.vidu-project-modal-shell .vidu-project-locations-card {
  padding: 8px 12px 12px !important;
  border: 0 !important;
  border-radius: 0 0 18px 18px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-locations {
  gap: 10px !important;
}

.vidu-project-modal-shell .vidu-project-locations-head {
  min-height: 0 !important;
  margin: 0 !important;
}

.vidu-project-modal-shell .vidu-project-locations-head strong {
  margin: 0 !important;
  font-size: 13px !important;
  color: rgba(226,232,240,0.72) !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations {
  max-height: 620px !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-mission-body {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-structure-block[data-sidebar-module="locations"],
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations-card,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations {
  min-height: 0 !important;
  max-height: 100% !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, auto) auto !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-map-shell {
  height: clamp(180px, 28vh, 300px) !important;
  min-height: 180px !important;
  max-height: 300px !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list {
  --vidu-location-card-height: 78px;
  max-height: calc((var(--vidu-location-card-height) * 2) + 8px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 4px !important;
  scrollbar-width: thin !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list.is-count-1 {
  max-height: var(--vidu-location-card-height) !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list.is-count-2 {
  max-height: calc((var(--vidu-location-card-height) * 2) + 8px) !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-card {
  min-height: var(--vidu-location-card-height) !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-client-status {
  min-height: 0 !important;
}

/* Locations content add action. */
.vidu-project-modal-shell .vidu-project-location-add-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 12px 0 !important;
  min-height: 38px !important;
}

.vidu-project-modal-shell .vidu-project-location-add-btn {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border: 1px solid rgba(96,165,250,0.46) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(59,130,246,0.92), rgba(37,99,235,0.88)) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 12px 28px rgba(37,99,235,0.26), inset 0 1px 0 rgba(255,255,255,0.18) !important;
  cursor: pointer !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.vidu-project-modal-shell .vidu-project-location-add-btn:hover,
.vidu-project-modal-shell .vidu-project-location-add-btn:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(147,197,253,0.72) !important;
  box-shadow: 0 16px 34px rgba(37,99,235,0.34), 0 0 0 3px rgba(59,130,246,0.16), inset 0 1px 0 rgba(255,255,255,0.22) !important;
  outline: none !important;
}

.vidu-project-modal-shell .vidu-project-location-add-btn svg {
  width: 17px !important;
  height: 17px !important;
  stroke: currentColor !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations {
  grid-template-rows: auto auto minmax(0, auto) auto auto !important;
}

/* Project modal Mission Control layout stabilization — 2026-06-04.
   Keep pinned module frames uniform and let module bodies scroll internally. */
.vidu-project-modal-shell {
  --vidu-mission-module-frame-height: clamp(430px, 54svh, 620px);
}

.vidu-project-modal-shell .vidu-project-mission-control {
  min-height: 0 !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-mission-list {
  align-items: stretch !important;
}

.vidu-project-modal-shell .vidu-project-mission-module {
  display: flex !important;
  flex-direction: column !important;
  height: var(--vidu-mission-module-frame-height) !important;
  min-height: var(--vidu-mission-module-frame-height) !important;
  max-height: var(--vidu-mission-module-frame-height) !important;
  overflow: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-module-head {
  flex: 0 0 auto !important;
  min-height: 58px !important;
}

.vidu-project-modal-shell .vidu-project-mission-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
}

.vidu-project-modal-shell [data-mission-real-module-slot],
.vidu-project-modal-shell .is-mission-module-live,
.vidu-project-modal-shell .is-mission-module-live > .vidu-project-structure-body,
.vidu-project-modal-shell .is-mission-module-live .vidu-project-locations-card,
.vidu-project-modal-shell .is-mission-module-live .vidu-project-locations,
.vidu-project-modal-shell .is-mission-module-live .vidu-project-assets-prep,
.vidu-project-modal-shell .is-mission-module-live .vidu-project-drive-browser {
  min-height: 0 !important;
  max-height: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations {
  height: var(--vidu-mission-module-frame-height) !important;
  min-height: var(--vidu-mission-module-frame-height) !important;
  max-height: var(--vidu-mission-module-frame-height) !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-mission-body {
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-map-shell {
  flex: 0 0 clamp(170px, 22svh, 240px) !important;
  height: clamp(170px, 22svh, 240px) !important;
  min-height: 170px !important;
  max-height: 240px !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list.is-count-1,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list.is-count-2,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list.is-count-3 {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 6px !important;
  padding-bottom: 18px !important;
  scrollbar-gutter: stable !important;
}

/* Shared application header: keep the controls, remove the heavy full-width frame. */
#vidu-pipeline-dashboard .vidu-pipeline-toolbar.vidu-topbar {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#vidu-pipeline-dashboard .vidu-workspace-top {
  padding-top: clamp(8px, .8vw, 14px) !important;
}

/* Corvion public authentication — calm, editorial hierarchy. */
.vidu-registration-shell[data-vidu-registration] {
  min-height: 100svh;
  height: auto;
  overflow-y: auto;
  padding: clamp(22px, 2.6vw, 40px);
  font-family: "Avenir Next", Avenir, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  background:
    radial-gradient(circle at 14% 22%, rgba(112, 57, 211, .13), transparent 34%),
    radial-gradient(circle at 84% 30%, rgba(36, 104, 214, .11), transparent 36%),
    linear-gradient(140deg, #05050d 0%, #0a0918 48%, #04060d 100%);
}

.vidu-registration-shell[data-vidu-registration]::before {
  opacity: .34;
  filter: blur(54px);
  animation-duration: 42s;
}

.vidu-registration-shell[data-vidu-registration]::after {
  opacity: .09;
  background-size: 100% 100%, 100% 100%, 148px 148px;
  animation-duration: 70s;
}

.vidu-registration-ambient span {
  opacity: .24;
  filter: blur(74px);
  animation-duration: 46s;
}

.vidu-registration-topbar,
.vidu-registration-layout {
  width: min(100%, 1280px);
}

.vidu-registration-topbar {
  margin-bottom: clamp(36px, 6vh, 72px);
}

.vidu-registration-brand {
  gap: 12px;
}

.vidu-registration-brand img {
  width: 38px;
  height: 38px;
  max-height: none;
}

.vidu-registration-wordmark {
  transform: none;
  font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-weight: 650;
  letter-spacing: -.045em;
  text-transform: none;
  text-shadow: none;
}

.vidu-registration-mark-fallback {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  font-weight: 650;
}

.vidu-registration-login {
  gap: 16px;
  font-size: 13px;
}

.vidu-registration-login strong {
  min-height: 42px;
  border-radius: 999px;
  padding: 0 20px;
  font-weight: 650;
}

.vidu-registration-layout {
  min-height: calc(100svh - 190px);
  height: auto;
  grid-template-columns: minmax(380px, .88fr) minmax(540px, 620px);
  gap: clamp(64px, 7vw, 108px);
  align-items: center;
  padding-bottom: clamp(32px, 6vh, 72px);
}

.vidu-registration-hero {
  max-width: 540px;
}

.vidu-registration-hero .vidu-public-kicker {
  min-height: 30px;
  margin-bottom: 20px;
  border: 0;
  background: transparent;
  padding: 0;
  color: #a99cf2;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.vidu-registration-hero h1 {
  max-width: 580px;
  font-family: "Avenir Next", Avenir, "SF Pro Display", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(44px, 4.5vw, 64px);
  line-height: 1.03;
  letter-spacing: -.052em;
  font-weight: 580;
  text-wrap: balance;
}

.vidu-registration-hero h1 span {
  margin-top: 5px;
  background: linear-gradient(112deg, #b18bff 0%, #7887ff 48%, #61bff4 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.vidu-registration-hero > p {
  max-width: 510px;
  margin-top: 24px;
  color: rgba(218, 224, 237, .68);
  font-size: 17px;
  line-height: 1.72;
}

.vidu-registration-features {
  gap: 18px;
  margin-top: 34px;
}

.vidu-registration-features article {
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 15px;
}

.vidu-registration-features i {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(114, 83, 210, .14);
  font-size: 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.vidu-registration-features strong {
  font-size: 14px;
  font-weight: 650;
}

.vidu-registration-features span {
  margin-top: 4px;
  color: rgba(203, 213, 225, .62);
  font-size: 13px;
  line-height: 1.5;
}

.vidu-registration-assurance {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 34px;
  color: rgba(203,213,225,.58);
  font-size: 12.5px;
}

.vidu-registration-assurance > span {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 999px;
  background: #8ed2b1;
  box-shadow: 0 0 0 5px rgba(74, 222, 128, .08);
}

.vidu-registration-assurance p { margin: 0; }
.vidu-registration-assurance strong { color: rgba(239,244,250,.82); font-weight: 650; }

.vidu-registration-card {
  max-height: none;
  overflow: visible;
  border-radius: 32px;
  border-color: rgba(164,174,201,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    rgba(10,12,29,.74);
  box-shadow: 0 36px 100px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.055);
  padding: clamp(34px, 3vw, 44px);
}

.vidu-registration-form { gap: 18px; }

.vidu-registration-card-head {
  gap: 10px;
  margin-bottom: 0;
}

.vidu-registration-card-head span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
}

.vidu-registration-card-head h2 {
  font-family: "Avenir Next", Avenir, "SF Pro Display", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(32px, 2.5vw, 38px);
  line-height: 1.08;
  letter-spacing: -.045em;
  font-weight: 600;
}

.vidu-registration-card-head p {
  max-width: 500px;
  font-size: 14px;
  line-height: 1.6;
}

.vidu-registration-steps {
  justify-content: flex-start;
  gap: 0;
  margin: 3px 0 4px;
}

.vidu-registration-steps li {
  flex: 1;
  gap: 8px;
  color: rgba(203,213,225,.48);
  font-size: 11px;
}

.vidu-registration-steps li + li::before {
  content: "";
  position: static;
  width: 100%;
  height: 1px;
  order: -1;
  margin-right: 10px;
  background: rgba(148,163,184,.16);
}

.vidu-registration-steps span {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  font-size: 11px;
}

.vidu-registration-steps em { font-style: normal; }

.vidu-registration-social { gap: 10px; }
.vidu-registration-provider { min-height: 58px; border-radius: 15px; font-weight: 650; }
.vidu-registration-provider-icon { width: 36px; height: 36px; flex-basis: 36px; }
.vidu-registration-provider.is-apple .vidu-registration-provider-icon,
.vidu-registration-provider.is-apple .vidu-registration-provider-icon img { width: 36px; height: 36px; background: #fff; }
.vidu-registration-divider { margin-top: 2px; }
.vidu-registration-wizard { min-height: 215px; }
.vidu-registration-card .vidu-public-grid { gap: 22px 18px; }
.vidu-registration-card .vidu-public-grid > label { gap: 9px; }
.vidu-registration-card label > span,
.vidu-registration-card .vidu-public-question > strong { font-weight: 650; }
.vidu-registration-card input,
.vidu-registration-card select { min-height: 54px; border-radius: 15px; font-family: inherit; }
.vidu-registration-actions { margin-top: 0; }
.vidu-registration-actions .vidu-registration-next,
.vidu-registration-submit { min-height: 56px; font-weight: 650; }
.vidu-registration-legal { margin-top: 1px; line-height: 1.55; }

@media (max-width: 1280px) {
  .vidu-registration-layout { min-height: 0; grid-template-columns: 1fr; gap: 46px; }
  .vidu-registration-hero { max-width: 760px; }
  .vidu-registration-features { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .vidu-registration-panel { max-width: 700px; }
}

@media (max-width: 760px) {
  .vidu-registration-topbar { margin-bottom: 34px; }
  .vidu-registration-wordmark { font-size: 21px; }
  .vidu-registration-brand img { width: 34px; height: 34px; }
  .vidu-registration-login > span { display: none; }
  .vidu-registration-layout { gap: 42px; }
  .vidu-registration-panel { order: 1; }
  .vidu-registration-hero { order: 2; }
  .vidu-registration-features { grid-template-columns: 1fr; }
  .vidu-registration-card { border-radius: 26px; padding: 26px 20px; }
  .vidu-registration-steps em { display: none; }
  .vidu-registration-steps { flex-direction: row; align-items: center; }
  .vidu-registration-steps li + li::before { display: block; }
}

@media (prefers-reduced-motion: reduce) {
  .vidu-registration-shell[data-vidu-registration]::before,
  .vidu-registration-shell[data-vidu-registration]::after,
  .vidu-registration-ambient span { animation: none !important; }
}


/* Source: assets/css/pipeline/99-performance-overrides.css */
/* =========================================================
   CSS PERFORMANCE STABILIZATION PASS — 2026-06-04
   Low-risk overrides only; keep visual structure and class names unchanged.
   ========================================================= */

#vidu-pipeline-dashboard :where(
  .vidu-pipeline-board,
  .vidu-pipeline-column-body,
  .vidu-dashboard-table-wrap,
  .vidu-document-library-table,
  .vidu-finance-list-body,
  .vidu-finance-ratio-body,
  .vidu-project-feed,
  .vidu-project-location-list
) {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

/* Organization Lobby v4: true full-bleed workspace with the canonical shared
 * dashboard header and a Lobby-specific tool group. */
body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace {
  inset: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100svh !important;
  max-height: 100svh !important;
  margin: 0 !important;
  padding: 0 !important;
  background:
    radial-gradient(circle at 16% 16%, rgba(117, 96, 69, .14), transparent 31%),
    radial-gradient(circle at 58% 28%, rgba(91, 44, 65, .15), transparent 34%),
    linear-gradient(135deg, #141414 0%, #181818 54%, #202020 100%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace .vidu-workspace-top {
  display: block !important;
  flex: 0 0 auto !important;
  width: calc(100% - 44px) !important;
  max-width: none !important;
  margin: 12px auto 10px !important;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace .vidu-dashboard-workspace,
body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace .vidu-dashboard-main,
body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace .vidu-organization-lobby-view {
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace .vidu-dashboard-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  height: 100% !important;
  overflow: hidden !important;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace .vidu-organization-lobby-view {
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace::before,
body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace::after,
body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace .vidu-dashboard-workspace::before,
body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace .vidu-dashboard-workspace::after,
body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace .vidu-dashboard-main::before,
body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace .vidu-dashboard-main::after {
  display: none !important;
  content: none !important;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace .vidu-org-lobby-v4 {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-bottom: max(44px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace[data-organization-lobby-background-mode="soft"] {
  background: linear-gradient(135deg, #202020, #292929 58%, #222222) !important;
}

body.vidu-organization-lobby-active #vidu-pipeline-dashboard.is-organization-lobby-workspace[data-organization-lobby-background-mode="image"] {
  background:
    linear-gradient(rgba(18, 18, 18, .68), rgba(18, 18, 18, .78)),
    var(--lobby-shell-user-bg, radial-gradient(circle at 30% 20%, rgba(118, 90, 132, .2), transparent 42%)) !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

/* Keep the primary Dashboard and Pipeline surfaces on the same canvas as the
 * Lobby: identical header position, edge spacing and usable content width. */
@media (min-width: 769px) {
  body:is(.vidu-dashboard-workspace-active, .vidu-pipeline-workspace-active)
  #vidu-pipeline-dashboard:is(.is-dashboard-workspace, .is-pipeline-workspace):not(.is-organization-lobby-workspace) {
    inset: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100svh !important;
    max-height: 100svh !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:is(.vidu-dashboard-workspace-active, .vidu-pipeline-workspace-active)
  #vidu-pipeline-dashboard:is(.is-dashboard-workspace, .is-pipeline-workspace):not(.is-organization-lobby-workspace)
  .vidu-dashboard-workspace,
  body:is(.vidu-dashboard-workspace-active, .vidu-pipeline-workspace-active)
  #vidu-pipeline-dashboard:is(.is-dashboard-workspace, .is-pipeline-workspace):not(.is-organization-lobby-workspace)
  .vidu-dashboard-main {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:is(.vidu-dashboard-workspace-active, .vidu-pipeline-workspace-active)
  #vidu-pipeline-dashboard:is(.is-dashboard-workspace, .is-pipeline-workspace):not(.is-organization-lobby-workspace)
  .vidu-workspace-top {
    width: calc(100% - 44px) !important;
    max-width: none !important;
    margin: 12px auto 10px !important;
  }

  body.vidu-dashboard-workspace-active
  #vidu-pipeline-dashboard.is-dashboard-workspace:not(.is-organization-lobby-workspace)
  .vidu-dashboard-view-list,
  body.vidu-pipeline-workspace-active
  #vidu-pipeline-dashboard.is-pipeline-workspace:not(.is-organization-lobby-workspace)
  .vidu-dashboard-view-board {
    width: calc(100% - 44px) !important;
    max-width: none !important;
    margin: 0 auto !important;
  }
}

@media (min-width: 1100px) {
  #vidu-pipeline-dashboard .vidu-dashboard-table-head.is-platform-evolution-head,
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row.is-platform-evolution-row .vidu-dashboard-row-summary {
    column-gap: 14px !important;
    align-items: center !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-table-head.is-platform-evolution-head {
    grid-template-columns: minmax(220px, 1.5fr) minmax(92px, .72fr) minmax(96px, .72fr) minmax(150px, .88fr) minmax(120px, .78fr) minmax(92px, .62fr) minmax(132px, .95fr) minmax(132px, .82fr) !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row.is-platform-evolution-row .vidu-dashboard-row-summary {
    grid-template-columns: 24px minmax(220px, 1.5fr) minmax(92px, .72fr) minmax(96px, .72fr) minmax(150px, .88fr) minmax(120px, .78fr) minmax(92px, .62fr) minmax(132px, .95fr) minmax(132px, .82fr) !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row.is-platform-evolution-row .vidu-dashboard-project-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row.is-platform-evolution-row .vidu-dashboard-type-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row.is-platform-evolution-row .vidu-dashboard-status-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row.is-platform-evolution-row .vidu-dashboard-evolution-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row.is-platform-evolution-row .vidu-dashboard-activity-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row.is-platform-evolution-row .vidu-dashboard-deadline-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row.is-platform-evolution-row .vidu-dashboard-next-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row.is-platform-evolution-row .vidu-pipeline-card-actions.vidu-dashboard-actions {
    grid-column: auto !important;
    width: auto !important;
    max-width: 100% !important;
  }
}

/* Shared complex checklist: PM25 component rendered inside the legacy project modal. */
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-nav,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-detail,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-items,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block-row,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-item {
  box-sizing: border-box !important;
  border-radius: 8px !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist {
  display: block !important;
  width: 100% !important;
  padding: 12px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  background: rgba(255, 255, 255, .035) !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-layout {
  display: grid !important;
  grid-template-columns: minmax(180px, .42fr) minmax(0, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-nav,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-detail {
  min-width: 0 !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-nav {
  display: grid !important;
  align-content: start !important;
  gap: 2px !important;
  width: 100% !important;
  padding: 8px 0 16px !important;
  border-right: 1px solid rgba(255, 255, 255, .09) !important;
  background: rgba(255, 255, 255, .018) !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block-row {
  position: relative !important;
  width: 100% !important;
  padding: 0 36px 0 0 !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block-row:hover,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-item:hover {
  background: rgba(255, 255, 255, .055) !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block-row.is-active {
  background: rgba(255, 255, 255, .075) !important;
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, .34) !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px !important;
  width: 100% !important;
  padding: 8px !important;
  border: 0 !important;
  background: transparent !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block span {
  min-width: 0 !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block i {
  grid-column: 1 / -1 !important;
  height: 3px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .09) !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block b {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: rgba(255, 255, 255, .48) !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block-actions {
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  display: flex !important;
  gap: 2px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block-row:hover .vidu-pm25-checklist-block-actions,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block-row:focus-within .vidu-pm25-checklist-block-actions,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block-row.is-active .vidu-pm25-checklist-block-actions {
  opacity: 1 !important;
  pointer-events: auto !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-items {
  display: grid !important;
  gap: 0 !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-items[hidden] {
  display: none !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-items-head {
  padding: 0 4px 8px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: start !important;
  padding: 8px 72px 8px 4px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
  background: transparent !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-item-main {
  min-width: 0 !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-title-input,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block-title-input {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--vidu-text, #f8fafc) !important;
  font: inherit !important;
  font-weight: 800 !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-indicators {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-top: 5px !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-status-chip,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-status-icon {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .04) !important;
  color: rgba(248, 250, 252, .66) !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-status-chip {
  padding: 2px 7px !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-status-icon {
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 6px !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-actions {
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  display: flex !important;
  gap: 3px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
  transition: opacity .14s ease !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-item:hover .vidu-pm25-checklist-actions,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-item:focus-within .vidu-pm25-checklist-actions {
  opacity: 1 !important;
  pointer-events: auto !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-actions button,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block-actions button,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-add {
  display: grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 999px !important;
  background: rgba(12, 13, 16, .92) !important;
  color: rgba(255, 255, 255, .78) !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-add {
  width: 32px !important;
  height: 32px !important;
  margin: 12px auto 4px !important;
  background: rgba(255, 255, 255, .05) !important;
}

.vidu-project-sidebar-pref-layer {
  min-width: 132px !important;
  height: 32px !important;
  padding: 0 28px 0 10px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .055) !important;
  color: rgba(255, 255, 255, .78) !important;
  font: inherit !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

@media (max-width: 980px) {
  #vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-nav {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
  }
}

@media (max-width: 767px) {
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row,
  #vidu-pipeline-dashboard .vidu-dashboard-row,
  #vidu-pipeline-dashboard .vidu-dashboard-card,
  #vidu-pipeline-dashboard .vidu-mobile-project-card {
    padding: 24px 20px 20px !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row-summary {
    align-items: start !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-expand-btn {
    margin-top: 1px !important;
  }

  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10020 !important;
    background: transparent !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
  }

  body.vidu-mobile-context-open .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) {
    opacity: 1;
    pointer-events: auto;
  }

  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-backdrop {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    background: rgba(0, 0, 0, .48) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-panel {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100dvh - env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    z-index: 1 !important;
    display: grid;
    gap: 16px;
    padding: calc(18px + env(safe-area-inset-top)) 16px 24px !important;
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 0 0 28px 28px !important;
    background: #030a0f !important;
    background-image: linear-gradient(180deg, rgba(18, 19, 23, .98), rgba(10, 11, 14, .98)) !important;
    color: var(--vidu-text, #f8fafc);
    box-shadow: 0 24px 80px rgba(0, 0, 0, .52) !important;
    transform: translateY(-105%) !important;
    transition: transform .30s cubic-bezier(.22, .8, .22, 1);
  }

  body.vidu-mobile-context-open .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-panel {
    transform: translateY(0) !important;
  }

  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-handle {
    display: none !important;
  }

  .vidu-mobile-office-sheet .vidu-mobile-sheet-panel {
    top: auto !important;
    bottom: 0 !important;
    border-radius: 28px 28px 0 0 !important;
    box-shadow: 0 -24px 80px rgba(0, 0, 0, .62) !important;
    transform: translateY(105%) !important;
  }

  body.vidu-mobile-office-open .vidu-mobile-office-sheet .vidu-mobile-sheet-panel {
    transform: translateY(0) !important;
  }
}

@media (max-width: 767px) {
  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    min-width: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-activity-dot {
    position: static !important;
    left: auto !important;
    top: auto !important;
    flex: 0 0 8px !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell strong,
  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell small {
    min-width: 0 !important;
    margin: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell small {
    flex: 1 1 auto !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row-detail {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row.is-expanded .vidu-dashboard-row-detail {
    max-height: 980px !important;
    margin-top: 16px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-detail-panel,
  #vidu-pipeline-dashboard .vidu-card-detail-section,
  #vidu-pipeline-dashboard .vidu-card-detail-panel,
  #vidu-pipeline-dashboard .vidu-project-preview-panel,
  #vidu-pipeline-dashboard .vidu-card-module-preview {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 16px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 767px) {
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row .vidu-dashboard-expand-btn,
  #vidu-pipeline-dashboard .vidu-dashboard-card .vidu-dashboard-expand-btn,
  #vidu-pipeline-dashboard .vidu-mobile-project-card .vidu-dashboard-expand-btn,
  #vidu-pipeline-dashboard .vidu-card-chevron,
  #vidu-pipeline-dashboard .vidu-pipeline-card-chevron,
  #vidu-pipeline-dashboard .vidu-card-expand-icon,
  #vidu-pipeline-dashboard .vidu-pipeline-card-expand,
  #vidu-pipeline-dashboard .vidu-card-arrow,
  #vidu-pipeline-dashboard .vidu-card-toggle,
  #vidu-pipeline-dashboard .vidu-pipeline-card-toggle {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row .vidu-dashboard-row-summary,
  #vidu-pipeline-dashboard .vidu-dashboard-card .vidu-dashboard-row-summary,
  #vidu-pipeline-dashboard .vidu-mobile-project-card .vidu-dashboard-row-summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    gap: 0 !important;
    align-items: start !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row .vidu-dashboard-project-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row .vidu-dashboard-activity-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card.vidu-dashboard-row .vidu-pipeline-card-actions.vidu-dashboard-actions,
  #vidu-pipeline-dashboard .vidu-dashboard-card .vidu-dashboard-project-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-card .vidu-dashboard-activity-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-card .vidu-pipeline-card-actions.vidu-dashboard-actions,
  #vidu-pipeline-dashboard .vidu-mobile-project-card .vidu-dashboard-project-cell,
  #vidu-pipeline-dashboard .vidu-mobile-project-card .vidu-dashboard-activity-cell,
  #vidu-pipeline-dashboard .vidu-mobile-project-card .vidu-pipeline-card-actions.vidu-dashboard-actions {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}

@media (max-width: 767px) {
  #vidu-pipeline-dashboard .vidu-dashboard-expand-btn,
  #vidu-pipeline-dashboard .vidu-card-chevron,
  #vidu-pipeline-dashboard .vidu-pipeline-card-chevron,
  #vidu-pipeline-dashboard .vidu-card-expand-icon,
  #vidu-pipeline-dashboard .vidu-pipeline-card-expand,
  #vidu-pipeline-dashboard .vidu-card-arrow,
  #vidu-pipeline-dashboard .vidu-card-toggle,
  #vidu-pipeline-dashboard .vidu-pipeline-card-toggle {
    display: none !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row-summary {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-project-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card-actions.vidu-dashboard-actions {
    grid-column: 1 !important;
  }
}

.vidu-project-modal-shell :where(
  .vidu-app-modal-content,
  .vidu-modal-content,
  .vidu-project-cockpit,
  .vidu-project-feed,
  .vidu-project-location-list
) {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

#vidu-pipeline-dashboard :where(
  .vidu-pipeline-column-body,
  .vidu-document-library-table,
  .vidu-finance-list-shell
) {
  contain: layout paint;
}

#vidu-pipeline-dashboard .vidu-board-card {
  backdrop-filter: blur(10px) saturate(1.03) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.03) !important;
}

[data-vidu-theme="light"] #vidu-pipeline-dashboard :where(
  .vidu-pipeline-column,
  .vidu-board-card
),
#vidu-pipeline-dashboard[data-vidu-theme="light"] :where(
  .vidu-pipeline-column,
  .vidu-board-card
) {
  backdrop-filter: blur(10px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.02) !important;
}

#vidu-pipeline-dashboard .vidu-operations-dock-inner,
#vidu-pipeline-dashboard.is-finance-workspace .vidu-operations-dock-inner,
#vidu-pipeline-dashboard .vidu-topbar-background-panel,
#vidu-pipeline-dashboard .vidu-profile-dropdown,
#vidu-pipeline-dashboard .vidu-design-save-row,
.vidu-system-settings-modal .vidu-design-save-row {
  backdrop-filter: blur(14px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.04) !important;
}

.vidu-project-modal-shell .vidu-project-communication-module .vidu-project-center-head-below {
  backdrop-filter: blur(10px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.02) !important;
}

@media (prefers-reduced-motion: reduce) {
  #vidu-pipeline-dashboard *,
  #vidu-pipeline-dashboard *::before,
  #vidu-pipeline-dashboard *::after,
  .vidu-project-modal-shell *,
  .vidu-project-modal-shell *::before,
  .vidu-project-modal-shell *::after,
  .vidu-registration-shell[data-vidu-registration] *,
  .vidu-registration-shell[data-vidu-registration] *::before,
  .vidu-registration-shell[data-vidu-registration] *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }

  #vidu-pipeline-dashboard :where(
    .vidu-board-card,
    .vidu-pipeline-card,
    .vidu-icon-btn,
    .vidu-topbar-icon-btn,
    .vidu-document-library-actions button,
    .vidu-finance-row-actions button,
    .vidu-invoice-row button
  ),
  .vidu-project-modal-shell :where(
    .vidu-project-feed-event,
    .vidu-project-icon-btn,
    .vidu-project-location-add-btn
  ) {
    transform: none !important;
  }
}

/* =========================================================
   PROJECT MODAL REPAINT STABILIZATION PASS — 2026-06-04
   Drag/scroll compositing hotfix only; remove this whole block to revert.
   ========================================================= */

.vidu-project-modal-shell :where(
  .vidu-project-cockpit,
  .vidu-project-column,
  .vidu-project-structure,
  .vidu-project-control,
  .vidu-project-activity,
  .vidu-project-feed,
  .vidu-project-mission-body,
  .vidu-project-location-list
) {
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

.vidu-project-modal-shell :where(
  .vidu-project-structure-block,
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-mission-module,
  .vidu-project-feed-event,
  .vidu-project-location-card
) {
  contain: paint;
}

.vidu-project-modal-shell :where(
  .vidu-project-structure-block,
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-mission-module,
  .vidu-project-feed-event,
  .vidu-project-location-card
) {
  contain: none !important;
}

body.is-module-dragging .vidu-project-modal-shell .vidu-app-modal-backdrop,
body.vidu-sidebar-dragging .vidu-project-modal-shell .vidu-app-modal-backdrop,
body.is-vidu-sidebar-sorting .vidu-project-modal-shell .vidu-app-modal-backdrop {
  background: rgba(3, 5, 9, 0.62) !important;
  backdrop-filter: blur(2px) saturate(1.01) !important;
  -webkit-backdrop-filter: blur(2px) saturate(1.01) !important;
  transition: none !important;
}

body.is-module-dragging .vidu-project-modal-shell :where(
  .vidu-project-cockpit-header,
  .vidu-project-column-head,
  .vidu-project-center-head-below,
  .vidu-project-activity > .vidu-project-column-head,
  .vidu-project-communication-module .vidu-project-center-head-below,
  .vidu-project-location-options-menu
),
body.vidu-sidebar-dragging .vidu-project-modal-shell :where(
  .vidu-project-cockpit-header,
  .vidu-project-column-head,
  .vidu-project-center-head-below,
  .vidu-project-activity > .vidu-project-column-head,
  .vidu-project-communication-module .vidu-project-center-head-below,
  .vidu-project-location-options-menu
),
body.is-vidu-sidebar-sorting .vidu-project-modal-shell :where(
  .vidu-project-cockpit-header,
  .vidu-project-column-head,
  .vidu-project-center-head-below,
  .vidu-project-activity > .vidu-project-column-head,
  .vidu-project-communication-module .vidu-project-center-head-below,
  .vidu-project-location-options-menu
) {
  backdrop-filter: blur(2px) saturate(1.01) !important;
  -webkit-backdrop-filter: blur(2px) saturate(1.01) !important;
  transition: none !important;
}

body.is-module-dragging .vidu-project-modal-shell :where(
  .vidu-project-structure-block,
  .vidu-project-sidebar-module,
  .vidu-project-mission-module,
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-feed-event,
  [data-sidebar-drag-handle],
  .vidu-project-sidebar-drag-handle
),
body.vidu-sidebar-dragging .vidu-project-modal-shell :where(
  .vidu-project-structure-block,
  .vidu-project-sidebar-module,
  .vidu-project-mission-module,
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-feed-event,
  [data-sidebar-drag-handle],
  .vidu-project-sidebar-drag-handle
),
body.is-vidu-sidebar-sorting .vidu-project-modal-shell :where(
  .vidu-project-structure-block,
  .vidu-project-sidebar-module,
  .vidu-project-mission-module,
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-feed-event,
  [data-sidebar-drag-handle],
  .vidu-project-sidebar-drag-handle
) {
  transition: none !important;
  animation: none !important;
}

body.is-module-dragging .vidu-project-modal-shell :where(
  .vidu-project-structure-block.is-dragging,
  .vidu-project-structure-block.has-drag-started,
  .vidu-project-structure-block.is-drop-target,
  .vidu-project-mission-module.is-dragging,
  .vidu-project-drive-item.is-dragging,
  .vidu-project-drive-item.is-drop-target
),
body.vidu-sidebar-dragging .vidu-project-modal-shell :where(
  .vidu-project-structure-block.is-dragging,
  .vidu-project-structure-block.has-drag-started,
  .vidu-project-structure-block.is-drop-target,
  .vidu-project-mission-module.is-dragging,
  .vidu-project-drive-item.is-dragging,
  .vidu-project-drive-item.is-drop-target
),
body.is-vidu-sidebar-sorting .vidu-project-modal-shell :where(
  .vidu-project-structure-block.is-dragging,
  .vidu-project-structure-block.has-drag-started,
  .vidu-project-structure-block.is-drop-target,
  .vidu-project-mission-module.is-dragging,
  .vidu-project-drive-item.is-dragging,
  .vidu-project-drive-item.is-drop-target
) {
  box-shadow: 0 0 0 1px rgba(96,165,250,0.14) !important;
  filter: none !important;
  will-change: transform;
}

body.is-module-dragging .vidu-project-modal-shell .vidu-project-structure-block.is-dragging,
body.vidu-sidebar-dragging .vidu-project-modal-shell .vidu-project-structure-block.is-dragging,
body.is-vidu-sidebar-sorting .vidu-project-modal-shell .vidu-project-structure-block.is-dragging {
  transform: none !important;
}

body.is-module-dragging .vidu-project-sidebar-drag-ghost,
body.vidu-sidebar-dragging .vidu-project-sidebar-drag-ghost,
body.is-vidu-sidebar-sorting .vidu-project-sidebar-drag-ghost {
  box-shadow: 0 14px 34px rgba(0,0,0,0.22) !important;
  filter: none !important;
  backdrop-filter: blur(2px) saturate(1.01) !important;
  -webkit-backdrop-filter: blur(2px) saturate(1.01) !important;
  transition: none !important;
  will-change: transform;
}

/* =========================================================
   PROJECT MODAL PAINT LATENCY OVERRIDE — 2026-06-04
   Reversible compositor/paint guard; remove this block to revert.
   ========================================================= */

.vidu-project-modal-shell :where(
  .vidu-app-modal-body,
  .vidu-app-modal-content,
  .vidu-modal-content,
  .vidu-modal-inner-content,
  .vidu-project-cockpit,
  .vidu-project-cockpit-grid,
  .vidu-project-column,
  .vidu-project-structure,
  .vidu-project-structure-block,
  .vidu-project-structure-body,
  .vidu-project-control,
  .vidu-project-control-card,
  .vidu-project-activity,
  .vidu-project-feed,
  .vidu-project-feed-event,
  .vidu-project-communication-module,
  .vidu-project-mission-control,
  .vidu-project-mission-list,
  .vidu-project-mission-module,
  .vidu-project-mission-body,
  [data-mission-real-module-slot],
  .is-mission-module-live,
  .vidu-project-timeline-card,
  .vidu-timeline-scroll,
  .vidu-timeline-track,
  .vidu-timeline-point,
  .vidu-project-location-list,
  .vidu-project-location-card,
  .vidu-project-assets-prep,
  .vidu-project-drive-browser,
  .vidu-project-drive-item
) {
  contain: none !important;
  content-visibility: visible !important;
  contain-intrinsic-size: auto none !important;
  will-change: auto !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-column,
  .vidu-project-activity,
  .vidu-project-feed,
  .vidu-project-mission-body,
  .vidu-project-location-list,
  .vidu-project-assets-prep,
  .vidu-project-drive-browser,
  .vidu-timeline-scroll
) {
  transform: none !important;
}

.vidu-project-modal-shell :where(
  .vidu-timeline-scroll,
  .vidu-timeline-track,
  .vidu-timeline-point,
  .vidu-timeline-dot,
  .vidu-timeline-interval-bar,
  .vidu-timeline-day-bg
) {
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.is-module-dragging .vidu-project-modal-shell :where(
  .vidu-project-structure-block.is-dragging,
  .vidu-project-structure-block.has-drag-started,
  .vidu-project-structure-block.is-drop-target,
  .vidu-project-mission-module.is-dragging,
  .vidu-project-drive-item.is-dragging,
  .vidu-project-drive-item.is-drop-target
),
body.vidu-sidebar-dragging .vidu-project-modal-shell :where(
  .vidu-project-structure-block.is-dragging,
  .vidu-project-structure-block.has-drag-started,
  .vidu-project-structure-block.is-drop-target,
  .vidu-project-mission-module.is-dragging,
  .vidu-project-drive-item.is-dragging,
  .vidu-project-drive-item.is-drop-target
),
body.is-vidu-sidebar-sorting .vidu-project-modal-shell :where(
  .vidu-project-structure-block.is-dragging,
  .vidu-project-structure-block.has-drag-started,
  .vidu-project-structure-block.is-drop-target,
  .vidu-project-mission-module.is-dragging,
  .vidu-project-drive-item.is-dragging,
  .vidu-project-drive-item.is-drop-target
),
body.is-module-dragging .vidu-project-sidebar-drag-ghost,
body.vidu-sidebar-dragging .vidu-project-sidebar-drag-ghost,
body.is-vidu-sidebar-sorting .vidu-project-sidebar-drag-ghost {
  will-change: transform !important;
}

/* =========================================================
   PROJECT MODAL PAINT PERFORMANCE MODE — 2026-06-04
   Reversible paint/compositor reduction layer for Project Modal scroll.
   Remove this whole block to restore the heavier glass/glow treatment.
   ========================================================= */

.vidu-project-modal-shell :where(
  .vidu-project-cockpit-header,
  .vidu-project-column-head,
  .vidu-project-center-head-below,
  .vidu-project-activity > .vidu-project-column-head,
  .vidu-project-communication-module .vidu-project-center-head-below,
  .vidu-project-mission-head,
  .vidu-project-mission-module-head
) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: none !important;
}

.vidu-project-modal-shell .vidu-project-cockpit-header {
  background:
    linear-gradient(180deg, rgba(18, 20, 26, 0.96), rgba(14, 15, 20, 0.92)) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-column-head,
  .vidu-project-center-head-below,
  .vidu-project-activity > .vidu-project-column-head,
  .vidu-project-communication-module .vidu-project-center-head-below,
  .vidu-project-mission-head,
  .vidu-project-mission-module-head
) {
  background:
    linear-gradient(180deg, rgba(18, 20, 26, 0.94), rgba(13, 14, 18, 0.90)) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-cockpit.is-focus-mode .vidu-project-column:not(.is-focus-active),
  .vidu-project-cockpit.is-activity-focus-mode .vidu-project-column:not(.vidu-project-activity),
  .vidu-project-cockpit-grid.is-activity-focus-mode > .vidu-project-column:not(.vidu-project-activity),
  .vidu-project-cockpit.is-timeline-focus-mode .vidu-project-column:not(.vidu-project-activity),
  .vidu-project-cockpit-grid.is-timeline-focus-mode > .vidu-project-column:not(.vidu-project-activity),
  .vidu-project-cockpit.is-timeline-focus-mode .vidu-project-activity > :not(.vidu-project-timeline-card),
  .vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-activity > :not(.vidu-project-timeline-card)
) {
  filter: none !important;
}

.vidu-project-modal-shell .vidu-project-cockpit-grid.is-timeline-focus-mode::before {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active,
  .vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active,
  .vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active
) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active,
  .vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active
) {
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-structure-block,
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-feed-event,
  .vidu-project-mission-module
) {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.026),
    0 8px 22px rgba(0, 0, 0, 0.14) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-structure-block:hover,
  .vidu-project-structure-block:focus-within,
  .vidu-project-control-card:hover,
  .vidu-project-timeline-card:hover,
  .vidu-project-feed-event:hover,
  .vidu-project-feed-event.is-selected,
  .vidu-project-mission-module:hover,
  .vidu-project-mission-module:focus-within
) {
  transform: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 10px 26px rgba(0, 0, 0, 0.18) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active,
  .vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active
) {
  box-shadow:
    0 20px 52px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-horizontal-timeline,
  .vidu-timeline-scroll,
  .vidu-timeline-track,
  .vidu-timeline-point,
  .vidu-timeline-dot,
  .vidu-timeline-today
) {
  filter: none !important;
  text-shadow: none !important;
}

.vidu-project-modal-shell .vidu-timeline-today::before {
  filter: none !important;
  text-shadow: none !important;
}

.vidu-project-modal-shell :where(
  .vidu-timeline-dot,
  .vidu-timeline-point:hover .vidu-timeline-dot,
  .vidu-timeline-point.is-menu-open .vidu-timeline-dot,
  .vidu-project-feed-event.is-selected .vidu-project-feed-icon,
  .vidu-project-feed-event.is-selected .vidu-project-feed-dot
) {
  box-shadow:
    0 0 0 3px rgba(96, 165, 250, 0.10),
    0 0 10px rgba(96, 165, 250, 0.16) !important;
}

.vidu-project-modal-shell .vidu-timeline-today::before {
  box-shadow:
    0 0 0 3px rgba(96, 165, 250, 0.10),
    0 0 10px rgba(96, 165, 250, 0.16) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-structure-block,
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-feed-event,
  .vidu-project-mission-module,
  .vidu-timeline-track,
  .vidu-timeline-point,
  .vidu-timeline-dot
) {
  transition-property: background, border-color, color, opacity !important;
}

/* =========================================================
   PROJECT MODAL A/B PERFORMANCE TEST MODES — 2026-06-04
   Diagnostic only. Toggle with window.viduSetPerfMode(mode).
   Normal UI is unchanged unless one of these classes is present on
   body or #vidu-pipeline-dashboard.
   ========================================================= */

:is(body.vidu-perf-flat-modal, #vidu-pipeline-dashboard.vidu-perf-flat-modal) .vidu-project-modal-shell,
:is(body.vidu-perf-flat-modal, #vidu-pipeline-dashboard.vidu-perf-flat-modal) .vidu-project-modal-shell *,
:is(body.vidu-perf-flat-modal, #vidu-pipeline-dashboard.vidu-perf-flat-modal) .vidu-project-modal-shell *::before,
:is(body.vidu-perf-flat-modal, #vidu-pipeline-dashboard.vidu-perf-flat-modal) .vidu-project-modal-shell *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  animation: none !important;
  transition: none !important;
}

:is(body.vidu-perf-flat-modal, #vidu-pipeline-dashboard.vidu-perf-flat-modal) .vidu-project-modal-shell :where(
  .vidu-project-cockpit,
  .vidu-project-cockpit-header,
  .vidu-project-cockpit-grid,
  .vidu-project-column,
  .vidu-project-column-head,
  .vidu-project-structure-block,
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-feed,
  .vidu-project-feed-event,
  .vidu-project-chat-window,
  .vidu-project-chat-compose,
  .vidu-project-communication-module,
  .vidu-project-mission-control,
  .vidu-project-mission-module,
  .vidu-project-location-card
) {
  background-image: none !important;
}

:is(body.vidu-perf-flat-modal, #vidu-pipeline-dashboard.vidu-perf-flat-modal) .vidu-project-modal-shell .vidu-project-cockpit-grid::before,
:is(body.vidu-perf-flat-modal, #vidu-pipeline-dashboard.vidu-perf-flat-modal) .vidu-project-modal-shell .vidu-project-cockpit-grid::after,
:is(body.vidu-perf-flat-modal, #vidu-pipeline-dashboard.vidu-perf-flat-modal) .vidu-project-modal-shell .vidu-timeline-track::before,
:is(body.vidu-perf-flat-modal, #vidu-pipeline-dashboard.vidu-perf-flat-modal) .vidu-project-modal-shell .vidu-timeline-track::after,
:is(body.vidu-perf-flat-modal, #vidu-pipeline-dashboard.vidu-perf-flat-modal) .vidu-project-modal-shell .vidu-project-feed::before,
:is(body.vidu-perf-flat-modal, #vidu-pipeline-dashboard.vidu-perf-flat-modal) .vidu-project-modal-shell .vidu-project-feed::after,
:is(body.vidu-perf-flat-modal, #vidu-pipeline-dashboard.vidu-perf-flat-modal) .vidu-project-modal-shell .vidu-timeline-popover::before,
:is(body.vidu-perf-flat-modal, #vidu-pipeline-dashboard.vidu-perf-flat-modal) .vidu-project-modal-shell .vidu-timeline-floating-popover::before {
  content: none !important;
}

:is(body.vidu-perf-no-background, #vidu-pipeline-dashboard.vidu-perf-no-background) :where(
  .vidu-app-modal-backdrop,
  .vidu-modal-backdrop,
  .vidu-app-backdrop,
  .vidu-topbar-background-panel,
  .vidu-operations-dock-inner
) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

body.vidu-perf-no-background::before,
body.vidu-perf-no-background::after,
#vidu-pipeline-dashboard.vidu-perf-no-background::before,
#vidu-pipeline-dashboard.vidu-perf-no-background::after,
:is(body.vidu-perf-no-background, #vidu-pipeline-dashboard.vidu-perf-no-background) .vidu-app-modal::before,
:is(body.vidu-perf-no-background, #vidu-pipeline-dashboard.vidu-perf-no-background) .vidu-app-modal::after,
:is(body.vidu-perf-no-background, #vidu-pipeline-dashboard.vidu-perf-no-background) .vidu-project-modal-shell::before,
:is(body.vidu-perf-no-background, #vidu-pipeline-dashboard.vidu-perf-no-background) .vidu-project-modal-shell::after {
  content: none !important;
  display: none !important;
}

:is(body.vidu-perf-single-scroll, #vidu-pipeline-dashboard.vidu-perf-single-scroll) .vidu-project-modal-shell :where(
  .vidu-app-modal-body,
  .vidu-app-modal-content,
  .vidu-modal-content,
  .vidu-modal-inner-frame,
  .vidu-modal-inner-content,
  .vidu-project-cockpit,
  .vidu-project-cockpit-grid
) {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: auto !important;
  max-height: none !important;
}

:is(body.vidu-perf-single-scroll, #vidu-pipeline-dashboard.vidu-perf-single-scroll) .vidu-project-modal-shell :where(
  .vidu-project-column,
  .vidu-project-structure,
  .vidu-project-activity,
  .vidu-project-control,
  .vidu-project-feed,
  .vidu-project-mission-body,
  .vidu-project-location-list,
  .vidu-project-assets-prep,
  .vidu-project-drive-browser
) {
  overflow: visible !important;
  max-height: none !important;
}

:is(body.vidu-perf-single-scroll, #vidu-pipeline-dashboard.vidu-perf-single-scroll) .vidu-project-modal-shell :where(
  .vidu-project-cockpit-header,
  .vidu-project-column-head,
  .vidu-project-center-head-below,
  .vidu-project-mission-head,
  .vidu-project-mission-module-head
) {
  position: static !important;
  top: auto !important;
}

:is(body.vidu-perf-no-mission, #vidu-pipeline-dashboard.vidu-perf-no-mission) .vidu-project-modal-shell .vidu-project-mission-control {
  display: none !important;
}

:is(body.vidu-perf-no-mission, #vidu-pipeline-dashboard.vidu-perf-no-mission) .vidu-project-modal-shell .vidu-project-cockpit.has-mission-control {
  overflow-y: auto !important;
}

:is(body.vidu-perf-no-map, #vidu-pipeline-dashboard.vidu-perf-no-map) .vidu-project-modal-shell :where(
  .vidu-project-location-map-grid,
  .vidu-project-location-map-overlay,
  .vidu-project-google-map,
  .vidu-google-map,
  [data-project-location-map],
  [data-google-map]
) {
  display: none !important;
}

:is(body.vidu-perf-no-map, #vidu-pipeline-dashboard.vidu-perf-no-map) .vidu-project-modal-shell .vidu-project-location-map-shell {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.82), rgba(15, 23, 42, 0.72)) !important;
  box-shadow: none !important;
}

:is(body.vidu-perf-no-map, #vidu-pipeline-dashboard.vidu-perf-no-map) .vidu-project-modal-shell .vidu-project-location-map-shell::after {
  content: "Map hidden by vidu-perf-no-map";
  display: block;
  color: rgba(226, 232, 240, 0.72);
  font-size: 12px;
  letter-spacing: 0.02em;
}

/* =========================================================
   PROJECT MODAL FLAT RESET LAYER — 2026-06-04
   Scoped permanent flat reset after legacy compatibility layers.
   Less aggressive than vidu-perf-flat-modal: preserves layout, map,
   content, and limited state transitions while removing expensive paint.
   Remove this whole block to revert this stabilization layer.
   ========================================================= */

.vidu-project-modal-shell :where(
  .vidu-project-cockpit,
  .vidu-project-cockpit-header,
  .vidu-project-cockpit-grid,
  .vidu-project-column,
  .vidu-project-column-head,
  .vidu-project-center-head-below,
  .vidu-project-activity > .vidu-project-column-head,
  .vidu-project-structure-block,
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-feed,
  .vidu-project-feed-event,
  .vidu-project-chat-window,
  .vidu-project-chat-compose,
  .vidu-project-communication-module,
  .vidu-project-mission-control,
  .vidu-project-mission-head,
  .vidu-project-mission-module,
  .vidu-project-mission-module-head,
  .vidu-project-location-card,
  .vidu-project-assets-prep,
  .vidu-project-drive-browser,
  .vidu-project-drive-item
) {
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: none !important;
  background-image: none !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-cockpit,
  .vidu-project-cockpit-grid
) {
  background: var(--vidu-surface-1) !important;
  box-shadow: var(--vidu-shadow-soft) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-cockpit-header,
  .vidu-project-column-head,
  .vidu-project-center-head-below,
  .vidu-project-activity > .vidu-project-column-head,
  .vidu-project-communication-module .vidu-project-center-head-below,
  .vidu-project-mission-head,
  .vidu-project-mission-module-head,
  .vidu-project-module--mission > .vidu-project-module-header
) {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-subtle) !important;
  box-shadow: var(--vidu-shadow-none) !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: none !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-structure-block,
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-feed-event,
  .vidu-project-mission-module,
  .vidu-project-location-card,
  .vidu-project-drive-item,
  .vidu-project-check-block,
  .vidu-project-check-row
) {
  box-shadow: var(--vidu-shadow-none) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-structure-block:hover,
  .vidu-project-structure-block:focus-within,
  .vidu-project-control-card:hover,
  .vidu-project-timeline-card:hover,
  .vidu-project-feed-event:hover,
  .vidu-project-feed-event.is-selected,
  .vidu-project-mission-module:hover,
  .vidu-project-mission-module:focus-within,
  .vidu-project-location-card:hover,
  .vidu-project-location-card:focus-within,
  .vidu-project-drive-item:hover,
  .vidu-project-drive-item:focus-within
) {
  background: var(--vidu-surface-3) !important;
  border-color: var(--vidu-border-active) !important;
  box-shadow: var(--vidu-shadow-soft) !important;
  transform: none !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-structure-block,
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-feed-event,
  .vidu-project-mission-module,
  .vidu-project-location-card,
  .vidu-project-drive-item,
  .vidu-timeline-track,
  .vidu-timeline-point,
  .vidu-timeline-dot,
  .vidu-project-check-row,
  .vidu-project-check-block
) {
  animation: none !important;
  transition-property: background, background-color, border-color, color, opacity !important;
  transition-duration: 120ms !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-cockpit.is-focus-mode .vidu-project-column:not(.is-focus-active),
  .vidu-project-cockpit.is-activity-focus-mode .vidu-project-column:not(.vidu-project-activity),
  .vidu-project-cockpit-grid.is-activity-focus-mode > .vidu-project-column:not(.vidu-project-activity),
  .vidu-project-cockpit.is-timeline-focus-mode .vidu-project-column:not(.vidu-project-activity),
  .vidu-project-cockpit-grid.is-timeline-focus-mode > .vidu-project-column:not(.vidu-project-activity),
  .vidu-project-cockpit.is-timeline-focus-mode .vidu-project-activity > :not(.vidu-project-timeline-card),
  .vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-activity > :not(.vidu-project-timeline-card)
) {
  filter: none !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active,
  .vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active,
  .vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active,
  .vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active
) {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-active) !important;
  box-shadow: var(--vidu-shadow-soft) !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.vidu-project-modal-shell .vidu-project-cockpit-grid::before,
.vidu-project-modal-shell .vidu-project-cockpit-grid::after,
.vidu-project-modal-shell .vidu-timeline-track::before,
.vidu-project-modal-shell .vidu-timeline-track::after,
.vidu-project-modal-shell .vidu-project-feed::before,
.vidu-project-modal-shell .vidu-project-feed::after,
.vidu-project-modal-shell .vidu-timeline-popover::before,
.vidu-project-modal-shell .vidu-timeline-floating-popover::before,
.vidu-project-modal-shell .vidu-project-mission-module::before,
.vidu-project-modal-shell .vidu-project-mission-module::after,
.vidu-project-modal-shell .vidu-project-structure-block::before,
.vidu-project-modal-shell .vidu-project-structure-block::after {
  content: none !important;
  display: none !important;
}

.vidu-project-modal-shell :where(
  .vidu-timeline-scroll,
  .vidu-timeline-track,
  .vidu-timeline-point,
  .vidu-timeline-dot,
  .vidu-timeline-today,
  .vidu-project-feed-event.is-selected .vidu-project-feed-icon,
  .vidu-project-feed-event.is-selected .vidu-project-feed-dot
) {
  filter: none !important;
  box-shadow: var(--vidu-shadow-none) !important;
  text-shadow: none !important;
}

.vidu-project-modal-shell .vidu-timeline-today::before {
  filter: none !important;
  box-shadow: var(--vidu-shadow-none) !important;
  text-shadow: none !important;
}

/* =========================================================
   PROJECT MODAL FLAT FINAL RESET — 2026-06-04
   Final high-strength Project Modal flattening layer.
   Matches the proven vidu-perf-flat-modal paint profile while keeping
   essential pseudo-content such as form/check affordances available.
   This must stay after legacy and diagnostic layers.
   ========================================================= */

.vidu-project-modal-shell,
.vidu-project-modal-shell *,
.vidu-project-modal-shell *::before,
.vidu-project-modal-shell *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-cockpit,
  .vidu-app-modal-dialog,
  .vidu-app-modal-body,
  .vidu-app-modal-content,
  .vidu-modal-content,
  .vidu-modal-inner-frame,
  .vidu-modal-inner-content
) {
  background: var(--vidu-surface-1) !important;
  border-color: var(--vidu-border-subtle) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-cockpit-grid,
  .vidu-project-column,
  .vidu-project-structure-block,
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-feed,
  .vidu-project-chat-window,
  .vidu-project-chat-compose,
  .vidu-project-communication-module,
  .vidu-project-mission-control,
  .vidu-project-mission-module,
  .vidu-project-location-card,
  .vidu-project-assets-prep,
  .vidu-project-drive-browser,
  .vidu-project-drive-item,
  .vidu-project-check-block,
  .vidu-project-check-row
) {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-subtle) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-cockpit-header,
  .vidu-project-column-head,
  .vidu-project-center-head-below,
  .vidu-project-activity > .vidu-project-column-head,
  .vidu-project-communication-module .vidu-project-center-head-below,
  .vidu-project-mission-head,
  .vidu-project-mission-module-head,
  .vidu-project-module-header
) {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-subtle) !important;
  transition: none !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-structure-block:hover,
  .vidu-project-structure-block:focus-within,
  .vidu-project-structure-block.is-open,
  .vidu-project-structure-block.is-active,
  .vidu-project-control-card:hover,
  .vidu-project-timeline-card:hover,
  .vidu-project-feed-event:hover,
  .vidu-project-feed-event.is-selected,
  .vidu-project-mission-module:hover,
  .vidu-project-mission-module:focus-within,
  .vidu-project-mission-module.is-pinned-mission-control,
  .vidu-project-location-card:hover,
  .vidu-project-location-card:focus-within,
  .vidu-project-drive-item:hover,
  .vidu-project-drive-item:focus-within
) {
  background: var(--vidu-surface-3) !important;
  border-color: var(--vidu-border-active) !important;
  transform: none !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-structure-block,
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-feed-event,
  .vidu-project-mission-module,
  .vidu-project-location-card,
  .vidu-project-drive-item,
  .vidu-project-check-row,
  .vidu-project-check-block,
  .vidu-timeline-track,
  .vidu-timeline-point,
  .vidu-timeline-dot
) {
  animation: none !important;
  transition-property: background, background-color, border-color, color, opacity !important;
  transition-duration: 120ms !important;
  transition-timing-function: var(--vidu-ease-standard, ease) !important;
}

.vidu-project-modal-shell :where(
  .vidu-project-cockpit.is-focus-mode .vidu-project-column:not(.is-focus-active),
  .vidu-project-cockpit.is-activity-focus-mode .vidu-project-column:not(.vidu-project-activity),
  .vidu-project-cockpit-grid.is-activity-focus-mode > .vidu-project-column:not(.vidu-project-activity),
  .vidu-project-cockpit.is-timeline-focus-mode .vidu-project-column:not(.vidu-project-activity),
  .vidu-project-cockpit-grid.is-timeline-focus-mode > .vidu-project-column:not(.vidu-project-activity),
  .vidu-project-cockpit.is-timeline-focus-mode .vidu-project-activity > :not(.vidu-project-timeline-card),
  .vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-activity > :not(.vidu-project-timeline-card),
  .vidu-project-cockpit.is-focus-mode .vidu-project-column.is-focus-active,
  .vidu-project-cockpit-grid.is-focus-active > .vidu-project-column.is-focus-active,
  .vidu-project-cockpit.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active,
  .vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-project-timeline-card.is-timeline-focus-active
) {
  filter: none !important;
  transform: none !important;
}

.vidu-project-modal-shell .vidu-project-cockpit-grid::before,
.vidu-project-modal-shell .vidu-project-cockpit-grid::after,
.vidu-project-modal-shell .vidu-project-column::before,
.vidu-project-modal-shell .vidu-project-column::after,
.vidu-project-modal-shell .vidu-project-column-head::before,
.vidu-project-modal-shell .vidu-project-column-head::after,
.vidu-project-modal-shell .vidu-project-structure-block::before,
.vidu-project-modal-shell .vidu-project-structure-block::after,
.vidu-project-modal-shell .vidu-project-control-card::before,
.vidu-project-modal-shell .vidu-project-control-card::after,
.vidu-project-modal-shell .vidu-project-timeline-card::before,
.vidu-project-modal-shell .vidu-project-timeline-card::after,
.vidu-project-modal-shell .vidu-project-feed::before,
.vidu-project-modal-shell .vidu-project-feed::after,
.vidu-project-modal-shell .vidu-project-feed-event::before,
.vidu-project-modal-shell .vidu-project-feed-event::after,
.vidu-project-modal-shell .vidu-project-communication-module::before,
.vidu-project-modal-shell .vidu-project-communication-module::after,
.vidu-project-modal-shell .vidu-project-mission-control::before,
.vidu-project-modal-shell .vidu-project-mission-control::after,
.vidu-project-modal-shell .vidu-project-mission-module::before,
.vidu-project-modal-shell .vidu-project-mission-module::after,
.vidu-project-modal-shell .vidu-project-location-card::before,
.vidu-project-modal-shell .vidu-project-location-card::after,
.vidu-project-modal-shell .vidu-project-location-map-shell::before,
.vidu-project-modal-shell .vidu-project-location-map-shell::after,
.vidu-project-modal-shell .vidu-project-assets-prep::before,
.vidu-project-modal-shell .vidu-project-assets-prep::after,
.vidu-project-modal-shell .vidu-project-drive-browser::before,
.vidu-project-modal-shell .vidu-project-drive-browser::after,
.vidu-project-modal-shell .vidu-project-drive-item::before,
.vidu-project-modal-shell .vidu-project-drive-item::after,
.vidu-project-modal-shell .vidu-timeline-track::before,
.vidu-project-modal-shell .vidu-timeline-track::after,
.vidu-project-modal-shell .vidu-timeline-popover::before,
.vidu-project-modal-shell .vidu-timeline-popover::after,
.vidu-project-modal-shell .vidu-timeline-floating-popover::before,
.vidu-project-modal-shell .vidu-timeline-floating-popover::after {
  content: none !important;
  display: none !important;
}

/* =========================================================
   PROJECT MODAL LOCATIONS MAP FLAT LAYOUT — 2026-06-04
   Remove the redundant count/header row and outer content wrapper
   so the map starts directly below the module header.
   ========================================================= */

.vidu-project-modal-shell .vidu-project-locations-head {
  display: none !important;
}

.vidu-project-modal-shell .vidu-project-locations-card,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations-card {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-locations,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations {
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-location-map-shell,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-map-shell {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-location-map-grid {
  border-radius: 0 !important;
}

/* =========================================================
   PROJECT MODAL MISSION CONTROL FLAT HEADER — 2026-06-04
   Remove the section-level text header and keep pinned module headers
   compact, flat, and visually merged with each module frame.
   ========================================================= */

.vidu-project-modal-shell .vidu-project-mission-head {
  display: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-control {
  gap: 10px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-list {
  gap: 10px !important;
}

.vidu-project-modal-shell .vidu-project-mission-module,
.vidu-project-modal-shell .vidu-project-module--mission {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-subtle) !important;
}

.vidu-project-modal-shell .vidu-project-mission-module-head,
.vidu-project-modal-shell .vidu-project-module--mission > .vidu-project-module-header {
  min-height: 40px !important;
  padding: 0 !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module-head span,
.vidu-project-modal-shell .vidu-project-module--mission > .vidu-project-module-header span {
  font-size: 10px !important;
  line-height: 1.1 !important;
}

.vidu-project-modal-shell .vidu-project-mission-module-head strong,
.vidu-project-modal-shell .vidu-project-module--mission > .vidu-project-module-header strong {
  margin-top: 1px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
}

.vidu-project-modal-shell .vidu-project-mission-drag,
.vidu-project-modal-shell .vidu-project-mission-controls button {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 9px !important;
}

/* =========================================================
   PROJECT MODAL MISSION LOCATIONS FLAT DETAIL — 2026-06-04
   Keep the pinned map module visually quiet: no label strip, no blue
   content well, neutral cards, and a little breathing room below the map.
   ========================================================= */

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-mission-module-head span,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations > .vidu-project-module-header span {
  display: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-mission-module-head,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations > .vidu-project-module-header {
  min-height: 38px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-mission-body,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations [data-mission-real-module-slot],
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .is-mission-module-live,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations-card,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-map-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-map-grid {
  background: transparent !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list {
  margin-top: 14px !important;
  padding-top: 0 !important;
  gap: 12px !important;
}

.vidu-project-modal-shell .vidu-project-location-card,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-card {
  background: var(--vidu-surface-3) !important;
  background-image: none !important;
  border: 1px solid var(--vidu-border-subtle) !important;
  box-shadow: none !important;
  transform: none !important;
}

.vidu-project-modal-shell .vidu-project-location-card:hover,
.vidu-project-modal-shell .vidu-project-location-card:focus-within,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-card:hover,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-card:focus-within {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-active) !important;
  transform: none !important;
}

.vidu-project-modal-shell .vidu-project-location-title-row span,
.vidu-project-modal-shell .vidu-project-location-client-status,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-title-row span,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-client-status {
  background: var(--vidu-surface-2) !important;
  background-image: none !important;
  border: 1px solid var(--vidu-border-subtle) !important;
  color: var(--vidu-text-secondary, rgba(226, 232, 240, 0.72)) !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-location-meta span,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-meta span {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-subtle) !important;
  color: var(--vidu-text-muted, rgba(226, 232, 240, 0.62)) !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-location-actions a,
.vidu-project-modal-shell .vidu-project-location-actions button,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-actions a,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-actions button {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-subtle) !important;
  box-shadow: none !important;
  transform: none !important;
}

.vidu-project-modal-shell .vidu-project-location-actions a:hover,
.vidu-project-modal-shell .vidu-project-location-actions button:hover,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-actions a:hover,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-actions button:hover {
  background: var(--vidu-surface-3) !important;
  border-color: var(--vidu-border-active) !important;
  transform: none !important;
}

/* =========================================================
   PROJECT MODAL MISSION LOCATIONS NEUTRAL SURFACE TUNE — 2026-06-05
   Remove the remaining blue panel tint around the pinned map module and
   give location cards enough vertical room for their action row.
   ========================================================= */

.vidu-project-modal-shell .vidu-project-mission-control {
  background: var(--vidu-surface-1) !important;
  background-image: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-list {
  background: transparent !important;
  background-image: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module,
.vidu-project-modal-shell .vidu-project-module--mission,
.vidu-project-modal-shell .vidu-project-mission-module.is-pinned-mission-control {
  background: var(--vidu-surface-2) !important;
  background-image: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-mission-body {
  background: var(--vidu-surface-2) !important;
  background-image: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations [data-mission-real-module-slot],
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .is-mission-module-live,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations-card,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-locations,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-list {
  background: transparent !important;
  background-image: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-map-shell,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-map-grid {
  background: transparent !important;
  background-image: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-card {
  min-height: 156px !important;
  padding: 16px 18px !important;
  background: var(--vidu-surface-3) !important;
  background-image: none !important;
  border-color: var(--vidu-border-subtle) !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-card:hover,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-card:focus-within {
  background: var(--vidu-surface-2) !important;
  border-color: var(--vidu-border-active) !important;
  transform: none !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-actions {
  min-height: 36px !important;
  margin-top: 14px !important;
  padding-top: 2px !important;
  gap: 10px !important;
  align-items: center !important;
}

.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-actions a,
.vidu-project-modal-shell .vidu-project-mission-module.is-module-locations .vidu-project-location-actions button {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 10px !important;
}

/* =========================================================
   PROJECT MODAL PRODUCTION COLUMN ALIGNMENT — 2026-06-05
   Keep sidebar module actions in a fixed right-side lane and give sticky
   layer headers a solid flat surface while scrolling.
   ========================================================= */

.vidu-project-modal-shell .vidu-project-column-head,
.vidu-project-modal-shell .vidu-project-activity > .vidu-project-column-head {
  background: var(--vidu-surface-1) !important;
  background-color: var(--vidu-surface-1) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--vidu-border-subtle) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  z-index: 18 !important;
}

.vidu-project-modal-shell .vidu-project-column-head .vidu-project-column-title {
  background: transparent !important;
}

.vidu-project-modal-shell .vidu-project-structure-headrow {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: visible !important;
}

.vidu-project-modal-shell .vidu-project-sidebar-drag-handle {
  width: 34px !important;
  min-width: 34px !important;
  min-height: 40px !important;
}

.vidu-project-modal-shell .vidu-project-structure-head {
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 0 !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.vidu-project-modal-shell .vidu-project-structure-head > span {
  min-width: 0 !important;
  text-align: left !important;
}

.vidu-project-modal-shell .vidu-project-location-header-tools,
.vidu-project-modal-shell .vidu-project-module-options {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
}

.vidu-project-modal-shell .vidu-project-module-options {
  padding-left: 0 !important;
}

.vidu-project-modal-shell .vidu-project-structure-headrow > .vidu-project-pin-btn {
  margin-left: auto !important;
  margin-right: 0 !important;
  z-index: 1 !important;
}

.vidu-project-modal-shell .vidu-project-location-header-btn,
.vidu-project-modal-shell .vidu-project-module-options-btn,
.vidu-project-modal-shell .vidu-project-structure-headrow > .vidu-project-pin-btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 9px !important;
}

.vidu-project-modal-shell .vidu-project-location-header-tools [data-project-pin-toggle],
.vidu-project-modal-shell .vidu-project-location-header-tools .vidu-project-location-pin-btn {
  order: 3 !important;
}

.vidu-project-modal-shell .vidu-project-location-header-tools [data-location-options-toggle],
.vidu-project-modal-shell .vidu-project-location-header-tools .vidu-project-location-options {
  order: 4 !important;
}

/* =========================================================
   PROJECT MODAL CHAT PANEL TOP EDGE — 2026-06-05
   Make the chat content join the communication toolbar like the activity
   feed, without exposing the darker module background in the top corners.
   ========================================================= */

.vidu-project-modal-shell .vidu-project-communication-module[data-project-communication-panel="main"] #vidu-project-chat-panel,
.vidu-project-modal-shell .vidu-project-communication-module[data-project-communication-panel="main"] #vidu-project-chat-panel.is-active {
  background: var(--vidu-surface-2) !important;
  background-image: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.vidu-project-modal-shell .vidu-project-communication-module[data-project-communication-panel="main"] #vidu-project-chat-panel .vidu-project-chat-window,
.vidu-project-modal-shell .vidu-project-communication-module[data-project-communication-panel="main"] #vidu-project-chat-panel .vidu-project-chat-messages {
  background: var(--vidu-surface-2) !important;
  background-color: var(--vidu-surface-2) !important;
  background-image: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  box-shadow: none !important;
}

.vidu-project-modal-shell .vidu-project-communication-module[data-project-communication-panel="main"] #vidu-project-chat-panel .vidu-project-chat-window {
  border-radius: 0 0 18px 18px !important;
}

/* =========================================================
   PROJECT MODAL 2.5 VIEWPORT SHELL — 2026-06-15
   Keep the 2.5 tab shell centered and bounded after legacy project
   modal performance overrides have run.
   ========================================================= */

@media (min-width: 768px), (hover: hover), (pointer: fine) {
.vidu-app-modal.vidu-project-modal25-shell.is-open {
  position: fixed !important;
  inset: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4vh 4vw !important;
  overflow: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-app-modal-dialog,
.vidu-app-modal.vidu-project-modal25-shell.is-open .vidu-app-modal-dialog {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(94vw, 1500px) !important;
  height: min(90vh, 980px) !important;
  max-height: 90vh !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  transform: none !important;
  transform-origin: center center !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-app-modal-body,
.vidu-app-modal.vidu-project-modal25-shell .vidu-app-modal-content,
.vidu-app-modal.vidu-project-modal25-shell .vidu-modal-content,
.vidu-app-modal.vidu-project-modal25-shell .vidu-modal-inner-frame,
.vidu-app-modal.vidu-project-modal25-shell .vidu-modal-inner-content {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25 {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-context {
  box-sizing: border-box !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-main {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tabs {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-head,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab {
  flex: 0 0 auto !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab-input {
  position: absolute !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab {
  position: relative !important;
  gap: 8px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab-edit {
  display: grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: currentColor !important;
  opacity: 0 !important;
  cursor: pointer !important;
  transition: opacity .14s ease, background .14s ease !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab:hover .vidu-project-modal25-tab-edit,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab:focus-within .vidu-project-modal25-tab-edit {
  opacity: .72 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab-edit:hover {
  background: rgba(255, 255, 255, .08) !important;
  opacity: 1 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab-edit svg {
  width: 13px !important;
  height: 13px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab-label-input {
  min-width: 0 !important;
  width: 100% !important;
  padding: 2px 4px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 6px !important;
  outline: 0 !important;
  background: rgba(255, 255, 255, .08) !important;
  color: inherit !important;
  font: inherit !important;
  font-weight: inherit !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panels {
  box-sizing: border-box !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel > * {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
}

/* PM2.5 desktop composition. The mobile application has an independent,
 * cascade-clean layout in 35-project-modal25-mobile.css. */
@media (min-width: 768px), (hover: hover), (pointer: fine) {
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero {
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--overview .vidu-project-modal25-overview-hero {
  align-items: stretch !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero > *,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero .vidu-project-locations,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero .vidu-project-timeline-card,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero .vidu-project-mission-module {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero .vidu-project-timeline-mission-view,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero .vidu-project-timeline-card {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: clamp(360px, 44vh, 520px) !important;
  overflow: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero .vidu-project-timeline-head {
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero .vidu-project-timeline-head > div:first-child {
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero .vidu-timeline-view-switch {
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero .vidu-project-horizontal-timeline {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero .vidu-timeline-scroll {
  height: 100% !important;
  min-height: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero .vidu-timeline-track {
  min-height: 100% !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero .vidu-timeline-detail-panel {
  max-height: min(260px, calc(100% - 92px)) !important;
  overflow: auto !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero .vidu-project-mission-module {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero .vidu-project-mission-body {
  max-height: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-secondary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-secondary > * {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-brief-summary {
  display: grid !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 16px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .035) !important;
  box-shadow: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-brief-summary .vidu-pm25-operation-head {
  margin-bottom: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-brief-summary-text {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 12 !important;
  max-height: calc(12 * 1.5em) !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: rgba(226, 232, 240, .84) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  white-space: pre-wrap !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-brief-summary-link {
  width: fit-content !important;
  max-width: 100% !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  background: rgba(255, 255, 255, .04) !important;
  color: rgba(226, 232, 240, .72) !important;
  padding: 6px 10px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-brief-summary,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-brief-summary {
  border-color: rgba(15, 23, 42, .10) !important;
  background: rgba(255, 255, 255, .82) !important;
  color: rgba(15, 23, 42, .88) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-brief-summary-text,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-brief-summary-text {
  color: rgba(15, 23, 42, .78) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-brief-summary-link,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-brief-summary-link {
  border-color: rgba(15, 23, 42, .11) !important;
  background: rgba(248, 250, 252, .92) !important;
  color: rgba(51, 65, 85, .74) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-sidebar-viewer {
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-sidebar-viewer .vidu-project-viewer-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 12px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-sidebar-viewer .vidu-project-viewer-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-sidebar-viewer .vidu-project-viewer-url {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-documents-card .vidu-project-document-stack {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 16px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-documents-card .vidu-project-document-item {
  width: 100% !important;
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation {
  display: grid !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card {
  --vidu-pm25-module-bg: rgba(255, 255, 255, .035);
  --vidu-pm25-module-bg-soft: rgba(255, 255, 255, .025);
  --vidu-pm25-module-bg-hover: rgba(255, 255, 255, .055);
  --vidu-pm25-module-border: rgba(255, 255, 255, .10);
  --vidu-pm25-module-border-soft: rgba(255, 255, 255, .09);
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--vidu-pm25-module-border) !important;
  border-radius: 8px !important;
  background: var(--vidu-pm25-module-bg) !important;
  box-shadow: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-operation-head {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-operation-head span {
  color: var(--vidu-muted, #94a3b8) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-operation-head strong {
  min-width: 0 !important;
  color: var(--vidu-text, #f8fafc) !important;
  font-size: 15px !important;
  overflow-wrap: anywhere !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-layout {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 16px !important;
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-activity,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-production-blocks {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-activity .vidu-project-center-head {
  align-items: center !important;
  gap: 12px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-secondary .vidu-project-modal25-activity {
  display: flex !important;
  flex-direction: column !important;
  height: 420px !important;
  max-height: 420px !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-secondary .vidu-project-modal25-activity .vidu-project-center-head {
  flex: 0 0 auto !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-secondary .vidu-project-modal25-activity .vidu-project-center-panel {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-secondary .vidu-project-modal25-activity .vidu-project-feed {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-activity-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-activity-filters .vidu-project-icon-btn {
  width: auto !important;
  min-width: 0 !important;
  height: 32px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-production-blocks {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-production-blocks .vidu-project-block {
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-nav,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-detail {
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-nav {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 11px !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  border-radius: 8px !important;
  background: rgba(15, 23, 42, .62) !important;
  color: var(--vidu-text, #f8fafc) !important;
  cursor: pointer !important;
  text-align: left !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block.is-active {
  border-color: rgba(255, 255, 255, .20) !important;
  background: rgba(255, 255, 255, .07) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block span {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block strong,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item strong,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-crew-member strong,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-note strong {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block small,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item p,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item small,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-crew-member p,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-note p,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-note em {
  margin: 0 !important;
  color: var(--vidu-muted, #94a3b8) !important;
  font-size: 12px !important;
  font-style: normal !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block em {
  color: var(--vidu-muted, #94a3b8) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block i {
  grid-column: 1 / -1 !important;
  display: block !important;
  width: 100% !important;
  height: 5px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, .16) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block b {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: rgba(255, 255, 255, .48) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-items {
  display: grid !important;
  gap: 8px !important;
  max-height: min(56vh, 620px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 4px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-items[hidden] {
  display: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-items-head {
  display: grid !important;
  gap: 3px !important;
  padding-bottom: 6px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-items-head span {
  color: var(--vidu-muted, #94a3b8) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 11px !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 8px !important;
  background: rgba(15, 23, 42, .58) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-check-state {
  display: grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  border: 1px solid rgba(148, 163, 184, .28) !important;
  border-radius: 999px !important;
  color: #86efac !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item.is-done .vidu-pm25-check-state {
  border-color: rgba(34, 197, 94, .42) !important;
  background: rgba(34, 197, 94, .14) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item p {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 4px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item p span {
  padding: 3px 6px !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  border-radius: 999px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist {
  background: rgba(15, 23, 42, .28) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-layout {
  gap: 12px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-nav {
  gap: 2px !important;
  padding-right: 10px !important;
  border-right: 1px solid rgba(148, 163, 184, .12) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px !important;
  padding: 8px 8px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block:hover {
  background: rgba(148, 163, 184, .08) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block.is-active {
  border-color: transparent !important;
  background: rgba(255, 255, 255, .065) !important;
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, .34) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block i {
  height: 3px !important;
  background: rgba(148, 163, 184, .13) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-items {
  gap: 0 !important;
  padding-right: 2px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-items-head {
  padding: 0 4px 8px !important;
  border-bottom: 1px solid rgba(148, 163, 184, .13) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item {
  position: relative !important;
  grid-template-columns: 22px minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: start !important;
  padding: 8px 4px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, .1) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item:hover {
  background: rgba(148, 163, 184, .06) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item.is-done {
  opacity: .62 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item.is-done .vidu-pm25-checklist-title-input,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item.is-done strong {
  text-decoration: line-through !important;
}

.vidu-app-modal.vidu-project-modal25-shell input.vidu-pm25-check-state {
  appearance: none !important;
  margin: 1px 0 0 !important;
  cursor: pointer !important;
}

.vidu-app-modal.vidu-project-modal25-shell input.vidu-pm25-check-state:checked::after {
  content: "✓" !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item-main {
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-title-input {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--vidu-text, #f8fafc) !important;
  font: inherit !important;
  font-weight: 800 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-title-input:focus {
  box-shadow: 0 1px 0 rgba(255, 255, 255, .32) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 2px 7px !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .04) !important;
  color: rgba(248, 250, 252, .66) !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-indicators {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  min-width: 0 !important;
  margin-top: 5px !important;
  color: rgba(255, 255, 255, .5) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-chip i {
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  opacity: .9 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-chip.is-new {
  color: rgba(147, 197, 253, .9) !important;
  background: rgba(59, 130, 246, .08) !important;
  border-color: rgba(147, 197, 253, .18) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-chip.is-in_progress {
  color: rgba(251, 191, 36, .88) !important;
  background: rgba(245, 158, 11, .08) !important;
  border-color: rgba(251, 191, 36, .18) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-chip.is-blocked {
  color: rgba(248, 113, 113, .9) !important;
  background: rgba(239, 68, 68, .08) !important;
  border-color: rgba(248, 113, 113, .18) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-chip.is-done {
  color: rgba(134, 239, 172, .88) !important;
  background: rgba(34, 197, 94, .08) !important;
  border-color: rgba(134, 239, 172, .18) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions {
  display: flex !important;
  gap: 3px !important;
  opacity: .18 !important;
  transition: opacity .14s ease !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item:hover .vidu-pm25-checklist-actions,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item:focus-within .vidu-pm25-checklist-actions {
  opacity: 1 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions button {
  display: grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--vidu-muted, #94a3b8) !important;
  cursor: pointer !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions button:hover {
  background: rgba(255, 255, 255, .07) !important;
  color: var(--vidu-text, #f8fafc) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions svg {
  width: 14px !important;
  height: 14px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-add {
  display: grid !important;
  place-items: center !important;
  justify-self: center !important;
  width: 26px !important;
  height: 26px !important;
  margin-top: 10px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .05) !important;
  color: var(--vidu-text, #f8fafc) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-add:hover {
  border-color: rgba(255, 255, 255, .30) !important;
  background: rgba(255, 255, 255, .08) !important;
}

@media (hover: none) {
  .vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions {
    opacity: 1 !important;
  }
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 4px !important;
  border-radius: 6px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row:hover {
  background: rgba(148, 163, 184, .08) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row.is-active {
  background: rgba(255, 255, 255, .075) !important;
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, .34) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row .vidu-pm25-checklist-block {
  padding: 7px 8px 7px 10px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row .vidu-pm25-checklist-block:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row .vidu-pm25-checklist-block.is-active {
  background: transparent !important;
  box-shadow: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-title-input {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--vidu-text, #f8fafc) !important;
  font: inherit !important;
  font-weight: 800 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-title-input:focus {
  box-shadow: 0 1px 0 rgba(255, 255, 255, .32) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions {
  display: flex !important;
  gap: 2px !important;
  padding-right: 4px !important;
  opacity: 0 !important;
  transition: opacity .14s ease !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row:hover .vidu-pm25-checklist-block-actions,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row:focus-within .vidu-pm25-checklist-block-actions {
  opacity: 1 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions button {
  display: grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--vidu-muted, #94a3b8) !important;
  cursor: pointer !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions button:hover {
  background: rgba(255, 255, 255, .07) !important;
  color: var(--vidu-text, #f8fafc) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions svg,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions svg {
  stroke: currentColor !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item {
  gap: 7px !important;
  padding: 6px 4px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions {
  opacity: .06 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item:hover .vidu-pm25-checklist-actions,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item:focus-within .vidu-pm25-checklist-actions {
  opacity: 1 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions button svg,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-actions button svg,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-block-actions button svg,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-status-icon svg {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  stroke: currentColor !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-layout,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-layout {
  grid-template-columns: minmax(240px, var(--vidu-checklist-split-left, 280px)) 8px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-resize-handle,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-resize-handle {
  position: relative !important;
  display: block !important;
  width: 8px !important;
  min-width: 8px !important;
  cursor: col-resize !important;
  touch-action: none !important;
  border-radius: 999px !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-resize-handle::before,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-resize-handle::before {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  bottom: 6px !important;
  left: 3px !important;
  width: 2px !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, .22) !important;
  transition: background .14s ease, box-shadow .14s ease !important;
}

#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-resize-handle:hover::before,
#vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-layout.is-resizing .vidu-pm25-checklist-resize-handle::before,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-resize-handle:hover::before,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-layout.is-resizing .vidu-pm25-checklist-resize-handle::before {
  background: rgba(125, 211, 252, .72) !important;
  box-shadow: 0 0 0 3px rgba(125, 211, 252, .10) !important;
}

@media (max-width: 720px) {
  #vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-layout,
  .vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-layout {
    grid-template-columns: 1fr !important;
  }

  #vidu-app-modal .vidu-project-modal:not(.vidu-project-modal25) .vidu-pm25-checklist-resize-handle,
  .vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-resize-handle {
    display: none !important;
  }
}

@media (hover: none) {
  .vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions,
  .vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions {
    opacity: 1 !important;
  }
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-readonly-text,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-readonly-subtext {
  min-width: 0 !important;
  color: var(--vidu-text, #f8fafc) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-readonly-subtext {
  padding-top: 10px !important;
  border-top: 1px solid rgba(148, 163, 184, .14) !important;
  color: var(--vidu-muted, #94a3b8) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-readonly-subtext span {
  display: block !important;
  margin-bottom: 5px !important;
  color: var(--vidu-text, #f8fafc) !important;
  font-weight: 800 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-crew-list,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-notes-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-crew-member,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-note {
  display: grid !important;
  min-width: 0 !important;
  padding: 11px !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 8px !important;
  background: rgba(15, 23, 42, .58) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-crew-member {
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-note {
  gap: 5px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-avatar {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(96, 165, 250, .18) !important;
  color: var(--vidu-text, #f8fafc) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .vidu-app-modal.vidu-project-modal25-shell.is-open {
    padding: 3vh 3vw !important;
  }
}

/* PM25 neutral finish: keep system UI graphite/white-alpha; Drive icon keeps own color. */
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-action-icon:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-action-icon:focus-visible,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab-input:checked + .vidu-project-modal25-tab {
  border-color: rgba(255, 255, 255, .28) !important;
  background: rgba(255, 255, 255, .07) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab-input:checked + .vidu-project-modal25-tab {
  border-bottom-color: rgba(255, 255, 255, .44) !important;
  color: var(--vidu-text, #f8fafc) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-icon-blue,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-icon-purple,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-icon-green,
.vidu-app-modal.vidu-project-modal25-shell .vidu-btn-primary,
.vidu-app-modal.vidu-project-modal25-shell .vidu-btn-primary-soft {
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .06) !important;
  color: rgba(255, 255, 255, .88) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-icon-blue:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-icon-purple:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-icon-green:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-btn-primary:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-btn-primary-soft:hover {
  border-color: rgba(255, 255, 255, .32) !important;
  background: rgba(255, 255, 255, .1) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row.is-active {
  background: rgba(255, 255, 255, .075) !important;
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, .42) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block.is-active,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row .vidu-pm25-checklist-block.is-active {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block b {
  background: rgba(255, 255, 255, .62) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-title-input:focus,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-title-input:focus {
  box-shadow: 0 1px 0 rgba(255, 255, 255, .42) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-add {
  border-color: rgba(255, 255, 255, .22) !important;
  background: rgba(255, 255, 255, .055) !important;
  color: rgba(255, 255, 255, .88) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-add:hover {
  border-color: rgba(255, 255, 255, .38) !important;
  background: rgba(255, 255, 255, .095) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions button:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions button:hover {
  background: rgba(255, 255, 255, .09) !important;
  color: var(--vidu-text, #f8fafc) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-avatar {
  background: rgba(255, 255, 255, .075) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item {
  grid-template-columns: 22px minmax(0, 1fr) !important;
  position: relative !important;
  width: 100% !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item-main {
  padding-right: 118px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  min-width: 21px !important;
  height: 21px !important;
  padding: 0 3px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  font-size: 10px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-icon svg {
  width: 14px !important;
  height: 14px !important;
  stroke: currentColor !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-icon span {
  color: currentColor !important;
  font-size: 10px !important;
  font-weight: 750 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-icon b {
  position: absolute !important;
  right: -4px !important;
  top: -5px !important;
  min-width: 14px !important;
  height: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .86) !important;
  color: #111318 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-icon:hover {
  background: rgba(255, 255, 255, .08) !important;
  color: rgba(255, 255, 255, .82) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-icon.is-overdue {
  color: rgba(248, 113, 113, .88) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-icon.is-today {
  color: rgba(251, 191, 36, .9) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-icon.is-done {
  color: rgba(255, 255, 255, .32) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions {
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  z-index: 2 !important;
  transform: translateY(-50%) !important;
  padding: 2px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 7px !important;
  background: rgba(10, 12, 16, .92) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .22) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item:hover .vidu-pm25-checklist-actions,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item:focus-within .vidu-pm25-checklist-actions {
  opacity: 1 !important;
  pointer-events: auto !important;
}

@media (hover: none) {
  .vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* PM25 checklist visual-only neutral pass. Match sidebar viewer 8px radius. */
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-nav,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-detail,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-items,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item {
  border-radius: 8px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist {
  border-color: rgba(255, 255, 255, .10) !important;
  background: rgba(255, 255, 255, .035) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-nav {
  border-color: rgba(255, 255, 255, .09) !important;
  background: rgba(255, 255, 255, .018) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item:hover {
  background: rgba(255, 255, 255, .055) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row.is-active {
  background: rgba(255, 255, 255, .075) !important;
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, .34) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block.is-active {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block i {
  background: rgba(255, 255, 255, .09) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block b {
  background: rgba(255, 255, 255, .48) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-title-input:focus,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-title-input:focus {
  box-shadow: 0 1px 0 rgba(255, 255, 255, .32) !important;
}

.vidu-app-modal.vidu-project-modal25-shell input.vidu-pm25-check-state,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-check-state {
  border-color: rgba(255, 255, 255, .22) !important;
  background: rgba(255, 255, 255, .025) !important;
  color: rgba(255, 255, 255, .82) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item.is-done .vidu-pm25-check-state {
  border-color: rgba(255, 255, 255, .28) !important;
  background: rgba(255, 255, 255, .075) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-add {
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .05) !important;
  color: rgba(255, 255, 255, .82) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-add:hover {
  border-color: rgba(255, 255, 255, .30) !important;
  background: rgba(255, 255, 255, .08) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions button,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions button {
  border-color: rgba(255, 255, 255, .10) !important;
  background-color: rgba(12, 13, 16, .92) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions button:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions button:hover {
  background: rgba(255, 255, 255, .08) !important;
}

/* PM25 checklist sidebar layout: full-width list rows with overlay actions. */
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-nav {
  align-content: start !important;
  width: 100% !important;
  padding: 8px 0 16px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-nav > .vidu-pm25-checklist-add {
  justify-self: center !important;
  margin: 12px auto 4px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  border-radius: 8px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  box-sizing: border-box !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row .vidu-pm25-checklist-block {
  width: 100% !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row .vidu-pm25-checklist-block span {
  padding-right: 52px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row .vidu-pm25-checklist-block em {
  justify-self: end !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  text-align: right !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row .vidu-pm25-checklist-block i {
  width: 100% !important;
  min-width: 0 !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  z-index: 2 !important;
  display: flex !important;
  gap: 2px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
  transition: opacity .14s ease !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row:hover .vidu-pm25-checklist-block-actions,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row:focus-within .vidu-pm25-checklist-block-actions {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions button {
  width: 22px !important;
  height: 22px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions button:hover {
  background: rgba(255, 255, 255, .07) !important;
}
}

/* Legacy project modal desktop column resizing. */
.vidu-modal-col-resizer {
  display: none;
}

.vidu-project-modal-shell .vidu-project-head-actions {
  --vidu-project-header-control-height: 38px;
  align-items: center !important;
  gap: 8px !important;
}

.vidu-project-modal-shell .vidu-project-head-actions .vidu-checklist-save-state:empty {
  display: none !important;
}

.vidu-project-modal-shell .vidu-project-head-actions .vidu-ai-summary-trigger,
.vidu-project-modal-shell .vidu-project-head-actions .vidu-ai-summary-trigger.is-compact,
.vidu-project-modal-shell .vidu-project-head-actions .vidu-icon-action,
.vidu-project-modal-shell .vidu-project-head-actions .vidu-project-invite-btn {
  height: var(--vidu-project-header-control-height) !important;
  min-height: var(--vidu-project-header-control-height) !important;
  box-sizing: border-box !important;
}

.vidu-project-modal-shell .vidu-project-head-actions .vidu-icon-action,
.vidu-project-modal-shell .vidu-project-head-actions .vidu-project-invite-btn {
  width: var(--vidu-project-header-control-height) !important;
  min-width: var(--vidu-project-header-control-height) !important;
}

.vidu-project-modal-shell .vidu-project-users {
  min-height: var(--vidu-project-header-control-height) !important;
  align-items: center !important;
  gap: 8px !important;
}

.vidu-project-modal-shell .vidu-project-user-empty {
  display: inline-flex;
  align-items: center;
  min-height: var(--vidu-project-header-control-height);
  white-space: nowrap;
}

.vidu-project-modal-shell .vidu-project-column-visibility {
  display: inline-flex !important;
  align-items: center !important;
  height: var(--vidu-project-header-control-height) !important;
  min-height: var(--vidu-project-header-control-height) !important;
  gap: 3px !important;
  padding: 3px !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, .025) !important;
  box-sizing: border-box !important;
}

.vidu-project-modal-shell .vidu-project-column-visibility-btn {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: rgba(100, 116, 139, .08) !important;
  color: rgba(148, 163, 184, .42) !important;
  cursor: pointer;
  transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
  box-sizing: border-box !important;
}

.vidu-project-modal-shell .vidu-project-column-visibility-btn:hover,
.vidu-project-modal-shell .vidu-project-column-visibility-btn:focus-visible {
  color: rgba(226, 232, 240, .74) !important;
  background: rgba(148, 163, 184, .13) !important;
  outline: none;
}

.vidu-project-modal-shell .vidu-project-column-visibility-btn.is-active {
  color: rgba(255, 255, 255, .98) !important;
  background: rgba(255, 255, 255, .11) !important;
  border-color: rgba(255, 255, 255, .22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.vidu-project-modal-shell .vidu-project-column-visibility-btn.is-active:hover,
.vidu-project-modal-shell .vidu-project-column-visibility-btn.is-active:focus-visible {
  color: #fff !important;
  background: rgba(255, 255, 255, .16) !important;
  border-color: rgba(255, 255, 255, .32) !important;
}

.vidu-project-modal-shell .vidu-project-column-visibility-btn svg {
  width: 20px !important;
  height: 15px !important;
  fill: currentColor !important;
}

.vidu-project-column-visibility-btn svg rect:not(.is-target) {
  opacity: .24;
}

.vidu-project-column-visibility-btn svg rect.is-target {
  opacity: 1;
}

.vidu-project-modal-shell .vidu-project-cockpit-grid > [data-focus-column][hidden],
.vidu-project-modal-shell .vidu-project-cockpit-grid > .vidu-modal-col-resizer[hidden] {
  display: none !important;
}

@media (min-width: 901px) {
  .vidu-project-modal-shell .vidu-project-cockpit-grid {
    --vidu-modal-left-col: minmax(220px, .86fr);
    --vidu-modal-center-col: minmax(360px, 1.34fr);
    --vidu-modal-right-col: minmax(240px, .96fr);
    --vidu-modal-col-gap: 16px;
    --vidu-modal-resizer-hit: 10px;
    display: grid !important;
    grid-template-columns:
      var(--vidu-modal-left-col)
      var(--vidu-modal-col-gap)
      var(--vidu-modal-center-col)
      var(--vidu-modal-col-gap)
      var(--vidu-modal-right-col) !important;
    gap: 0 !important;
    column-gap: 0 !important;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid[data-visible-columns="left-center"] {
    grid-template-columns:
      var(--vidu-modal-pair-first, minmax(260px, .9fr))
      var(--vidu-modal-col-gap)
      var(--vidu-modal-pair-second, minmax(420px, 1.55fr)) !important;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid[data-visible-columns="center-right"] {
    grid-template-columns:
      var(--vidu-modal-pair-first, minmax(420px, 1.55fr))
      var(--vidu-modal-col-gap)
      var(--vidu-modal-pair-second, minmax(260px, .9fr)) !important;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid[data-visible-columns="left-right"] {
    grid-template-columns:
      var(--vidu-modal-pair-first, minmax(280px, 1fr))
      var(--vidu-modal-col-gap)
      var(--vidu-modal-pair-second, minmax(280px, 1fr)) !important;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid[data-visible-columns="left"],
  .vidu-project-modal-shell .vidu-project-cockpit-grid[data-visible-columns="center"],
  .vidu-project-modal-shell .vidu-project-cockpit-grid[data-visible-columns="right"],
  .vidu-project-modal-shell .vidu-project-cockpit-grid[data-visible-columns="none"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .vidu-project-modal-shell .vidu-project-column-head,
  .vidu-project-modal-shell .vidu-project-activity > .vidu-project-column-head {
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  .vidu-project-modal-shell .vidu-modal-col-resizer {
    position: relative;
    display: block !important;
    align-self: stretch;
    width: var(--vidu-modal-col-gap);
    min-width: var(--vidu-modal-col-gap);
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: rgba(255, 255, 255, .22);
    cursor: col-resize;
    touch-action: none;
    user-select: none;
    z-index: 12;
  }

  .vidu-project-modal-shell .vidu-modal-col-resizer::before {
    content: "";
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 50%;
    width: 1px;
    max-width: var(--vidu-modal-resizer-hit);
    border-radius: 999px;
    background: rgba(59, 130, 246, .72);
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity .18s ease, background .18s ease, box-shadow .18s ease, width .18s ease;
  }

  .vidu-project-modal-shell .vidu-modal-col-resizer::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 34px;
    border-radius: 999px;
    background:
      linear-gradient(
        180deg,
        currentColor 0 3px,
        transparent 3px 8px,
        currentColor 8px 11px,
        transparent 11px 16px,
        currentColor 16px 19px,
        transparent 19px 24px,
        currentColor 24px 27px,
        transparent 27px 34px
      );
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity .18s ease, color .18s ease;
  }

  .vidu-project-modal-shell .vidu-modal-col-resizer:hover,
  .vidu-project-modal-shell .vidu-modal-col-resizer:focus-visible,
  .vidu-project-modal-shell .vidu-project-cockpit-grid.is-column-resizing .vidu-modal-col-resizer {
    color: rgba(139, 160, 246, .62);
    outline: none;
  }

  .vidu-project-modal-shell .vidu-modal-col-resizer:hover::before,
  .vidu-project-modal-shell .vidu-modal-col-resizer:focus-visible::before,
  .vidu-project-modal-shell .vidu-modal-col-resizer.is-dragging::before {
    width: 2px;
    opacity: 1;
    background: rgba(59, 130, 246, .82);
    box-shadow: 0 0 8px rgba(59, 130, 246, .42);
  }

  .vidu-project-modal-shell .vidu-modal-col-resizer.is-dragging::before {
    box-shadow: 0 0 8px rgba(59, 130, 246, .50), 0 0 18px rgba(59, 130, 246, .24);
  }

  .vidu-project-modal-shell .vidu-modal-col-resizer:hover::after,
  .vidu-project-modal-shell .vidu-modal-col-resizer:focus-visible::after,
  .vidu-project-modal-shell .vidu-modal-col-resizer.is-dragging::after {
    opacity: 1;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid.is-activity-focus-mode,
  .vidu-project-modal-shell .vidu-project-cockpit-grid.is-timeline-focus-mode,
  .vidu-project-modal-shell .vidu-project-cockpit-grid.is-focus-active {
    grid-template-columns: minmax(0, .52fr) minmax(560px, 2.2fr) minmax(0, .52fr) !important;
    gap: 14px !important;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid.is-activity-focus-mode .vidu-modal-col-resizer,
  .vidu-project-modal-shell .vidu-project-cockpit-grid.is-timeline-focus-mode .vidu-modal-col-resizer,
  .vidu-project-modal-shell .vidu-project-cockpit-grid.is-focus-active .vidu-modal-col-resizer {
    display: none !important;
  }
}

body.is-resizing,
body.vidu-modal-column-resizing {
  cursor: col-resize !important;
  user-select: none !important;
}

body.is-resizing *,
body.vidu-modal-column-resizing * {
  user-select: none !important;
}

/* Workspace pipeline width alignment: keep toolbar full-width while columns stay fixed. */
@media (min-width: 768px) {
  #vidu-pipeline-dashboard .vidu-pipeline-shell,
  #vidu-pipeline-dashboard .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard .vidu-dashboard-main,
  #vidu-pipeline-dashboard .vidu-pipeline-toolbar,
  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view-board,
  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-dashboard-view-board.is-active {
    width: calc(100% + max(0px, 50vw - 50%)) !important;
    max-width: none !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  #vidu-pipeline-dashboard.is-pipeline-workspace .vidu-pipeline-board,
  #vidu-pipeline-dashboard .vidu-pipeline-board {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
    flex-flow: row nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-right: clamp(24px, 2vw, 32px) !important;
    scroll-padding-inline: 0 clamp(24px, 2vw, 32px) !important;
    scrollbar-gutter: auto !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-board > .vidu-pipeline-column {
    flex: 0 0 var(--vidu-pipeline-column-width) !important;
    width: var(--vidu-pipeline-column-width) !important;
    min-width: var(--vidu-pipeline-column-width) !important;
    max-width: var(--vidu-pipeline-column-width) !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-board > .vidu-workspace-add-column {
    flex: 0 0 var(--vidu-pipeline-column-width) !important;
    width: var(--vidu-pipeline-column-width) !important;
    min-width: var(--vidu-pipeline-column-width) !important;
    max-width: var(--vidu-pipeline-column-width) !important;
    min-height: 180px !important;
    padding: 12px !important;
    margin-right: 0 !important;
    border-color: rgba(255,255,255,.045) !important;
    background: rgba(255,255,255,.010) !important;
    box-shadow: none !important;
    opacity: .72 !important;
    transition:
      opacity var(--vidu-duration-fast, 160ms) var(--vidu-ease-standard, ease),
      background var(--vidu-duration-fast, 160ms) var(--vidu-ease-standard, ease),
      border-color var(--vidu-duration-fast, 160ms) var(--vidu-ease-standard, ease) !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-board > .vidu-workspace-add-column:hover,
  #vidu-pipeline-dashboard .vidu-pipeline-board > .vidu-workspace-add-column:focus-within {
    opacity: .94 !important;
    border-color: rgba(255,255,255,.09) !important;
    background: rgba(255,255,255,.022) !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-board > .vidu-workspace-add-column .vidu-workspace-add-column-btn {
    min-height: 148px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    color: rgba(255,255,255,.42) !important;
    border-color: rgba(255,255,255,.055) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-board > .vidu-workspace-add-column .vidu-workspace-add-column-btn span {
    color: rgba(255,255,255,.54) !important;
    border-color: rgba(255,255,255,.075) !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-board > .vidu-workspace-add-column .vidu-workspace-add-column-btn:hover,
  #vidu-pipeline-dashboard .vidu-pipeline-board > .vidu-workspace-add-column .vidu-workspace-add-column-btn:focus-visible {
    color: rgba(255,255,255,.72) !important;
    border-color: rgba(255,255,255,.11) !important;
    background: rgba(255,255,255,.025) !important;
    box-shadow: none !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-board > .vidu-workspace-add-column .vidu-workspace-add-column-btn strong {
    display: block !important;
  }
}

/* Shared complex checklist action icons: keep PM25 and legacy placements readable. */
#vidu-app-modal .vidu-project-modal-shell .vidu-pm25-checklist-block-actions button,
#vidu-app-modal .vidu-project-modal-shell .vidu-pm25-checklist-actions button,
#vidu-app-modal .vidu-project-modal-shell .vidu-pm25-checklist-status-icon,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-action-btn,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-pm25-checklist-block-actions button,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-pm25-checklist-actions button,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-pm25-checklist-status-icon,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-action-btn,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions button,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions button,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-icon,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-check-action-btn {
  color: rgba(255, 255, 255, .68) !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-pm25-checklist-block-actions button:hover,
#vidu-app-modal .vidu-project-modal-shell .vidu-pm25-checklist-actions button:hover,
#vidu-app-modal .vidu-project-modal-shell .vidu-pm25-checklist-status-icon:hover,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-action-btn:hover,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-pm25-checklist-block-actions button:hover,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-pm25-checklist-actions button:hover,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-pm25-checklist-status-icon:hover,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-action-btn:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions button:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions button:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-icon:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-check-action-btn:hover {
  color: rgba(255, 255, 255, .94) !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-pm25-checklist-block-actions svg,
#vidu-app-modal .vidu-project-modal-shell .vidu-pm25-checklist-actions svg,
#vidu-app-modal .vidu-project-modal-shell .vidu-pm25-checklist-status-icon svg,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-action-btn svg,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-pm25-checklist-block-actions svg,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-pm25-checklist-actions svg,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-pm25-checklist-status-icon svg,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-action-btn svg,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions svg,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions svg,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-icon svg,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-check-action-btn svg {
  stroke: currentColor !important;
  fill: none !important;
  color: currentColor !important;
}

#vidu-app-modal .vidu-project-modal-shell .vidu-pm25-checklist-block-actions svg *,
#vidu-app-modal .vidu-project-modal-shell .vidu-pm25-checklist-actions svg *,
#vidu-app-modal .vidu-project-modal-shell .vidu-pm25-checklist-status-icon svg *,
#vidu-app-modal .vidu-project-modal-shell .vidu-project-check-action-btn svg *,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-pm25-checklist-block-actions svg *,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-pm25-checklist-actions svg *,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-pm25-checklist-status-icon svg *,
#vidu-pipeline-dashboard .vidu-project-modal-shell .vidu-project-check-action-btn svg *,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-actions svg *,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions svg *,
.vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-status-icon svg *,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-check-action-btn svg * {
  stroke: currentColor !important;
  fill: none !important;
}

.vidu-pm25-checklist-detail-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4vh 4vw !important;
}

.vidu-pm25-checklist-detail-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, .58) !important;
  backdrop-filter: blur(8px) !important;
}

.vidu-pm25-checklist-detail-dialog {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(760px, 94vw) !important;
  max-height: min(86vh, 860px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .11) !important;
  border-radius: 14px !important;
  background: #151515 !important;
  color: #f8fafc !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .45) !important;
}

.vidu-pm25-checklist-detail-head,
.vidu-pm25-checklist-detail-foot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
  background: rgba(255, 255, 255, .045) !important;
}

.vidu-pm25-checklist-detail-foot {
  justify-content: flex-end !important;
  border-top: 1px solid rgba(255, 255, 255, .1) !important;
  border-bottom: 0 !important;
}

.vidu-pm25-checklist-detail-head span,
.vidu-pm25-detail-field span,
.vidu-pm25-detail-section-head span {
  display: block !important;
  color: rgba(248, 250, 252, .58) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.vidu-pm25-checklist-detail-head strong {
  display: block !important;
  margin-top: 3px !important;
  font-size: 16px !important;
}

.vidu-pm25-detail-title-wrap {
  min-width: 0 !important;
}

.vidu-pm25-detail-title-line {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.vidu-pm25-detail-title-line strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 18px !important;
}

.vidu-pm25-detail-title-line input {
  width: min(520px, 70vw) !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 8px !important;
  outline: 0 !important;
  background: rgba(255, 255, 255, .065) !important;
  color: #f8fafc !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

.vidu-pm25-detail-title-line input:focus {
  border-color: rgba(255, 255, 255, .26) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .055) !important;
}

.vidu-pm25-detail-title-line [data-pm25-detail-title-edit] {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: rgba(248, 250, 252, .68) !important;
  opacity: 0 !important;
  cursor: pointer !important;
  transition: opacity .14s ease, background .14s ease !important;
}

.vidu-pm25-detail-title-line:hover [data-pm25-detail-title-edit],
.vidu-pm25-detail-title-wrap:focus-within [data-pm25-detail-title-edit] {
  opacity: 1 !important;
}

.vidu-pm25-detail-title-line [data-pm25-detail-title-edit]:hover {
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
}

.vidu-pm25-detail-title-line [data-pm25-detail-title-edit] svg {
  width: 14px !important;
  height: 14px !important;
}

.vidu-pm25-checklist-detail-head button {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: inherit !important;
  cursor: pointer !important;
  font-size: 22px !important;
}

.vidu-pm25-checklist-detail-head button:hover {
  background: rgba(255, 255, 255, .08) !important;
}

.vidu-pm25-checklist-detail-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  min-height: 0 !important;
  padding: 16px !important;
  overflow-y: auto !important;
}

.vidu-pm25-detail-meta-row,
.vidu-pm25-detail-text-grid,
.vidu-pm25-detail-bottom-grid {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 16px !important;
}

.vidu-pm25-detail-meta-row {
  grid-template-columns: minmax(120px, .65fr) minmax(170px, .9fr) minmax(220px, 1.45fr) !important;
  align-items: end !important;
}

.vidu-pm25-detail-text-grid,
.vidu-pm25-detail-bottom-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
}

.vidu-pm25-detail-field,
.vidu-pm25-detail-check {
  display: grid !important;
  gap: 6px !important;
}

.vidu-pm25-detail-collapsible {
  min-width: 0 !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .035) !important;
  overflow: hidden !important;
}

.vidu-pm25-detail-collapsible summary {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  cursor: pointer !important;
  list-style: none !important;
  color: rgba(248, 250, 252, .72) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.vidu-pm25-detail-collapsible summary::-webkit-details-marker {
  display: none !important;
}

.vidu-pm25-detail-collapsible summary::after {
  content: "+" !important;
  margin-left: auto !important;
  color: rgba(248, 250, 252, .48) !important;
}

.vidu-pm25-detail-collapsible[open] summary {
  border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
}

.vidu-pm25-detail-collapsible[open] summary::after {
  content: "−" !important;
}

.vidu-pm25-detail-collapsible .vidu-pm25-detail-field {
  padding: 10px !important;
}

.vidu-pm25-detail-field.is-wide {
  grid-column: 1 / -1 !important;
}

.vidu-pm25-detail-field input,
.vidu-pm25-detail-field select,
.vidu-pm25-detail-field textarea {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255, 255, 255, .13) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .06) !important;
  color: #f8fafc !important;
  outline: 0 !important;
}

.vidu-pm25-detail-field input,
.vidu-pm25-detail-field select {
  min-height: 42px !important;
  padding: 0 12px !important;
  line-height: 42px !important;
  color-scheme: dark !important;
}

.vidu-pm25-detail-field textarea {
  padding: 10px 12px !important;
  line-height: 1.45 !important;
  min-height: 142px !important;
}

.vidu-pm25-detail-field textarea {
  resize: vertical !important;
}

.vidu-pm25-detail-field input:focus,
.vidu-pm25-detail-field select:focus,
.vidu-pm25-detail-field textarea:focus {
  border-color: rgba(255, 255, 255, .24) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .055) !important;
}

.vidu-pm25-detail-status-field {
  position: relative !important;
}

.vidu-pm25-detail-status-field select {
  font-weight: 900 !important;
}

.vidu-pm25-detail-status-field.is-new select {
  color: rgba(191, 219, 254, .96) !important;
  background: rgba(59, 130, 246, .1) !important;
  border-color: rgba(147, 197, 253, .22) !important;
}

.vidu-pm25-detail-status-field.is-in_progress select {
  color: rgba(253, 230, 138, .96) !important;
  background: rgba(245, 158, 11, .1) !important;
  border-color: rgba(251, 191, 36, .22) !important;
}

.vidu-pm25-detail-status-field.is-blocked select {
  color: rgba(254, 202, 202, .96) !important;
  background: rgba(239, 68, 68, .1) !important;
  border-color: rgba(248, 113, 113, .22) !important;
}

.vidu-pm25-detail-status-field.is-done select {
  color: rgba(187, 247, 208, .96) !important;
  background: rgba(34, 197, 94, .1) !important;
  border-color: rgba(134, 239, 172, .22) !important;
}

.vidu-pm25-detail-check {
  min-height: 42px !important;
  align-self: end !important;
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .04) !important;
}

.vidu-pm25-detail-files-section {
  display: grid !important;
  grid-template-rows: auto auto minmax(80px, 1fr) auto !important;
  align-content: stretch !important;
  gap: 8px !important;
  padding: 12px !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .035) !important;
  min-height: 280px !important;
}

.vidu-pm25-detail-conversation {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  padding: 12px !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .035) !important;
}

.vidu-pm25-detail-section-head button {
  min-height: 30px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .045) !important;
  color: rgba(248, 250, 252, .78) !important;
  cursor: pointer !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.vidu-pm25-detail-folder-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  gap: 4px !important;
}

.vidu-pm25-detail-folder-actions[hidden],
.vidu-pm25-detail-folder-actions [hidden] {
  display: none !important;
}

.vidu-pm25-detail-folder-actions a,
.vidu-pm25-detail-folder-actions button {
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .045) !important;
  color: rgba(248, 250, 252, .76) !important;
  cursor: pointer !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.vidu-pm25-detail-folder-actions svg {
  width: 14px !important;
  height: 14px !important;
  stroke: currentColor !important;
}

.vidu-pm25-detail-folder-actions .is-danger {
  border-color: rgba(248, 113, 113, .24) !important;
  color: #fecaca !important;
}

.vidu-pm25-detail-folder-path {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .035) !important;
  color: rgba(248, 250, 252, .52) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.vidu-pm25-detail-section-head button:hover {
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
}

.vidu-pm25-detail-thread-messages {
  display: grid !important;
  align-content: start !important;
  gap: 6px !important;
  max-height: 190px !important;
  min-height: 112px !important;
  padding: 4px !important;
  overflow-y: auto !important;
}

.vidu-pm25-thread-message {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: start !important;
  padding: 6px !important;
  border-radius: 10px !important;
  background: transparent !important;
}

.vidu-pm25-thread-message header {
  display: flex !important;
  justify-content: space-between !important;
  gap: 8px !important;
  color: rgba(248, 250, 252, .58) !important;
  font-size: 11px !important;
}

.vidu-pm25-thread-message p {
  margin: 4px 0 0 !important;
  color: rgba(248, 250, 252, .86) !important;
}

.vidu-pm25-detail-thread-compose {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 42px !important;
  gap: 6px !important;
  align-items: end !important;
  padding: 6px !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .035) !important;
}

.vidu-pm25-detail-thread-compose textarea {
  height: 38px;
  min-height: 38px !important;
  max-height: 112px !important;
  padding: 9px 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #f8fafc !important;
  outline: 0 !important;
  resize: none !important;
  overflow-y: auto !important;
}

.vidu-pm25-detail-thread-compose textarea:focus {
  box-shadow: none !important;
}

.vidu-pm25-detail-thread-compose button {
  width: 42px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .13) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
  cursor: pointer !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  text-indent: -999px !important;
  position: relative !important;
}

.vidu-pm25-detail-thread-compose button::after {
  content: "↗" !important;
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  text-indent: 0 !important;
  font-size: 16px !important;
}

.vidu-pm25-detail-thread-compose button:hover {
  background: rgba(255, 255, 255, .12) !important;
}

.vidu-project-chat-context {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 4px 0 2px !important;
  padding: 3px 7px !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .055) !important;
  color: rgba(248, 250, 252, .64) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.vidu-pm25-detail-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.vidu-pm25-detail-section-head small {
  color: rgba(248, 250, 252, .48) !important;
}

.vidu-pm25-detail-files {
  display: grid !important;
  align-content: start !important;
  gap: 6px !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

.vidu-pm25-checklist-file {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  background: rgba(255, 255, 255, .035) !important;
}

.vidu-pm25-checklist-file strong,
.vidu-pm25-checklist-file small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-pm25-checklist-file small {
  color: rgba(248, 250, 252, .5) !important;
}

.vidu-pm25-checklist-file-icon,
.vidu-pm25-checklist-file-actions a,
.vidu-pm25-checklist-file-actions button {
  display: grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: rgba(248, 250, 252, .72) !important;
}

.vidu-pm25-checklist-file-actions {
  display: flex !important;
  gap: 4px !important;
}

.vidu-pm25-checklist-file-actions a:hover,
.vidu-pm25-checklist-file-actions button:hover {
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
}

.vidu-pm25-checklist-file svg,
.vidu-pm25-detail-upload svg {
  width: 15px !important;
  height: 15px !important;
}

.vidu-pm25-detail-upload {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: auto !important;
  min-height: 48px !important;
  border: 1px dashed rgba(147, 197, 253, .26) !important;
  border-radius: 12px !important;
  background: rgba(59, 130, 246, .075) !important;
  color: rgba(191, 219, 254, .86) !important;
  cursor: pointer !important;
}

.vidu-pm25-detail-upload:hover,
.vidu-pm25-checklist-detail-overlay.is-dragging .vidu-pm25-detail-upload {
  border-color: rgba(147, 197, 253, .42) !important;
  background: rgba(59, 130, 246, .12) !important;
}

.vidu-pm25-detail-upload input {
  display: none !important;
}

.vidu-pm25-checklist-detail-overlay.is-uploading .vidu-pm25-detail-upload {
  pointer-events: none !important;
  opacity: .56 !important;
}

/* PM25 checklist item detail: premium neutral operation panel. */
.vidu-pm25-checklist-detail-dialog {
  width: min(920px, 94vw) !important;
  max-height: min(88vh, 900px) !important;
  border-color: rgba(255, 255, 255, .08) !important;
  border-radius: 22px !important;
  background: #181818 !important;
  box-shadow: 0 30px 96px rgba(0, 0, 0, .56) !important;
}

.vidu-pm25-checklist-detail-head,
.vidu-pm25-checklist-detail-foot {
  padding: 18px 20px !important;
  background: #181818 !important;
  border-color: rgba(255, 255, 255, .08) !important;
}

.vidu-pm25-checklist-detail-head {
  align-items: flex-start !important;
}

.vidu-pm25-checklist-detail-head span {
  color: rgba(248, 250, 252, .46) !important;
  font-size: 10px !important;
  letter-spacing: .12em !important;
}

.vidu-pm25-detail-title-line {
  margin-top: 5px !important;
}

.vidu-pm25-detail-title-line strong {
  font-size: clamp(20px, 2.2vw, 27px) !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.vidu-pm25-detail-title-line input {
  width: min(680px, 72vw) !important;
  min-height: 44px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  border-color: rgba(255, 255, 255, .12) !important;
  background: #202020 !important;
  box-shadow: none !important;
}

.vidu-pm25-checklist-detail-head > button[data-pm25-detail-close] {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .035) !important;
  color: rgba(248, 250, 252, .78) !important;
}

.vidu-pm25-checklist-detail-body {
  gap: 16px !important;
  padding: 18px 20px !important;
  background: #181818 !important;
}

.vidu-pm25-detail-meta-row {
  grid-template-columns: minmax(150px, .7fr) minmax(170px, .85fr) minmax(220px, 1.25fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 8px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 18px !important;
  background: #202020 !important;
}

.vidu-pm25-detail-meta-row .vidu-pm25-detail-field {
  position: relative !important;
  gap: 0 !important;
}

.vidu-pm25-detail-meta-row .vidu-pm25-detail-field span {
  position: absolute !important;
  top: 7px !important;
  left: 13px !important;
  z-index: 1 !important;
  color: rgba(248, 250, 252, .42) !important;
  font-size: 9px !important;
  letter-spacing: .09em !important;
  pointer-events: none !important;
}

.vidu-pm25-detail-meta-row .vidu-pm25-detail-field input,
.vidu-pm25-detail-meta-row .vidu-pm25-detail-field select {
  min-height: 48px !important;
  height: 48px !important;
  padding: 18px 13px 4px !important;
  border-radius: 14px !important;
  border-color: rgba(255, 255, 255, .08) !important;
  background: rgba(255, 255, 255, .04) !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}

.vidu-pm25-detail-meta-row .vidu-pm25-detail-field select {
  line-height: normal !important;
}

.vidu-pm25-detail-field input:focus,
.vidu-pm25-detail-field select:focus,
.vidu-pm25-detail-field textarea:focus,
.vidu-pm25-detail-title-line input:focus {
  border-color: rgba(255, 255, 255, .2) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .045) !important;
}

.vidu-pm25-detail-text-grid,
.vidu-pm25-detail-bottom-grid {
  gap: 16px !important;
}

.vidu-pm25-detail-collapsible,
.vidu-pm25-detail-files-section,
.vidu-pm25-detail-conversation {
  border-color: rgba(255, 255, 255, .08) !important;
  border-radius: 20px !important;
  background: #202020 !important;
  box-shadow: none !important;
}

.vidu-pm25-detail-collapsible {
  overflow: clip !important;
}

.vidu-pm25-detail-collapsible summary {
  min-height: 48px !important;
  padding: 0 16px !important;
  color: rgba(248, 250, 252, .76) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.vidu-pm25-detail-collapsible summary span {
  color: inherit !important;
  font-size: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.vidu-pm25-detail-collapsible[open] summary {
  border-bottom-color: rgba(255, 255, 255, .07) !important;
}

.vidu-pm25-detail-collapsible .vidu-pm25-detail-field {
  padding: 12px !important;
}

.vidu-pm25-detail-field textarea {
  min-height: 128px !important;
  border-radius: 16px !important;
  border-color: rgba(255, 255, 255, .08) !important;
  background: rgba(0, 0, 0, .14) !important;
  box-shadow: none !important;
}

.vidu-pm25-detail-files-section,
.vidu-pm25-detail-conversation {
  min-height: 330px !important;
  padding: 14px !important;
}

.vidu-pm25-detail-files-section {
  grid-template-rows: auto auto minmax(120px, 1fr) auto !important;
}

.vidu-pm25-detail-conversation {
  grid-template-rows: auto minmax(130px, 1fr) auto !important;
  align-content: stretch !important;
}

.vidu-pm25-detail-section-head {
  min-height: 34px !important;
}

.vidu-pm25-detail-section-head span {
  color: rgba(248, 250, 252, .86) !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.vidu-pm25-detail-section-head button[data-pm25-detail-open-thread] {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-color: rgba(255, 255, 255, .08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .045) !important;
  color: rgba(248, 250, 252, .66) !important;
  font-size: 11px !important;
}

.vidu-pm25-detail-folder-actions a,
.vidu-pm25-detail-folder-actions button {
  width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  border-color: rgba(255, 255, 255, .08) !important;
  border-radius: 10px !important;
  background: transparent !important;
}

.vidu-pm25-detail-folder-actions a:hover,
.vidu-pm25-detail-folder-actions button:hover {
  background: rgba(255, 255, 255, .07) !important;
}

.vidu-pm25-detail-folder-path {
  padding: 0 !important;
  background: transparent !important;
  color: rgba(248, 250, 252, .4) !important;
}

.vidu-pm25-detail-files {
  gap: 4px !important;
  padding-top: 4px !important;
}

.vidu-pm25-checklist-file {
  padding: 8px 0 !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  border-color: rgba(255, 255, 255, .07) !important;
  background: transparent !important;
}

.vidu-pm25-checklist-file:last-child {
  border-bottom: 0 !important;
}

.vidu-pm25-checklist-file-icon {
  background: rgba(255, 255, 255, .05) !important;
}

.vidu-pm25-detail-upload {
  min-height: 42px !important;
  margin-top: 10px !important;
  border-color: rgba(255, 255, 255, .12) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .035) !important;
  color: rgba(248, 250, 252, .64) !important;
}

.vidu-pm25-detail-upload:hover,
.vidu-pm25-checklist-detail-overlay.is-dragging .vidu-pm25-detail-upload {
  border-color: rgba(255, 255, 255, .2) !important;
  background: rgba(255, 255, 255, .055) !important;
  color: rgba(248, 250, 252, .82) !important;
}

.vidu-pm25-detail-thread-messages {
  max-height: none !important;
  min-height: 0 !important;
  padding: 4px 0 !important;
}

.vidu-pm25-thread-message {
  grid-template-columns: 26px minmax(0, 1fr) !important;
  padding: 7px 0 !important;
}

.vidu-pm25-thread-message > div:last-child {
  min-width: 0 !important;
  padding: 8px 10px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .045) !important;
}

.vidu-pm25-thread-message.is-mine > div:last-child {
  background: rgba(255, 255, 255, .075) !important;
}

.vidu-pm25-detail-thread-compose {
  grid-template-columns: minmax(0, 1fr) 40px !important;
  padding: 6px !important;
  border-color: rgba(255, 255, 255, .08) !important;
  border-radius: 18px !important;
  background: rgba(0, 0, 0, .18) !important;
}

.vidu-pm25-detail-thread-compose textarea {
  height: 36px !important;
  min-height: 36px !important;
  padding: 8px 10px !important;
}

.vidu-pm25-detail-thread-compose button {
  width: 40px !important;
  height: 36px !important;
  min-height: 36px !important;
  border-color: rgba(255, 255, 255, .08) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .08) !important;
}

.vidu-pm25-checklist-detail-foot {
  justify-content: space-between !important;
}

.vidu-pm25-detail-foot-danger,
.vidu-pm25-detail-foot-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.vidu-pm25-detail-foot-danger {
  min-width: 96px !important;
}

.vidu-pm25-checklist-detail-foot .vidu-btn {
  min-height: 40px !important;
  border-radius: 999px !important;
  padding: 0 15px !important;
}

.vidu-pm25-checklist-detail-foot .vidu-btn-danger {
  border-color: rgba(248, 113, 113, .18) !important;
  background: transparent !important;
  color: rgba(254, 202, 202, .72) !important;
  box-shadow: none !important;
}

.vidu-pm25-checklist-detail-foot .vidu-btn-primary {
  background: rgba(255, 255, 255, .9) !important;
  color: #111 !important;
  box-shadow: none !important;
}

@media (max-width: 720px) {
  .vidu-pm25-checklist-detail-overlay {
    padding: 10px !important;
  }

  .vidu-pm25-checklist-detail-dialog {
    left: 10px !important;
    top: 10px !important;
    width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    border-radius: 20px !important;
  }

  .vidu-pm25-checklist-detail-head,
  .vidu-pm25-checklist-detail-foot {
    padding: 14px !important;
  }

  .vidu-pm25-checklist-detail-body {
    padding: 14px !important;
  }

  .vidu-pm25-detail-meta-row,
  .vidu-pm25-detail-text-grid,
  .vidu-pm25-detail-bottom-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .vidu-pm25-detail-files-section,
  .vidu-pm25-detail-conversation {
    min-height: 260px !important;
  }

  .vidu-pm25-checklist-detail-foot {
    align-items: stretch !important;
    gap: 10px !important;
  }

  .vidu-pm25-detail-foot-danger,
  .vidu-pm25-detail-foot-actions {
    min-width: 0 !important;
  }
}

body[data-theme="light"] .vidu-pm25-checklist-detail-backdrop,
[data-vidu-theme="light"] .vidu-pm25-checklist-detail-backdrop,
.vidu-light-theme .vidu-pm25-checklist-detail-backdrop {
  background: rgba(15, 23, 42, .28) !important;
}

body[data-theme="light"] .vidu-pm25-checklist-detail-dialog,
[data-vidu-theme="light"] .vidu-pm25-checklist-detail-dialog,
.vidu-light-theme .vidu-pm25-checklist-detail-dialog {
  border-color: rgba(15, 23, 42, .1) !important;
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: 0 24px 80px rgba(15, 23, 42, .18) !important;
}

body[data-theme="light"] .vidu-pm25-checklist-detail-head,
body[data-theme="light"] .vidu-pm25-checklist-detail-foot,
[data-vidu-theme="light"] .vidu-pm25-checklist-detail-head,
[data-vidu-theme="light"] .vidu-pm25-checklist-detail-foot,
.vidu-light-theme .vidu-pm25-checklist-detail-head,
.vidu-light-theme .vidu-pm25-checklist-detail-foot {
  border-color: rgba(15, 23, 42, .09) !important;
  background: #f8fafc !important;
}

body[data-theme="light"] .vidu-pm25-checklist-detail-head span,
body[data-theme="light"] .vidu-pm25-detail-field span,
body[data-theme="light"] .vidu-pm25-detail-section-head span,
[data-vidu-theme="light"] .vidu-pm25-checklist-detail-head span,
[data-vidu-theme="light"] .vidu-pm25-detail-field span,
[data-vidu-theme="light"] .vidu-pm25-detail-section-head span,
.vidu-light-theme .vidu-pm25-checklist-detail-head span,
.vidu-light-theme .vidu-pm25-detail-field span,
.vidu-light-theme .vidu-pm25-detail-section-head span {
  color: rgba(17, 24, 39, .58) !important;
}

body[data-theme="light"] .vidu-pm25-detail-field input,
body[data-theme="light"] .vidu-pm25-detail-field select,
body[data-theme="light"] .vidu-pm25-detail-field textarea,
[data-vidu-theme="light"] .vidu-pm25-detail-field input,
[data-vidu-theme="light"] .vidu-pm25-detail-field select,
[data-vidu-theme="light"] .vidu-pm25-detail-field textarea,
.vidu-light-theme .vidu-pm25-detail-field input,
.vidu-light-theme .vidu-pm25-detail-field select,
.vidu-light-theme .vidu-pm25-detail-field textarea {
  border-color: rgba(15, 23, 42, .12) !important;
  background: #fff !important;
  color: #111827 !important;
}

body[data-theme="light"] .vidu-pm25-detail-check,
body[data-theme="light"] .vidu-pm25-detail-files-section,
body[data-theme="light"] .vidu-pm25-detail-conversation,
body[data-theme="light"] .vidu-pm25-detail-collapsible,
body[data-theme="light"] .vidu-pm25-checklist-file,
body[data-theme="light"] .vidu-pm25-detail-upload,
[data-vidu-theme="light"] .vidu-pm25-detail-check,
[data-vidu-theme="light"] .vidu-pm25-detail-files-section,
[data-vidu-theme="light"] .vidu-pm25-detail-conversation,
[data-vidu-theme="light"] .vidu-pm25-detail-collapsible,
[data-vidu-theme="light"] .vidu-pm25-checklist-file,
[data-vidu-theme="light"] .vidu-pm25-detail-upload,
.vidu-light-theme .vidu-pm25-detail-check,
.vidu-light-theme .vidu-pm25-detail-files-section,
.vidu-light-theme .vidu-pm25-detail-conversation,
.vidu-light-theme .vidu-pm25-detail-collapsible,
.vidu-light-theme .vidu-pm25-checklist-file,
.vidu-light-theme .vidu-pm25-detail-upload {
  border-color: rgba(15, 23, 42, .1) !important;
  background: #f8fafc !important;
  color: #334155 !important;
}

body[data-theme="light"] .vidu-pm25-checklist-file-icon,
body[data-theme="light"] .vidu-pm25-checklist-file-actions a,
body[data-theme="light"] .vidu-pm25-checklist-file-actions button,
[data-vidu-theme="light"] .vidu-pm25-checklist-file-icon,
[data-vidu-theme="light"] .vidu-pm25-checklist-file-actions a,
[data-vidu-theme="light"] .vidu-pm25-checklist-file-actions button,
.vidu-light-theme .vidu-pm25-checklist-file-icon,
.vidu-light-theme .vidu-pm25-checklist-file-actions a,
.vidu-light-theme .vidu-pm25-checklist-file-actions button {
  color: #334155 !important;
}

body[data-theme="light"] .vidu-pm25-detail-field input,
body[data-theme="light"] .vidu-pm25-detail-field select,
[data-vidu-theme="light"] .vidu-pm25-detail-field input,
[data-vidu-theme="light"] .vidu-pm25-detail-field select,
.vidu-light-theme .vidu-pm25-detail-field input,
.vidu-light-theme .vidu-pm25-detail-field select {
  color-scheme: light !important;
}

body[data-theme="light"] .vidu-pm25-thread-message,
body[data-theme="light"] .vidu-pm25-detail-thread-compose textarea,
body[data-theme="light"] .vidu-pm25-detail-thread-compose button,
body[data-theme="light"] .vidu-pm25-detail-section-head button,
body[data-theme="light"] .vidu-pm25-detail-thread-compose,
body[data-theme="light"] .vidu-pm25-detail-folder-path,
body[data-theme="light"] .vidu-pm25-detail-folder-actions a,
body[data-theme="light"] .vidu-pm25-detail-folder-actions button,
[data-vidu-theme="light"] .vidu-pm25-thread-message,
[data-vidu-theme="light"] .vidu-pm25-detail-thread-compose textarea,
[data-vidu-theme="light"] .vidu-pm25-detail-thread-compose button,
[data-vidu-theme="light"] .vidu-pm25-detail-section-head button,
[data-vidu-theme="light"] .vidu-pm25-detail-thread-compose,
[data-vidu-theme="light"] .vidu-pm25-detail-folder-path,
[data-vidu-theme="light"] .vidu-pm25-detail-folder-actions a,
[data-vidu-theme="light"] .vidu-pm25-detail-folder-actions button,
.vidu-light-theme .vidu-pm25-thread-message,
.vidu-light-theme .vidu-pm25-detail-thread-compose textarea,
.vidu-light-theme .vidu-pm25-detail-thread-compose button,
.vidu-light-theme .vidu-pm25-detail-section-head button,
.vidu-light-theme .vidu-pm25-detail-thread-compose,
.vidu-light-theme .vidu-pm25-detail-folder-path,
.vidu-light-theme .vidu-pm25-detail-folder-actions a,
.vidu-light-theme .vidu-pm25-detail-folder-actions button {
  border-color: rgba(15, 23, 42, .1) !important;
  background: #fff !important;
  color: #111827 !important;
}

body[data-theme="light"] .vidu-pm25-detail-title-line input,
[data-vidu-theme="light"] .vidu-pm25-detail-title-line input,
.vidu-light-theme .vidu-pm25-detail-title-line input {
  border-color: rgba(15, 23, 42, .12) !important;
  background: #fff !important;
  color: #111827 !important;
}

body[data-theme="light"] .vidu-pm25-thread-message header,
body[data-theme="light"] .vidu-pm25-thread-message p,
[data-vidu-theme="light"] .vidu-pm25-thread-message header,
[data-vidu-theme="light"] .vidu-pm25-thread-message p,
.vidu-light-theme .vidu-pm25-thread-message header,
.vidu-light-theme .vidu-pm25-thread-message p {
  color: #334155 !important;
}

@media (max-width: 720px) {
  .vidu-pm25-checklist-detail-body,
  .vidu-pm25-detail-meta-row,
  .vidu-pm25-detail-text-grid,
  .vidu-pm25-detail-bottom-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .vidu-pm25-detail-thread-compose {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* PM25 operation module family: Brief and Notes match neutral checklist tokens. */
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-brief,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-notes {
  padding: 0 !important;
  border-radius: 8px !important;
  border: 1px solid var(--vidu-pm25-module-border) !important;
  background: var(--vidu-pm25-module-bg) !important;
  box-shadow: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-brief-head,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-notes-head {
  padding: 10px 12px !important;
  border-bottom: 1px solid var(--vidu-pm25-module-border-soft) !important;
  border-radius: 8px 8px 0 0 !important;
  background: var(--vidu-pm25-module-bg-soft) !important;
  box-shadow: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-brief > p,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-brief-foot {
  padding-inline: 12px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-brief-foot {
  padding-bottom: 10px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-brief-input {
  width: calc(100% - 24px) !important;
  margin: 0 12px !important;
  border-radius: 8px !important;
  border-color: var(--vidu-pm25-module-border) !important;
  background: rgba(255, 255, 255, .04) !important;
  box-shadow: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-brief-input:focus {
  border-color: rgba(255, 255, 255, .22) !important;
  background: var(--vidu-pm25-module-bg-hover) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .06) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-notes-list {
  padding: 10px 12px 12px !important;
  gap: 8px !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-note-card,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-notes-empty {
  border-radius: 8px !important;
  border-color: var(--vidu-pm25-module-border) !important;
  background: rgba(255, 255, 255, .04) !important;
  box-shadow: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-note-card:hover {
  background: var(--vidu-pm25-module-bg-hover) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-note-card.is-private {
  border-color: rgba(255, 255, 255, .14) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-note-badge.is-project,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-note-badge.is-private,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card .vidu-project-note-tag {
  border-color: rgba(255, 255, 255, .12) !important;
  background: rgba(255, 255, 255, .055) !important;
  color: rgba(255, 255, 255, .72) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-note-dialog {
  border-color: rgba(255, 255, 255, .12) !important;
  background: rgba(12, 13, 16, .98) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .52) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-note-dialog-head,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-note-dialog-actions,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-note-editor-shell,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-note-toolbar,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-note-editor,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-note-form input,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-note-form select,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-note-toolbar button {
  border-color: rgba(255, 255, 255, .10) !important;
  background: rgba(255, 255, 255, .04) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-note-editor blockquote {
  border-left-color: rgba(255, 255, 255, .30) !important;
  background: rgba(255, 255, 255, .055) !important;
}

/* PM25 media/assets visual pass: neutral module shell with row-only viewer visibility. */
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-assets-prep,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-assets-panel,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-assets-panel,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs {
  padding: 16px !important;
  border-radius: 14px !important;
  border-color: rgba(255, 255, 255, .10) !important;
  background: rgba(255, 255, 255, .035) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-assets-panel::before,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-assets-panel::after,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-assets-panel::before,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-assets-panel::after {
  border-color: rgba(255, 255, 255, .12) !important;
  background: rgba(255, 255, 255, .035) !important;
  box-shadow: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-assets-panel.is-external-file-dragging::before,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-assets-panel.is-external-file-dragging::before {
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .06) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-assets-status,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-nav,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-view-toggle,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-breadcrumb,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-dropzone,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-upload-list.is-root-upload,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-head {
  border-color: rgba(255, 255, 255, .09) !important;
  background: rgba(255, 255, 255, .025) !important;
  box-shadow: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-browser,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-list {
  padding: 16px !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-dropzone:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-dropzone.is-dragging,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-view-toggle button:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-view-toggle button.is-active,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-crumb:hover {
  border-color: rgba(255, 255, 255, .16) !important;
  background: rgba(255, 255, 255, .055) !important;
  color: rgba(255, 255, 255, .88) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-upload-item,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-empty {
  border-color: rgba(255, 255, 255, .10) !important;
  background: rgba(255, 255, 255, .035) !important;
  box-shadow: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item:focus-within,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row:focus-within {
  border-color: rgba(255, 255, 255, .16) !important;
  background: rgba(255, 255, 255, .055) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-selected {
  border-color: rgba(255, 255, 255, .20) !important;
  background: rgba(255, 255, 255, .07) !important;
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, .28) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-drop-target,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-upload-target {
  border-color: rgba(255, 255, 255, .26) !important;
  background: rgba(255, 255, 255, .08) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-upload-target::after {
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(12, 13, 16, .94) !important;
  color: rgba(255, 255, 255, .86) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .25) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-icon-btn,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row-actions .vidu-project-drive-icon-btn {
  border-color: rgba(255, 255, 255, .10) !important;
  background: rgba(255, 255, 255, .04) !important;
  color: rgba(255, 255, 255, .70) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-icon-btn:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-icon-btn:focus-visible,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row-actions .vidu-project-drive-icon-btn:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row-actions .vidu-project-drive-icon-btn:focus-visible {
  border-color: rgba(255, 255, 255, .20) !important;
  background: rgba(255, 255, 255, .075) !important;
  color: rgba(255, 255, 255, .90) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-client-visible,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row.is-client-visible {
  border-color: rgba(96, 165, 250, .24) !important;
  background: linear-gradient(90deg, rgba(96, 165, 250, .085), rgba(255, 255, 255, .035) 34%) !important;
  box-shadow: inset 3px 0 0 rgba(96, 165, 250, .42) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-client-visible:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row.is-client-visible:hover,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-client-visible:focus-within,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row.is-client-visible:focus-within {
  border-color: rgba(96, 165, 250, .32) !important;
  background: linear-gradient(90deg, rgba(96, 165, 250, .105), rgba(255, 255, 255, .055) 36%) !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-client-badge,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-client-drop-badge {
  border-color: rgba(96, 165, 250, .24) !important;
  background: rgba(96, 165, 250, .09) !important;
  color: rgba(191, 219, 254, .88) !important;
  box-shadow: none !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-icon-btn.is-active-client,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row-actions .vidu-project-drive-icon-btn.is-active-client {
  border-color: rgba(96, 165, 250, .28) !important;
  background: rgba(96, 165, 250, .10) !important;
  color: rgba(191, 219, 254, .92) !important;
}

/* PM25 media/assets light-mode audit: explicit light tokens for every asset layer. */
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-assets-prep,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-assets-panel,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-assets-panel,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-assets-prep,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-assets-panel,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-assets-panel,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs {
  border-color: rgba(15, 23, 42, .11) !important;
  background: rgba(248, 250, 252, .86) !important;
  color: rgba(15, 23, 42, .90) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-assets-panel::before,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-assets-panel::after,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-assets-panel::before,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-assets-panel::after,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-assets-panel::before,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-assets-panel::after,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-assets-panel::before,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-assets-panel::after {
  border-color: rgba(15, 23, 42, .10) !important;
  background: rgba(255, 255, 255, .72) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-assets-status,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-nav,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-view-toggle,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-breadcrumb,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-dropzone,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-upload-list.is-root-upload,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-head,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-assets-status,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-nav,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-view-toggle,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-breadcrumb,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-dropzone,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-upload-list.is-root-upload,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-head {
  border-color: rgba(15, 23, 42, .10) !important;
  background: rgba(255, 255, 255, .74) !important;
  color: rgba(15, 23, 42, .84) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-browser,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-list,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-browser,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-list {
  background: transparent !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-upload-item,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-empty,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-item,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-upload-item,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-row,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-empty {
  border-color: rgba(15, 23, 42, .10) !important;
  background: rgba(255, 255, 255, .92) !important;
  color: rgba(15, 23, 42, .86) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item:hover,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item:focus-within,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row:hover,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row:focus-within,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-item:hover,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-item:focus-within,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-row:hover,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-row:focus-within {
  border-color: rgba(15, 23, 42, .16) !important;
  background: rgba(241, 245, 249, .98) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-selected,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-item.is-selected {
  border-color: rgba(37, 99, 235, .22) !important;
  background: rgba(239, 246, 255, .96) !important;
  box-shadow: inset 3px 0 0 rgba(37, 99, 235, .34) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-drop-target,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-upload-target,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-item.is-drop-target,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-item.is-upload-target {
  border-color: rgba(37, 99, 235, .30) !important;
  background: rgba(239, 246, 255, .98) !important;
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .10) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-upload-target::after,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-item.is-upload-target::after {
  border-color: rgba(15, 23, 42, .14) !important;
  background: rgba(255, 255, 255, .96) !important;
  color: rgba(15, 23, 42, .86) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .14) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item strong,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row strong,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-empty strong,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-item strong,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-row strong,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-empty strong {
  color: rgba(15, 23, 42, .92) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-head span,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row span,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-mime-badge,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-head span,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-row span,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-mime-badge {
  color: rgba(71, 85, 105, .70) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-open,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-tree-toggle,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-open,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-tree-toggle {
  color: rgba(15, 23, 42, .82) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-tree-toggle:hover,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-tree-toggle:hover {
  background: rgba(15, 23, 42, .06) !important;
  color: rgba(15, 23, 42, .92) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item-icon,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-icon,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-item-icon,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-icon {
  color: rgba(51, 65, 85, .82) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-folder .vidu-project-drive-item-icon,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-item.is-folder .vidu-project-drive-item-icon {
  color: rgba(37, 99, 235, .74) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-icon-btn,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row-actions .vidu-project-drive-icon-btn,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-icon-btn,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-row-actions .vidu-project-drive-icon-btn {
  border-color: rgba(15, 23, 42, .12) !important;
  background: rgba(255, 255, 255, .82) !important;
  color: rgba(51, 65, 85, .82) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-icon-btn:hover,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-icon-btn:focus-visible,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row-actions .vidu-project-drive-icon-btn:hover,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row-actions .vidu-project-drive-icon-btn:focus-visible,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-icon-btn:hover,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-icon-btn:focus-visible,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-row-actions .vidu-project-drive-icon-btn:hover,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-row-actions .vidu-project-drive-icon-btn:focus-visible {
  border-color: rgba(15, 23, 42, .18) !important;
  background: rgba(241, 245, 249, .98) !important;
  color: rgba(15, 23, 42, .92) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-dropzone:hover,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-dropzone.is-dragging,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-view-toggle button:hover,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-view-toggle button.is-active,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-crumb:hover,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-dropzone:hover,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-dropzone.is-dragging,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-view-toggle button:hover,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-view-toggle button.is-active,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-crumb:hover {
  border-color: rgba(15, 23, 42, .16) !important;
  background: rgba(241, 245, 249, .98) !important;
  color: rgba(15, 23, 42, .90) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-client-visible,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row.is-client-visible,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-item.is-client-visible,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-row.is-client-visible {
  border-color: rgba(37, 99, 235, .24) !important;
  background: linear-gradient(90deg, rgba(219, 234, 254, .96), rgba(255, 255, 255, .94) 36%) !important;
  box-shadow: inset 3px 0 0 rgba(37, 99, 235, .40) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-client-visible:hover,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row.is-client-visible:hover,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-item.is-client-visible:focus-within,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row.is-client-visible:focus-within,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-item.is-client-visible:hover,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-row.is-client-visible:hover,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-item.is-client-visible:focus-within,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-row.is-client-visible:focus-within {
  border-color: rgba(37, 99, 235, .32) !important;
  background: linear-gradient(90deg, rgba(191, 219, 254, .78), rgba(248, 250, 252, .98) 38%) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-client-badge,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-client-drop-badge,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-client-badge,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-client-drop-badge {
  border-color: rgba(37, 99, 235, .22) !important;
  background: rgba(219, 234, 254, .88) !important;
  color: rgba(30, 64, 175, .88) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-drive-icon-btn.is-active-client,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel--media .vidu-project-docs-row-actions .vidu-project-drive-icon-btn.is-active-client,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-drive-icon-btn.is-active-client,
.vidu-app-modal.vidu-project-modal25-shell[data-vidu-theme="light"] .vidu-project-modal25-panel--media .vidu-project-docs-row-actions .vidu-project-drive-icon-btn.is-active-client {
  border-color: rgba(37, 99, 235, .28) !important;
  background: rgba(219, 234, 254, .92) !important;
  color: rgba(30, 64, 175, .92) !important;
}

/* PM25 locations light-mode polish: clipped Google map, map/list spacing, readable icons. */
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-map-shell,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-map-grid,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-map-grid > div,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-map-grid .gm-style,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-map-grid iframe,
.vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-map-grid canvas {
  border-radius: 14px !important;
  overflow: hidden !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-map-shell {
  isolation: isolate !important;
}

.vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-map-shell + .vidu-project-location-list {
  margin-top: 16px !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-actions a,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-actions button,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-actions a,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-actions button {
  border-color: rgba(15, 23, 42, .14) !important;
  background: rgba(15, 23, 42, .055) !important;
  color: rgba(30, 41, 59, .86) !important;
  box-shadow: none !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-actions a:hover,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-actions button:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-actions a:hover,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-actions button:hover {
  border-color: rgba(15, 23, 42, .24) !important;
  background: rgba(15, 23, 42, .09) !important;
  color: rgba(15, 23, 42, .94) !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-actions a.is-disabled,
[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-actions button:disabled,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-actions a.is-disabled,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-actions button:disabled {
  border-color: rgba(15, 23, 42, .09) !important;
  background: rgba(15, 23, 42, .035) !important;
  color: rgba(71, 85, 105, .58) !important;
  opacity: .72 !important;
}

[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-actions svg,
#vidu-pipeline-dashboard[data-vidu-theme="light"] .vidu-app-modal.vidu-project-modal25-shell .vidu-project-location-actions svg {
  color: currentColor !important;
  stroke: currentColor !important;
}

/* Mobile Web App 2.3 final layout guard: neutralize late desktop wrappers on phones. */
@media (max-width: 767px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 100dvh !important;
    height: auto !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    overflow-x: hidden !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body.vidu-dashboard-workspace-active,
  body.vidu-pipeline-workspace-active,
  body.vidu-finance-workspace-active,
  body.vidu-billing-workspace-active,
  body.vidu-document-library-workspace-active,
  body.vidu-dashboard-workspace-active #page,
  body.vidu-dashboard-workspace-active #content,
  body.vidu-dashboard-workspace-active #primary,
  body.vidu-dashboard-workspace-active main,
  body.vidu-dashboard-workspace-active .site,
  body.vidu-dashboard-workspace-active .site-main,
  body.vidu-dashboard-workspace-active .entry-content,
  body.vidu-pipeline-workspace-active #page,
  body.vidu-pipeline-workspace-active #content,
  body.vidu-pipeline-workspace-active #primary,
  body.vidu-pipeline-workspace-active main,
  body.vidu-pipeline-workspace-active .site,
  body.vidu-pipeline-workspace-active .site-main,
  body.vidu-pipeline-workspace-active .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    overflow-x: hidden !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  #vidu-pipeline-dashboard,
  #vidu-pipeline-dashboard.is-dashboard-workspace,
  #vidu-pipeline-dashboard.is-pipeline-workspace {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 100dvh !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    transform: none !important;
    background: #030a0f !important;
    box-sizing: border-box !important;
  }

  body:not(.vidu-mobile-focus-ready),
  .vidu-pipeline-root {
    background: #030a0f !important;
  }

  body.vidu-pipeline-workstation::before,
  body.vidu-pipeline-workstation::after,
  body.vidu-dashboard-workspace-active::before,
  body.vidu-pipeline-workspace-active::before,
  body.vidu-finance-workspace-active::before,
  body.vidu-billing-workspace-active::before,
  body.vidu-document-library-workspace-active::before,
  #vidu-pipeline-dashboard::before,
  #vidu-pipeline-dashboard::after,
  #vidu-pipeline-dashboard .vidu-workspace-top::before,
  #vidu-pipeline-dashboard .vidu-workspace-top::after,
  #vidu-pipeline-dashboard .vidu-dashboard-shell::before,
  #vidu-pipeline-dashboard .vidu-dashboard-shell::after,
  #vidu-pipeline-dashboard .vidu-pipeline-root::before,
  #vidu-pipeline-dashboard .vidu-pipeline-root::after,
  #vidu-pipeline-dashboard .vidu-dashboard-main::before,
  #vidu-pipeline-dashboard .vidu-dashboard-main::after,
  #vidu-pipeline-dashboard .vidu-dashboard-workspace::before,
  #vidu-pipeline-dashboard .vidu-dashboard-workspace::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
    min-height: 0 !important;
    pointer-events: none !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-workspace,
  #vidu-pipeline-dashboard .vidu-dashboard-shell,
  #vidu-pipeline-dashboard .vidu-dashboard-main,
  #vidu-pipeline-dashboard .vidu-main-dashboard-area,
  #vidu-pipeline-dashboard .vidu-dashboard-content,
  #vidu-pipeline-dashboard .vidu-dashboard-view,
  #vidu-pipeline-dashboard .vidu-dashboard-view-list,
  #vidu-pipeline-dashboard .vidu-dashboard-view-list.is-active,
  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap,
  #vidu-pipeline-dashboard .vidu-pipeline-list {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    transform: none !important;
    padding-top: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-top: 0 !important;
    box-sizing: border-box !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-root,
  #vidu-pipeline-dashboard .vidu-pipeline-app,
  #vidu-pipeline-dashboard .vidu-dashboard-shell,
  #vidu-pipeline-dashboard .vidu-main-dashboard-area,
  #vidu-pipeline-dashboard .vidu-dashboard-content {
    min-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-top-spacer,
  #vidu-pipeline-dashboard .vidu-mobile-top-spacer,
  #vidu-pipeline-dashboard .vidu-toolbar-spacer,
  #vidu-pipeline-dashboard .vidu-hero-spacer,
  #vidu-pipeline-dashboard .vidu-desktop-spacer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-main {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #vidu-pipeline-dashboard .vidu-workspace-top {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10000 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(11, 12, 15, .96) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
  }

  #vidu-pipeline-dashboard .vidu-mobile-app-header {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 14px 16px 12px !important;
    background: transparent !important;
    border-bottom: 0 !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    box-sizing: border-box !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap {
    flex: none !important;
    display: block !important;
    padding: 102px 16px calc(116px + env(safe-area-inset-bottom)) !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-list {
    display: grid !important;
    gap: 0 !important;
    overflow: visible !important;
    padding: 0 0 calc(116px + env(safe-area-inset-bottom)) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    padding: 22px 18px 20px !important;
    box-sizing: border-box !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-row-summary {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    padding: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-project-cell,
  #vidu-pipeline-dashboard .vidu-dashboard-activity-cell,
  #vidu-pipeline-dashboard .vidu-pipeline-card-actions.vidu-dashboard-actions {
    grid-column: 2 !important;
    min-width: 0 !important;
  }

  #vidu-pipeline-dashboard .vidu-pipeline-card-actions.vidu-dashboard-actions {
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-actions .vidu-icon-btn,
  #vidu-pipeline-dashboard .vidu-pipeline-card-actions .vidu-icon-btn {
    opacity: .9 !important;
    transform: none !important;
  }

  .vidu-mobile-context-sheet,
  .vidu-mobile-search-overlay,
  .vidu-mobile-bottom-nav {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  .vidu-mobile-context-sheet {
    position: fixed !important;
    inset: 0 !important;
    height: 100dvh !important;
    z-index: 10020 !important;
  }

  .vidu-mobile-search-overlay {
    position: fixed !important;
    inset: 0 !important;
    height: 100dvh !important;
    z-index: 10030 !important;
  }

  .vidu-mobile-bottom-nav {
    z-index: 9998 !important;
    background: #0b0c0f !important;
    background-image: none !important;
    border-top: 1px solid rgba(255, 255, 255, .07) !important;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, .06) !important;
  }

  .vidu-mobile-nav-icon,
  .vidu-mobile-bottom-nav svg {
    width: 28px !important;
    height: 28px !important;
  }

  .vidu-mobile-bottom-nav button {
    font-size: 12px !important;
    gap: 5px !important;
  }

  .vidu-mobile-bottom-nav button[data-mobile-nav="create"] {
    width: 74px !important;
    height: 74px !important;
    transform: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .vidu-mobile-bottom-nav button[data-mobile-nav="create"] .vidu-mobile-nav-icon,
  .vidu-mobile-bottom-nav button[data-mobile-nav="create"] img,
  .vidu-mobile-bottom-nav button[data-mobile-nav="create"] svg {
    width: 74px !important;
    height: 74px !important;
  }

  .vidu-mobile-context-sheet,
  .vidu-mobile-sheet-backdrop {
    background: rgba(0, 0, 0, .62) !important;
  }

  .vidu-mobile-sheet-backdrop {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 0 !important;
  }

  .vidu-mobile-sheet-panel {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1 !important;
    background: #0b0c0f !important;
    background-image: linear-gradient(180deg, rgba(18, 19, 23, .98), rgba(10, 11, 14, .98)) !important;
    border-top: 1px solid rgba(255, 255, 255, .10) !important;
    border-right: 1px solid rgba(255, 255, 255, .10) !important;
    border-left: 1px solid rgba(255, 255, 255, .10) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -24px 80px rgba(0, 0, 0, .62) !important;
    padding-bottom: calc(28px + env(safe-area-inset-bottom)) !important;
  }

  .vidu-mobile-sheet-panel {
    border: 0 !important;
    border-top: 0 !important;
    background: #0b0c0f !important;
    background-image: none !important;
    box-shadow: 0 -22px 70px rgba(0, 0, 0, .52) !important;
  }

  .vidu-mobile-sheet-panel::before,
  .vidu-mobile-sheet-panel::after {
    display: none !important;
    content: none !important;
  }

  .vidu-mobile-sheet-panel input,
  .vidu-mobile-sheet-panel select,
  .vidu-mobile-sheet-panel button:not(.vidu-mobile-sheet-close) {
    background: rgba(22, 23, 27, .92) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
  }

  body.vidu-mobile-overlay-open .vidu-mobile-bottom-nav,
  body.vidu-mobile-context-open .vidu-mobile-bottom-nav,
  body.vidu-mobile-office-open .vidu-mobile-bottom-nav,
  body.vidu-mobile-settings-open .vidu-mobile-bottom-nav {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .vidu-elena-floating,
  #vidu-pipeline-dashboard .vidu-ai-launcher,
  .vidu-elena-launcher {
    display: flex !important;
    position: fixed !important;
    right: 18px !important;
    bottom: calc(104px + env(safe-area-inset-bottom)) !important;
    z-index: 9997 !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at 35% 30%, rgba(155, 115, 255, .38), rgba(72, 42, 150, .18) 62%, rgba(12, 13, 17, .92)) !important;
    border: 1px solid rgba(150, 110, 255, .48) !important;
    box-shadow: 0 16px 42px rgba(90, 60, 220, .28) !important;
  }

  .vidu-elena-floating span,
  .vidu-elena-launcher-label,
  .vidu-ai-launcher-label,
  .vidu-ai-launcher > span:not(.vidu-ai-launcher-orb) {
    display: none !important;
  }

  #vidu-pipeline-dashboard .vidu-ai-launcher-orb,
  #vidu-pipeline-dashboard .vidu-ai-launcher-orb svg {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
  }

  #vidu-pipeline-dashboard .vidu-ai-launcher {
    left: auto !important;
    right: 18px !important;
    bottom: calc(104px + env(safe-area-inset-bottom)) !important;
    width: 58px !important;
    height: 58px !important;
  }

  #vidu-pipeline-dashboard .vidu-ai-launcher > span:not(.vidu-ai-launcher-orb) {
    display: none !important;
  }

  body.vidu-mobile-context-open .vidu-elena-floating,
  body.vidu-mobile-context-open .vidu-ai-launcher,
  body.vidu-mobile-context-open .vidu-elena-launcher,
  body.vidu-mobile-office-open .vidu-elena-floating,
  body.vidu-mobile-office-open .vidu-ai-launcher,
  body.vidu-mobile-office-open .vidu-elena-launcher,
  body.vidu-mobile-settings-open .vidu-elena-floating,
  body.vidu-mobile-settings-open .vidu-ai-launcher,
  body.vidu-mobile-settings-open .vidu-elena-launcher {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .vidu-mobile-settings-drawer {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10040 !important;
  }

  .vidu-mobile-settings-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, .62) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }

  .vidu-mobile-settings-panel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: min(88vw, 390px) !important;
    padding: calc(18px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    background: rgba(13, 14, 18, .98) !important;
    border-left: 1px solid rgba(255, 255, 255, .09) !important;
    box-shadow: -28px 0 80px rgba(0, 0, 0, .58) !important;
    transform: translateX(100%);
    transition: transform .22s ease;
  }

  body.vidu-mobile-settings-open .vidu-mobile-settings-panel {
    transform: translateX(0);
  }

  .vidu-mobile-settings-header,
  .vidu-mobile-settings-section,
  .vidu-mobile-settings-item {
    box-sizing: border-box;
  }

  .vidu-mobile-settings-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
  }

  .vidu-mobile-settings-header span,
  .vidu-mobile-settings-label,
  .vidu-mobile-settings-item small {
    color: rgba(255, 255, 255, .52);
  }

  .vidu-mobile-settings-header h3 {
    margin: 2px 0 0;
    font-size: 28px;
    line-height: 1.05;
    color: #fff;
  }

  .vidu-mobile-settings-close {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    color: rgba(255, 255, 255, .9);
  }

  .vidu-mobile-settings-close svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
  }

  .vidu-mobile-settings-section {
    display: grid;
    gap: 9px;
    margin: 0 0 22px;
  }

  .vidu-mobile-settings-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .vidu-mobile-settings-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 2px;
    align-items: center;
    min-height: 62px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    background: rgba(255, 255, 255, .045);
    color: rgba(255, 255, 255, .9);
    text-decoration: none;
    text-align: left;
  }

  .vidu-mobile-settings-item > span:first-child {
    grid-row: 1 / span 2;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(255, 255, 255, .07);
    color: rgba(255, 255, 255, .86);
  }

  .vidu-mobile-settings-item svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
  }

  .vidu-mobile-settings-item strong,
  .vidu-mobile-settings-item small {
    min-width: 0;
  }

  .vidu-mobile-settings-item strong {
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
  }

  .vidu-mobile-settings-item small {
    font-size: 12px;
    line-height: 1.25;
  }

  .vidu-mobile-sheet-panel {
    padding-bottom: calc(28px + env(safe-area-inset-bottom)) !important;
  }

  .vidu-mobile-bottom-nav {
    grid-template-columns: 1fr 1fr 78px 1fr 1fr !important;
    align-items: center !important;
    gap: 2px !important;
    height: calc(82px + env(safe-area-inset-bottom)) !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
    background: #0b0c0f !important;
    background-image: none !important;
    border-top: 1px solid rgba(255, 255, 255, .07) !important;
    box-shadow: none !important;
  }

  .vidu-mobile-bottom-nav button {
    height: 58px !important;
    min-width: 0 !important;
    padding: 4px !important;
    border: 1px solid transparent !important;
    border-radius: 22px !important;
    color: rgba(255, 255, 255, .56) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  .vidu-mobile-bottom-nav button svg,
  .vidu-mobile-bottom-nav button .vidu-mobile-nav-icon {
    color: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
  }

  .vidu-mobile-bottom-nav button:not([data-mobile-nav="create"]) svg,
  .vidu-mobile-bottom-nav button:not([data-mobile-nav="create"]) .vidu-mobile-nav-icon {
    width: 27px !important;
    height: 27px !important;
    stroke-width: 2.1 !important;
  }

  .vidu-mobile-bottom-nav button[data-mobile-nav="settings"] svg {
    width: 26px !important;
    height: 26px !important;
  }

  .vidu-mobile-bottom-nav button.is-active {
    min-width: 0 !important;
    color: rgba(255, 255, 255, .96) !important;
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .06),
      0 8px 24px rgba(0, 0, 0, .24) !important;
  }

  .vidu-mobile-bottom-nav button.is-active svg,
  .vidu-mobile-bottom-nav button.is-active .vidu-mobile-nav-icon {
    color: rgba(255, 255, 255, .96) !important;
    stroke: currentColor !important;
  }

  .vidu-mobile-nav-label,
  .vidu-mobile-bottom-nav button .vidu-mobile-nav-label {
    color: currentColor !important;
    opacity: 1 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    letter-spacing: .01em !important;
    max-width: 72px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .vidu-mobile-bottom-nav button[data-mobile-nav="dashboard"] .vidu-mobile-nav-label {
    max-width: 86px !important;
  }

  .vidu-mobile-bottom-nav button[data-mobile-nav="create"] {
    display: grid !important;
    place-items: center !important;
    width: 74px !important;
    height: 74px !important;
    transform: none !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  .vidu-mobile-bottom-nav button[data-mobile-nav="create"] .vidu-mobile-nav-label {
    display: none !important;
  }

  .vidu-mobile-bottom-nav button[data-mobile-nav="create"] svg,
  .vidu-mobile-bottom-nav button[data-mobile-nav="create"] img,
  .vidu-mobile-bottom-nav button[data-mobile-nav="create"] .vidu-mobile-nav-icon {
    position: static;
    top: auto;
    width: 74px !important;
    height: 74px !important;
    color: #fff !important;
    stroke: #fff !important;
  }

  .vidu-mobile-bottom-nav button:not([data-mobile-nav="create"]) {
    position: relative;
  }

  .vidu-mobile-bottom-nav button:not(.is-active):not([data-mobile-nav="create"]) {
    color: rgba(255, 255, 255, .58) !important;
  }

  .vidu-mobile-bottom-nav button.is-active:not([data-mobile-nav="create"]) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
  }

  .vidu-mobile-bottom-nav button.is-active:not([data-mobile-nav="create"])::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 50%;
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: #5B8CFF;
    box-shadow: 0 0 6px rgba(91, 140, 255, .34);
    transform: translateX(-50%);
  }

  .vidu-mobile-bottom-nav button.is-active:not([data-mobile-nav="create"]) svg,
  .vidu-mobile-bottom-nav button.is-active:not([data-mobile-nav="create"]) .vidu-mobile-nav-icon,
  .vidu-mobile-bottom-nav button.is-active:not([data-mobile-nav="create"]) .vidu-mobile-nav-label {
    color: #fff !important;
    stroke: #fff !important;
  }

  .vidu-elena-floating,
  .vidu-elena-launcher,
  #vidu-pipeline-dashboard .vidu-ai-launcher {
    width: 52px !important;
    height: 52px !important;
    right: 18px !important;
    bottom: calc(108px + env(safe-area-inset-bottom)) !important;
  }

  .vidu-elena-floating svg,
  #vidu-pipeline-dashboard .vidu-ai-launcher svg,
  .vidu-elena-launcher svg,
  #vidu-pipeline-dashboard .vidu-ai-launcher-orb,
  #vidu-pipeline-dashboard .vidu-ai-launcher-orb svg {
    width: 25px !important;
    height: 25px !important;
  }

  .vidu-mobile-header-actions {
    gap: 8px !important;
  }

  .vidu-mobile-icon-btn {
    width: 52px !important;
    height: 52px !important;
  }

  .vidu-pipeline-card-client,
  .vidu-card-subtitle,
  .vidu-dashboard-card-subtitle {
    color: rgba(255, 255, 255, .52) !important;
    opacity: 1 !important;
  }

  .vidu-mobile-settings-drawer {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10040 !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease;
  }

  body.vidu-mobile-settings-open .vidu-mobile-settings-drawer {
    opacity: 1;
    pointer-events: auto;
  }

  .vidu-mobile-settings-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, .46) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .vidu-mobile-settings-panel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: min(88vw, 390px) !important;
    padding: calc(18px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    background: rgba(16, 17, 21, .82) !important;
    border-left: 1px solid rgba(255, 255, 255, .10) !important;
    box-shadow: -28px 0 80px rgba(0, 0, 0, .62) !important;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    transform: translateX(104%);
    transition: transform .28s cubic-bezier(.22, .8, .22, 1);
  }

  body.vidu-mobile-settings-open .vidu-mobile-settings-panel {
    transform: translateX(0);
  }

  .vidu-mobile-search-overlay {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10030 !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
  }

  body.vidu-mobile-search-open .vidu-mobile-search-overlay {
    opacity: 1;
    pointer-events: auto;
  }

  .vidu-mobile-search-overlay::before {
    content: "";
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    background: rgba(0, 0, 0, .46) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .vidu-mobile-search-panel {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: calc(20px + env(safe-area-inset-top)) 24px 28px !important;
    background: rgba(15, 16, 20, .96) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .54) !important;
    transform: translateY(-105%);
    transition: transform .30s cubic-bezier(.22, .8, .22, 1);
  }

  body.vidu-mobile-search-open .vidu-mobile-search-panel {
    transform: translateY(0);
  }

  .vidu-mobile-search-panel,
  .vidu-mobile-search-content,
  .vidu-mobile-search-body {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .vidu-mobile-search-panel {
    display: inline-flex !important;
    flex-direction: column;
    padding-bottom: 24px !important;
    border-bottom-left-radius: 28px !important;
    border-bottom-right-radius: 28px !important;
  }

  .vidu-mobile-context-sheet {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10020 !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
  }

  body.vidu-mobile-context-open .vidu-mobile-context-sheet {
    opacity: 1;
    pointer-events: auto;
  }

  .vidu-mobile-sheet-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, .48) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .vidu-mobile-sheet-panel {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border: 0 !important;
    border-top: 0 !important;
    background: #0b0c0f !important;
    transform: translateY(105%);
    transition: transform .30s cubic-bezier(.22, .8, .22, 1);
  }

  body.vidu-mobile-context-open .vidu-mobile-sheet-panel {
    transform: translateY(0);
  }

  .vidu-workspace-top,
  .vidu-mobile-bottom-nav,
  .vidu-elena-floating,
  #vidu-pipeline-dashboard .vidu-ai-launcher,
  .vidu-elena-launcher {
    transition:
      transform .26s cubic-bezier(.22, .8, .22, 1),
      opacity .22s ease !important;
  }

  body.vidu-mobile-chrome-hidden .vidu-workspace-top {
    transform: translateY(-110%) !important;
    opacity: .98 !important;
  }

  body.vidu-mobile-chrome-hidden #vidu-pipeline-dashboard .vidu-workspace-top {
    transform: translateY(-110%) !important;
    opacity: .98 !important;
  }

  body.vidu-mobile-chrome-hidden .vidu-mobile-bottom-nav {
    transform: translateY(110%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.vidu-mobile-chrome-hidden .vidu-elena-floating,
  body.vidu-mobile-chrome-hidden #vidu-pipeline-dashboard .vidu-ai-launcher,
  body.vidu-mobile-chrome-hidden .vidu-elena-launcher {
    transform: translateY(80px) scale(.96) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .vidu-mobile-bottom-nav.vidu-mobile-floating-dock {
    position: fixed !important;
    left: 14px !important;
    right: 14px !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: 74px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 82px 1fr 1fr !important;
    align-items: center !important;
    padding: 8px 12px !important;
    gap: 4px !important;
    border-radius: 34px !important;
    background: rgba(16, 17, 20, .72) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    box-shadow:
      0 18px 54px rgba(0, 0, 0, .54),
      inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    backdrop-filter: blur(26px);
    -webkit-backdrop-filter: blur(26px);
    z-index: 9998 !important;
  }

  .vidu-mobile-floating-dock button {
    appearance: none !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, .62) !important;
    display: grid !important;
    place-items: center !important;
  }

  .vidu-mobile-floating-dock button svg,
  .vidu-mobile-floating-dock button img,
  .vidu-mobile-floating-dock .vidu-mobile-nav-icon {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
  }

  .vidu-mobile-floating-dock button svg {
    color: currentColor !important;
    stroke: currentColor !important;
  }

  .vidu-mobile-floating-dock button:not([data-mobile-nav="create"]) svg [fill] {
    fill: currentColor !important;
  }

  .vidu-mobile-floating-dock .vidu-mobile-nav-label {
    display: none !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] {
    width: 74px !important;
    height: 74px !important;
    transform: none !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] svg,
  .vidu-mobile-floating-dock button[data-mobile-nav="create"] img,
  .vidu-mobile-floating-dock button[data-mobile-nav="create"] .vidu-mobile-nav-icon {
    width: 74px !important;
    height: 74px !important;
  }

  .vidu-mobile-floating-dock button.is-active:not([data-mobile-nav="create"]) {
    position: relative !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
  }

  .vidu-mobile-floating-dock button.is-active:not([data-mobile-nav="create"])::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 50%;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: rgba(91, 140, 255, .95);
    box-shadow: 0 0 8px rgba(91, 140, 255, .42);
    transform: translateX(-50%);
  }

  .vidu-elena-floating,
  .vidu-elena-launcher,
  #vidu-pipeline-dashboard .vidu-ai-launcher {
    right: 22px !important;
    bottom: calc(104px + env(safe-area-inset-bottom)) !important;
    z-index: 9997 !important;
  }

  #vidu-pipeline-dashboard .vidu-dashboard-content,
  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap,
  #vidu-pipeline-dashboard .vidu-dashboard-list {
    padding-bottom: calc(128px + env(safe-area-inset-bottom)) !important;
  }

  body.vidu-mobile-chrome-hidden .vidu-mobile-floating-dock {
    transform: translateY(120%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .vidu-mobile-bottom-nav.vidu-mobile-floating-dock {
    height: 56px !important;
    padding: 0 10px !important;
    align-items: center !important;
    border-radius: 28px !important;
    grid-template-columns: 1fr 1fr 74px 1fr 1fr !important;
  }

  .vidu-mobile-floating-dock button {
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: grid !important;
    place-items: center !important;
  }

  .vidu-mobile-floating-dock button:not([data-mobile-nav="create"]) .vidu-mobile-nav-icon,
  .vidu-mobile-floating-dock button:not([data-mobile-nav="create"]) svg {
    width: 28px !important;
    height: 28px !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] {
    width: 74px !important;
    height: 74px !important;
    transform: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] .vidu-mobile-nav-icon,
  .vidu-mobile-floating-dock button[data-mobile-nav="create"] img,
  .vidu-mobile-floating-dock button[data-mobile-nav="create"] svg {
    width: 74px !important;
    height: 74px !important;
    position: static !important;
    top: auto !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] svg [fill] {
    fill: revert !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] svg [stroke] {
    stroke: revert !important;
  }

  .vidu-mobile-floating-dock button.is-active:not([data-mobile-nav="create"])::before {
    display: none !important;
    content: none !important;
  }

  .vidu-mobile-floating-dock button.is-active:not([data-mobile-nav="create"])::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 3px;
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: #5B8CFF;
    box-shadow: 0 0 6px rgba(91, 140, 255, .34);
    transform: translateX(-50%);
  }

  #vidu-pipeline-dashboard .vidu-pipeline-list-wrap::after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 108px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .72) 58%, #000 100%);
    z-index: 9996;
  }

  .vidu-mobile-bottom-nav.vidu-mobile-floating-dock {
    height: 60px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center !important;
    justify-items: center !important;
    overflow: visible !important;
  }

  .vidu-mobile-bottom-nav.vidu-mobile-floating-dock button,
  .vidu-mobile-bottom-nav.vidu-mobile-floating-dock .vidu-mobile-nav-icon {
    overflow: visible !important;
  }

  .vidu-mobile-floating-dock button:not([data-mobile-nav="create"]) {
    align-self: center !important;
    justify-self: center !important;
    transform: translateY(-2px) !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] {
    width: 66px !important;
    height: 66px !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 auto !important;
    transform: translateY(-4px) !important;
    overflow: visible !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .vidu-mobile-floating-dock button[data-mobile-nav="create"] .vidu-mobile-nav-icon,
  .vidu-mobile-floating-dock button[data-mobile-nav="create"] img,
  .vidu-mobile-floating-dock button[data-mobile-nav="create"] svg {
    display: block !important;
    width: 66px !important;
    height: 66px !important;
    margin: 0 !important;
    transform: none !important;
  }

  .vidu-mobile-create-asset {
    display: block !important;
    width: 66px !important;
    height: 66px !important;
    margin: 0 !important;
  }

  .vidu-mobile-office-sheet {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10020 !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
  }

  body.vidu-mobile-office-open .vidu-mobile-office-sheet {
    opacity: 1;
    pointer-events: auto;
  }

  .vidu-mobile-office-sheet .vidu-mobile-sheet-backdrop {
    background: rgba(0, 0, 0, .48) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .vidu-mobile-office-sheet .vidu-mobile-sheet-panel {
    border: 0 !important;
    border-top: 0 !important;
    background: #0b0c0f !important;
    background-image: linear-gradient(180deg, rgba(18, 19, 23, .98), rgba(10, 11, 14, .98)) !important;
    transform: translateY(105%);
    transition: transform .30s cubic-bezier(.22, .8, .22, 1);
  }

  body.vidu-mobile-office-open .vidu-mobile-office-sheet .vidu-mobile-sheet-panel {
    transform: translateY(0);
  }

  .vidu-mobile-office-section {
    display: grid;
    gap: 14px;
  }

  .vidu-mobile-office-grid {
    display: grid;
    gap: 10px;
  }

  .vidu-mobile-office-item {
    appearance: none;
    min-height: 58px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 0;
    border-radius: 16px;
    background: rgba(255, 255, 255, .055);
    color: rgba(255, 255, 255, .92);
    text-align: left;
  }

  .vidu-mobile-office-item:hover,
  .vidu-mobile-office-item:focus-visible {
    background: rgba(255, 255, 255, .075);
    box-shadow: none;
    outline: none;
  }

  .vidu-mobile-office-item span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(255, 255, 255, .07);
    font-size: 0;
  }

  .vidu-mobile-office-icon,
  .vidu-mobile-office-item img {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
  }

  .vidu-mobile-office-item strong {
    font-size: 15px;
    line-height: 1.1;
    font-weight: 760;
  }

  .vidu-mobile-floating-dock button.is-active {
    position: relative !important;
  }

  .vidu-mobile-floating-dock button.is-active::after {
    position: absolute !important;
    top: 1px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
  }

  body.vidu-debug-mobile-layout #vidu-pipeline-dashboard,
  body.vidu-debug-mobile-layout .vidu-dashboard-workspace,
  body.vidu-debug-mobile-layout .vidu-dashboard-shell,
  body.vidu-debug-mobile-layout .vidu-dashboard-main,
  body.vidu-debug-mobile-layout .vidu-pipeline-list-wrap,
  body.vidu-debug-mobile-layout .vidu-workspace-top {
    outline: 2px solid rgba(255, 0, 120, .6) !important;
  }
}

@media (max-width: 767px) {
  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 10020 !important;
    background: transparent !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
  }

  body.vidu-mobile-context-open .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) {
    opacity: 1;
    pointer-events: auto;
  }

  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-backdrop {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    background: rgba(0, 0, 0, .48) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-panel {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100dvh - env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    z-index: 1 !important;
    padding: calc(18px + env(safe-area-inset-top)) 16px 24px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 0 0 28px 28px !important;
    background: #0b0c0f !important;
    background-image: linear-gradient(180deg, rgba(18, 19, 23, .98), rgba(10, 11, 14, .98)) !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .52) !important;
    transform: translateY(-105%) !important;
    transition: transform .30s cubic-bezier(.22, .8, .22, 1);
  }

  body.vidu-mobile-context-open .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-panel {
    transform: translateY(0) !important;
  }

  .vidu-mobile-context-sheet:not(.vidu-mobile-office-sheet) .vidu-mobile-sheet-handle {
    display: none !important;
  }

  .vidu-mobile-office-sheet .vidu-mobile-sheet-panel {
    top: auto !important;
    bottom: 0 !important;
    border-radius: 28px 28px 0 0 !important;
    box-shadow: 0 -24px 80px rgba(0, 0, 0, .62) !important;
    transform: translateY(105%) !important;
  }

  body.vidu-mobile-office-open .vidu-mobile-office-sheet .vidu-mobile-sheet-panel {
    transform: translateY(0) !important;
  }
}
/* Adaptive runtime rendering: visual work scales down without changing app behavior. */
html[data-vidu-runtime-visibility="hidden"] *,
html[data-vidu-runtime-visibility="hidden"] *::before,
html[data-vidu-runtime-visibility="hidden"] *::after {
  animation-play-state: paused !important;
}

html[data-vidu-performance-tier="balanced"] :is(
  .vidu-ai-panel,
  .vidu-app-modal-dialog,
  .vidu-topbar-master,
  .vidu-project-modal
) {
  backdrop-filter: blur(8px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.02) !important;
}

html[data-vidu-performance-tier="light"] :is(
  .vidu-ai-panel,
  .vidu-app-modal-dialog,
  .vidu-topbar-master,
  .vidu-project-modal,
  .vidu-user-sidebar,
  .vidu-dock
) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-vidu-performance-tier="light"] :is(
  .vidu-elena-launcher,
  .vidu-ai-launcher,
  .vidu-workforce-status-dot,
  .vidu-live-indicator
),
html[data-vidu-performance-tier="light"] :is(
  .vidu-elena-launcher,
  .vidu-ai-launcher,
  .vidu-workforce-status-dot,
  .vidu-live-indicator
)::before,
html[data-vidu-performance-tier="light"] :is(
  .vidu-elena-launcher,
  .vidu-ai-launcher,
  .vidu-workforce-status-dot,
  .vidu-live-indicator
)::after {
  animation: none !important;
}

#vidu-pipeline-dashboard :is(
  .vidu-pipeline-card,
  .vidu-workforce-inbox-item,
  .vidu-ai-history-item
) {
  content-visibility: auto;
  contain-intrinsic-size: auto 112px;
}

#vidu-pipeline-dashboard .vidu-progressive-load-more {
  width: calc(100% - 16px);
  min-height: 42px;
  margin: 8px;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  color: rgba(226,232,240,.72);
  background: rgba(255,255,255,.025);
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-progressive-load-more:hover {
  color: rgba(248,250,252,.92);
  background: rgba(255,255,255,.045);
}

#vidu-pipeline-dashboard .vidu-progressive-load-more small {
  color: rgba(148,163,184,.48);
  font-size: 9px;
}

#vidu-pipeline-dashboard .vidu-progressive-load-more.is-board {
  width: calc(100% - 8px);
  margin: 6px 4px 10px;
}

/* Legal, Operations and Client Success use the same continuous workspace shell
   as the established Divisions. Their color atmosphere now lives behind both
   the shared header and the content instead of starting as a detached panel. */
body.vidu-legal-workspace-active {
  background:
    radial-gradient(circle at 12% 8%, rgba(103, 72, 151, .2), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(185, 145, 71, .08), transparent 28%),
    #090a0d !important;
}

body.vidu-client-success-workspace-active {
  background:
    radial-gradient(circle at 12% 8%, rgba(43, 116, 104, .12), transparent 32%),
    #090b0e !important;
}

body.vidu-operations-workspace-active {
  background:
    radial-gradient(circle at 10% 8%, rgba(51, 142, 117, .12), transparent 34%),
    radial-gradient(circle at 92% 18%, rgba(44, 94, 116, .1), transparent 30%),
    #090b0e !important;
}

body:is(
  .vidu-legal-workspace-active,
  .vidu-client-success-workspace-active,
  .vidu-operations-workspace-active
) {
  overflow: hidden;
}

body:is(
  .vidu-legal-workspace-active,
  .vidu-client-success-workspace-active,
  .vidu-operations-workspace-active
) #vidu-pipeline-dashboard,
body:is(
  .vidu-legal-workspace-active,
  .vidu-client-success-workspace-active,
  .vidu-operations-workspace-active
) #vidu-pipeline-dashboard :is(.vidu-dashboard-workspace, .vidu-dashboard-main) {
  background: transparent !important;
  background-image: none !important;
}

body:is(
  .vidu-legal-workspace-active,
  .vidu-client-success-workspace-active,
  .vidu-operations-workspace-active
) #vidu-pipeline-dashboard .vidu-workspace-top {
  background: transparent !important;
  background-image: none !important;
  border-bottom-color: rgba(255, 255, 255, .045) !important;
}

body:is(
  .vidu-legal-workspace-active,
  .vidu-client-success-workspace-active,
  .vidu-operations-workspace-active
) #vidu-pipeline-dashboard :is(
  .vidu-legal-hero,
  .vidu-client-success-hero,
  .vidu-operations-hero
) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#vidu-pipeline-dashboard :is(
  .vidu-legal-workspace-host,
  .vidu-client-success-workspace-host,
  .vidu-operations-workspace-host
) {
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  background: transparent !important;
  background-image: none !important;
}

/* Intelligence and Engineering keep their atmospheric page background, while
   the shared workspace canvas remains continuous and transparent. Functional
   cards and panels retain their own surfaces for legibility. */
body:is(
  .vidu-scout-workspace-active,
  .vidu-engineering-workspace-active
) #vidu-pipeline-dashboard,
body:is(
  .vidu-scout-workspace-active,
  .vidu-engineering-workspace-active
) #vidu-pipeline-dashboard :is(
  .vidu-dashboard-workspace,
  .vidu-dashboard-main,
  .vidu-scout-research-workspace-host,
  .vidu-engineering-workspace-host,
  .vidu-scout-workspace,
  .vidu-engineering-workspace,
  .vidu-engineering-shell
) {
  background: transparent !important;
  background-image: none !important;
}

/* Checklist detail workspace: fixed controls, focused canvas and user-sized shell. */
.vidu-pm25-checklist-detail-overlay {
  padding: 16px !important;
}

.vidu-pm25-checklist-detail-dialog {
  position: absolute !important;
  left: var(--vidu-pm25-detail-x, max(16px, calc(50% - min(460px, 44vw)))) !important;
  top: var(--vidu-pm25-detail-y, 10dvh) !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto auto !important;
  width: var(--vidu-pm25-detail-width, min(920px, 88vw)) !important;
  height: var(--vidu-pm25-detail-height, 80dvh) !important;
  min-width: min(640px, calc(100vw - 32px)) !important;
  min-height: min(480px, calc(100dvh - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100dvh - 32px) !important;
  resize: none !important;
  overflow: hidden !important;
}

.vidu-pm25-detail-resize-handle {
  position: absolute !important;
  z-index: 8 !important;
  display: block !important;
  background: transparent !important;
  touch-action: none !important;
}

.vidu-pm25-detail-resize-handle.is-n,
.vidu-pm25-detail-resize-handle.is-s {
  left: 14px !important;
  right: 14px !important;
  height: 9px !important;
  cursor: ns-resize !important;
}

.vidu-pm25-detail-resize-handle.is-n { top: -4px !important; }
.vidu-pm25-detail-resize-handle.is-s { bottom: -4px !important; }

.vidu-pm25-detail-resize-handle.is-e,
.vidu-pm25-detail-resize-handle.is-w {
  top: 14px !important;
  bottom: 14px !important;
  width: 9px !important;
  cursor: ew-resize !important;
}

.vidu-pm25-detail-resize-handle.is-e { right: -4px !important; }
.vidu-pm25-detail-resize-handle.is-w { left: -4px !important; }

.vidu-pm25-detail-resize-handle:is(.is-ne, .is-se, .is-sw, .is-nw) {
  width: 18px !important;
  height: 18px !important;
}

.vidu-pm25-detail-resize-handle:is(.is-ne, .is-sw) { cursor: nesw-resize !important; }
.vidu-pm25-detail-resize-handle:is(.is-se, .is-nw) { cursor: nwse-resize !important; }
.vidu-pm25-detail-resize-handle.is-ne { top: -3px !important; right: -3px !important; }
.vidu-pm25-detail-resize-handle.is-se { right: -3px !important; bottom: -3px !important; }
.vidu-pm25-detail-resize-handle.is-sw { bottom: -3px !important; left: -3px !important; }
.vidu-pm25-detail-resize-handle.is-nw { top: -3px !important; left: -3px !important; }

.vidu-pm25-detail-resize-handle.is-se::before {
  content: "" !important;
  position: absolute !important;
  right: 6px !important;
  bottom: 6px !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid rgba(248, 250, 252, .3) !important;
  border-bottom: 2px solid rgba(248, 250, 252, .3) !important;
  transition: border-color .14s ease !important;
}

.vidu-pm25-detail-resize-handle.is-se:hover::before,
.vidu-pm25-detail-resize-handle.is-se:focus-visible::before,
.vidu-pm25-detail-resize-handle.is-se.is-active::before {
  border-color: rgba(248, 250, 252, .78) !important;
}

body.is-resizing-pm25-detail,
body.is-resizing-pm25-detail * {
  cursor: var(--vidu-pm25-resize-cursor, nwse-resize) !important;
  user-select: none !important;
}

.vidu-pm25-checklist-detail-head {
  min-width: 0 !important;
  padding: 14px 18px !important;
  cursor: grab !important;
  touch-action: none !important;
}

.vidu-pm25-checklist-detail-head.is-moving {
  cursor: grabbing !important;
}

.vidu-pm25-checklist-detail-head :is(button, input, select, textarea, a, [contenteditable="true"]) {
  cursor: initial !important;
}

body.is-moving-pm25-detail,
body.is-moving-pm25-detail * {
  cursor: grabbing !important;
  user-select: none !important;
}

.vidu-pm25-detail-title-line strong {
  font-size: clamp(18px, 2vw, 24px) !important;
}

.vidu-pm25-detail-meta-row {
  position: relative !important;
  z-index: 3 !important;
  grid-template-columns: minmax(138px, .72fr) minmax(160px, .82fr) minmax(210px, 1.2fr) !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 9px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 0 !important;
  background: #181818 !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .16) !important;
}

.vidu-pm25-detail-meta-row .vidu-pm25-detail-field input,
.vidu-pm25-detail-meta-row .vidu-pm25-detail-field select {
  min-height: 44px !important;
  height: 44px !important;
  padding-top: 16px !important;
}

.vidu-pm25-checklist-detail-body {
  display: block !important;
  min-height: 0 !important;
  padding: 14px 18px 18px !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}

.vidu-pm25-detail-text-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 10px !important;
}

.vidu-pm25-detail-description-card,
.vidu-pm25-detail-notes-card {
  width: 100% !important;
}

.vidu-pm25-detail-description-card .vidu-pm25-rich-editor-shell,
.vidu-pm25-detail-notes-card .vidu-pm25-detail-field {
  position: relative !important;
}

.vidu-pm25-detail-description-card .vidu-pm25-rich-editor.is-clamped {
  max-height: 168px !important;
  overflow: hidden !important;
}

.vidu-pm25-detail-description-card .vidu-pm25-rich-editor.is-clamped.has-overflow,
.vidu-pm25-detail-notes-card textarea.is-clamped.has-overflow {
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 72%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0, #000 72%, transparent 100%) !important;
}

.vidu-pm25-detail-notes-card textarea.is-clamped {
  height: 98px !important;
  min-height: 98px !important;
  overflow: hidden !important;
  resize: none !important;
}

.vidu-pm25-detail-content-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  min-height: 24px !important;
  margin: 7px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #d9a441 !important;
  cursor: pointer !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.vidu-pm25-detail-content-toggle:hover,
.vidu-pm25-detail-content-toggle:focus-visible {
  color: #f0bd58 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.vidu-pm25-detail-content-toggle[hidden] {
  display: none !important;
}

.vidu-pm25-detail-bottom-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: end !important;
  gap: 8px !important;
  padding: 9px 18px !important;
  border-top: 0 !important;
  background: transparent !important;
}

.vidu-pm25-detail-files-section,
.vidu-pm25-detail-conversation {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 13px !important;
  overflow: hidden !important;
}

.vidu-pm25-detail-files-section > summary,
.vidu-pm25-detail-conversation > summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  list-style: none !important;
  cursor: pointer !important;
  color: rgba(248, 250, 252, .82) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.vidu-pm25-detail-files-section > summary::-webkit-details-marker,
.vidu-pm25-detail-conversation > summary::-webkit-details-marker {
  display: none !important;
}

.vidu-pm25-detail-files-section > summary small,
.vidu-pm25-detail-conversation > summary small {
  color: rgba(248, 250, 252, .42) !important;
  font-size: 10px !important;
  font-weight: 750 !important;
}

.vidu-pm25-detail-files-section[open] > summary,
.vidu-pm25-detail-conversation[open] > summary {
  border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
}

.vidu-pm25-detail-module-body {
  display: grid !important;
  align-content: start !important;
  gap: 7px !important;
  max-height: min(290px, 32dvh) !important;
  padding: 10px !important;
  overflow: auto !important;
}

.vidu-pm25-detail-files-section .vidu-pm25-detail-files,
.vidu-pm25-detail-conversation .vidu-pm25-detail-thread-messages {
  min-height: 0 !important;
  max-height: 150px !important;
}

.vidu-pm25-detail-files-section .vidu-pm25-detail-upload {
  min-height: 38px !important;
  margin-top: 2px !important;
}

.vidu-pm25-checklist-detail-foot {
  min-height: 62px !important;
  padding: 10px 18px !important;
}

body[data-theme="light"] .vidu-pm25-detail-meta-row,
[data-vidu-theme="light"] .vidu-pm25-detail-meta-row,
.vidu-light-theme .vidu-pm25-detail-meta-row {
  border-color: rgba(15, 23, 42, .09) !important;
  background: #f8fafc !important;
}

body[data-theme="light"] .vidu-pm25-detail-bottom-grid,
[data-vidu-theme="light"] .vidu-pm25-detail-bottom-grid,
.vidu-light-theme .vidu-pm25-detail-bottom-grid {
  border-top: 0 !important;
  background: transparent !important;
}

body[data-theme="light"] .vidu-pm25-detail-content-toggle,
[data-vidu-theme="light"] .vidu-pm25-detail-content-toggle,
.vidu-light-theme .vidu-pm25-detail-content-toggle {
  border: 0 !important;
  background: transparent !important;
  color: #a66f0a !important;
}

@media (max-width: 720px) {
  .vidu-pm25-checklist-detail-dialog {
    width: calc(100vw - 20px) !important;
    height: calc(100dvh - 20px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    resize: none !important;
  }

  .vidu-pm25-detail-resize-handle {
    display: none !important;
  }

  .vidu-pm25-detail-meta-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 8px 12px !important;
  }

  .vidu-pm25-detail-meta-row .vidu-pm25-detail-field:last-child {
    grid-column: 1 / -1 !important;
  }

  .vidu-pm25-checklist-detail-body {
    padding: 12px !important;
  }

  .vidu-pm25-detail-bottom-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 8px 12px !important;
  }

  .vidu-pm25-detail-module-body {
    max-height: 24dvh !important;
  }
}

/* Checklist detail dock: transparent working layer and compact blue file intake. */
.vidu-pm25-detail-bottom-grid {
  position: relative !important;
  z-index: 4 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

@media (min-width: 721px) {
  .vidu-pm25-checklist-detail-body {
    grid-row: 3 / 5 !important;
    grid-column: 1 !important;
    scroll-padding-bottom: min(250px, 30dvh) !important;
  }

  .vidu-pm25-detail-bottom-grid {
    grid-row: 4 !important;
    grid-column: 1 !important;
    align-self: end !important;
  }
}

/* Legacy modal responsive columns and per-user cross-column module workspace. */
@media (min-width: 901px) {
  .vidu-project-modal-shell .vidu-project-cockpit-grid {
    --vidu-modal-left-min: 280px;
    --vidu-modal-center-min: 420px;
    --vidu-modal-right-min: 280px;
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
    scrollbar-gutter: stable;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid > [data-focus-column="left"] {
    min-width: var(--vidu-modal-left-min) !important;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid > [data-focus-column="center"] {
    min-width: var(--vidu-modal-center-min) !important;
  }

  .vidu-project-modal-shell .vidu-project-cockpit-grid > [data-focus-column="right"] {
    min-width: var(--vidu-modal-right-min) !important;
  }
}

.vidu-project-user-module-zone {
  position: relative;
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  min-height: 12px;
  border-radius: 16px;
  transition: background .16s ease, box-shadow .16s ease;
}

.vidu-project-center-module-zone:empty,
.vidu-project-user-module-zone.is-user-module-zone-empty {
  min-height: 44px;
}

body.is-user-module-cross-dragging .vidu-project-user-module-zone {
  min-height: 64px;
  background: rgba(59, 130, 246, .025);
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, .10);
}

body.is-user-module-cross-dragging .vidu-project-user-module-zone.is-user-module-drop-target {
  background: rgba(59, 130, 246, .08);
  box-shadow: inset 0 0 0 2px rgba(96, 165, 250, .42), 0 0 24px rgba(59, 130, 246, .08);
}

.vidu-project-user-module-placeholder {
  width: 100%;
  min-height: 48px;
  border: 1px dashed rgba(96, 165, 250, .58);
  border-radius: 16px;
  background: rgba(59, 130, 246, .08);
  box-sizing: border-box;
}

.vidu-project-user-module-ghost {
  position: fixed !important;
  z-index: 10080 !important;
  max-height: min(52vh, 520px);
  overflow: hidden;
  opacity: .88;
  transform: scale(.985);
  transform-origin: top center;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .48) !important;
}

.vidu-pm25-detail-files-section.is-empty .vidu-pm25-detail-section-head,
.vidu-pm25-detail-files-section.is-empty .vidu-pm25-detail-folder-path,
.vidu-pm25-detail-files-section.is-empty .vidu-pm25-detail-files {
  display: none !important;
}

.vidu-pm25-detail-files-section.is-empty .vidu-pm25-detail-module-body {
  padding: 10px !important;
  overflow: visible !important;
}

.vidu-pm25-detail-files-section .vidu-pm25-detail-upload {
  position: relative !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 9px 14px !important;
  border: 1px dashed rgba(96, 165, 250, .66) !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, rgba(37, 99, 235, .22), rgba(59, 130, 246, .10)) !important;
  color: #93c5fd !important;
  box-shadow: inset 0 0 0 1px rgba(147, 197, 253, .035), 0 8px 22px rgba(15, 73, 160, .08) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
}

.vidu-pm25-detail-files-section.is-empty .vidu-pm25-detail-upload {
  min-height: 66px !important;
  font-size: 12px !important;
}

.vidu-pm25-detail-files-section .vidu-pm25-detail-upload svg {
  width: 17px !important;
  height: 17px !important;
  color: #60a5fa !important;
}

.vidu-pm25-detail-files-section .vidu-pm25-detail-upload:hover,
.vidu-pm25-checklist-detail-overlay.is-dragging .vidu-pm25-detail-files-section .vidu-pm25-detail-upload {
  border-color: rgba(147, 197, 253, .9) !important;
  background: linear-gradient(135deg, rgba(37, 99, 235, .32), rgba(59, 130, 246, .16)) !important;
  color: #dbeafe !important;
  box-shadow: inset 0 0 0 1px rgba(191, 219, 254, .08), 0 10px 26px rgba(15, 73, 160, .14) !important;
}

.vidu-pm25-detail-files-section .vidu-pm25-detail-files {
  display: grid !important;
  gap: 2px !important;
  max-height: 126px !important;
  padding: 0 !important;
}

.vidu-pm25-detail-files-section .vidu-pm25-checklist-file {
  grid-template-columns: 24px minmax(0, 1fr) auto !important;
  gap: 7px !important;
  min-height: 38px !important;
  padding: 4px 2px !important;
}

.vidu-pm25-detail-files-section .vidu-pm25-checklist-file-icon {
  width: 22px !important;
  height: 22px !important;
  border-radius: 6px !important;
  background: rgba(59, 130, 246, .12) !important;
  color: #93c5fd !important;
}

.vidu-pm25-checklist-file-main {
  display: grid !important;
  min-width: 0 !important;
  gap: 1px !important;
  color: rgba(248, 250, 252, .86) !important;
  text-decoration: none !important;
}

a.vidu-pm25-checklist-file-main:hover strong {
  color: #93c5fd !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

.vidu-pm25-checklist-file-main strong {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.vidu-pm25-checklist-file-main small {
  font-size: 9px !important;
  line-height: 1.2 !important;
}

.vidu-pm25-detail-files-section .vidu-pm25-checklist-file-actions a,
.vidu-pm25-detail-files-section .vidu-pm25-checklist-file-actions button {
  width: 23px !important;
  height: 23px !important;
  border-radius: 6px !important;
}

body[data-theme="light"] .vidu-pm25-detail-files-section .vidu-pm25-detail-upload,
[data-vidu-theme="light"] .vidu-pm25-detail-files-section .vidu-pm25-detail-upload,
.vidu-light-theme .vidu-pm25-detail-files-section .vidu-pm25-detail-upload {
  border-color: rgba(37, 99, 235, .46) !important;
  background: linear-gradient(135deg, rgba(37, 99, 235, .12), rgba(59, 130, 246, .055)) !important;
  color: #1d4ed8 !important;
}

body[data-theme="light"] .vidu-pm25-checklist-file-main,
[data-vidu-theme="light"] .vidu-pm25-checklist-file-main,
.vidu-light-theme .vidu-pm25-checklist-file-main {
  color: #1f2937 !important;
}

/* Checklist detail related modules: inline empty upload and user-sized split dock. */
.vidu-pm25-detail-bottom-grid {
  grid-template-columns: minmax(190px, var(--vidu-pm25-files-width, 1fr)) 8px minmax(190px, 1fr) !important;
  gap: 0 !important;
}

.vidu-pm25-detail-files-section {
  grid-column: 1 !important;
}

.vidu-pm25-detail-column-resize-handle {
  grid-column: 2 !important;
  align-self: stretch !important;
  position: relative !important;
  z-index: 6 !important;
  display: block !important;
  min-width: 8px !important;
  cursor: ew-resize !important;
  touch-action: none !important;
}

.vidu-pm25-detail-column-resize-handle::after {
  content: "" !important;
  position: absolute !important;
  inset: 8px 3px !important;
  width: 2px !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, .14) !important;
  transition: background .16s ease, box-shadow .16s ease !important;
}

.vidu-pm25-detail-column-resize-handle:hover::after,
body.is-resizing-pm25-dock .vidu-pm25-detail-column-resize-handle::after {
  background: rgba(96, 165, 250, .8) !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, .12) !important;
}

.vidu-pm25-detail-conversation {
  grid-column: 3 !important;
}

.vidu-pm25-detail-files-section,
.vidu-pm25-detail-conversation {
  position: relative !important;
}

.vidu-pm25-detail-module-resize-handle {
  position: absolute !important;
  z-index: 7 !important;
  top: -5px !important;
  left: 12px !important;
  right: 12px !important;
  display: block !important;
  height: 10px !important;
  cursor: ns-resize !important;
  touch-action: none !important;
}

.vidu-pm25-detail-module-resize-handle::after {
  content: "" !important;
  position: absolute !important;
  top: 4px !important;
  left: 50% !important;
  width: 34px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, .22) !important;
  transform: translateX(-50%) !important;
  transition: width .16s ease, background .16s ease !important;
}

.vidu-pm25-detail-module-resize-handle:hover::after,
body.is-resizing-pm25-dock .vidu-pm25-detail-module-resize-handle::after {
  width: 48px !important;
  background: rgba(96, 165, 250, .82) !important;
}

.vidu-pm25-detail-files-section.is-user-sized[open],
.vidu-pm25-detail-conversation.is-user-sized[open] {
  height: var(--vidu-pm25-module-height) !important;
  max-height: min(56dvh, calc(100dvh - 210px)) !important;
}

.vidu-pm25-detail-files-section.is-user-sized[open] .vidu-pm25-detail-module-body,
.vidu-pm25-detail-conversation.is-user-sized[open] .vidu-pm25-detail-module-body {
  height: calc(100% - 42px) !important;
  max-height: none !important;
}

.vidu-pm25-detail-files-section > summary {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
}

.vidu-pm25-detail-inline-upload {
  display: inline-flex !important;
  align-items: center !important;
  justify-self: start !important;
  gap: 5px !important;
  min-width: 0 !important;
  min-height: 26px !important;
  margin-left: 8px !important;
  padding: 0 9px !important;
  border: 1px dashed rgba(96, 165, 250, .62) !important;
  border-radius: 8px !important;
  background: rgba(37, 99, 235, .16) !important;
  color: #93c5fd !important;
  cursor: pointer !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

.vidu-pm25-detail-inline-upload svg {
  flex: 0 0 auto !important;
  width: 13px !important;
  height: 13px !important;
}

.vidu-pm25-detail-inline-upload span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vidu-pm25-detail-inline-upload:hover,
.vidu-pm25-checklist-detail-overlay.is-dragging .vidu-pm25-detail-inline-upload {
  border-color: rgba(147, 197, 253, .9) !important;
  background: rgba(37, 99, 235, .26) !important;
  color: #dbeafe !important;
}

.vidu-pm25-detail-inline-upload[hidden] {
  display: none !important;
}

body.is-resizing-pm25-dock,
body.is-resizing-pm25-dock * {
  user-select: none !important;
}

body[data-theme="light"] .vidu-pm25-detail-inline-upload,
[data-vidu-theme="light"] .vidu-pm25-detail-inline-upload,
.vidu-light-theme .vidu-pm25-detail-inline-upload {
  border-color: rgba(37, 99, 235, .42) !important;
  background: rgba(37, 99, 235, .09) !important;
  color: #1d4ed8 !important;
}

@media (max-width: 720px) {
  .vidu-pm25-detail-bottom-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .vidu-pm25-detail-files-section,
  .vidu-pm25-detail-conversation {
    grid-column: 1 !important;
    height: auto !important;
    max-height: none !important;
  }

  .vidu-pm25-detail-column-resize-handle,
  .vidu-pm25-detail-module-resize-handle {
    display: none !important;
  }

  .vidu-pm25-detail-files-section > summary {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .vidu-pm25-detail-inline-upload {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 0 8px !important;
  }
}

/* Checklist detail related tab alignment refinement. */
.vidu-pm25-detail-files-section > summary,
.vidu-pm25-detail-conversation > summary {
  min-height: 54px !important;
  padding-inline: 14px !important;
}

.vidu-pm25-detail-files-section > summary {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
}

.vidu-pm25-detail-inline-upload {
  justify-content: center !important;
  justify-self: end !important;
  min-width: 190px !important;
  min-height: 32px !important;
  margin-left: 14px !important;
  padding-inline: 12px !important;
  text-align: center !important;
}

.vidu-pm25-detail-files-section.is-user-sized[open] .vidu-pm25-detail-module-body,
.vidu-pm25-detail-conversation.is-user-sized[open] .vidu-pm25-detail-module-body {
  height: calc(100% - 54px) !important;
}

@media (max-width: 720px) {
  .vidu-pm25-detail-files-section > summary {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .vidu-pm25-detail-inline-upload {
    min-width: 0 !important;
    min-height: 34px !important;
    margin: 0 0 8px !important;
  }
}

/* Checklist detail dock spacing, anchored conversation composer and scroll clearance. */
@media (min-width: 721px) {
  .vidu-pm25-checklist-detail-body {
    padding-bottom: var(--vidu-pm25-dock-clearance, 110px) !important;
  }
}

.vidu-pm25-detail-bottom-grid {
  grid-template-columns: minmax(190px, var(--vidu-pm25-files-width, 1fr)) 14px minmax(190px, 1fr) !important;
}

.vidu-pm25-detail-column-resize-handle {
  min-width: 14px !important;
}

.vidu-pm25-detail-column-resize-handle::after {
  inset-inline: 6px !important;
}

.vidu-pm25-detail-conversation[open] .vidu-pm25-detail-module-body {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  align-content: stretch !important;
  overflow: hidden !important;
}

.vidu-pm25-detail-conversation .vidu-pm25-detail-thread-messages {
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

.vidu-pm25-detail-conversation .vidu-pm25-detail-thread-compose {
  align-self: end !important;
  margin-top: auto !important;
}

/* Checklist conversation panel final anchoring and Workforce send control. */
.vidu-pm25-detail-conversation.is-user-sized[open] {
  display: grid !important;
  grid-template-rows: 54px minmax(0, 1fr) !important;
  align-content: stretch !important;
}

.vidu-pm25-detail-conversation.is-user-sized[open] > summary {
  grid-row: 1 !important;
}

.vidu-pm25-detail-conversation.is-user-sized[open] > .vidu-pm25-detail-module-body {
  grid-row: 2 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.vidu-pm25-detail-column-resize-handle::after {
  background: transparent !important;
  box-shadow: none !important;
}

.vidu-pm25-detail-column-resize-handle:hover::after,
body.is-resizing-pm25-dock .vidu-pm25-detail-column-resize-handle::after {
  background: rgba(96, 165, 250, .86) !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, .12) !important;
}

.vidu-pm25-detail-thread-compose {
  grid-template-columns: minmax(0, 1fr) 34px !important;
  align-items: center !important;
}

.vidu-pm25-detail-thread-compose button[data-pm25-detail-send-thread] {
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(248, 248, 249, .94) !important;
  color: #28292d !important;
  box-shadow: none !important;
  text-indent: 0 !important;
}

.vidu-pm25-detail-thread-compose button[data-pm25-detail-send-thread]::after {
  content: none !important;
  display: none !important;
}

.vidu-pm25-detail-thread-compose button[data-pm25-detail-send-thread]:hover {
  background: #fff !important;
  color: #17181b !important;
}

.vidu-pm25-detail-thread-compose button[data-pm25-detail-send-thread] svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  stroke: currentColor !important;
}

/* Legacy project modal: user-positioned, user-sized desktop workspace. */
@media (min-width: 721px) {
  #vidu-app-modal.vidu-project-modal-shell.vidu-legacy-project-geometry-shell .vidu-app-modal-dialog {
    position: fixed !important;
    top: var(--vidu-legacy-project-y) !important;
    left: var(--vidu-legacy-project-x) !important;
    width: var(--vidu-legacy-project-width) !important;
    height: var(--vidu-legacy-project-height) !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    transform: none !important;
    transition: opacity var(--vidu-duration-normal, 200ms) var(--vidu-ease-out, ease), box-shadow var(--vidu-duration-normal, 200ms) var(--vidu-ease-standard, ease) !important;
  }

  #vidu-app-modal.vidu-project-modal-shell.vidu-legacy-project-geometry-shell .vidu-app-modal-body,
  #vidu-app-modal.vidu-project-modal-shell.vidu-legacy-project-geometry-shell .vidu-app-modal-content,
  #vidu-app-modal.vidu-project-modal-shell.vidu-legacy-project-geometry-shell .vidu-modal-content,
  #vidu-app-modal.vidu-project-modal-shell.vidu-legacy-project-geometry-shell .vidu-modal-inner-frame,
  #vidu-app-modal.vidu-project-modal-shell.vidu-legacy-project-geometry-shell .vidu-modal-inner-content,
  #vidu-app-modal.vidu-project-modal-shell.vidu-legacy-project-geometry-shell .vidu-project-cockpit {
    height: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  #vidu-app-modal.vidu-project-modal-shell.vidu-legacy-project-geometry-shell .vidu-project-cockpit-header {
    cursor: grab;
    user-select: none;
    touch-action: none;
  }

  body.is-moving-legacy-project-modal #vidu-app-modal .vidu-project-cockpit-header {
    cursor: grabbing !important;
  }

  .vidu-legacy-project-resize-handle {
    position: absolute;
    z-index: 250;
    display: block;
    touch-action: none;
  }

  .vidu-legacy-project-resize-handle.is-n,
  .vidu-legacy-project-resize-handle.is-s {
    left: 14px;
    right: 14px;
    height: 9px;
    cursor: ns-resize;
  }

  .vidu-legacy-project-resize-handle.is-n { top: -4px; }
  .vidu-legacy-project-resize-handle.is-s { bottom: -4px; }

  .vidu-legacy-project-resize-handle.is-e,
  .vidu-legacy-project-resize-handle.is-w {
    top: 14px;
    bottom: 14px;
    width: 9px;
    cursor: ew-resize;
  }

  .vidu-legacy-project-resize-handle.is-e { right: -4px; }
  .vidu-legacy-project-resize-handle.is-w { left: -4px; }

  .vidu-legacy-project-resize-handle:is(.is-ne, .is-se, .is-sw, .is-nw) {
    width: 18px;
    height: 18px;
  }

  .vidu-legacy-project-resize-handle:is(.is-ne, .is-sw) { cursor: nesw-resize; }
  .vidu-legacy-project-resize-handle:is(.is-se, .is-nw) { cursor: nwse-resize; }
  .vidu-legacy-project-resize-handle.is-ne { top: -5px; right: -5px; }
  .vidu-legacy-project-resize-handle.is-se { right: -5px; bottom: -5px; }
  .vidu-legacy-project-resize-handle.is-sw { bottom: -5px; left: -5px; }
  .vidu-legacy-project-resize-handle.is-nw { top: -5px; left: -5px; }

  .vidu-legacy-project-resize-handle.is-se::before {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-right: 2px solid rgba(255, 255, 255, .22);
    border-bottom: 2px solid rgba(255, 255, 255, .22);
    border-radius: 0 0 2px 0;
    transition: border-color .16s ease;
  }

  .vidu-legacy-project-resize-handle.is-se:hover::before,
  .vidu-legacy-project-resize-handle.is-se.is-active::before {
    border-color: rgba(96, 165, 250, .95);
  }
}


/* Source: assets/css/pipeline/16-workforce-chat.css */
/* Workforce Chat — neutral, conversation-first surface */

:root {
  --vidu-user-text-scale: 1;
}

html[data-vidu-text-scale-active="true"] #vidu-pipeline-dashboard .vidu-user-scalable-text,
html[data-vidu-text-scale-active="true"] #vidu-elena-global-layer .vidu-user-scalable-text {
  font-size: calc(var(--vidu-user-font-base) * var(--vidu-user-text-scale));
}

html[data-vidu-text-scale-active="true"] #vidu-pipeline-dashboard .vidu-user-scalable-flow,
html[data-vidu-text-scale-active="true"] #vidu-elena-global-layer .vidu-user-scalable-flow {
  line-height: calc(var(--vidu-user-line-base) * var(--vidu-user-text-scale));
}

#vidu-elena-global-layer .vidu-ai-operator {
  --workforce-surface: rgba(15, 16, 19, .86);
  --workforce-surface-raised: rgba(22, 23, 27, .94);
  --workforce-surface-soft: rgba(255, 255, 255, .035);
  --workforce-border: rgba(255, 255, 255, .062);
  --workforce-border-strong: rgba(255, 255, 255, .105);
  --workforce-text: rgba(247, 247, 248, .96);
  --workforce-muted: rgba(180, 182, 190, .68);
  --workforce-active: rgba(255, 255, 255, .058);
}

#vidu-elena-global-layer .vidu-ai-launcher {
  width: 58px;
  height: 58px;
  min-width: 58px;
  min-height: 58px;
  padding: 3px;
  gap: 0;
  justify-content: center;
  border-radius: 999px;
  background: rgba(18, 19, 23, .96);
  box-shadow:
    0 14px 34px rgba(0, 0, 0, .42),
    inset 0 0 0 1px rgba(255, 255, 255, .10);
  animation: none;
}

#vidu-elena-global-layer .vidu-ai-launcher-zone {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
}

#vidu-elena-global-layer .vidu-ai-launcher-zones {
  position: absolute;
  z-index: 4;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border-radius: 50%;
}

#vidu-elena-global-layer .vidu-ai-launcher-zone:focus-visible {
  outline: none;
}

#vidu-elena-global-layer .vidu-ai-launcher-actions {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: calc(100% + 9px);
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 4px;
  border-radius: 999px;
  background: rgba(12, 13, 17, .96);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .42), inset 0 0 0 1px rgba(255, 255, 255, .10);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, 8px, 0) scale(.96);
  transition: opacity .18s ease, transform .22s cubic-bezier(.2, .75, .25, 1);
}

#vidu-elena-global-layer .vidu-ai-launcher-actions span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: rgba(242, 240, 247, .42);
  transition: color .16s ease, background-color .16s ease, transform .16s ease, opacity .16s ease;
}

#vidu-elena-global-layer .vidu-ai-launcher-actions svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
}

#vidu-elena-global-layer .vidu-ai-launcher:hover .vidu-ai-launcher-actions,
#vidu-elena-global-layer .vidu-ai-launcher:focus-within .vidu-ai-launcher-actions {
  opacity: 1;
  transform: translate3d(-50%, 0, 0) scale(1);
}

#vidu-elena-global-layer .vidu-ai-launcher-zones:has(.is-chat:hover) ~ .vidu-ai-launcher-actions [data-vidu-launcher-action-icon="chat"],
#vidu-elena-global-layer .vidu-ai-launcher-zones:has(.is-chat:focus-visible) ~ .vidu-ai-launcher-actions [data-vidu-launcher-action-icon="chat"],
#vidu-elena-global-layer .vidu-ai-launcher-zones:has(.is-focus:hover) ~ .vidu-ai-launcher-actions [data-vidu-launcher-action-icon="focus"],
#vidu-elena-global-layer .vidu-ai-launcher-zones:has(.is-focus:focus-visible) ~ .vidu-ai-launcher-actions [data-vidu-launcher-action-icon="focus"] {
  color: #fff;
  background: rgba(139, 92, 246, .18);
  opacity: 1;
  transform: translateY(-1px) scale(1.04);
}

#vidu-elena-global-layer .vidu-ai-launcher::before {
  padding: 1px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, .055));
  opacity: 1;
  animation: none;
}

#vidu-elena-global-layer .vidu-ai-launcher::after {
  inset: -8px;
  background: rgba(255, 255, 255, .035);
  filter: blur(14px);
  opacity: .55;
  animation: none;
}

#vidu-elena-global-layer .vidu-ai-launcher:hover,
#vidu-elena-global-layer .vidu-ai-launcher:focus-visible {
  transform: translateY(-2px);
  background: rgba(26, 27, 31, .98);
  box-shadow:
    0 17px 38px rgba(0, 0, 0, .46),
    inset 0 0 0 1px rgba(255, 255, 255, .16);
}

#vidu-elena-global-layer .vidu-ai-launcher-orb {
  width: 46px;
  height: 46px;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, .10), transparent 34%),
    linear-gradient(145deg, rgba(49, 50, 57, .96), rgba(17, 18, 22, .98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .11),
    inset 0 0 0 1px rgba(255, 255, 255, .075);
  animation: none;
}

.vidu-org-lobby-v4.vidu-global-workforce-focus {
  position: fixed;
  z-index: 2147481800;
  inset: 0;
  min-height: 0;
  padding: 0;
  background: transparent;
  background-image: none;
  pointer-events: none;
}

.vidu-org-lobby-v4.vidu-global-workforce-focus:empty {
  display: none;
}

.vidu-global-workforce-focus .vidu-lobby-detail-drawer {
  pointer-events: auto;
}

#vidu-elena-global-layer .vidu-ai-panel {
  width: min(1120px, calc(100vw - 48px));
  height: min(720px, calc(100dvh - 48px));
  max-width: calc(100vw - 48px);
  max-height: calc(100dvh - 48px);
  border-color: var(--workforce-border);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .018), transparent 44%),
    var(--workforce-surface);
  box-shadow:
    0 28px 80px rgba(0, 0, 0, .56),
    inset 0 1px 0 rgba(255, 255, 255, .045);
  -webkit-backdrop-filter: blur(22px) saturate(112%);
  backdrop-filter: blur(22px) saturate(112%);
}

#vidu-elena-global-layer .vidu-ai-panel[data-operations-view="operations"] {
  height: min(720px, calc(100dvh - 48px));
}

#vidu-elena-global-layer .vidu-ai-panel-head {
  min-height: 68px;
  padding: 12px 16px 12px 20px;
  border-bottom-color: var(--workforce-border);
  background: rgba(255, 255, 255, .012);
}

#vidu-elena-global-layer .vidu-ai-panel-head > div:first-child {
  gap: 2px;
}

#vidu-elena-global-layer .vidu-ai-panel-head strong {
  color: var(--workforce-text);
  font-size: 16px;
  font-weight: 760;
  letter-spacing: -.01em;
}

#vidu-elena-global-layer .vidu-ai-panel-head span {
  color: var(--workforce-muted);
  font-size: 11px;
  font-weight: 600;
}

#vidu-elena-global-layer .vidu-elena-header-actions {
  position: relative;
  gap: 2px;
}

#vidu-elena-global-layer .vidu-elena-icon-btn {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: rgba(205, 207, 214, .66);
}

#vidu-elena-global-layer .vidu-elena-icon-btn svg {
  width: 19px;
  height: 19px;
}

#vidu-elena-global-layer .vidu-elena-icon-btn:hover,
#vidu-elena-global-layer .vidu-elena-icon-btn:focus-visible,
#vidu-elena-global-layer .vidu-elena-icon-btn.is-active,
#vidu-elena-global-layer .vidu-elena-icon-btn[aria-expanded="true"] {
  border: 0;
  background: var(--workforce-active);
  color: var(--workforce-text);
  box-shadow: none;
}

#vidu-elena-global-layer .vidu-ai-close {
  margin-left: 4px;
}

#vidu-elena-global-layer .vidu-text-scale-toggle span {
  color: inherit;
  font-size: 12px;
  font-weight: 680;
  letter-spacing: -.04em;
}

#vidu-elena-global-layer .vidu-text-scale-popover {
  position: absolute;
  z-index: 30;
  top: calc(100% + 10px);
  right: 36px;
  width: 226px;
  padding: 12px;
  border: 1px solid var(--workforce-border-strong);
  border-radius: 12px;
  background: rgba(12, 13, 16, .985);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .46);
}

#vidu-elena-global-layer .vidu-text-scale-popover > strong {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
}

#vidu-elena-global-layer .vidu-text-scale-popover > div {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 7px;
}

#vidu-elena-global-layer .vidu-text-scale-popover button {
  min-width: 30px;
  min-height: 30px;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  background: var(--workforce-active);
  color: var(--workforce-text);
}

#vidu-elena-global-layer .vidu-text-scale-popover input[type="range"] {
  width: 100%;
  accent-color: rgba(245, 245, 246, .92);
}

#vidu-elena-global-layer .vidu-text-scale-popover > small {
  display: block;
  margin: 7px 0;
  color: var(--workforce-muted);
  font-size: 10px;
  text-align: center;
}

#vidu-elena-global-layer .vidu-text-scale-popover > button {
  width: 100%;
  color: var(--workforce-muted);
  font-size: 10px;
}

#vidu-elena-global-layer .vidu-living-object-toggle {
  position: relative;
}

#vidu-elena-global-layer .vidu-living-object-toggle::after {
  content: attr(data-tooltip);
  position: absolute;
  z-index: 20;
  top: calc(100% + 8px);
  right: 0;
  width: max-content;
  max-width: 180px;
  padding: 6px 8px;
  border: 1px solid var(--workforce-border);
  border-radius: 7px;
  background: rgba(8, 9, 11, .96);
  color: rgba(239, 240, 242, .90);
  font-size: 10px;
  font-weight: 580;
  line-height: 1.2;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-3px);
  transition: opacity .14s ease, transform .14s ease;
}

#vidu-elena-global-layer .vidu-living-object-toggle:hover::after,
#vidu-elena-global-layer .vidu-living-object-toggle:focus-visible::after {
  opacity: 1;
  transform: translateY(0);
}

#vidu-elena-global-layer .vidu-workforce-chat-shell {
  --vidu-workforce-history-width: 286px;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  overflow: hidden;
}

#vidu-elena-global-layer .vidu-ai-operator.is-history-open .vidu-workforce-chat-shell {
  grid-template-columns: var(--vidu-workforce-history-width) 9px minmax(0, 1fr);
}

#vidu-elena-global-layer .vidu-workforce-sidebar-resize {
  position: relative;
  z-index: 6;
  width: 9px;
  min-width: 9px;
  height: 100%;
  display: none;
  cursor: col-resize;
  touch-action: none;
  outline: none;
}

#vidu-elena-global-layer .vidu-ai-operator.is-history-open .vidu-workforce-sidebar-resize {
  display: block;
}

#vidu-elena-global-layer .vidu-workforce-sidebar-resize::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: var(--workforce-border);
  transform: translateX(-50%);
  transition: background .14s ease, box-shadow .14s ease;
}

#vidu-elena-global-layer .vidu-workforce-sidebar-resize:hover::before,
#vidu-elena-global-layer .vidu-workforce-sidebar-resize:focus-visible::before,
#vidu-elena-global-layer .vidu-workforce-sidebar-resize.is-active::before {
  background: rgba(255, 255, 255, .34);
  box-shadow: 0 0 7px rgba(255, 255, 255, .08);
}

body.is-resizing-workforce-sidebar,
body.is-resizing-workforce-sidebar * {
  cursor: col-resize;
  user-select: none;
}

#vidu-elena-global-layer .vidu-workforce-main {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#vidu-elena-global-layer .vidu-ai-history-panel {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 14px 12px;
  border: 0;
  border-radius: 0;
  background: rgba(8, 9, 11, .44);
  box-shadow: none;
  overflow: hidden;
}

#vidu-elena-global-layer .vidu-ai-history-panel[hidden] {
  display: none;
}

#vidu-elena-global-layer .vidu-ai-history-head {
  align-items: center;
  min-height: 36px;
  margin: 0 4px 10px;
}

#vidu-elena-global-layer .vidu-ai-history-head > div {
  display: flex;
  align-items: center;
  gap: 1px;
}

#vidu-elena-global-layer .vidu-ai-history-head strong {
  font-size: 13px;
  font-weight: 720;
}

#vidu-elena-global-layer .vidu-ai-history-head button {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--workforce-muted);
  font: 400 24px/1 system-ui, sans-serif;
  cursor: pointer;
}

#vidu-elena-global-layer .vidu-ai-history-head button svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
}

#vidu-elena-global-layer .vidu-ai-history-head button:hover {
  background: var(--workforce-active);
  color: var(--workforce-text);
}

#vidu-elena-global-layer .vidu-ai-history-head button.is-active,
#vidu-elena-global-layer .vidu-ai-history-head button[aria-pressed="true"] {
  background: var(--workforce-active);
  color: var(--workforce-text);
}

#vidu-elena-global-layer .vidu-ai-history-create {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  margin: 0 3px 12px;
  padding: 10px;
  border: 1px solid var(--workforce-border);
  border-radius: 11px;
  background: rgba(255, 255, 255, .026);
}

#vidu-elena-global-layer .vidu-ai-history-create[hidden] {
  display: none;
}

#vidu-elena-global-layer .vidu-ai-history-create > div {
  grid-column: 1 / -1;
  display: flex;
  gap: 4px;
}

#vidu-elena-global-layer .vidu-ai-history-create button,
#vidu-elena-global-layer .vidu-ai-history-create input {
  min-height: 32px;
  border: 1px solid var(--workforce-border);
  border-radius: 8px;
  background: transparent;
  color: var(--workforce-text);
  font-size: 11px;
}

#vidu-elena-global-layer .vidu-ai-history-create button {
  padding: 0 9px;
}

#vidu-elena-global-layer .vidu-ai-history-create button.is-active,
#vidu-elena-global-layer .vidu-ai-history-create button[type="submit"] {
  background: var(--workforce-active);
  border-color: var(--workforce-border-strong);
}

#vidu-elena-global-layer .vidu-ai-history-create input {
  min-width: 0;
  padding: 0 9px;
  outline: none;
}

#vidu-elena-global-layer .vidu-ai-history-create small {
  grid-column: 1 / -1;
  color: var(--workforce-muted);
  font-size: 9px;
  line-height: 1.35;
}

#vidu-elena-global-layer .vidu-ai-history-search {
  height: 38px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 3px 14px;
  padding: 0 10px;
  border: 1px solid var(--workforce-border);
  border-radius: 10px;
  background: rgba(255, 255, 255, .026);
  color: var(--workforce-muted);
}

#vidu-elena-global-layer .vidu-ai-history-search:focus-within {
  border-color: var(--workforce-border-strong);
  background: rgba(255, 255, 255, .04);
}

#vidu-elena-global-layer .vidu-ai-history-search svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  stroke: currentColor;
}

#vidu-elena-global-layer .vidu-ai-history-search input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--workforce-text);
  font: inherit;
  font-size: 12px;
}

#vidu-elena-global-layer .vidu-ai-history-search input::placeholder {
  color: rgba(180, 182, 190, .52);
}

#vidu-elena-global-layer .vidu-ai-history-search-modal {
  position: fixed;
  inset: 0;
  z-index: 24;
  display: grid;
  place-items: start center;
  padding: clamp(72px, 12vh, 132px) 20px 20px;
}

#vidu-elena-global-layer .vidu-ai-history-search-modal[hidden] {
  display: none;
}

#vidu-elena-global-layer .vidu-ai-history-search-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, .52);
  backdrop-filter: blur(5px);
}

#vidu-elena-global-layer .vidu-ai-history-search-modal > section {
  position: relative;
  width: min(620px, calc(100vw - 40px));
  max-height: min(660px, calc(100vh - 112px));
  display: flex;
  flex-direction: column;
  padding: 18px;
  border: 1px solid var(--workforce-border-strong);
  border-radius: 18px;
  background: rgba(17, 18, 22, .98);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .5);
}

#vidu-elena-global-layer .vidu-ai-history-search-modal > section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

#vidu-elena-global-layer .vidu-ai-history-search-modal > section > header strong {
  color: var(--workforce-text);
  font-size: 15px;
}

#vidu-elena-global-layer .vidu-ai-history-search-modal > section > header button {
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  color: var(--workforce-muted);
  font-size: 22px;
  line-height: 1;
}

#vidu-elena-global-layer .vidu-ai-history-search-modal .vidu-ai-history-search {
  flex: 0 0 44px;
  height: 44px;
  margin: 0 0 12px;
  padding-inline: 13px;
}

#vidu-elena-global-layer .vidu-ai-history-search-results {
  min-height: 90px;
  overflow-y: auto;
  padding: 2px;
}

#vidu-elena-global-layer .vidu-ai-history-search-results .vidu-ai-history-group + .vidu-ai-history-group {
  margin-top: 14px;
}

#vidu-elena-global-layer .vidu-ai-history-list {
  max-height: none;
  height: auto;
  min-height: 0;
  flex: 1 1 auto;
  display: block;
  padding: 0 2px 18px;
  overflow-y: auto;
  scrollbar-width: thin;
}

#vidu-elena-global-layer .vidu-ai-history-group + .vidu-ai-history-group {
  margin-top: 18px;
}

#vidu-elena-global-layer .vidu-ai-history-group-title {
  display: flex;
  align-items: center;
  gap: 6px;
  width: calc(100% - 16px);
  margin: 0 8px 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(180, 182, 190, .48);
  font-size: 10px;
  font-weight: 680;
  letter-spacing: .04em;
  text-align: left;
  text-transform: uppercase;
}

#vidu-elena-global-layer button.vidu-ai-history-group-title {
  min-height: 24px;
  border-radius: 6px;
  cursor: pointer;
}

#vidu-elena-global-layer button.vidu-ai-history-group-title:hover {
  color: rgba(220, 222, 226, .72);
}

#vidu-elena-global-layer .vidu-ai-history-group-title small {
  margin-left: 5px;
  color: rgba(180, 182, 190, .36);
  font-size: 8px;
  font-weight: 600;
  text-transform: none;
}

#vidu-elena-global-layer .vidu-ai-history-group-icon {
  width: 16px;
  height: 16px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
}

#vidu-elena-global-layer .vidu-ai-history-group-icon svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
}

#vidu-elena-global-layer .vidu-ai-history-group-chevron {
  width: 14px;
  height: 14px;
  margin-left: auto;
  flex: 0 0 auto;
  stroke: currentColor;
  transition: transform .32s ease;
}

#vidu-elena-global-layer .vidu-ai-history-group > div {
  display: grid;
  gap: 2px;
}

#vidu-elena-global-layer .vidu-ai-history-group.is-collection > .vidu-ai-history-collection-body {
  grid-template-rows: 1fr;
  gap: 0;
  padding-left: 21px;
  transition: grid-template-rows .34s ease, opacity .28s ease;
  opacity: 1;
}

#vidu-elena-global-layer .vidu-ai-history-group.is-collection > .vidu-ai-history-collection-body > div {
  min-height: 0;
  display: grid;
  gap: 2px;
  overflow: hidden;
}

#vidu-elena-global-layer .vidu-ai-history-group.is-collection.is-collapsed > .vidu-ai-history-collection-body {
  grid-template-rows: 0fr;
  opacity: 0;
}

#vidu-elena-global-layer .vidu-ai-history-group.is-collection.is-collapsed .vidu-ai-history-group-chevron {
  transform: rotate(-90deg);
}

#vidu-elena-global-layer .vidu-ai-history-row {
  position: relative;
  min-width: 0;
  border-radius: 9px;
}

#vidu-elena-global-layer .vidu-ai-history-row:hover,
#vidu-elena-global-layer .vidu-ai-history-row.is-active {
  background: var(--workforce-active);
}

#vidu-elena-global-layer .vidu-ai-history-item {
  width: 100%;
  min-height: 40px;
  padding: 8px 34px 8px 9px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  text-align: left;
}

#vidu-elena-global-layer .vidu-ai-history-item:hover {
  border-color: transparent;
  background: transparent;
}

#vidu-elena-global-layer .vidu-ai-history-item-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

#vidu-elena-global-layer .vidu-ai-history-title-viewport {
  min-width: 0;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}

#vidu-elena-global-layer .vidu-ai-history-title-viewport strong {
  display: inline-block;
  width: max-content;
  max-width: none;
  min-width: max-content;
  overflow: visible;
  color: rgba(239, 240, 242, .86);
  font-size: 12px;
  font-weight: 620;
  text-overflow: clip;
  white-space: nowrap;
  transform: translateX(0);
  transition: transform .32s ease;
}

#vidu-elena-global-layer .vidu-ai-history-row:hover .vidu-ai-history-title-viewport.has-overflow strong {
  transform: translateX(calc(-1 * var(--vidu-history-title-shift, 0px)));
  transition-duration: var(--vidu-history-title-duration, 1.4s);
  transition-delay: 1s;
  transition-timing-function: ease;
}

#vidu-elena-global-layer .vidu-ai-history-item small,
#vidu-elena-global-layer .vidu-ai-history-empty {
  color: var(--workforce-muted);
  font-size: 10px;
  font-weight: 520;
}

#vidu-elena-global-layer .vidu-ai-history-more {
  position: absolute;
  top: 7px;
  right: 5px;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--workforce-muted);
  font: 600 10px/1 system-ui, sans-serif;
  opacity: 0;
}

#vidu-elena-global-layer .vidu-ai-history-row:hover .vidu-ai-history-more,
#vidu-elena-global-layer .vidu-ai-history-more[aria-expanded="true"] {
  opacity: 1;
}

#vidu-elena-global-layer .vidu-ai-history-more:hover {
  background: rgba(255, 255, 255, .06);
  color: var(--workforce-text);
}

#vidu-elena-global-layer .vidu-ai-history-actions {
  position: relative;
  z-index: 4;
  display: grid;
  gap: 7px;
  margin: 0 5px 7px;
  padding: 8px;
  border: 1px solid var(--workforce-border);
  border-radius: 9px;
  background: rgba(12, 13, 16, .98);
}

#vidu-elena-global-layer .vidu-ai-history-rename-row,
#vidu-elena-global-layer .vidu-ai-history-organize-row {
  min-width: 0;
  display: grid;
  gap: 6px;
}

#vidu-elena-global-layer .vidu-ai-history-rename-row {
  grid-template-columns: minmax(0, 1fr) auto;
}

#vidu-elena-global-layer .vidu-ai-history-organize-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

#vidu-elena-global-layer .vidu-ai-history-actions[hidden] {
  display: none;
}

#vidu-elena-global-layer .vidu-ai-history-actions label {
  display: grid;
  gap: 4px;
}

#vidu-elena-global-layer .vidu-ai-history-actions label span {
  color: var(--workforce-muted);
  font-size: 9px;
}

#vidu-elena-global-layer .vidu-ai-history-actions select,
#vidu-elena-global-layer .vidu-ai-history-actions input,
#vidu-elena-global-layer .vidu-ai-history-actions button {
  width: 100%;
  min-height: 30px;
  padding: 0 7px;
  border: 1px solid var(--workforce-border);
  border-radius: 7px;
  background: rgba(255, 255, 255, .035);
  color: var(--workforce-text);
  font-size: 10px;
  text-align: left;
}

#vidu-elena-global-layer .vidu-ai-history-actions input {
  min-width: 0;
  outline: none;
}

#vidu-elena-global-layer .vidu-ai-history-actions input:focus,
#vidu-elena-global-layer .vidu-ai-history-actions select:focus {
  border-color: var(--workforce-border-strong);
}

#vidu-elena-global-layer .vidu-ai-history-rename-row button,
#vidu-elena-global-layer .vidu-ai-history-organize-row > button {
  width: auto;
  white-space: nowrap;
  text-align: center;
}

#vidu-elena-global-layer .vidu-ai-history-collection-empty {
  margin: 3px 8px 8px;
  color: rgba(180, 182, 190, .42);
  font-size: 9px;
}

#vidu-elena-global-layer .vidu-ai-history-empty {
  margin: 8px 2px;
  background: transparent;
}

#vidu-elena-global-layer .vidu-operations-shell-panel {
  min-width: 0;
}

#vidu-elena-global-layer .vidu-operations-shell-panel[data-vidu-operations-panel="chat"] {
  background: rgba(255, 255, 255, .008);
}

#vidu-elena-global-layer .vidu-ai-members-view {
  container: workforce-members / size;
}

#vidu-elena-global-layer .vidu-ai-members-view > header {
  flex: 0 0 auto;
  padding: 22px 26px 8px;
}

#vidu-elena-global-layer .vidu-ai-members-rail {
  min-height: 0;
  flex: 1 1 auto;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 118px;
  grid-template-rows: minmax(150px, 1fr);
  align-items: stretch;
  align-content: stretch;
  gap: 12px;
  margin: 0;
  padding: 42px 24px 22px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
}

#vidu-elena-global-layer .vidu-ai-members-rail::-webkit-scrollbar {
  display: block;
  height: 5px;
}

#vidu-elena-global-layer .vidu-ai-members-rail::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(255, 255, 255, .12);
}

#vidu-elena-global-layer .vidu-ai-member {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto auto;
  align-content: center;
  justify-items: center;
  gap: 5px;
}

#vidu-elena-global-layer .vidu-ai-member-avatar .vidu-avatar {
  width: clamp(66px, 8cqh, 90px);
  height: clamp(66px, 8cqh, 90px);
}

#vidu-elena-global-layer .vidu-ai-members-view > footer {
  flex: 0 0 auto;
  padding: 4px 18px 18px;
}

@container workforce-members (min-height: 500px) {
  #vidu-elena-global-layer .vidu-ai-members-rail {
    grid-auto-flow: row;
    grid-auto-columns: initial;
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
    grid-template-rows: repeat(auto-fit, minmax(155px, 1fr));
    grid-auto-rows: minmax(155px, 1fr);
    overflow-x: hidden;
    overflow-y: auto;
    mask-image: linear-gradient(180deg, transparent 0, #000 22px, #000 calc(100% - 14px), transparent 100%);
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 22px, #000 calc(100% - 14px), transparent 100%);
  }
}

#vidu-elena-global-layer .vidu-ai-conversation-workspace,
#vidu-elena-global-layer .vidu-ai-conversation-column {
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
}

#vidu-elena-global-layer .vidu-ai-thread {
  gap: 14px;
  padding: 26px clamp(20px, 4vw, 54px) 18px;
}

#vidu-elena-global-layer .vidu-ai-message {
  max-width: min(760px, 88%);
  border-color: var(--workforce-border);
}

#vidu-elena-global-layer .vidu-ai-message.is-user {
  justify-self: end;
  border-color: rgba(255, 255, 255, .09);
  background: rgba(255, 255, 255, .065);
}

#vidu-elena-global-layer .vidu-ai-message > h2,
#vidu-elena-global-layer .vidu-ai-message > h3,
#vidu-elena-global-layer .vidu-ai-message > h4 {
  max-width: 68ch;
  margin: 17px 0 6px;
  color: rgba(248, 248, 249, .96);
  font-weight: 720;
  letter-spacing: -.012em;
  line-height: 1.3;
}

#vidu-elena-global-layer .vidu-ai-message > .vidu-ai-speaker + h2,
#vidu-elena-global-layer .vidu-ai-message > .vidu-ai-speaker + h3,
#vidu-elena-global-layer .vidu-ai-message > .vidu-ai-speaker + h4 {
  margin-top: 10px;
}

#vidu-elena-global-layer .vidu-ai-message > h2 {
  font-size: 16px;
}

#vidu-elena-global-layer .vidu-ai-message > h3 {
  font-size: 14px;
}

#vidu-elena-global-layer .vidu-ai-message > h4 {
  font-size: 13px;
}

#vidu-elena-global-layer .vidu-ai-message > p {
  max-width: 72ch;
  margin: 0 0 10px;
  color: rgba(235, 236, 239, .88);
  font-size: 13px;
  line-height: 1.65;
}

#vidu-elena-global-layer .vidu-ai-message > p:last-child {
  margin-bottom: 0;
}

#vidu-elena-global-layer .vidu-ai-message > ul,
#vidu-elena-global-layer .vidu-ai-message > ol {
  max-width: 70ch;
  display: grid;
  gap: 6px;
  margin: 2px 0 13px;
  padding-left: 20px;
  color: rgba(235, 236, 239, .88);
  font-size: 13px;
  line-height: 1.55;
}

#vidu-elena-global-layer .vidu-ai-message > ul {
  list-style: disc;
}

#vidu-elena-global-layer .vidu-ai-message > ol {
  list-style: decimal;
}

#vidu-elena-global-layer .vidu-ai-message > ul li::marker,
#vidu-elena-global-layer .vidu-ai-message > ol li::marker {
  color: rgba(205, 207, 214, .55);
}

#vidu-elena-global-layer .vidu-ai-message code {
  padding: 1px 5px;
  border-radius: 5px;
  background: rgba(255, 255, 255, .07);
  color: rgba(249, 249, 250, .94);
  font: 500 .9em/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
}

#vidu-elena-global-layer .vidu-ai-message a {
  color: #d7d9de;
  text-decoration-color: rgba(215, 217, 222, .42);
  text-underline-offset: 3px;
}

#vidu-elena-global-layer .vidu-ai-message a:hover {
  color: #fff;
  text-decoration-color: currentColor;
}

#vidu-elena-global-layer .vidu-workforce-job-runtime {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .08);
}

#vidu-elena-global-layer .vidu-workforce-job-status {
  color: rgba(255, 255, 255, .58);
  font-size: .78rem;
  font-weight: 650;
  letter-spacing: .01em;
}

#vidu-elena-global-layer .vidu-workforce-job-runtime[data-job-status="succeeded"] .vidu-workforce-job-status {
  color: rgba(129, 205, 158, .84);
}

#vidu-elena-global-layer .vidu-workforce-job-runtime[data-job-status="awaiting_approval"] .vidu-workforce-job-status {
  color: rgba(231, 193, 116, .88);
}

#vidu-elena-global-layer .vidu-workforce-job-runtime[data-job-status="failed"] .vidu-workforce-job-status {
  color: rgba(232, 138, 138, .88);
}

#vidu-elena-global-layer .vidu-workforce-job-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

#vidu-elena-global-layer .vidu-workforce-job-actions button {
  min-height: 32px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  color: rgba(255, 255, 255, .9);
  font: inherit;
  font-size: .78rem;
  font-weight: 700;
  cursor: pointer;
}

#vidu-elena-global-layer .vidu-workforce-job-actions button:hover {
  background: rgba(255, 255, 255, .12);
}

#vidu-elena-global-layer .vidu-workforce-job-actions button:disabled {
  cursor: wait;
  opacity: .55;
}

#vidu-elena-global-layer .vidu-ai-prompts {
  gap: 6px;
}

#vidu-elena-global-layer .vidu-ai-prompts button {
  border-color: var(--workforce-border);
  background: transparent;
  color: rgba(215, 216, 222, .72);
}

#vidu-elena-global-layer .vidu-ai-prompts button:hover {
  border-color: var(--workforce-border-strong);
  background: var(--workforce-active);
}

#vidu-elena-global-layer .vidu-ai-composer {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 54px;
  align-items: center;
  gap: 8px;
  margin: 0 clamp(14px, 3vw, 38px) 20px;
  padding: 7px 8px 7px 15px;
  border: 1px solid var(--workforce-border);
  border-radius: 17px;
  background: rgba(255, 255, 255, .04);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .20);
}

#vidu-elena-global-layer .vidu-ai-composer:focus-within {
  border-color: var(--workforce-border-strong);
  background: rgba(255, 255, 255, .052);
}

#vidu-elena-global-layer .vidu-ai-composer textarea {
  min-height: 36px;
  max-height: 112px;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 13px;
  line-height: 20px;
  align-self: center;
}

#vidu-elena-global-layer .vidu-ai-composer textarea:focus {
  border: 0;
  box-shadow: none;
}

#vidu-elena-global-layer .vidu-ai-composer-actions {
  align-self: center;
  gap: 4px;
}

#vidu-elena-global-layer .vidu-ai-mic,
#vidu-elena-global-layer .vidu-ai-send {
  width: 34px;
  min-width: 34px;
  min-height: 34px;
  height: 34px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: rgba(205, 207, 214, .56);
  box-shadow: none;
}

#vidu-elena-global-layer .vidu-ai-send {
  background: rgba(248, 248, 249, .94);
  color: #17181b;
}

#vidu-elena-global-layer .vidu-ai-send:hover {
  background: #fff;
}

#vidu-elena-global-layer .vidu-ai-send svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
}

#vidu-elena-global-layer [data-vidu-operations-root] {
  padding: 22px;
}

#vidu-elena-global-layer .vidu-workforce-work-view {
  gap: 14px;
}

#vidu-elena-global-layer .vidu-workforce-work-intro,
#vidu-elena-global-layer .vidu-workforce-friendly-section {
  border: 1px solid var(--workforce-border);
  border-radius: 14px;
  background: rgba(255, 255, 255, .024);
}

#vidu-elena-global-layer .vidu-workforce-work-intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
}

#vidu-elena-global-layer .vidu-workforce-work-intro > div {
  display: grid;
  gap: 4px;
}

#vidu-elena-global-layer .vidu-workforce-work-intro span,
#vidu-elena-global-layer .vidu-workforce-friendly-section header span {
  color: var(--workforce-muted);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#vidu-elena-global-layer .vidu-workforce-work-intro strong,
#vidu-elena-global-layer .vidu-workforce-friendly-section header strong {
  color: var(--workforce-text);
  font-size: 15px;
}

#vidu-elena-global-layer .vidu-workforce-work-intro p,
#vidu-elena-global-layer .vidu-workforce-friendly-section > p {
  margin: 5px 0 0;
  color: var(--workforce-muted);
  font-size: 12px;
  line-height: 1.5;
}

#vidu-elena-global-layer .vidu-workforce-icon-action {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--workforce-muted);
  cursor: pointer;
}

#vidu-elena-global-layer .vidu-workforce-icon-action:hover {
  background: var(--workforce-active);
  color: var(--workforce-text);
}

#vidu-elena-global-layer .vidu-workforce-friendly-section {
  padding: 15px;
}

#vidu-elena-global-layer .vidu-workforce-friendly-section header {
  margin-bottom: 10px;
}

#vidu-elena-global-layer .vidu-workforce-friendly-section header > div {
  display: grid;
  gap: 3px;
}

#vidu-elena-global-layer .vidu-workforce-friendly-list {
  display: grid;
  gap: 3px;
}

#vidu-elena-global-layer .vidu-workforce-friendly-list > button {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

#vidu-elena-global-layer .vidu-workforce-friendly-list > button:hover {
  background: var(--workforce-active);
}

#vidu-elena-global-layer .vidu-workforce-friendly-list > button > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 2px;
}

#vidu-elena-global-layer .vidu-workforce-friendly-list strong {
  overflow: hidden;
  color: rgba(239, 240, 242, .90);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vidu-elena-global-layer .vidu-workforce-friendly-list small,
#vidu-elena-global-layer .vidu-workforce-friendly-list em {
  color: var(--workforce-muted);
  font-size: 10px;
  font-style: normal;
}

#vidu-elena-global-layer .vidu-workforce-friendly-avatar {
  width: 30px;
  height: 30px;
}

#vidu-elena-global-layer .vidu-workforce-advanced-work {
  padding: 0 4px 10px;
}

#vidu-elena-global-layer .vidu-workforce-advanced-work > summary {
  padding: 10px;
  color: var(--workforce-muted);
  font-size: 11px;
  cursor: pointer;
}

#vidu-elena-global-layer .vidu-ai-transparency-notice,
#vidu-pipeline-dashboard .vidu-ai-transparency-notice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 9px;
  margin: 0 0 10px;
  padding: 8px 10px;
  border: 1px solid rgba(222, 171, 76, .28);
  border-radius: 10px;
  background: rgba(222, 171, 76, .075);
  color: var(--workforce-muted, #aeb2ba);
  font-size: 11px;
  line-height: 1.4;
}

#vidu-elena-global-layer .vidu-ai-transparency-label,
#vidu-pipeline-dashboard .vidu-ai-transparency-label {
  display: inline-flex;
  align-items: center;
  min-height: 21px;
  padding: 2px 8px;
  border: 1px solid rgba(222, 171, 76, .38);
  border-radius: 999px;
  background: rgba(222, 171, 76, .12);
  color: var(--workforce-accent, #deab4c);
  font-weight: 700;
  letter-spacing: .02em;
}

#vidu-elena-global-layer .vidu-ai-transparency-notice details,
#vidu-pipeline-dashboard .vidu-ai-transparency-notice details {
  flex: 1 0 100%;
}

#vidu-elena-global-layer .vidu-ai-transparency-notice summary,
#vidu-pipeline-dashboard .vidu-ai-transparency-notice summary {
  width: max-content;
  color: inherit;
  cursor: pointer;
  user-select: none;
}

#vidu-elena-global-layer .vidu-ai-transparency-notice details > div,
#vidu-pipeline-dashboard .vidu-ai-transparency-notice details > div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 8px;
  margin-top: 7px;
}

#vidu-elena-global-layer .vidu-ai-transparency-notice details span,
#vidu-elena-global-layer .vidu-ai-transparency-notice details code,
#vidu-pipeline-dashboard .vidu-ai-transparency-notice details span,
#vidu-pipeline-dashboard .vidu-ai-transparency-notice details code {
  max-width: 100%;
  padding: 3px 6px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .045);
  color: inherit;
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  html.vidu-mobile-workforce-chat-open,
  body.vidu-mobile-workforce-chat-open {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none;
    background: #000;
  }

  body.vidu-mobile-workforce-chat-open {
    position: fixed;
    inset: 0;
  }

  html.vidu-mobile-workforce-chat-open #vidu-elena-global-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: calc(0px - env(safe-area-inset-bottom, 0px));
    left: 0;
    width: auto;
    height: auto;
    overflow: hidden;
    background: #000;
  }

  html.vidu-mobile-workforce-chat-open #vidu-elena-global-layer.is-mobile-keyboard-open .vidu-ai-panel {
    bottom: auto;
    height: calc(100% - var(--vidu-mobile-workforce-keyboard-inset, 0px));
  }

  #vidu-elena-global-layer .vidu-ai-launcher {
    width: 54px;
    height: 54px;
    min-width: 54px;
    min-height: 54px;
    padding: 3px;
    border-radius: 999px;
  }

  #vidu-elena-global-layer .vidu-ai-launcher-zone {
    width: 100%;
    height: 100%;
  }

  #vidu-elena-global-layer .vidu-ai-launcher-orb {
    width: 38px;
    height: 38px;
  }

  #vidu-elena-global-layer .vidu-ai-panel {
    inset: 0;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-width: none;
    max-height: none;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: #000;
    box-shadow: none;
    opacity: 1;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  #vidu-elena-global-layer .vidu-ai-panel-head {
    z-index: 12;
    min-height: calc(58px + env(safe-area-inset-top));
    flex: 0 0 auto;
    padding: calc(8px + env(safe-area-inset-top)) 12px 8px;
    display: flex;
    align-items: flex-end;
    border: 0;
    background: #000;
  }

  #vidu-elena-global-layer .vidu-ai-panel-head > div:first-child {
    display: none;
  }

  #vidu-elena-global-layer .vidu-elena-header-actions {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  #vidu-elena-global-layer .vidu-elena-header-actions::-webkit-scrollbar {
    display: none;
  }

  #vidu-elena-global-layer .vidu-elena-icon-btn {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    flex: 0 0 38px;
    border: 1px solid #262626;
    border-radius: 12px;
    background: #171717;
    color: #929292;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .035);
  }

  #vidu-elena-global-layer .vidu-elena-icon-btn:hover,
  #vidu-elena-global-layer .vidu-elena-icon-btn:focus-visible,
  #vidu-elena-global-layer .vidu-elena-icon-btn.is-active,
  #vidu-elena-global-layer .vidu-elena-icon-btn[aria-expanded="true"] {
    border-color: #343434;
    background: #282828;
    color: #e2e2e2;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .06);
  }

  #vidu-elena-global-layer .vidu-ai-close {
    margin-left: 2px;
  }

  #vidu-elena-global-layer .vidu-workforce-chat-shell {
    position: relative;
    flex: 1 1 0;
    display: block;
    min-height: 0;
    overflow: hidden;
    background: #000;
  }

  #vidu-elena-global-layer .vidu-workforce-sidebar-resize,
  #vidu-elena-global-layer .vidu-ai-operator.is-history-open .vidu-workforce-sidebar-resize {
    display: none;
  }

  #vidu-elena-global-layer .vidu-ai-history-panel {
    position: absolute;
    z-index: 8;
    inset: 0 auto 0 0;
    width: min(82vw, 320px);
    padding: 16px 12px calc(16px + env(safe-area-inset-bottom));
    border-right: 1px solid #242424;
    background: #0b0b0b;
    box-shadow: 18px 0 48px rgba(0, 0, 0, .5);
    overflow-y: auto;
    overscroll-behavior: contain;
    transform: translate3d(-100%, 0, 0);
    transition: transform .32s cubic-bezier(.22, .78, .24, 1);
  }

  #vidu-elena-global-layer .vidu-ai-operator.is-history-open .vidu-ai-history-panel {
    transform: translate3d(0, 0, 0);
  }

  #vidu-elena-global-layer .vidu-workforce-main {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background: #000;
    transform: translate3d(0, 0, 0);
    transition: transform .32s cubic-bezier(.22, .78, .24, 1);
  }

  #vidu-elena-global-layer .vidu-ai-operator.is-history-open .vidu-workforce-main {
    transform: translate3d(min(82vw, 320px), 0, 0);
  }

  #vidu-elena-global-layer .vidu-operations-shell-panel[data-vidu-operations-panel="chat"],
  #vidu-elena-global-layer .vidu-ai-conversation-workspace,
  #vidu-elena-global-layer .vidu-ai-conversation-column {
    min-height: 0;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    overflow: hidden;
    background: #000;
  }

  #vidu-elena-global-layer .vidu-ai-thread {
    min-height: 0;
    flex: 1 1 0;
    padding: 18px 16px 16px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background: #000;
    scrollbar-width: none;
  }

  #vidu-elena-global-layer .vidu-ai-thread::-webkit-scrollbar {
    display: none;
  }

  #vidu-elena-global-layer .vidu-ai-message {
    max-width: 94%;
  }

  #vidu-elena-global-layer .vidu-agent-welcome {
    padding: 8px 2px 4px;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  #vidu-elena-global-layer .vidu-ai-prompts button {
    border-color: #292929;
    background: #111;
    color: #aaa;
  }

  #vidu-elena-global-layer .vidu-ai-composer {
    min-height: 58px;
    flex: 0 0 auto;
    margin: 0 12px calc(10px + env(safe-area-inset-bottom));
    padding: 8px 8px 8px 15px;
    border: 1px solid #303030;
    border-radius: 18px;
    background: #1a1a1a;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .46), inset 0 1px 0 rgba(255, 255, 255, .025);
  }

  #vidu-elena-global-layer .vidu-ai-composer:focus-within {
    border-color: #414141;
    background: #1d1d1d;
  }

  #vidu-elena-global-layer .vidu-ai-composer textarea {
    font-size: 16px;
    background: transparent;
    color: #ededed;
  }

  #vidu-elena-global-layer [data-vidu-operations-root] {
    padding: 14px;
  }

  #vidu-elena-global-layer,
  #vidu-elena-global-layer * {
    scrollbar-width: none;
  }

  #vidu-elena-global-layer::-webkit-scrollbar,
  #vidu-elena-global-layer *::-webkit-scrollbar {
    display: none;
  }
}
.vidu-conversation-governance {
  margin: 10px 16px 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, #8b5cf6 35%, transparent);
  border-radius: 14px;
  background: color-mix(in srgb, #8b5cf6 7%, var(--vidu-panel, #111116));
}

.vidu-conversation-governance-head,
.vidu-conversation-governance-head > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vidu-conversation-governance-head span {
  color: #a78bfa;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vidu-conversation-governance-head strong { margin-right: auto; font-size: 12px; }
.vidu-conversation-governance-head button { border: 0; background: transparent; color: inherit; cursor: pointer; }
.vidu-conversation-governance-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
.vidu-conversation-governance-chips span { padding: 3px 7px; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; color: rgba(255,255,255,.62); font-size: 10px; }
.vidu-conversation-work-list { display: grid; gap: 6px; margin-top: 8px; }
.vidu-conversation-work-list > p { margin: 0; color: rgba(255,255,255,.48); font-size: 11px; }
.vidu-conversation-work-item { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; padding: 7px 9px; border-radius: 10px; background: rgba(0,0,0,.18); }
.vidu-conversation-work-item > div:first-child { display: flex; gap: 8px; align-items: center; }
.vidu-conversation-work-item strong { font-size: 11px; text-transform: capitalize; }
.vidu-conversation-work-item span,
.vidu-conversation-work-item small { color: rgba(255,255,255,.55); font-size: 10px; }
.vidu-conversation-work-actions { grid-column: 1 / -1; display: flex; gap: 6px; }
.vidu-conversation-work-actions button { padding: 5px 9px; border: 1px solid rgba(139,92,246,.4); border-radius: 8px; background: rgba(139,92,246,.12); color: inherit; cursor: pointer; }
.vidu-first30-start {
  margin-top: 10px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 10px;
  padding: 9px 12px;
  background: rgba(255,255,255,.06);
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.vidu-first30-panel {
  width: min(320px, 32vw);
  min-width: 260px;
  overflow: auto;
  border-left: 1px solid rgba(255,255,255,.1);
  padding: 18px;
  background: rgba(12,14,16,.72);
}

.vidu-first30-panel > header,
.vidu-first30-panel article footer,
.vidu-first30-coverage > div,
.vidu-first30-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.vidu-first30-panel > header div,
.vidu-first30-panel > header span,
.vidu-first30-next span {
  display: grid;
  gap: 3px;
}

.vidu-first30-panel > header span,
.vidu-first30-panel h4,
.vidu-first30-next span,
.vidu-first30-panel article footer span {
  color: rgba(255,255,255,.55);
  font-size: 11px;
}

.vidu-first30-coverage {
  display: grid;
  gap: 7px;
  margin: 18px 0;
}

.vidu-first30-coverage b[data-state="known"] { color: #77d5a0; }
.vidu-first30-coverage b[data-state="partial"] { color: #e8c66a; }
.vidu-first30-coverage b[data-state="missing"] { color: rgba(255,255,255,.32); }

.vidu-first30-panel section { margin-top: 18px; }
.vidu-first30-panel h4 { margin: 0 0 8px; text-transform: uppercase; letter-spacing: .08em; }
.vidu-first30-panel article { padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.vidu-first30-panel article p { margin: 0 0 6px; font-size: 12px; line-height: 1.45; }
.vidu-first30-panel button { border: 0; background: transparent; color: #a9c9ff; cursor: pointer; }
.vidu-first30-panel .is-muted { color: rgba(255,255,255,.42); font-size: 12px; }
.vidu-first30-panel ul { margin: 0; padding-left: 18px; font-size: 12px; line-height: 1.55; }
.vidu-first30-next { padding: 12px; border-radius: 10px; background: rgba(255,255,255,.05); font-size: 12px; line-height: 1.45; }
.vidu-first30-actions button { width: 100%; padding: 10px; border-radius: 9px; background: #f1f1ed; color: #242525; font-weight: 700; }
.vidu-first30-actions button:disabled { opacity: .45; cursor: default; }

@media (max-width: 900px) {
  .vidu-first30-panel { width: 100%; min-width: 0; max-height: 42vh; border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }
}


/* Source: assets/css/pipeline/17-hdr-workspace.css */
body.vidu-hdr-workspace-active,
body.vidu-hdr-workspace-active .vidu-pipeline-page,
body.vidu-hdr-workspace-active .vidu-pipeline-shell,
.vidu-pipeline-root.is-hdr-workspace {
  background: transparent !important;
}

.vidu-pipeline-root.is-hdr-workspace .vidu-dashboard-content,
.vidu-pipeline-root.is-hdr-workspace .vidu-dashboard-main,
.vidu-pipeline-root.is-hdr-workspace .vidu-dashboard-canvas {
  background: transparent !important;
}

.vidu-hdr-workspace-host {
  width: min(1640px, calc(100% - 48px)) !important;
  max-width: 1640px !important;
  min-width: 0;
  margin-inline: auto !important;
  box-sizing: border-box;
  color: rgba(245, 246, 248, .94);
}

.vidu-hdr-workspace {
  display: grid;
  gap: 22px;
  padding: clamp(22px, 3vw, 48px) 0 56px;
}

.vidu-hdr-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 32px;
  align-items: end;
  padding: 10px 4px 26px;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
}

.vidu-hdr-hero > div:first-child > span,
.vidu-hdr-panel > header span,
.vidu-hdr-modal header span {
  color: #78b9a9;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.vidu-hdr-hero h2 {
  margin: 7px 0 10px;
  font-size: clamp(36px, 4.2vw, 72px);
  font-weight: 620;
  letter-spacing: -.045em;
  line-height: .98;
}

.vidu-hdr-hero p {
  max-width: 760px;
  margin: 0;
  color: rgba(226, 229, 235, .62);
  font-size: 16px;
  line-height: 1.55;
}

.vidu-hdr-hero > div:last-child,
.vidu-hdr-modal footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
}

.vidu-hdr-hero button,
.vidu-hdr-panel button,
.vidu-hdr-modal button {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, .105);
  border-radius: 10px;
  background: rgba(255, 255, 255, .035);
  color: rgba(244, 246, 248, .84);
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}

.vidu-hdr-hero button:hover,
.vidu-hdr-panel button:hover,
.vidu-hdr-modal button:hover {
  border-color: rgba(120, 185, 169, .42);
  background: rgba(120, 185, 169, .075);
}

.vidu-hdr-hero button.is-primary,
.vidu-hdr-modal button.is-primary {
  border-color: rgba(120, 185, 169, .34);
  background: rgba(74, 133, 119, .22);
  color: #e8f6f1;
}

.vidu-hdr-hero-team {
  display: flex;
  align-items: center;
  margin-top: 18px;
}

.vidu-hdr-hero-team .vidu-hdr-avatar + .vidu-hdr-avatar { margin-left: -8px; }
.vidu-hdr-hero-team small { margin-left: 12px; color: rgba(225, 228, 234, .5); }

.vidu-hdr-avatar {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(120, 185, 169, .42);
  border-radius: 50%;
  background: #18201f;
  color: #dff5ef;
  font-size: 11px;
  font-weight: 750;
}

.vidu-hdr-avatar img { width: 100%; height: 100%; object-fit: cover; }
.vidu-hdr-avatar.is-sm { width: 30px; height: 30px; }
.vidu-hdr-avatar.is-md { width: 44px; height: 44px; }
.vidu-hdr-avatar.is-lg { width: 66px; height: 66px; }

.vidu-hdr-tabs {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  padding: 0 2px 8px;
  scrollbar-width: none;
}

.vidu-hdr-tabs::-webkit-scrollbar { display: none; }
.vidu-hdr-tabs button {
  flex: 0 0 auto;
  padding: 9px 13px;
  border: 0;
  border-bottom: 1px solid transparent;
  background: transparent;
  color: rgba(226, 229, 235, .48);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.vidu-hdr-tabs button.is-active { border-color: #78b9a9; color: rgba(246, 248, 249, .95); }

.vidu-hdr-main { min-height: 460px; }
.vidu-hdr-overview-grid,
.vidu-hdr-two-column {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.vidu-hdr-panel {
  min-width: 0;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 16px;
  background: rgba(255, 255, 255, .018);
}

.vidu-hdr-panel.is-full { width: 100%; }
.vidu-hdr-panel > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}
.vidu-hdr-panel > header h3 { margin: 5px 0 0; font-size: 18px; font-weight: 620; }
.vidu-hdr-panel > header > strong { font-size: 28px; font-weight: 580; }
.vidu-hdr-panel > header small { color: rgba(226, 229, 235, .42); }

.vidu-hdr-team-strip,
.vidu-hdr-process-grid,
.vidu-hdr-handoff-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}

.vidu-hdr-team-strip > button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 66px;
  padding: 10px;
  text-align: left;
}

.vidu-hdr-team-strip span span,
.vidu-hdr-team-strip span strong { display: block; }
.vidu-hdr-team-strip small { display: block; margin-top: 3px; color: rgba(226, 229, 235, .42); font-size: 10px; }

.vidu-hdr-process-grid article,
.vidu-hdr-handoff-grid article,
.vidu-hdr-process,
.vidu-hdr-object-list article {
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 11px;
  background: rgba(0, 0, 0, .12);
}

.vidu-hdr-process-grid strong,
.vidu-hdr-handoff-grid strong,
.vidu-hdr-object-list strong { display: block; font-size: 13px; }
.vidu-hdr-process-grid small,
.vidu-hdr-handoff-grid small,
.vidu-hdr-object-list small,
.vidu-hdr-process span { display: block; margin-top: 5px; color: rgba(226, 229, 235, .42); font-size: 11px; }

.vidu-hdr-object-list { display: grid; gap: 8px; }
.vidu-hdr-object-list article > span { display: block; margin-bottom: 5px; color: #78b9a9; font-size: 10px; text-transform: uppercase; }

.vidu-hdr-empty {
  display: grid;
  place-content: center;
  min-height: 148px;
  padding: 22px;
  border: 1px dashed rgba(255, 255, 255, .08);
  border-radius: 12px;
  text-align: center;
}
.vidu-hdr-empty strong { font-size: 14px; }
.vidu-hdr-empty p { max-width: 480px; margin: 7px 0 0; color: rgba(226, 229, 235, .43); font-size: 12px; line-height: 1.5; }

.vidu-hdr-workforce-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 10px; }
.vidu-hdr-workforce-grid > article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 14px;
  background: rgba(255, 255, 255, .014);
}
.vidu-hdr-workforce-grid strong { display: block; font-size: 15px; }
.vidu-hdr-workforce-grid small { display: block; margin-top: 3px; color: rgba(226, 229, 235, .46); }
.vidu-hdr-workforce-grid p { margin: 9px 0; color: rgba(226, 229, 235, .64); font-size: 12px; line-height: 1.5; }
.vidu-hdr-workforce-grid div div { display: flex; flex-wrap: wrap; gap: 5px; }
.vidu-hdr-workforce-grid div div span { padding: 4px 7px; border-radius: 999px; background: rgba(120, 185, 169, .08); color: rgba(199, 229, 221, .76); font-size: 10px; }

.vidu-hdr-boundary-list { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.vidu-hdr-boundary-list li { position: relative; padding: 11px 13px 11px 34px; border-radius: 10px; background: rgba(255, 255, 255, .025); color: rgba(229, 232, 237, .7); font-size: 12px; }
.vidu-hdr-boundary-list li::before { content: ""; position: absolute; left: 15px; top: 17px; width: 6px; height: 6px; border-radius: 50%; background: #78b9a9; }

.vidu-hdr-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 100200;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(3, 4, 7, .68);
  backdrop-filter: blur(12px);
}
.vidu-hdr-modal { width: min(680px, 100%); overflow: hidden; border: 1px solid rgba(255, 255, 255, .11); border-radius: 17px; background: #121419; box-shadow: 0 24px 80px rgba(0, 0, 0, .46); }
.vidu-hdr-modal form > header { display: flex; justify-content: space-between; gap: 20px; padding: 20px 22px 16px; border-bottom: 1px solid rgba(255, 255, 255, .07); }
.vidu-hdr-modal h3 { margin: 5px 0 4px; font-size: 20px; }
.vidu-hdr-modal header p { max-width: 560px; margin: 0; color: rgba(226, 229, 235, .48); font-size: 12px; line-height: 1.5; }
.vidu-hdr-modal header button { min-width: 32px; padding: 0; border: 0; background: transparent; font-size: 22px; }
.vidu-hdr-modal-body { display: grid; gap: 14px; padding: 20px 22px; }
.vidu-hdr-modal-body label { display: grid; gap: 7px; color: rgba(237, 239, 242, .7); font-size: 11px; font-weight: 650; }
.vidu-hdr-modal-body input,
.vidu-hdr-modal-body textarea,
.vidu-hdr-modal-body select { width: 100%; border: 1px solid rgba(255, 255, 255, .09); border-radius: 10px; outline: 0; background: rgba(255, 255, 255, .035); color: rgba(245, 246, 248, .9); font: inherit; font-size: 13px; }
.vidu-hdr-modal-body input,
.vidu-hdr-modal-body select { min-height: 42px; padding: 0 12px; }
.vidu-hdr-modal-body textarea { min-height: 112px; padding: 11px 12px; resize: vertical; }
.vidu-hdr-modal-body input:focus,
.vidu-hdr-modal-body textarea:focus,
.vidu-hdr-modal-body select:focus { border-color: rgba(120, 185, 169, .5); }
.vidu-hdr-modal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vidu-hdr-modal footer { align-items: center; padding: 13px 22px; border-top: 1px solid rgba(255, 255, 255, .07); }
.vidu-hdr-modal footer > span { margin-right: auto; color: rgba(226, 229, 235, .42); font-size: 11px; }

@media (max-width: 900px) {
  .vidu-hdr-workspace-host { width: calc(100% - 24px) !important; }
  .vidu-hdr-hero { grid-template-columns: 1fr; align-items: start; }
  .vidu-hdr-hero > div:last-child { justify-content: flex-start; }
  .vidu-hdr-overview-grid,
  .vidu-hdr-two-column { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .vidu-hdr-workforce-grid { grid-template-columns: 1fr; }
  .vidu-hdr-workforce-grid > article { grid-template-columns: auto minmax(0, 1fr); }
  .vidu-hdr-workforce-grid > article > button { grid-column: 1 / -1; }
  .vidu-hdr-modal-grid { grid-template-columns: 1fr; }
  .vidu-hdr-modal-overlay { padding: 12px; }
}


/* Source: assets/css/pipeline/18-academy-workspace.css */
.vidu-academy-workspace-host{display:none;width:100%;min-width:0}.vidu-academy-workspace-host.is-active{display:block}.vidu-academy-workspace{--academy-accent:#c99a55;--academy-mint:#79b9aa;width:min(1640px,calc(100% - 72px));margin:0 auto;padding:88px 0 70px;color:var(--text-primary,#f4f2ee)}
.vidu-academy-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:0 0 28px;border-bottom:1px solid rgba(255,255,255,.08);background:transparent}.vidu-academy-hero>div:first-child{max-width:760px}.vidu-academy-hero>div:first-child>span,.vidu-academy-panel header span{display:block;margin-bottom:8px;color:var(--academy-mint);font-size:11px;font-weight:750;letter-spacing:.14em}.vidu-academy-hero h2{margin:0;font:500 clamp(38px,4vw,64px)/1.02 var(--font-display,monospace);letter-spacing:-.035em}.vidu-academy-hero p{max-width:720px;margin:14px 0 0;color:rgba(235,235,239,.58);font-size:16px;line-height:1.55}.vidu-academy-hero>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.vidu-academy-hero button,.vidu-academy-panel button,.vidu-academy-modal button{min-height:38px;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.025);color:rgba(245,245,248,.8);font:inherit;font-weight:650;cursor:pointer}.vidu-academy-hero button.is-primary,.vidu-academy-modal button.is-primary{border-color:rgba(121,185,170,.38);background:rgba(74,127,115,.24);color:#def8f0}
.vidu-academy-hero-team{display:flex;align-items:center;margin-top:18px}.vidu-academy-hero-team .vidu-academy-avatar{margin-right:-7px}.vidu-academy-hero-team small{margin-left:18px;color:rgba(235,235,239,.48)}.vidu-academy-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;border:1px solid rgba(201,154,85,.35);border-radius:50%;background:#22252a;color:#eee;font-size:10px}.vidu-academy-avatar img{width:100%;height:100%;object-fit:cover}.vidu-academy-avatar.is-sm{width:30px;height:30px}.vidu-academy-avatar.is-md{width:48px;height:48px}.vidu-academy-avatar.is-lg{width:70px;height:70px}
.vidu-academy-tabs{display:flex;align-items:center;gap:6px;padding:20px 0 14px;overflow-x:auto}.vidu-academy-tabs button{flex:0 0 auto;padding:8px 12px;border:0;border-bottom:1px solid transparent;background:none;color:rgba(235,235,239,.48);font:inherit;cursor:pointer}.vidu-academy-tabs button.is-active{border-color:var(--academy-mint);color:#f2f1ed}.vidu-academy-tabs button:last-child{margin-left:auto;border:1px solid rgba(255,255,255,.08);border-radius:50%}.vidu-academy-status{min-height:20px;margin:0 0 8px;color:rgba(235,235,239,.4);font-size:11px}
.vidu-academy-main{min-width:0}.vidu-academy-overview-grid,.vidu-academy-two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vidu-academy-panel{min-width:0;padding:20px;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:rgba(16,17,21,.3)}.vidu-academy-panel.is-loop,.vidu-academy-panel.is-process{grid-column:span 2}.vidu-academy-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.vidu-academy-panel header h3{margin:0;font-size:18px}.vidu-academy-panel header>strong{font:500 32px/1 var(--font-display,monospace)}.vidu-academy-panel header small{color:rgba(235,235,239,.35)}.vidu-academy-panel.is-full{width:100%}
.vidu-academy-panel.is-team{padding:22px 22px 24px}.vidu-academy-team-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.vidu-academy-team-strip button{position:relative;display:flex;min-width:0;min-height:178px;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:16px 14px 15px;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.012) 62%);text-align:left;color:inherit;transition:border-color .22s ease,background .22s ease,transform .22s ease}.vidu-academy-team-strip button:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,rgba(121,185,170,.38),transparent 72%);opacity:.5}.vidu-academy-team-strip button:hover{transform:translateY(-2px);border-color:rgba(121,185,170,.24);background:linear-gradient(155deg,rgba(121,185,170,.07),rgba(255,255,255,.014) 68%)}.vidu-academy-team-strip button.is-lead{border-color:rgba(121,185,170,.19)}.vidu-academy-team-strip .vidu-academy-avatar{width:72px;height:72px;border-color:rgba(201,154,85,.28);box-shadow:0 8px 22px rgba(0,0,0,.18)}.vidu-academy-team-strip span+span{min-width:0;margin:14px 0 0}.vidu-academy-team-strip strong,.vidu-academy-team-strip small{display:block}.vidu-academy-team-strip strong{color:rgba(247,246,242,.94);font-size:14px;line-height:1.15;letter-spacing:-.01em}.vidu-academy-team-strip small{display:-webkit-box;margin-top:6px;overflow:hidden;color:rgba(235,235,239,.42);font-size:10px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.vidu-academy-loop{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.vidu-academy-loop article,.vidu-academy-process-grid article,.vidu-academy-source-flow article{position:relative;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018)}.vidu-academy-loop article:not(:last-child):after{content:"→";position:absolute;right:-10px;top:50%;z-index:1;color:rgba(201,154,85,.58)}.vidu-academy-loop article.is-optional{border-style:dashed}.vidu-academy-loop article>span{display:block;color:var(--academy-accent);font:600 11px/1 var(--font-display,monospace)}.vidu-academy-loop strong,.vidu-academy-loop small,.vidu-academy-process-grid strong,.vidu-academy-process-grid small,.vidu-academy-source-flow strong,.vidu-academy-source-flow small{display:block}.vidu-academy-loop strong{margin:8px 0 5px}.vidu-academy-loop small,.vidu-academy-process-grid small,.vidu-academy-source-flow small{color:rgba(235,235,239,.38);line-height:1.35}.vidu-academy-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vidu-academy-source-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vidu-academy-object-list,.vidu-academy-module-list{display:grid;gap:8px}.vidu-academy-object-list article,.vidu-academy-module-list article,.vidu-academy-profile-grid article{padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.015)}.vidu-academy-object-list span,.vidu-academy-object-list strong,.vidu-academy-object-list small,.vidu-academy-module-list strong,.vidu-academy-module-list small{display:block}.vidu-academy-object-list span{color:var(--academy-mint);font-size:9px;font-weight:700;letter-spacing:.08em}.vidu-academy-object-list strong,.vidu-academy-module-list strong{margin:5px 0}.vidu-academy-object-list small,.vidu-academy-module-list small{color:rgba(235,235,239,.38)}.vidu-academy-module-list{max-height:520px;overflow:auto}.vidu-academy-module-list p,.vidu-academy-profile-grid p{margin:8px 0 0;color:rgba(235,235,239,.48);line-height:1.45}.vidu-academy-empty{display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:1px dashed rgba(255,255,255,.07);border-radius:14px;text-align:center}.vidu-academy-empty p{max-width:440px;margin:8px 0 0;color:rgba(235,235,239,.38)}
.vidu-academy-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vidu-academy-progress{height:3px;margin-top:12px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.vidu-academy-progress i{display:block;height:100%;background:var(--academy-mint)}.vidu-academy-boundary-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.vidu-academy-boundary-list li{padding:12px 14px;border-left:2px solid rgba(201,154,85,.45);background:rgba(255,255,255,.018);color:rgba(235,235,239,.62)}.vidu-academy-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vidu-academy-stat-grid article{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:12px}.vidu-academy-stat-grid strong,.vidu-academy-stat-grid span{display:block}.vidu-academy-stat-grid strong{font:500 30px/1 var(--font-display,monospace)}.vidu-academy-stat-grid span{margin-top:7px;color:rgba(235,235,239,.38)}
.vidu-academy-candidate-list{display:grid;gap:9px;max-height:620px;overflow:auto}.vidu-academy-candidate-list>article{padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.016)}.vidu-academy-candidate-list>article>header{margin-bottom:10px}.vidu-academy-candidate-list header strong,.vidu-academy-candidate-list header small{display:block}.vidu-academy-candidate-list header small,.vidu-academy-candidate-list header b{color:rgba(235,235,239,.4);font-size:10px}.vidu-academy-candidate-stages{display:flex;gap:6px;flex-wrap:wrap}.vidu-academy-candidate-stages span{padding:5px 8px;border:1px solid rgba(255,255,255,.07);border-radius:999px;color:rgba(235,235,239,.48);font-size:9px}.vidu-academy-candidate-list details{margin-top:10px;padding:10px;border:1px solid rgba(201,154,85,.18);border-radius:10px}.vidu-academy-candidate-list details label{display:grid;gap:5px;margin-top:8px;color:rgba(235,235,239,.45);font-size:10px}.vidu-academy-candidate-list input,.vidu-academy-candidate-list textarea{padding:9px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.025);color:#f1f1f3}.vidu-academy-candidate-list footer{display:flex;justify-content:flex-end;margin-top:11px}
.vidu-academy-modal-overlay{position:fixed;inset:0;z-index:100050;display:grid;place-items:center;padding:28px;background:rgba(3,4,7,.68);backdrop-filter:blur(16px)}.vidu-academy-modal{width:min(720px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#15171c;box-shadow:0 30px 90px rgba(0,0,0,.45)}.vidu-academy-modal header{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.vidu-academy-modal header span{color:#79b9aa;font-size:10px;letter-spacing:.12em}.vidu-academy-modal header h3{margin:5px 0 6px;font:500 24px/1.15 var(--font-display,monospace)}.vidu-academy-modal header p{max-width:580px;margin:0;color:rgba(235,235,239,.48);line-height:1.45}.vidu-academy-modal header button{min-width:34px;padding:0;font-size:20px}.vidu-academy-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px 24px}.vidu-academy-form-grid label{display:grid;gap:7px}.vidu-academy-form-grid label.is-wide{grid-column:1/-1}.vidu-academy-form-grid label>span{color:rgba(235,235,239,.48);font-size:11px}.vidu-academy-form-grid input,.vidu-academy-form-grid select,.vidu-academy-form-grid textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.025);color:#f1f1f3;font:inherit}.vidu-academy-modal footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.08)}.vidu-academy-modal footer span{margin-right:auto;color:rgba(235,235,239,.42);font-size:11px}
body.vidu-academy-workspace-active .vidu-pipeline-root,.vidu-pipeline-root.is-academy-workspace .vidu-workspace-main{background:transparent}
@media(max-width:1200px){.vidu-academy-workspace{width:min(1120px,calc(100% - 40px))}.vidu-academy-overview-grid,.vidu-academy-two-column{grid-template-columns:1fr}.vidu-academy-panel.is-loop,.vidu-academy-panel.is-process{grid-column:auto}.vidu-academy-team-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.vidu-academy-loop{grid-template-columns:repeat(3,minmax(0,1fr))}.vidu-academy-loop article:after{display:none}}
@media(max-width:720px){.vidu-academy-workspace{width:calc(100% - 24px);padding-top:40px}.vidu-academy-hero{align-items:flex-start;flex-direction:column}.vidu-academy-team-strip,.vidu-academy-loop,.vidu-academy-process-grid,.vidu-academy-profile-grid,.vidu-academy-source-flow{grid-template-columns:1fr}.vidu-academy-form-grid{grid-template-columns:1fr}.vidu-academy-form-grid label.is-wide{grid-column:auto}.vidu-academy-modal footer{flex-wrap:wrap}.vidu-academy-modal footer span{width:100%}}


/* Source: assets/css/pipeline/19-checklist-detail-modal.css */
/*
 * Corvion checklist item workspace
 * Canonical component stylesheet. This namespace is intentionally isolated
 * from the legacy PM25 detail styles, so normal cascade rules are sufficient.
 */

.corvion-checklist-item-overlay {
  --checklist-surface: #171817;
  --checklist-surface-raised: #1d1e1d;
  --checklist-surface-soft: #202120;
  --checklist-line: rgba(255, 255, 255, .09);
  --checklist-line-strong: rgba(255, 255, 255, .14);
  --checklist-text: #f4f4f2;
  --checklist-text-soft: rgba(244, 244, 242, .68);
  --checklist-text-faint: rgba(244, 244, 242, .42);
  --checklist-accent: #d9aa4a;
  --checklist-blue: #79aefc;
  position: fixed;
  inset: 0;
  z-index: 100000;
  color: var(--checklist-text);
}

.corvion-checklist-item-overlay,
.corvion-checklist-item-overlay * {
  box-sizing: border-box;
}

.corvion-checklist-item-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .72);
  backdrop-filter: blur(12px);
}

.corvion-checklist-item-dialog {
  position: fixed;
  top: var(--corvion-checklist-y, 10dvh);
  left: var(--corvion-checklist-x, calc(50vw - 460px));
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
  width: var(--corvion-checklist-width, min(920px, calc(100vw - 64px)));
  height: var(--corvion-checklist-height, 80dvh);
  min-width: 640px;
  min-height: 480px;
  overflow: hidden;
  border: 1px solid var(--checklist-line-strong);
  border-radius: 22px;
  background: var(--checklist-surface);
  box-shadow: 0 34px 110px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .025);
  isolation: isolate;
}

.corvion-checklist-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 78px;
  padding: 17px 22px 16px 26px;
  border-bottom: 1px solid var(--checklist-line);
  cursor: grab;
}

.corvion-checklist-item-header.is-moving {
  cursor: grabbing;
}

.corvion-checklist-item-title {
  min-width: 0;
}

.corvion-checklist-item-title > span {
  display: block;
  margin-bottom: 6px;
  color: var(--checklist-text-faint);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .13em;
  line-height: 1;
  text-transform: uppercase;
}

.corvion-checklist-item-title-line {
  display: flex;
  align-items: center;
  min-width: 0;
}

.corvion-checklist-item-title-line strong {
  overflow: hidden;
  color: var(--checklist-text);
  font-size: clamp(20px, 2.1vw, 29px);
  font-weight: 720;
  letter-spacing: -.025em;
  line-height: 1.16;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.corvion-checklist-item-title-line input {
  width: min(720px, 70vw);
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--checklist-line-strong);
  border-radius: 10px;
  outline: 0;
  background: var(--checklist-surface-raised);
  color: var(--checklist-text);
  font: inherit;
  font-size: 22px;
  font-weight: 700;
}

.corvion-checklist-item-header-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}

.corvion-checklist-item-header-actions button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  color: var(--checklist-text-soft);
  cursor: pointer;
  font-size: 26px;
  line-height: 1;
  transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.corvion-checklist-item-header-actions button:hover,
.corvion-checklist-item-header-actions button:focus-visible,
.corvion-checklist-item-header-actions button[aria-pressed="true"] {
  border-color: var(--checklist-line);
  background: rgba(255, 255, 255, .055);
  color: var(--checklist-text);
  outline: 0;
}

.corvion-checklist-item-header-actions svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
}

.corvion-checklist-item-meta {
  min-width: 0;
  padding: 0 26px;
  border-bottom: 1px solid var(--checklist-line);
  background: rgba(255, 255, 255, .012);
}

.corvion-checklist-item-meta-read {
  display: flex;
  align-items: center;
  gap: 26px;
  min-height: 54px;
  color: var(--checklist-text-soft);
  font-size: 13px;
}

.corvion-checklist-item-meta-read > span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.corvion-checklist-item-meta-read svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
}

.corvion-checklist-item-status i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #8d98a8;
  box-shadow: 0 0 0 4px rgba(141, 152, 168, .1);
}

.corvion-checklist-item-status.is-in_progress {
  color: #edc368;
}

.corvion-checklist-item-status.is-in_progress i {
  background: var(--checklist-accent);
  box-shadow: 0 0 0 4px rgba(217, 170, 74, .12);
}

.corvion-checklist-item-status.is-blocked {
  color: #ef9d9d;
}

.corvion-checklist-item-status.is-blocked i {
  background: #d97070;
  box-shadow: 0 0 0 4px rgba(217, 112, 112, .12);
}

.corvion-checklist-item-status.is-done {
  color: #8fd3a9;
}

.corvion-checklist-item-status.is-done i {
  background: #63bd87;
  box-shadow: 0 0 0 4px rgba(99, 189, 135, .12);
}

.corvion-checklist-item-assignee i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  background: #292b2a;
  color: rgba(255, 255, 255, .78);
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}

.corvion-checklist-item-meta-edit {
  display: none;
  grid-template-columns: minmax(150px, .7fr) minmax(180px, .85fr) minmax(220px, 1.25fr);
  gap: 10px;
  padding: 11px 0;
}

.corvion-checklist-item-field {
  display: grid;
  min-width: 0;
  gap: 6px;
}

.corvion-checklist-item-field > span {
  color: var(--checklist-text-faint);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.corvion-checklist-item-field input,
.corvion-checklist-item-field select,
.corvion-checklist-item-field textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--checklist-line);
  border-radius: 10px;
  outline: 0;
  background: var(--checklist-surface-raised);
  color: var(--checklist-text);
  font: inherit;
}

.corvion-checklist-item-field input,
.corvion-checklist-item-field select {
  min-height: 40px;
  padding: 0 11px;
}

.corvion-checklist-item-field textarea {
  min-height: 96px;
  padding: 12px;
  line-height: 1.55;
  resize: vertical;
}

.corvion-checklist-item-field input:focus,
.corvion-checklist-item-field select:focus,
.corvion-checklist-item-field textarea:focus {
  border-color: rgba(217, 170, 74, .55);
  box-shadow: 0 0 0 3px rgba(217, 170, 74, .08);
}

.corvion-checklist-item-body {
  min-height: 0;
  padding: 26px clamp(28px, 7vw, 82px) 34px;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.corvion-checklist-item-document {
  width: min(100%, 840px);
  margin: 0 auto;
  color: rgba(247, 247, 244, .88);
  font-size: 15px;
  line-height: 1.72;
}

.corvion-checklist-item-document h1,
.corvion-checklist-item-document h2,
.corvion-checklist-item-document h3 {
  margin: 1.55em 0 .6em;
  color: var(--checklist-text);
  font-weight: 720;
  letter-spacing: -.018em;
  line-height: 1.25;
}

.corvion-checklist-item-document h1:first-child,
.corvion-checklist-item-document h2:first-child,
.corvion-checklist-item-document h3:first-child,
.corvion-checklist-item-document p:first-child {
  margin-top: 0;
}

.corvion-checklist-item-document p {
  margin: 0 0 1em;
}

.corvion-checklist-item-document ul,
.corvion-checklist-item-document ol {
  margin: .6em 0 1.15em;
  padding-left: 1.45em;
}

.corvion-checklist-item-document li {
  margin: .28em 0;
  padding-left: .22em;
}

.corvion-checklist-item-document li::marker {
  color: rgba(217, 170, 74, .76);
}

.corvion-checklist-item-document blockquote {
  margin: 1.25em 0;
  padding: .1em 0 .1em 18px;
  border-left: 2px solid rgba(217, 170, 74, .52);
  color: var(--checklist-text-soft);
}

.corvion-checklist-item-document pre,
.corvion-checklist-item-document code {
  border-radius: 6px;
  background: rgba(255, 255, 255, .065);
  color: #ddd9cf;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.corvion-checklist-item-document code {
  padding: .12em .34em;
}

.corvion-checklist-item-document pre {
  padding: 14px 16px;
  overflow: auto;
}

.corvion-checklist-item-document a {
  color: #9bc2ff;
  text-decoration-color: rgba(155, 194, 255, .46);
  text-underline-offset: 3px;
}

.corvion-checklist-item-document mark {
  border-radius: 3px;
  background: rgba(217, 170, 74, .27);
  color: inherit;
}

.corvion-checklist-item-empty {
  color: var(--checklist-text-faint);
  font-style: italic;
}

.corvion-checklist-item-editor-panel {
  display: none;
  width: min(100%, 980px);
  margin: 0 auto;
}

.corvion-checklist-item-editor-shell {
  overflow: hidden;
  border: 1px solid var(--checklist-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, .018);
}

.corvion-checklist-item-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 8px;
  border-bottom: 1px solid var(--checklist-line);
  background: rgba(255, 255, 255, .018);
}

.corvion-checklist-item-toolbar button {
  min-height: 31px;
  padding: 0 10px;
  border: 1px solid var(--checklist-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
  color: var(--checklist-text-soft);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
}

.corvion-checklist-item-toolbar button:hover,
.corvion-checklist-item-toolbar button:focus-visible {
  border-color: var(--checklist-line-strong);
  background: rgba(255, 255, 255, .07);
  color: var(--checklist-text);
  outline: 0;
}

.corvion-checklist-item-toolbar mark {
  border-radius: 3px;
  background: rgba(217, 170, 74, .22);
  color: #efd59c;
}

.corvion-checklist-item-editor {
  min-height: 260px;
  padding: 20px;
  outline: 0;
  color: rgba(247, 247, 244, .9);
  font-size: 14px;
  line-height: 1.68;
}

.corvion-checklist-item-editor:empty::before {
  color: var(--checklist-text-faint);
  content: attr(data-placeholder);
  pointer-events: none;
}

.corvion-checklist-item-editor.is-clamped {
  max-height: 230px;
  overflow: hidden;
}

.corvion-checklist-item-editor.is-clamped.has-overflow {
  mask-image: linear-gradient(to bottom, #000 74%, transparent 100%);
}

.corvion-checklist-item-content-toggle {
  justify-self: center;
  margin: 8px auto 12px;
  padding: 2px 6px;
  border: 0;
  background: transparent;
  color: var(--checklist-accent);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
}

.corvion-checklist-item-note-editor {
  margin-top: 12px;
  border: 1px solid var(--checklist-line);
  border-radius: 12px;
  background: rgba(255, 255, 255, .016);
}

.corvion-checklist-item-note-editor summary {
  padding: 13px 15px;
  color: var(--checklist-text-soft);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  list-style: none;
}

.corvion-checklist-item-note-editor summary::-webkit-details-marker {
  display: none;
}

.corvion-checklist-item-note-editor .corvion-checklist-item-field {
  padding: 0 12px 12px;
}

.corvion-checklist-item-note-read {
  width: min(100%, 840px);
  margin: 30px auto 0;
  padding: 16px 18px;
  border-left: 2px solid rgba(255, 255, 255, .12);
  color: var(--checklist-text-soft);
}

.corvion-checklist-item-note-read > span {
  color: var(--checklist-text-faint);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.corvion-checklist-item-note-read p {
  margin: 7px 0 0;
  white-space: pre-wrap;
}

.corvion-checklist-item-dock {
  display: grid;
  grid-template-columns: minmax(190px, var(--corvion-checklist-files-width, 1fr)) 14px minmax(190px, 1fr);
  gap: 0;
  min-width: 0;
  padding: 0 26px 12px;
  background: transparent;
}

.corvion-checklist-item-files,
.corvion-checklist-item-conversation {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--checklist-line);
  border-radius: 12px;
  background: rgba(255, 255, 255, .018);
}

.corvion-checklist-item-files > summary,
.corvion-checklist-item-conversation > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 8px 13px;
  color: rgba(244, 244, 242, .76);
  cursor: pointer;
  font-size: 11px;
  font-weight: 760;
  list-style: none;
}

.corvion-checklist-item-files > summary::-webkit-details-marker,
.corvion-checklist-item-conversation > summary::-webkit-details-marker {
  display: none;
}

.corvion-checklist-item-files > summary small,
.corvion-checklist-item-conversation > summary small {
  color: var(--checklist-text-faint);
  font-size: 9px;
  font-weight: 650;
}

.corvion-checklist-item-inline-upload {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 190px;
  min-height: 31px;
  padding: 0 12px;
  overflow: hidden;
  border: 1px dashed rgba(121, 174, 252, .62);
  border-radius: 8px;
  background: rgba(51, 112, 204, .13);
  color: #9ec4ff;
  cursor: pointer;
  font: inherit;
  font-size: 9px;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.corvion-checklist-item-inline-upload:hover,
.corvion-checklist-item-overlay.is-dragging .corvion-checklist-item-inline-upload {
  border-color: rgba(158, 196, 255, .92);
  background: rgba(51, 112, 204, .22);
  color: #dceaff;
}

.corvion-checklist-item-inline-upload svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  stroke: currentColor;
}

.corvion-checklist-item-module-body {
  display: none;
  min-height: 0;
  padding: 12px;
  overflow: auto;
  border-top: 1px solid var(--checklist-line);
}

.corvion-checklist-item-files[open] .corvion-checklist-item-module-body,
.corvion-checklist-item-conversation[open] .corvion-checklist-item-module-body {
  display: grid;
}

.corvion-checklist-item-files.is-user-sized[open],
.corvion-checklist-item-conversation.is-user-sized[open] {
  height: var(--corvion-checklist-module-height, 240px);
}

.corvion-checklist-item-files.is-user-sized[open] .corvion-checklist-item-module-body,
.corvion-checklist-item-conversation.is-user-sized[open] .corvion-checklist-item-module-body {
  height: calc(100% - 50px);
}

.corvion-checklist-item-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--checklist-text-soft);
  font-size: 11px;
  font-weight: 700;
}

.corvion-checklist-item-section-head button {
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid var(--checklist-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
  color: var(--checklist-text-soft);
  cursor: pointer;
  font: inherit;
  font-size: 9px;
}

.corvion-checklist-item-folder-actions {
  display: flex;
  gap: 5px;
}

.corvion-checklist-item-folder-actions a,
.corvion-checklist-item-folder-actions button,
.corvion-checklist-item-file-actions a,
.corvion-checklist-item-file-actions button {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--checklist-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .03);
  color: var(--checklist-text-soft);
  cursor: pointer;
}

.corvion-checklist-item-folder-actions svg,
.corvion-checklist-item-file-actions svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
}

.corvion-checklist-item-folder-path {
  margin-top: 8px;
  color: var(--checklist-text-faint);
  font-size: 9px;
}

.corvion-checklist-item-files-list {
  display: grid;
  gap: 6px;
  margin-top: 9px;
}

.corvion-checklist-item-file {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 6px 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
}

.corvion-checklist-item-file-icon {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: rgba(121, 174, 252, .1);
  color: #9ec4ff;
}

.corvion-checklist-item-file-icon svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
}

.corvion-checklist-item-file-main {
  display: grid;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.corvion-checklist-item-file-main strong,
.corvion-checklist-item-file-main small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.corvion-checklist-item-file-main strong {
  font-size: 10px;
}

.corvion-checklist-item-file-main small {
  color: var(--checklist-text-faint);
  font-size: 8px;
}

.corvion-checklist-item-file-actions {
  display: flex;
  gap: 4px;
}

.corvion-checklist-item-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  margin-top: 9px;
  border: 1px dashed rgba(121, 174, 252, .55);
  border-radius: 9px;
  background: rgba(51, 112, 204, .09);
  color: #9ec4ff;
  cursor: pointer;
  font-size: 10px;
  font-weight: 700;
}

.corvion-checklist-item-upload input {
  display: none;
}

.corvion-checklist-item-files.is-empty .corvion-checklist-item-section-head,
.corvion-checklist-item-files.is-empty .corvion-checklist-item-folder-path,
.corvion-checklist-item-files.is-empty .corvion-checklist-item-files-list {
  display: none;
}

.corvion-checklist-item-conversation[open] .corvion-checklist-item-module-body {
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
}

.corvion-checklist-item-thread-messages {
  min-height: 0;
  overflow: auto;
}

.corvion-checklist-item-message {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  padding: 8px 0;
}

.corvion-checklist-item-message header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: var(--checklist-text-soft);
  font-size: 9px;
}

.corvion-checklist-item-message p {
  margin: 4px 0 0;
  color: rgba(244, 244, 242, .78);
  font-size: 11px;
  line-height: 1.45;
}

.corvion-checklist-item-thread-compose {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: end;
  gap: 8px;
  margin-top: auto;
  padding-top: 10px;
}

.corvion-checklist-item-thread-compose textarea {
  width: 100%;
  min-height: 38px;
  max-height: 112px;
  padding: 10px 12px;
  resize: none;
  border: 1px solid var(--checklist-line);
  border-radius: 12px;
  outline: 0;
  background: rgba(0, 0, 0, .14);
  color: var(--checklist-text);
  font: inherit;
  font-size: 11px;
}

.corvion-checklist-item-thread-compose button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f3f3f1;
  color: #292a2a;
  cursor: pointer;
}

.corvion-checklist-item-thread-compose button svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
}

.corvion-checklist-item-column-resize {
  position: relative;
  min-width: 14px;
  cursor: col-resize;
}

.corvion-checklist-item-column-resize::after {
  position: absolute;
  inset: 8px 6px;
  border-radius: 999px;
  background: transparent;
  content: "";
  transition: background 130ms ease;
}

.corvion-checklist-item-column-resize:hover::after,
.corvion-checklist-item-column-resize:focus-visible::after {
  background: rgba(121, 174, 252, .76);
}

.corvion-checklist-item-module-resize {
  position: absolute;
  top: -5px;
  left: 12px;
  right: 12px;
  z-index: 2;
  height: 10px;
  cursor: row-resize;
}

.corvion-checklist-item-module-resize::after {
  position: absolute;
  top: 4px;
  left: 42%;
  right: 42%;
  height: 2px;
  border-radius: 999px;
  background: transparent;
  content: "";
  transition: background 130ms ease;
}

.corvion-checklist-item-module-resize:hover::after,
.corvion-checklist-item-module-resize:focus-visible::after {
  background: rgba(121, 174, 252, .76);
}

.corvion-checklist-item-footer {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 20px;
  min-height: 68px;
  padding: 10px 24px;
  border-top: 1px solid var(--checklist-line);
  background: rgba(14, 15, 14, .78);
  backdrop-filter: blur(16px);
}

.corvion-checklist-item-footer-danger {
  justify-self: start;
}

.corvion-checklist-item-footer-actions {
  display: flex;
  justify-self: end;
  gap: 8px;
}

.corvion-checklist-item-save-state {
  color: var(--checklist-text-faint);
  font-size: 10px;
  transition: color 140ms ease;
}

.corvion-checklist-item-overlay[data-pm25-detail-save-state="dirty"] .corvion-checklist-item-save-state {
  color: #e7c475;
}

.corvion-checklist-item-overlay[data-pm25-detail-save-state="saving"] .corvion-checklist-item-save-state {
  color: var(--checklist-blue);
}

.corvion-checklist-item-footer .vidu-btn {
  min-height: 40px;
  padding: 0 17px;
  border: 1px solid var(--checklist-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  color: var(--checklist-text-soft);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
}

.corvion-checklist-item-footer .vidu-btn-primary {
  border-color: #f1f1ef;
  background: #f1f1ef;
  color: #1c1d1c;
}

.corvion-checklist-item-footer .vidu-btn-danger {
  border-color: rgba(203, 94, 94, .28);
  background: transparent;
  color: rgba(230, 139, 139, .76);
}

.corvion-checklist-item-resize {
  position: absolute;
  z-index: 20;
}

.corvion-checklist-item-resize.is-n,
.corvion-checklist-item-resize.is-s {
  left: 14px;
  right: 14px;
  height: 9px;
  cursor: ns-resize;
}

.corvion-checklist-item-resize.is-n { top: -4px; }
.corvion-checklist-item-resize.is-s { bottom: -4px; }

.corvion-checklist-item-resize.is-e,
.corvion-checklist-item-resize.is-w {
  top: 14px;
  bottom: 14px;
  width: 9px;
  cursor: ew-resize;
}

.corvion-checklist-item-resize.is-e { right: -4px; }
.corvion-checklist-item-resize.is-w { left: -4px; }

.corvion-checklist-item-resize.is-ne,
.corvion-checklist-item-resize.is-se,
.corvion-checklist-item-resize.is-sw,
.corvion-checklist-item-resize.is-nw {
  width: 18px;
  height: 18px;
}

.corvion-checklist-item-resize.is-ne,
.corvion-checklist-item-resize.is-sw { cursor: nesw-resize; }
.corvion-checklist-item-resize.is-se,
.corvion-checklist-item-resize.is-nw { cursor: nwse-resize; }
.corvion-checklist-item-resize.is-ne { top: -4px; right: -4px; }
.corvion-checklist-item-resize.is-se { right: -4px; bottom: -4px; }
.corvion-checklist-item-resize.is-sw { bottom: -4px; left: -4px; }
.corvion-checklist-item-resize.is-nw { top: -4px; left: -4px; }

.corvion-checklist-item-overlay[data-pm25-detail-mode="edit"] .corvion-checklist-item-meta-read,
.corvion-checklist-item-overlay[data-pm25-detail-mode="edit"] .corvion-checklist-item-document,
.corvion-checklist-item-overlay[data-pm25-detail-mode="edit"] .corvion-checklist-item-note-read {
  display: none;
}

.corvion-checklist-item-overlay[data-pm25-detail-mode="edit"] .corvion-checklist-item-meta-edit {
  display: grid;
}

.corvion-checklist-item-overlay[data-pm25-detail-mode="edit"] .corvion-checklist-item-editor-panel {
  display: block;
}

.corvion-checklist-item-overlay[data-pm25-detail-mode="read"] [data-pm25-detail-save],
.corvion-checklist-item-overlay[data-pm25-detail-mode="read"] .corvion-checklist-item-footer-danger {
  visibility: hidden;
  pointer-events: none;
}

.corvion-checklist-item-overlay [hidden] {
  display: none;
}

body.is-resizing-corvion-checklist,
body.is-resizing-corvion-checklist * {
  cursor: var(--corvion-checklist-resize-cursor, nwse-resize);
  user-select: none;
}

body.is-moving-corvion-checklist,
body.is-moving-corvion-checklist * {
  cursor: grabbing;
  user-select: none;
}

body.is-resizing-corvion-checklist-dock,
body.is-resizing-corvion-checklist-dock * {
  user-select: none;
}

body[data-theme="light"] .corvion-checklist-item-overlay,
[data-vidu-theme="light"] .corvion-checklist-item-overlay,
.vidu-light-theme .corvion-checklist-item-overlay {
  --checklist-surface: #fbfbfa;
  --checklist-surface-raised: #ffffff;
  --checklist-surface-soft: #f4f4f1;
  --checklist-line: rgba(24, 28, 33, .09);
  --checklist-line-strong: rgba(24, 28, 33, .14);
  --checklist-text: #1c2024;
  --checklist-text-soft: rgba(28, 32, 36, .66);
  --checklist-text-faint: rgba(28, 32, 36, .42);
}

@media (max-width: 720px) {
  .corvion-checklist-item-dialog {
    top: 8px;
    left: 8px;
    width: calc(100vw - 16px);
    height: calc(100dvh - 16px);
    min-width: 0;
    min-height: 0;
    border-radius: 16px;
  }

  .corvion-checklist-item-header {
    min-height: 70px;
    padding: 14px 14px 13px 16px;
  }

  .corvion-checklist-item-title-line strong {
    font-size: 18px;
  }

  .corvion-checklist-item-meta,
  .corvion-checklist-item-body {
    padding-inline: 16px;
  }

  .corvion-checklist-item-meta-read {
    flex-wrap: wrap;
    gap: 8px 16px;
    padding-block: 10px;
  }

  .corvion-checklist-item-meta-edit {
    grid-template-columns: minmax(0, 1fr);
  }

  .corvion-checklist-item-dock {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding-inline: 16px;
  }

  .corvion-checklist-item-column-resize,
  .corvion-checklist-item-module-resize,
  .corvion-checklist-item-resize {
    display: none;
  }

  .corvion-checklist-item-inline-upload {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
  }

  .corvion-checklist-item-files > summary,
  .corvion-checklist-item-conversation > summary {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .corvion-checklist-item-footer {
    grid-template-columns: auto 1fr;
    gap: 8px;
    padding-inline: 14px;
  }

  .corvion-checklist-item-save-state {
    display: none;
  }
}


/* Source: assets/css/pipeline/20-legacy-project-workspace.css */
/* Corvion legacy project workspace
   Canonical, isolated presentation layer. Keep this file free of forced overrides. */

.corvion-project-workspace-shell {
  --vidu-modal-bg: #0d0f0e;
  --vidu-project-modal-bg: #101211;
  --vidu-project-modal-header-bg: #121413;
  --vidu-project-column-bg: #101211;
  --vidu-project-column-header-surface: #101211;
  --vidu-project-column-border: rgba(255, 255, 255, 0.07);
  --vidu-surface-1: #121413;
  --vidu-surface-2: #171918;
  --vidu-surface-3: #1c1f1d;
  --vidu-border-subtle: rgba(255, 255, 255, 0.07);
  --vidu-border-medium: rgba(255, 255, 255, 0.11);
  --vidu-border-active: rgba(255, 255, 255, 0.17);
  --vidu-project-panel-bg: #151716;
  --vidu-project-panel-bg-hover: #191c1a;
  --vidu-project-panel-border: rgba(255, 255, 255, 0.075);
  --vidu-project-module-surface: #151716;
  --vidu-project-module-body-surface: #121413;
  --vidu-project-module-border: rgba(255, 255, 255, 0.075);
  --vidu-project-module-inner-border: rgba(255, 255, 255, 0.06);
  --vidu-project-module-shadow: none;
  --vidu-project-module-radius: 13px;
  --vidu-project-module-header-height: 54px;
  --vidu-project-module-header-gap: 9px;
  --vidu-project-module-header-inline-end: 10px;
  --vidu-project-module-header-padding: 8px 10px 8px 38px;
  --vidu-project-module-title-min-width: 0px;
  --vidu-project-module-title-padding: 7px 10px 7px 0;
  --vidu-project-module-body-padding: 12px;
  --vidu-project-module-action-size: 30px;
  --vidu-project-communication-surface: #151817;
  --vidu-project-communication-border: rgba(130, 174, 243, 0.12);
  --vidu-project-communication-radius: 13px;
  --vidu-project-communication-shadow: none;
  --vidu-text-primary: #f2f3f1;
  --vidu-text-secondary: #b8bcb7;
  --vidu-meta: #7f8580;
  --corvion-workspace-bg: #101211;
  --corvion-workspace-panel: #151716;
  --corvion-workspace-panel-raised: #191b1a;
  --corvion-workspace-line: rgba(255, 255, 255, 0.075);
  --corvion-workspace-line-strong: rgba(255, 255, 255, 0.13);
  --corvion-workspace-text: #f2f3f1;
  --corvion-workspace-muted: #8c928d;
  --corvion-workspace-amber: #d6ae60;
  --corvion-workspace-blue: #82aef3;
  --corvion-workspace-violet: #a99aea;
  --corvion-workspace-green: #78c49a;
  --corvion-workspace-radius: 18px;
  --corvion-workspace-module-radius: 14px;
  --corvion-workspace-gap: clamp(14px, 1.15vw, 20px);
}

.corvion-project-workspace-shell .vidu-app-modal-dialog {
  background: var(--corvion-workspace-bg);
  border: 1px solid var(--corvion-workspace-line-strong);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.52);
}

.corvion-project-workspace {
  min-width: 0;
  color: var(--corvion-workspace-text);
  background: var(--corvion-workspace-bg);
  scrollbar-color: rgba(255, 255, 255, 0.16) transparent;
}

.corvion-project-workspace-header {
  min-width: 0;
  padding: 18px 22px 15px;
  gap: 24px;
  background: rgba(18, 20, 19, 0.98);
  border-bottom-color: var(--corvion-workspace-line);
  backdrop-filter: none;
}

.corvion-project-workspace-identity {
  min-width: 240px;
  flex: 1 1 auto;
}

.corvion-project-workspace-kicker {
  display: block;
  margin: 0 0 7px;
  color: var(--corvion-workspace-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
}

.corvion-project-workspace .vidu-project-title {
  max-width: min(880px, 64vw);
  font-size: clamp(25px, 2vw, 34px);
  font-weight: 620;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.corvion-project-workspace .vidu-project-header-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px 10px;
  margin-top: 10px;
  color: var(--corvion-workspace-muted);
  font-size: 11px;
}

.corvion-project-workspace-meta-separator,
.corvion-project-workspace-footer-state i {
  width: 3px;
  height: 3px;
  flex: 0 0 3px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.24);
}

.corvion-project-workspace-meta-item {
  white-space: nowrap;
}

.corvion-project-workspace .vidu-project-head-actions {
  display: flex;
  flex: 0 1 620px;
  flex-flow: row wrap;
  align-content: flex-start;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  padding-top: 45px;
  padding-right: 0;
}

.corvion-project-workspace-primary-actions,
.corvion-project-workspace-team {
  display: flex;
  width: auto;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.corvion-project-workspace-primary-actions {
  min-height: 38px;
  flex: 0 0 auto;
}

.corvion-project-workspace-team {
  flex: 0 0 auto;
  flex-wrap: nowrap !important;
}

.corvion-project-workspace .vidu-ai-summary-trigger,
.corvion-project-workspace .vidu-icon-action,
.corvion-project-workspace .vidu-project-invite-btn,
.corvion-project-workspace .vidu-project-column-visibility-btn {
  border-color: var(--corvion-workspace-line-strong);
  background: var(--corvion-workspace-panel);
  box-shadow: none;
}

.corvion-project-workspace .vidu-ai-summary-trigger {
  color: #d9d2f5;
}

.corvion-project-workspace .vidu-ai-summary-trigger:hover,
.corvion-project-workspace .vidu-icon-action:hover,
.corvion-project-workspace .vidu-project-column-visibility-btn:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: var(--corvion-workspace-panel-raised);
}

.corvion-project-workspace-team {
  margin-left: 4px;
  padding-left: 10px;
  border-left: 1px solid var(--corvion-workspace-line);
}

.corvion-project-workspace .vidu-project-column-visibility {
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--corvion-workspace-line);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
}

.corvion-project-workspace .vidu-project-column-visibility-btn {
  width: 32px;
  height: 30px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  opacity: 0.72;
}

.corvion-project-workspace .vidu-project-column-visibility-btn.is-active {
  color: var(--corvion-workspace-text);
  background: rgba(255, 255, 255, 0.085);
  opacity: 1;
}

.corvion-project-workspace #vidu-project-ai-output-wrap:empty {
  display: none;
}

.corvion-project-workspace #vidu-project-ai-output-wrap:not(:empty) {
  margin: 10px 18px 0;
}

.corvion-project-workspace .vidu-project-cockpit-grid {
  gap: var(--corvion-workspace-gap);
  padding: 15px 18px 12px;
  background: var(--corvion-workspace-bg);
}

.corvion-project-workspace .vidu-project-column {
  min-width: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.corvion-project-workspace .vidu-project-column-head {
  min-height: 38px;
  margin: 0 0 10px;
  padding: 8px 10px 10px;
  background: var(--vidu-project-column-header-surface);
  border-bottom: 1px solid var(--corvion-workspace-line);
}

.corvion-project-workspace .vidu-project-column-title {
  color: #a9aea9;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.15em;
  line-height: 1.2;
}

.corvion-project-workspace .vidu-project-column-actions {
  opacity: 0;
  transition: opacity 150ms ease;
}

.corvion-project-workspace .vidu-project-column:hover .vidu-project-column-actions,
.corvion-project-workspace.is-layout-mode .vidu-project-column-actions,
.corvion-project-workspace .vidu-project-column-actions:focus-within {
  opacity: 1;
}

.corvion-project-workspace .vidu-project-column-focus-btn {
  width: 30px;
  height: 30px;
  border-color: transparent;
  background: transparent;
  color: var(--corvion-workspace-muted);
}

.corvion-project-workspace .vidu-project-column-focus-btn:hover {
  color: var(--corvion-workspace-text);
  background: rgba(255, 255, 255, 0.055);
}

.corvion-project-workspace .vidu-project-user-module-zone,
.corvion-project-workspace .vidu-project-center-module-zone {
  gap: 12px;
}

.corvion-project-workspace :where(
  [data-sidebar-module],
  [data-custom-module],
  [data-pin-module],
  .vidu-project-control-card,
  .vidu-project-timeline-card,
  .vidu-project-communication-module
) {
  border-color: var(--corvion-workspace-line);
  border-radius: var(--corvion-workspace-module-radius);
  background: var(--corvion-workspace-panel);
  box-shadow: none;
}

.corvion-project-workspace :where(
  .vidu-project-structure-headrow,
  .vidu-project-module-header,
  .vidu-project-timeline-head,
  .vidu-project-center-head,
  .corvion-project-module-heading
) {
  min-height: 44px;
  border-bottom-color: var(--corvion-workspace-line);
}

.corvion-project-workspace .vidu-project-structure-head {
  flex: 1 1 auto;
  overflow: hidden;
  color: #dfe1de;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: -0.01em;
  justify-content: flex-start;
  text-align: left;
}

.corvion-project-workspace .vidu-project-structure-head > span {
  width: 100%;
  min-width: 0;
  display: grid;
  gap: 3px;
  align-content: center;
  justify-items: start;
  text-align: left;
}

.corvion-project-workspace .vidu-project-structure-head > span > strong {
  overflow: hidden;
  color: #e7e9e6;
  font-size: 13px;
  font-weight: 680;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.corvion-project-workspace .vidu-project-structure-head > span > small {
  overflow: hidden;
  color: #777e78;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.corvion-project-workspace .vidu-project-module-body,
.corvion-project-workspace .vidu-project-structure-body {
  color: var(--vidu-text-secondary);
}

.corvion-project-workspace [data-sidebar-module="checklist"] {
  --vidu-project-module-body-padding: 0;
}

.corvion-project-workspace [data-sidebar-module="checklist"] .vidu-pm25-operation-head {
  display: none;
}

.corvion-project-workspace [data-sidebar-module="checklist"] .vidu-pm25-checklist {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.corvion-project-workspace [data-sidebar-module="checklist"] .vidu-pm25-checklist-layout {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.corvion-project-workspace [data-sidebar-module="checklist"] .vidu-pm25-checklist-nav {
  padding: 12px 10px;
  background: rgba(255, 255, 255, 0.018);
  border-right-color: var(--corvion-workspace-line);
}

.corvion-project-workspace [data-sidebar-module="checklist"] .vidu-pm25-checklist-detail {
  padding: 10px 12px 12px;
  background: transparent;
}

.corvion-project-workspace [data-sidebar-module="checklist"] .vidu-pm25-checklist-item {
  border-bottom-color: var(--corvion-workspace-line);
  background: transparent;
}

.corvion-project-workspace [data-sidebar-module="checklist"] .vidu-pm25-checklist-item:hover {
  background: rgba(255, 255, 255, 0.025);
}

.corvion-project-workspace .vidu-project-sidebar-drag-handle {
  position: absolute;
  left: 4px;
  z-index: 2;
  opacity: 0;
  transition: opacity 150ms ease, color 150ms ease;
}

.corvion-project-workspace .vidu-project-structure-headrow {
  position: relative;
  box-sizing: border-box;
  padding-left: 38px;
}

.corvion-project-workspace.is-layout-mode .vidu-project-sidebar-drag-handle,
.corvion-project-workspace [data-sidebar-module]:hover .vidu-project-sidebar-drag-handle,
.corvion-project-workspace .vidu-project-sidebar-drag-handle:focus-visible {
  opacity: 0.7;
}

.corvion-project-workspace.is-layout-mode [data-user-module-zone] {
  outline: 1px dashed rgba(130, 174, 243, 0.38);
  outline-offset: 5px;
  border-radius: var(--corvion-workspace-module-radius);
}

.corvion-project-workspace.is-layout-mode [data-sidebar-module] {
  cursor: grab;
}

.corvion-project-workspace.is-layout-mode [data-sidebar-module]:active {
  cursor: grabbing;
}

.corvion-project-workspace .vidu-project-sidebar-prefs-panel:not(:empty) {
  margin: 0 0 10px;
  border-color: var(--corvion-workspace-line-strong);
  background: var(--corvion-workspace-panel-raised);
}

.corvion-project-workspace .vidu-modal-col-resizer {
  width: 8px;
  margin-inline: 0;
  opacity: 0;
  transition: opacity 150ms ease, background-color 150ms ease;
}

.corvion-project-workspace .vidu-modal-col-resizer:hover,
.corvion-project-workspace .vidu-modal-col-resizer:focus-visible,
.corvion-project-workspace.is-layout-mode .vidu-modal-col-resizer {
  opacity: 1;
}

.corvion-project-workspace.is-layout-mode .vidu-modal-col-resizer {
  background: rgba(130, 174, 243, 0.12);
}

.corvion-project-workspace .vidu-project-activity {
  position: relative;
}

.corvion-project-workspace .vidu-project-communication-module .vidu-project-center-head-below {
  min-height: 52px;
  padding: 9px 10px;
  background: #151817;
  border-bottom: 1px solid var(--corvion-workspace-line);
}

.corvion-project-workspace .vidu-project-center-tabs,
.corvion-project-workspace .vidu-project-center-tools,
.corvion-project-workspace .vidu-project-feed-filters {
  gap: 5px;
}

.corvion-project-workspace .vidu-project-icon-btn {
  width: 31px;
  height: 31px;
  border-color: transparent;
  border-radius: 9px;
  background: transparent;
  color: #8d948e;
}

.corvion-project-workspace .vidu-project-icon-btn:hover,
.corvion-project-workspace .vidu-project-icon-btn.is-active {
  border-color: var(--corvion-workspace-line);
  background: rgba(255, 255, 255, 0.055);
  color: #e4e7e3;
}

.corvion-project-workspace .vidu-project-feed,
.corvion-project-workspace .vidu-project-chat-window {
  background: transparent;
  border: 0;
}

.corvion-project-workspace .vidu-project-activity .vidu-board-empty {
  min-height: 76px;
  display: grid;
  place-items: center;
  color: var(--corvion-workspace-muted);
  border: 1px dashed var(--corvion-workspace-line-strong);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.018);
}

.corvion-project-workspace .vidu-project-controls {
  gap: 10px;
}

.corvion-project-workspace .vidu-project-control > :where(
  .vidu-project-control-card,
  .vidu-project-viewer-card,
  .vidu-project-delivery-card,
  .vidu-project-documents-card,
  .vidu-project-payment-card
) {
  margin-bottom: 10px;
}

.corvion-project-workspace .vidu-project-control-label {
  color: #767d77;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.13em;
}

.corvion-project-workspace .vidu-project-global-actions {
  margin-top: 12px;
  border-top-color: var(--corvion-workspace-line);
}

.corvion-project-module-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
}

.corvion-project-module-heading > div {
  display: grid;
  gap: 3px;
}

.corvion-project-module-heading small,
.corvion-project-client-summary small,
.corvion-project-client-summary dt {
  color: var(--corvion-workspace-muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.corvion-project-module-heading strong {
  color: var(--corvion-workspace-text);
  font-size: 13px;
  font-weight: 650;
}

.corvion-project-module-edit {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  color: var(--corvion-workspace-muted);
  background: transparent;
  cursor: pointer;
}

.corvion-project-module-edit:hover {
  color: var(--corvion-workspace-text);
  background: rgba(255, 255, 255, 0.045);
}

.corvion-project-module-edit svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
}

.corvion-project-client-summary {
  padding: 2px 14px 14px;
}

.corvion-project-client-summary.is-hidden,
.corvion-project-client-card[data-corvion-client-mode="edit"] .corvion-project-client-summary,
.corvion-project-client-card[data-corvion-client-mode="read"] [data-custom-client-editor] {
  display: none;
}

.corvion-project-client-card[data-corvion-client-mode="edit"] [data-custom-client-editor] {
  display: grid;
}

.corvion-project-client-identity {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 0 13px;
  border-bottom: 1px solid var(--corvion-workspace-line);
}

.corvion-project-client-identity > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  border-radius: 11px;
  color: #dce8fa;
  background: rgba(130, 174, 243, 0.13);
  font-size: 14px;
  font-weight: 700;
}

.corvion-project-client-identity > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.corvion-project-client-identity strong {
  overflow: hidden;
  color: var(--corvion-workspace-text);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.corvion-project-client-summary dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px 14px;
  margin: 13px 0 0;
}

.corvion-project-client-summary dl > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.corvion-project-client-summary dd {
  margin: 0;
  overflow: hidden;
  color: #cdd0cc;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.corvion-project-workspace-footer {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex: 0 0 auto;
  padding: 8px 18px 10px;
  color: var(--corvion-workspace-muted);
  border-top: 1px solid var(--corvion-workspace-line);
  background: var(--corvion-workspace-bg);
  font-size: 10px;
}

.corvion-project-workspace-footer-state {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.corvion-project-workspace-status-dot {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 999px;
  background: var(--corvion-workspace-green);
  box-shadow: 0 0 0 3px rgba(120, 196, 154, 0.09);
}

.corvion-project-workspace-layout-toggle {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  padding: 6px 10px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #aeb3ae;
  background: transparent;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}

.corvion-project-workspace-layout-toggle:hover,
.corvion-project-workspace-layout-toggle[aria-pressed="true"] {
  color: #dbe6f7;
  border-color: rgba(130, 174, 243, 0.2);
  background: rgba(130, 174, 243, 0.08);
}

.corvion-project-workspace-layout-toggle svg {
  width: 14px;
  height: 14px;
}

.corvion-project-workspace :where(button, a, input, select, textarea):focus-visible {
  outline: 2px solid rgba(130, 174, 243, 0.72);
  outline-offset: 2px;
}

@media (max-width: 1180px) {
  .corvion-project-workspace-header {
    align-items: flex-start;
  }

  .corvion-project-workspace .vidu-project-title {
    max-width: 56vw;
    font-size: clamp(23px, 2.7vw, 30px);
  }

  .corvion-project-workspace-meta-separator,
  .corvion-project-workspace-meta-item {
    display: none;
  }

  .corvion-project-workspace-footer-state span:nth-of-type(n + 2),
  .corvion-project-workspace-footer-state i {
    display: none;
  }
}

@media (max-width: 820px) {
  .corvion-project-workspace-header {
    padding: 15px 16px 12px;
  }

  .corvion-project-workspace .vidu-project-title {
    max-width: calc(100vw - 130px);
    font-size: 23px;
  }

  .corvion-project-workspace .vidu-project-cockpit-grid {
    padding-inline: 12px;
  }

  .corvion-project-workspace-footer {
    padding-inline: 12px;
  }

  .corvion-project-workspace-footer-state {
    display: none;
  }

  .corvion-project-workspace-layout-toggle {
    margin-left: auto;
  }
}

@media (max-width: 720px) {
  .corvion-project-workspace-shell {
    --corvion-workspace-radius: 0;
  }

  .corvion-project-workspace-header {
    position: sticky;
    top: 0;
  }

  .corvion-project-workspace .vidu-project-head-actions > :not(.corvion-project-workspace-team) {
    display: none;
  }

  .corvion-project-workspace-team {
    padding-left: 0;
    border-left: 0;
  }

  .corvion-project-workspace .vidu-project-user-avatar,
  .corvion-project-workspace .vidu-project-user-empty,
  .corvion-project-workspace .vidu-project-invite-btn {
    display: none;
  }

  .corvion-project-workspace-footer {
    min-height: 48px;
  }
}

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


/* Source: assets/css/pipeline/21-shared-workspace-shell.css */
/* Shared compact filters: keep search visible and move secondary controls into one popover. */
.corvion-shared-workspace-backdrop {
  position: fixed;
  z-index: 2147480999;
  inset: 0;
  pointer-events: none;
  background: rgba(4, 8, 10, 0);
  -webkit-backdrop-filter: blur(0) saturate(1);
  backdrop-filter: blur(0) saturate(1);
  transition: background-color .38s cubic-bezier(.22, .72, .15, 1), -webkit-backdrop-filter .38s cubic-bezier(.22, .72, .15, 1), backdrop-filter .38s cubic-bezier(.22, .72, .15, 1);
}

.corvion-shared-workspace-backdrop.is-active {
  background: rgba(4, 8, 10, .58);
  -webkit-backdrop-filter: blur(22px) saturate(1.06);
  backdrop-filter: blur(22px) saturate(1.06);
}

.vidu-app-modal.vidu-project-modal-shell.is-open {
  z-index: 2147482400;
  pointer-events: none;
}

.vidu-app-modal.vidu-project-modal-shell.is-open.is-workspace-backgrounded {
  z-index: 2147481000;
}

.vidu-app-modal.vidu-project-modal-shell .vidu-app-modal-backdrop {
  pointer-events: none;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.vidu-app-modal.vidu-project-modal-shell .vidu-app-modal-dialog {
  pointer-events: auto;
}

#vidu-pipeline-dashboard .vidu-topbar-filters,
#vidu-pipeline-dashboard .vidu-finance-filters,
#vidu-pipeline-dashboard .vidu-compact-filter-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-topbar-filters {
  flex: 1 1 360px;
  max-width: 590px;
}

#vidu-pipeline-dashboard .vidu-topbar-search-field {
  flex: 1 1 250px;
  min-width: 180px;
}

#vidu-pipeline-dashboard .vidu-finance-filters > input[type="search"],
#vidu-pipeline-dashboard .vidu-compact-filter-row > input[type="search"] {
  flex: 1 1 260px;
  min-width: 170px;
}

#vidu-pipeline-dashboard .vidu-detail-filters {
  position: relative;
  flex: 0 0 auto;
  min-width: 0;
  z-index: var(--vidu-layer-content-control);
}

#vidu-pipeline-dashboard .vidu-detail-filters[open] {
  z-index: var(--vidu-layer-content-popover);
}

#vidu-pipeline-dashboard .vidu-detail-filters > summary {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  list-style: none;
  white-space: nowrap;
  border: 1px solid var(--vidu-control-border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--vidu-control-bg) 82%, transparent);
  color: var(--vidu-text-secondary);
  font-size: 12px;
  font-weight: 720;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  user-select: none;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}

#vidu-pipeline-dashboard .vidu-detail-filters > summary::-webkit-details-marker {
  display: none;
}

#vidu-pipeline-dashboard .vidu-detail-filters > summary:hover,
#vidu-pipeline-dashboard .vidu-detail-filters[open] > summary {
  border-color: color-mix(in srgb, var(--vidu-accent, #8b5cf6) 52%, var(--vidu-control-border));
  background: var(--vidu-control-bg-hover);
  color: var(--vidu-text-primary);
}

#vidu-pipeline-dashboard .vidu-detail-filters > summary svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}

#vidu-pipeline-dashboard .vidu-detail-filters > summary strong[data-detail-filter-count] {
  min-width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  padding: 0 5px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--vidu-accent, #8b5cf6) 76%, transparent);
  color: #fff;
  font-size: 10px;
  line-height: 1;
}

#vidu-pipeline-dashboard .vidu-detail-filter-panel {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: min(470px, calc(100vw - 48px));
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 20px;
  background: color-mix(in srgb, var(--vidu-surface-2) 94%, transparent);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .06);
  backdrop-filter: blur(24px) saturate(1.12);
  -webkit-backdrop-filter: blur(24px) saturate(1.12);
}

#vidu-pipeline-dashboard .vidu-detail-filter-panel.is-wide {
  width: min(680px, calc(100vw - 48px));
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#vidu-pipeline-dashboard .vidu-detail-filter-panel > label,
#vidu-pipeline-dashboard .vidu-detail-filter-panel > .vidu-field {
  min-width: 0;
  display: grid;
  gap: 7px;
}

#vidu-pipeline-dashboard .vidu-detail-filter-panel label > span,
#vidu-pipeline-dashboard .vidu-detail-filter-panel .vidu-field > label {
  padding: 0 4px;
  color: var(--vidu-text-muted);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#vidu-pipeline-dashboard .vidu-detail-filter-panel input,
#vidu-pipeline-dashboard .vidu-detail-filter-panel select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  border-radius: 12px;
}

#vidu-pipeline-dashboard .vidu-detail-filter-panel .vidu-filter-actions {
  grid-column: 1 / -1;
}

#vidu-pipeline-dashboard .vidu-detail-filter-reset {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid var(--vidu-border-soft);
  border-radius: 12px;
  background: var(--vidu-control-bg);
  color: var(--vidu-text-secondary);
  cursor: pointer;
}

#vidu-pipeline-dashboard .vidu-detail-filter-reset svg {
  width: 16px;
  height: 16px;
}

#vidu-pipeline-dashboard .vidu-invoice-filters {
  grid-template-columns: minmax(280px, 1fr) auto;
  overflow: visible;
}

#vidu-pipeline-dashboard .vidu-invoice-filter-fields {
  min-width: 0;
}

#vidu-pipeline-dashboard .vidu-document-library-head,
#vidu-pipeline-dashboard .vidu-document-library-head-actions,
#vidu-pipeline-dashboard .vidu-finance-list-toolbar {
  overflow: visible;
}

#vidu-pipeline-dashboard .vidu-document-detail-filters > summary span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: 0;
  text-transform: none;
}

#vidu-pipeline-dashboard .vidu-detail-filter-panel.is-document-types {
  width: min(620px, calc(100vw - 48px));
  display: block;
}

#vidu-pipeline-dashboard .vidu-detail-filter-panel .vidu-document-library-filters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(44px, auto);
  min-height: 0;
  padding: 0;
}

/* Canonical workspace geometry. Legacy rules consume these variables, so all primary
   views resolve to the same viewport-wide frame without cascade escalation. */
@media (min-width: 769px) {
  #vidu-pipeline-dashboard.is-pipeline-workspace,
  #vidu-pipeline-dashboard.is-dashboard-workspace,
  #vidu-pipeline-dashboard.is-finance-workspace,
  #vidu-pipeline-dashboard.is-billing-workspace,
  #vidu-pipeline-dashboard.is-document-library-workspace {
    --vidu-shell-gap: 0px;
    --vidu-shell-left-gap: 0px;
    --vidu-shell-right-gap: 0px;
    --vidu-header-frame-gap: 22px;
    --vidu-view-inline-padding: clamp(14px, 1vw, 18px);
    --vidu-shell-max-width: 100vw;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-workspace-top,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-workspace-top,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-workspace-top {
    width: calc(100% - var(--vidu-header-frame-gap) - var(--vidu-header-frame-gap));
    margin-left: auto;
    margin-right: auto;
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview.is-active,
  #vidu-pipeline-dashboard.is-billing-workspace .vidu-billing-workspace.is-active,
  #vidu-pipeline-dashboard.is-document-library-workspace .vidu-document-library-workspace:not([hidden]) {
    width: 100%;
    max-width: none;
    padding-left: var(--vidu-view-inline-padding);
    padding-right: var(--vidu-view-inline-padding);
  }

  #vidu-pipeline-dashboard.is-finance-workspace .vidu-financial-overview.is-active > * {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }
}

@media (max-width: 980px) {
  #vidu-pipeline-dashboard .vidu-detail-filter-panel.is-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  #vidu-pipeline-dashboard .vidu-topbar-filters,
  #vidu-pipeline-dashboard .vidu-finance-filters,
  #vidu-pipeline-dashboard .vidu-compact-filter-row {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  #vidu-pipeline-dashboard .vidu-detail-filters,
  #vidu-pipeline-dashboard .vidu-detail-filters > summary {
    width: 100%;
  }

  #vidu-pipeline-dashboard .vidu-detail-filter-panel,
  #vidu-pipeline-dashboard .vidu-detail-filter-panel.is-wide,
  #vidu-pipeline-dashboard .vidu-detail-filter-panel.is-document-types {
    position: static;
    width: 100%;
    margin-top: 8px;
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-detail-filter-panel .vidu-document-library-filters {
    grid-template-columns: 1fr;
  }

  #vidu-pipeline-dashboard .vidu-invoice-filters {
    grid-template-columns: 1fr;
  }
}


/* Source: assets/css/pipeline/22-office-editor-premium.css */
/* Corvion Office Premium — component-scoped, themeable, cascade-clean. */
.vidu-workforce-document-stage,
.vidu-workforce-spreadsheet-stage {
  --office-accent: #6ce7b1;
  --office-accent-strong: #1a9b69;
  --office-accent-soft: rgba(31, 158, 105, .12);
  --office-backdrop: rgba(4, 8, 10, .76);
  --office-chrome: #101613;
  --office-chrome-elevated: #17201c;
  --office-surface: #f8faf9;
  --office-surface-raised: #ffffff;
  --office-surface-subtle: #f0f4f2;
  --office-canvas: #e8edeb;
  --office-border: #d8dfdc;
  --office-border-strong: #bbc6c1;
  --office-text: #16201c;
  --office-text-muted: #68736e;
  --office-text-on-chrome: #f3f7f5;
  --office-cell-bg: #ffffff;
  --office-cell-text: #1d2924;
  --office-grid: #dce3e0;
  --office-selection: #2563eb;
  --office-selection-fill: rgba(37, 99, 235, .11);
  --office-control-hover: #e8eeeb;
  --office-shadow: 0 32px 90px rgba(0, 0, 0, .38), 0 2px 12px rgba(0, 0, 0, .14);
  --office-panel-shadow: 0 18px 55px rgba(15, 25, 21, .2);
  background: transparent;
}

.vidu-workforce-document-stage.is-office-backgrounded,
.vidu-workforce-spreadsheet-stage.is-office-backgrounded {
  background: transparent;
}

.vidu-workforce-document-stage.is-office-backgrounded .vidu-office-editor-shell,
.vidu-workforce-spreadsheet-stage.is-office-backgrounded .vidu-office-editor-shell {
  box-shadow: 0 18px 52px rgba(0, 0, 0, .28), 0 1px 7px rgba(0, 0, 0, .12);
}

.vidu-workforce-document-stage[data-office-theme="dark"],
.vidu-workforce-spreadsheet-stage[data-office-theme="dark"] {
  --office-chrome: #090d0b;
  --office-chrome-elevated: #121a16;
  --office-surface: #151b18;
  --office-surface-raised: #1b2420;
  --office-surface-subtle: #111714;
  --office-canvas: #0f1512;
  --office-border: #2b3732;
  --office-border-strong: #415049;
  --office-text: #edf5f1;
  --office-text-muted: #96a49d;
  --office-text-on-chrome: #f6faf8;
  --office-cell-bg: #161e1a;
  --office-cell-text: #eaf2ee;
  --office-grid: #303b36;
  --office-selection: #4f8df7;
  --office-selection-fill: rgba(79, 141, 247, .16);
  --office-control-hover: #26312c;
  --office-panel-shadow: 0 22px 65px rgba(0, 0, 0, .46);
}

.vidu-workforce-document-stage .vidu-legal-draft-backdrop,
.vidu-workforce-spreadsheet-stage .vidu-legal-draft-backdrop {
  display: none;
}

.vidu-workforce-document-stage:not(.is-active-window) .vidu-office-editor-shell,
.vidu-workforce-spreadsheet-stage:not(.is-active-window) .vidu-office-editor-shell {
  filter: none;
  box-shadow: 0 20px 58px rgba(0, 0, 0, .28), 0 1px 7px rgba(0, 0, 0, .12);
}

.vidu-workforce-document-stage.is-active-window .vidu-office-editor-shell,
.vidu-workforce-spreadsheet-stage.is-active-window .vidu-office-editor-shell {
  filter: none;
}

.vidu-office-editor-shell {
  container-type: inline-size;
  width: min(94vw, 1800px);
  height: min(92vh, 1120px);
  overflow: hidden;
  border: 1px solid rgba(165, 190, 179, .32);
  border-radius: 20px;
  background: var(--office-surface);
  color: var(--office-text);
  box-shadow: var(--office-shadow);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  transition: box-shadow .28s ease, filter .28s ease;
}

.vidu-workforce-spreadsheet-stage .vidu-office-editor-shell {
  display: grid;
  grid-template-rows: var(--corvion-app-header-height, 54px) 36px 48px 38px minmax(0, 1fr) 38px;
}

.vidu-workforce-document-stage .vidu-office-editor-shell {
  display: grid;
  grid-template-rows: var(--corvion-app-header-height, 54px) 36px 48px minmax(0, 1fr) 40px;
}

.vidu-office-editor-shell > header {
  position: relative;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-width: 0;
  padding: 10px 14px 10px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  background: linear-gradient(135deg, var(--office-chrome), var(--office-chrome-elevated));
  color: var(--office-text-on-chrome);
}

.vidu-office-editor-shell > header > div:first-child {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) auto;
  align-items: center;
  gap: 16px;
  width: 0;
  min-width: 0;
  flex: 1 1 0;
}

.vidu-office-editor-shell > header > div:last-child {
  display: flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  min-width: max-content;
}

.vidu-office-editor-shell > header span {
  color: var(--office-accent);
  font-size: 9px;
  font-weight: 760;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.vidu-office-title-field {
  position: relative;
  min-width: 0;
  width: 100%;
}

.vidu-office-title-field::after {
  position: absolute;
  z-index: 80;
  top: calc(100% + 10px);
  left: -10px;
  width: max-content;
  max-width: min(620px, calc(100cqw - 32px));
  padding: 9px 12px;
  border: 1px solid rgba(165, 190, 179, .28);
  border-radius: 10px;
  background: var(--office-chrome-elevated);
  color: var(--office-text-on-chrome);
  box-shadow: 0 14px 38px rgba(0, 0, 0, .34);
  content: attr(data-title);
  font-size: 13px;
  font-weight: 620;
  line-height: 1.35;
  overflow-wrap: anywhere;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-5px);
  transition: opacity .15s ease, transform .18s ease;
}

.vidu-office-title-field:hover::after,
.vidu-office-title-field:focus-within::after {
  opacity: 1;
  transform: translateY(0);
}

.vidu-office-editor-shell > header input {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 3px 2px;
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--office-text-on-chrome);
  font-size: 18px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow: none;
}

.vidu-office-editor-shell > header input:focus {
  border-bottom-color: var(--office-accent);
  outline: none;
}

@container (max-width: 1040px) {
  .vidu-office-editor-shell > header { gap: 10px; padding-left: 14px; }
  .vidu-office-editor-shell > header > div:first-child { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .vidu-office-editor-shell > header > div:first-child > span,
  .vidu-office-editor-shell > header > div:first-child > em { display: none; }
}

@container (max-width: 820px) {
  .vidu-office-editor-shell > header > div:last-child { gap: 4px; }
  .vidu-office-editor-shell > header > div:last-child > small { display: none; }
  .vidu-office-editor-shell > header button { width: 31px; height: 31px; border-radius: 9px; }
  .vidu-office-presence-avatar, .vidu-office-presence-more { width: 28px; height: 28px; }
}

.vidu-office-editor-shell > header em {
  padding: 4px 9px;
  border: 1px solid rgba(108, 231, 177, .25);
  border-radius: 999px;
  color: var(--office-accent);
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .13em;
}

.vidu-office-editor-shell > header small {
  margin-right: 6px;
  color: rgba(236, 247, 242, .62);
  font-size: 10px;
}

.vidu-office-editor-shell > header button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: rgba(245, 250, 247, .82);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

.vidu-office-editor-shell > header button:hover {
  border-color: rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .055);
  color: var(--office-text-on-chrome);
  transform: translateY(-1px);
}

.vidu-office-editor-shell > header button:focus-visible {
  border-color: rgba(108, 231, 177, .3);
  background: rgba(108, 231, 177, .08);
  color: var(--office-accent);
  outline: none;
}

.vidu-office-theme-toggle svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.65;
}

.vidu-office-icon {
  display: block;
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.55;
  vector-effect: non-scaling-stroke;
}

.vidu-office-editor-shell > header .vidu-office-icon { width: 21px; height: 21px; flex-basis: 21px; }

.vidu-office-presence {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  padding-inline: 4px;
}

.vidu-office-presence:empty { display: none; }

.vidu-office-presence-avatar,
.vidu-office-presence-more {
  position: relative;
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  margin-left: -7px;
  border: 2px solid var(--office-chrome-elevated);
  border-radius: 50%;
  background: var(--presence-color, #2563eb);
  color: #fff;
  box-shadow: 0 2px 9px rgba(0, 0, 0, .24);
  font-size: 9px;
  font-weight: 780;
  letter-spacing: .04em;
  cursor: default;
}

.vidu-office-presence-avatar:first-child { margin-left: 0; }
.vidu-office-presence-avatar b { font: inherit; }

.vidu-office-presence-avatar i {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 9px;
  height: 9px;
  border: 2px solid var(--office-chrome-elevated);
  border-radius: 50%;
  background: #93a19a;
}

.vidu-office-presence-avatar i[data-role="editor"] { background: #57d9a3; }

.vidu-office-presence-more {
  background: rgba(255, 255, 255, .1);
  color: rgba(245, 250, 247, .82);
}

.vidu-remote-cell-cursor {
  position: absolute;
  z-index: 8;
  inset: -1px;
  border: 2px solid var(--presence-color, #2563eb);
  pointer-events: none;
}

.vidu-remote-cell-cursor > b {
  position: absolute;
  right: -2px;
  bottom: 100%;
  max-width: 150px;
  padding: 2px 5px;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
  background: var(--presence-color, #2563eb);
  color: #fff;
  font: 650 9px/1.35 Inter, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-office-theme="light"] .vidu-office-theme-toggle [data-office-theme-sun],
[data-office-theme="dark"] .vidu-office-theme-toggle [data-office-theme-moon] {
  display: none;
}

.vidu-office-menubar {
  position: relative;
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 3px 14px;
  overflow: visible;
  border-bottom: 1px solid var(--office-border);
  background: var(--office-surface-raised);
  color: var(--office-text);
}

.vidu-office-menu { position: relative; align-self: stretch; display: flex; align-items: center; }
.vidu-office-menu > [data-office-menu-trigger] {
  height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: inherit;
  font: 540 11px/28px Inter, sans-serif;
  cursor: pointer;
}
.vidu-office-menu > [data-office-menu-trigger]:hover,
.vidu-office-menu:has(.vidu-office-menu-panel:not([hidden])) > [data-office-menu-trigger] { background: var(--office-control-hover); }
.vidu-office-menu-panel {
  position: absolute;
  z-index: 90;
  top: calc(100% + 4px);
  left: 0;
  display: grid;
  min-width: 256px;
  padding: 7px;
  border: 1px solid var(--office-border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--office-surface-raised) 96%, transparent);
  color: var(--office-text);
  box-shadow: var(--office-panel-shadow);
  backdrop-filter: blur(18px);
}
.vidu-office-menu-panel[hidden], .vidu-sheet-tab-menu[hidden], .vidu-sheet-border-panel[hidden] { display: none; }
.vidu-office-menu-panel button {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 35px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font: 520 11px/1 Inter, sans-serif;
  text-align: left;
  cursor: pointer;
}
.vidu-office-menu-panel button:hover { background: var(--office-control-hover); }
.vidu-office-menu-panel hr, .vidu-sheet-tab-menu hr { width: 100%; height: 1px; margin: 5px 0; border: 0; background: var(--office-border); }
.vidu-office-menu-icon { display: grid; place-items: center; width: 27px; height: 27px; color: var(--office-text-muted); line-height: 0; }
.vidu-office-menu-icon .vidu-office-icon { width: 20px; height: 20px; flex-basis: 20px; }

.vidu-sheet-toolbar,
.vidu-document-top-toolbar {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  padding: 7px 14px;
  overflow-x: auto;
  border-bottom: 1px solid var(--office-border);
  background: var(--office-surface);
  color: var(--office-text);
  scrollbar-width: thin;
}

.vidu-sheet-toolbar button, .vidu-sheet-toolbar select,
.vidu-document-top-toolbar button, .vidu-document-top-toolbar select {
  height: 32px;
  margin: 0;
  padding: 0 9px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--office-text);
  font: 520 10px/30px Inter, sans-serif;
  box-shadow: none;
}
.vidu-sheet-toolbar button, .vidu-document-top-toolbar button {
  display: inline-grid;
  place-items: center;
  min-width: 36px;
  padding-inline: 8px;
  font-size: 15px;
  line-height: 0;
  vertical-align: middle;
  cursor: pointer;
}
.vidu-sheet-file-tools button, .vidu-document-file-tools button { font-size: 17px; }
.vidu-sheet-toolbar button .vidu-office-icon, .vidu-document-top-toolbar button .vidu-office-icon { width: 22px; height: 22px; flex-basis: 22px; }
.vidu-sheet-toolbar button b, .vidu-sheet-toolbar button i, .vidu-sheet-toolbar button u,
.vidu-document-top-toolbar button b, .vidu-document-top-toolbar button i, .vidu-document-top-toolbar button u { font-size: 15px; }
.vidu-sheet-clear-fill svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.vidu-sheet-clear-fill.is-active { color: var(--office-accent-strong); background: var(--office-accent-soft); }
.vidu-sheet-color-tool {
  position: relative;
  display: grid;
  place-items: center;
  width: 36px;
  height: 32px;
  flex: 0 0 36px;
  border-radius: 8px;
  color: var(--office-text);
  cursor: pointer;
}
.vidu-sheet-color-tool:hover { background: var(--office-control-hover); }
.vidu-sheet-color-tool .vidu-office-icon { width: 21px; height: 21px; flex-basis: 21px; }
.vidu-sheet-color-tool input[type="color"] {
  position: absolute;
  right: 5px;
  bottom: 2px;
  left: 5px;
  width: 24px;
  height: 4px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
}
.vidu-sheet-toolbar button:hover, .vidu-document-top-toolbar button:hover { background: var(--office-control-hover); }
.vidu-sheet-toolbar select, .vidu-document-top-toolbar select { border-color: var(--office-border); background: var(--office-surface-raised); }
.vidu-office-editor-shell .vidu-document-font-size {
  display: inline-grid;
  grid-template-columns: 36px 54px 36px;
  align-items: center;
  height: 32px;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid var(--office-border);
  border-radius: 8px;
  background: var(--office-surface-raised);
  color: var(--office-text);
}
.vidu-office-editor-shell .vidu-document-font-size button {
  display: grid;
  place-items: center;
  align-self: stretch;
  width: 36px;
  min-width: 36px;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--office-surface-raised);
  color: var(--office-text);
}
.vidu-office-editor-shell .vidu-document-font-size button .vidu-office-icon { width: 18px; height: 18px; flex-basis: 18px; }
.vidu-office-editor-shell .vidu-document-font-size button:hover { background: var(--office-control-hover); }
.vidu-office-editor-shell .vidu-document-font-size select {
  width: 54px;
  min-width: 54px;
  height: 30px;
  padding: 0 4px;
  border-block: 0;
  border-radius: 0;
  background: var(--office-surface-raised);
  color: var(--office-text);
  text-align: center;
}
.vidu-sheet-file-tools, .vidu-document-file-tools, .vidu-legal-draft-formatting, .vidu-sheet-zoom, .vidu-document-zoom { display: flex; align-items: center; gap: 3px; flex: 0 0 auto; }
.vidu-sheet-toolbar-separator, .vidu-document-toolbar-separator { width: 1px; height: 22px; flex: 0 0 1px; background: var(--office-border); }
.vidu-sheet-zoom, .vidu-document-zoom { margin-left: auto; border: 1px solid var(--office-border); border-radius: 8px; background: var(--office-surface-raised); overflow: hidden; }
.vidu-sheet-zoom output, .vidu-document-zoom output { min-width: 44px; color: var(--office-text-muted); font: 650 9px/1 Inter, sans-serif; text-align: center; }
.vidu-sheet-zoom button, .vidu-document-zoom button { border: 0; border-radius: 0; }

.vidu-sheet-formula {
  display: grid;
  grid-template-columns: 68px 28px minmax(0, 1fr);
  align-items: center;
  border-bottom: 1px solid var(--office-border);
  background: var(--office-surface-raised);
  color: var(--office-text-muted);
}
.vidu-sheet-formula strong, .vidu-sheet-formula span { text-align: center; font-size: 11px; }
.vidu-sheet-formula input { height: 100%; min-width: 0; padding: 0 10px; border: 0; border-left: 1px solid var(--office-border); background: transparent; color: var(--office-text); box-shadow: none; }

.vidu-workforce-spreadsheet-stage .vidu-office-editor-shell > main { position: relative; display: block; min-height: 0; overflow: hidden; }
.vidu-sheet-canvas { display: grid; grid-template-rows: minmax(0, 1fr) 36px; width: 100%; height: 100%; background: var(--office-cell-bg); }
.vidu-sheet-grid { min-width: 0; min-height: 0; overflow: auto; background: var(--office-cell-bg); }
.vidu-sheet-grid table { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; zoom: var(--vidu-sheet-zoom, 1); }
.vidu-sheet-grid th, .vidu-sheet-grid td { border-right: 1px solid var(--office-grid); border-bottom: 1px solid var(--office-grid); }
.vidu-sheet-grid th { position: sticky; z-index: 4; height: 28px; background: var(--office-surface-subtle); color: var(--office-text-muted); font: 580 10px/1 Inter, sans-serif; }
.vidu-sheet-grid thead th { top: 0; }
.vidu-sheet-grid tbody th { left: 0; min-width: 48px; }
.vidu-sheet-grid td { position: relative; height: 28px; min-width: 96px; padding: 0; color: var(--office-cell-text); background: var(--office-cell-bg); }
.vidu-sheet-grid td.is-selected:not(.is-multi-selected) { box-shadow: inset 0 0 0 2px var(--office-selection); }
.vidu-sheet-grid td.is-active:not(.is-multi-selected) { box-shadow: inset 0 0 0 2px var(--office-selection); }
.vidu-sheet-grid td.is-multi-selected::before {
  position: absolute;
  z-index: 2;
  inset: -1px;
  background:
    linear-gradient(var(--selection-top-color, transparent), var(--selection-top-color, transparent)) top / 100% 2px no-repeat,
    linear-gradient(var(--selection-right-color, transparent), var(--selection-right-color, transparent)) right / 2px 100% no-repeat,
    linear-gradient(var(--selection-bottom-color, transparent), var(--selection-bottom-color, transparent)) bottom / 100% 2px no-repeat,
    linear-gradient(var(--selection-left-color, transparent), var(--selection-left-color, transparent)) left / 2px 100% no-repeat,
    var(--office-selection-fill);
  pointer-events: none;
  content: "";
}
.vidu-sheet-grid td.is-selection-top { --selection-top-color: var(--office-selection); }
.vidu-sheet-grid td.is-selection-right { --selection-right-color: var(--office-selection); }
.vidu-sheet-grid td.is-selection-bottom { --selection-bottom-color: var(--office-selection); }
.vidu-sheet-grid td.is-selection-left { --selection-left-color: var(--office-selection); }
.vidu-sheet-grid td > div { position: relative; z-index: 3; min-height: 27px; padding: 5px 7px; box-sizing: border-box; }
.vidu-sheet-grid td[data-wrap-mode="wrap"] > div { height: auto; overflow: visible; white-space: pre-wrap; overflow-wrap: anywhere; }
.vidu-sheet-grid td[data-wrap-mode="overflow"] > div { position: relative; z-index: 1; width: max-content; min-width: 100%; overflow: visible; white-space: nowrap; }
.vidu-sheet-grid td[data-wrap-mode="clip"] > div { overflow: hidden; white-space: nowrap; }
.vidu-sheet-grid td[style*="vertical-align:top"] > div, .vidu-sheet-grid td[style*="vertical-align:middle"] > div, .vidu-sheet-grid td[style*="vertical-align:bottom"] > div { display: flex; height: 100%; }
.vidu-sheet-grid td[style*="vertical-align:top"] > div { align-items: flex-start; }
.vidu-sheet-grid td[style*="vertical-align:middle"] > div { align-items: center; }
.vidu-sheet-grid td[style*="vertical-align:bottom"] > div { align-items: flex-end; }
.vidu-sheet-grid td[style*="text-align:left"] > div { justify-content: flex-start; }
.vidu-sheet-grid td[style*="text-align:center"] > div { justify-content: center; }
.vidu-sheet-grid td[style*="text-align:right"] > div { justify-content: flex-end; }

.vidu-sheet-canvas > footer { display: flex; align-items: center; gap: 4px; padding: 4px 12px; overflow: visible; border-top: 1px solid var(--office-border); background: var(--office-surface); }
.vidu-sheet-canvas > footer button { height: 28px; padding: 0 10px; border: 0; border-radius: 7px; background: transparent; color: var(--office-text-muted); font: 620 10px/28px Inter, sans-serif; cursor: pointer; }
.vidu-sheet-tab-wrap { position: relative; display: flex; align-items: center; height: 28px; border-radius: 8px; cursor: grab; }
.vidu-sheet-tab-wrap::after { position: absolute; right: 7px; bottom: -4px; left: 7px; height: 3px; border-radius: 999px; background: var(--vidu-sheet-tab-color, var(--office-accent-strong)); content: ""; opacity: .5; }
.vidu-sheet-tab-wrap.is-active { background: var(--office-accent-soft); }
.vidu-sheet-tab-wrap.is-active::after { opacity: 1; }
.vidu-sheet-tab-wrap.is-dragging { opacity: .45; }
.vidu-sheet-tab-menu { position: absolute; z-index: 80; bottom: calc(100% + 8px); left: 0; display: grid; min-width: 220px; padding: 7px; border: 1px solid var(--office-border); border-radius: 12px; background: var(--office-surface-raised); color: var(--office-text); box-shadow: var(--office-panel-shadow); }
.vidu-sheet-tab-menu button, .vidu-sheet-tab-menu label { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 7px; width: 100%; min-height: 34px; padding: 0 9px; border: 0; border-radius: 8px; background: transparent; color: inherit; font: 520 11px/1 Inter, sans-serif; text-align: left; cursor: pointer; }
.vidu-sheet-tab-menu button:hover, .vidu-sheet-tab-menu label:hover { background: var(--office-control-hover); }
.vidu-sheet-tab-menu .is-danger { color: #ee7168; }
.vidu-sheet-context-menu {
  position: fixed;
  z-index: 180;
  pointer-events: auto;
  touch-action: manipulation;
  display: grid;
  width: 292px;
  max-height: min(78vh, 660px);
  padding: 6px;
  overflow-y: auto;
  border: 1px solid var(--office-border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--office-surface-raised) 96%, transparent);
  color: var(--office-text);
  box-shadow: var(--office-panel-shadow);
  backdrop-filter: blur(18px);
}
.vidu-sheet-context-menu[hidden] { display: none; }
.vidu-sheet-context-menu button { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 34px; padding: 0 9px; border: 0; border-radius: 8px; background: transparent; color: inherit; font: 520 11px/1.2 Inter, sans-serif; text-align: left; cursor: pointer; }
.vidu-sheet-context-menu button:hover { background: var(--office-control-hover); }
.vidu-sheet-context-menu button.is-danger { color: #ee7168; }
.vidu-sheet-context-menu .vidu-office-icon { width: 16px; height: 16px; }
.vidu-sheet-context-menu kbd { color: var(--office-text-muted); font: 500 9px/1 Inter, sans-serif; }
.vidu-sheet-context-menu hr { width: 100%; margin: 4px 0; border: 0; border-top: 1px solid var(--office-border); }
.vidu-sheet-grid th.is-selected { background: var(--office-accent-soft); color: var(--office-accent-strong); }
.vidu-sheet-grid [data-sheet-column-resize]::after,
.vidu-sheet-grid [data-sheet-row-resize]::after { position: absolute; border-radius: 999px; background: var(--office-selection); content: ""; opacity: 0; transition: opacity 120ms ease; }
.vidu-sheet-grid [data-sheet-column-resize]::after { top: 4px; right: -1px; bottom: 4px; width: 2px; }
.vidu-sheet-grid [data-sheet-row-resize]::after { right: 4px; bottom: -1px; left: 4px; height: 2px; }
.vidu-sheet-grid [data-sheet-column-resize]:hover::after,
.vidu-sheet-grid [data-sheet-row-resize]:hover::after,
.is-sheet-axis-resizing .vidu-sheet-grid [data-sheet-column-resize]:hover::after,
.is-sheet-axis-resizing .vidu-sheet-grid [data-sheet-row-resize]:hover::after { opacity: 1; }
.is-sheet-column-resizing,
.is-sheet-column-resizing * { cursor: col-resize; user-select: none; }
.is-sheet-row-resizing,
.is-sheet-row-resizing * { cursor: row-resize; user-select: none; }
.vidu-sheet-grid td[data-has-note]::after { position: absolute; top: 1px; right: 1px; width: 0; height: 0; border-top: 7px solid var(--office-accent-strong); border-left: 7px solid transparent; content: ""; }
.vidu-sheet-grid td.is-selection-corner::after {
  position: absolute;
  z-index: 9;
  right: -5px;
  bottom: -5px;
  width: 9px;
  height: 9px;
  border: 2px solid var(--office-surface-raised);
  border-radius: 50%;
  background: var(--office-selection);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .22);
  content: "";
}

.vidu-sheet-side-panel,
.vidu-document-collaboration-panel {
  position: absolute;
  z-index: 24;
  top: 14px;
  right: 14px;
  bottom: 14px;
  width: min(460px, calc(100% - 28px));
  min-width: min(420px, calc(100% - 28px));
  padding: 16px;
  overflow: auto;
  border: 1px solid var(--office-border);
  border-radius: 20px;
  background: color-mix(in srgb, var(--office-surface-raised) 96%, transparent);
  color: var(--office-text);
  box-shadow: var(--office-panel-shadow);
  opacity: 0;
  pointer-events: none;
  transform: translateX(calc(100% + 28px));
  transition: opacity .2s ease, transform .24s cubic-bezier(.2, .8, .2, 1);
  backdrop-filter: blur(18px);
}
.is-collaboration-open .vidu-sheet-side-panel, .is-collaboration-open .vidu-document-collaboration-panel { opacity: 1; pointer-events: auto; transform: none; }
.vidu-office-editor-shell > header [data-document-panels-toggle].is-active { border-color: rgba(108, 231, 177, .38); background: rgba(108, 231, 177, .1); color: var(--office-accent); }
.vidu-sheet-side-panel > section, .vidu-document-collaboration-panel > section, .vidu-office-panel-disclosure { display: grid; gap: 12px; margin-bottom: 12px; padding: 16px; border: 1px solid color-mix(in srgb, var(--office-border) 72%, transparent); border-radius: 15px; background: color-mix(in srgb, var(--office-surface-subtle) 82%, transparent); }
.vidu-sheet-side-panel section > header, .vidu-document-collaboration-panel section > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.vidu-sheet-side-panel section > header strong, .vidu-document-collaboration-panel section > header strong { font-size: 15px; letter-spacing: -.015em; }
.vidu-sheet-side-panel header small, .vidu-document-collaboration-panel header small { color: var(--office-text-muted); font-size: 9.5px; }
.vidu-sheet-side-panel select, .vidu-sheet-side-panel input, .vidu-document-collaboration-panel select, .vidu-document-collaboration-panel input, .vidu-document-collaboration-panel textarea { width: 100%; min-height: 38px; padding: 7px 10px; border: 1px solid color-mix(in srgb, var(--office-border) 78%, transparent); border-radius: 10px; background: color-mix(in srgb, var(--office-surface-raised) 90%, transparent); color: var(--office-text); }
.vidu-sheet-side-panel button, .vidu-document-collaboration-panel button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding-inline: 12px; border: 1px solid color-mix(in srgb, var(--office-border) 78%, transparent); border-radius: 10px; background: color-mix(in srgb, var(--office-control) 82%, transparent); color: var(--office-text); cursor: pointer; }
.vidu-sheet-side-panel button:hover, .vidu-document-collaboration-panel button:hover { border-color: var(--office-border-strong); background: var(--office-control-hover); }
.vidu-sheet-side-panel button:disabled, .vidu-document-collaboration-panel button:disabled { cursor: default; opacity: .45; }
.vidu-office-sharing-card > p { margin: 2px 0 0; color: var(--office-text-muted); font-size: 9px; line-height: 1.45; }
.vidu-office-public-link { display: grid; gap: 7px; padding-top: 8px; border-top: 1px solid var(--office-border); opacity: .72; transition: opacity .18s ease; }
.vidu-office-public-link.is-enabled { opacity: 1; }
.vidu-office-public-link-head { display: grid; grid-template-columns: 24px minmax(0, 1fr) 34px; align-items: center; gap: 7px; }
.vidu-office-public-link-head > span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; background: var(--office-accent-soft); color: var(--office-accent-strong); }
.vidu-office-public-link-head .vidu-office-icon { width: 15px; height: 15px; }
.vidu-office-public-link-head strong { font-size: 11px; }
.vidu-office-switch { position: relative; display: block; width: 34px; height: 20px; cursor: pointer; }
.vidu-office-switch input { position: absolute; width: 1px; height: 1px; min-height: 0; margin: 0; padding: 0; opacity: 0; }
.vidu-office-switch span { position: absolute; inset: 0; border: 1px solid var(--office-border-strong); border-radius: 999px; background: var(--office-control); transition: background .18s ease, border-color .18s ease; }
.vidu-office-switch span::after { position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: var(--office-text-muted); content: ""; transition: transform .18s ease, background .18s ease; }
.vidu-office-switch input:checked + span { border-color: var(--office-accent-strong); background: var(--office-accent-strong); }
.vidu-office-switch input:checked + span::after { background: #fff; transform: translateX(14px); }
.vidu-office-switch input:focus-visible + span { outline: 2px solid var(--office-accent-strong); outline-offset: 2px; }
.vidu-office-public-link-url { display: grid; grid-template-columns: minmax(0, 1fr) 32px; gap: 5px; }
.vidu-office-public-link-url input { min-width: 0; height: 30px; min-height: 30px; font-size: 9px; }
.vidu-office-public-link-url button { width: 32px; min-height: 30px; padding: 0; }
.vidu-office-public-link-url .vidu-office-icon { width: 15px; height: 15px; }
.vidu-office-public-link-actions { display: flex; justify-content: flex-end; gap: 5px; }
.vidu-office-public-link-actions button { min-height: 27px; padding: 0 8px; font-size: 9px; }
.vidu-office-public-link-actions .vidu-office-icon { width: 13px; height: 13px; }
.vidu-office-public-link-actions .is-danger { color: #ee7168; }
.vidu-office-email-invite { display: grid; gap: 11px; margin-top: 5px; padding-top: 14px; border-top: 1px solid color-mix(in srgb, var(--office-border) 72%, transparent); }
.vidu-office-email-invite > header { display: flex; align-items: center; justify-content: space-between; }
.vidu-office-email-invite > header > span { display: inline-flex; align-items: center; gap: 6px; }
.vidu-office-email-invite > header .vidu-office-icon { width: 15px; height: 15px; color: var(--office-accent-strong); }
.vidu-office-email-invite-fields { display: grid; grid-template-columns: minmax(0, 1fr) 122px; gap: 7px; }
.vidu-office-email-invite-fields button { grid-column: 1 / -1; min-height: 38px; }
.vidu-office-email-invite-fields button .vidu-office-icon { width: 14px; height: 14px; }
.vidu-office-email-invite-list { display: grid; gap: 7px; }
.vidu-office-email-invite-list > .is-empty { margin: 2px 0 0; color: var(--office-text-muted); font-size: 9.5px; }
.vidu-office-email-invite-row { display: grid; grid-template-columns: minmax(0, 1fr) 118px 38px; align-items: center; gap: 7px; padding: 9px; border: 1px solid color-mix(in srgb, var(--office-border) 68%, transparent); border-radius: 11px; background: color-mix(in srgb, var(--office-surface-raised) 70%, transparent); }
.vidu-office-email-invite-row > span { min-width: 0; }
.vidu-office-email-invite-row b, .vidu-office-email-invite-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vidu-office-email-invite-row b { font-size: 10.5px; font-weight: 620; }
.vidu-office-email-invite-row small { margin-top: 3px; color: var(--office-text-muted); font-size: 8px; }
.vidu-office-email-invite-row select { min-height: 34px; font-size: 9.5px; }
.vidu-office-email-invite-row button { width: 38px; min-height: 34px; padding: 0; color: #e56d66; }
.vidu-office-email-invite-row .vidu-office-icon { width: 14px; height: 14px; }
.vidu-office-project-connections { align-content: start; }
.vidu-office-project-chip-list { display: grid; gap: 7px; }
.vidu-office-project-chip-list > .is-empty { margin: 0; color: var(--office-text-muted); font-size: 9.5px; }
.vidu-office-project-chip-list > span { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 44px; padding: 7px 7px 7px 10px; border: 1px solid color-mix(in srgb, var(--office-border) 68%, transparent); border-radius: 11px; background: color-mix(in srgb, var(--office-surface-raised) 70%, transparent); }
.vidu-office-project-chip-list > span > .vidu-office-icon { width: 17px; height: 17px; color: var(--office-accent-strong); }
.vidu-office-project-chip-list b { min-width: 0; overflow: hidden; font-size: 10.5px; font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }
.vidu-office-project-chip-list small { grid-column: 2; margin-top: -6px; overflow: hidden; color: var(--office-text-muted); font-size: 8.5px; text-overflow: ellipsis; white-space: nowrap; }
.vidu-office-project-chip-list button { grid-column: 3; grid-row: 1 / span 2; width: 32px; min-height: 32px; padding: 0; border-color: transparent; background: transparent; }
.vidu-office-project-chip-list button .vidu-office-icon { width: 13px; height: 13px; }
.vidu-office-panel-disclosure { display: block; }
.vidu-office-panel-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; list-style: none; cursor: pointer; }
.vidu-office-panel-disclosure > summary::-webkit-details-marker { display: none; }
.vidu-office-panel-disclosure > summary > span { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; width: 100%; }
.vidu-office-panel-disclosure > summary small { color: var(--office-text-muted); font-size: 9px; }
.vidu-office-panel-disclosure > summary > .vidu-office-icon { width: 15px; height: 15px; transition: transform .18s ease; }
.vidu-office-panel-disclosure[open] > summary > .vidu-office-icon { transform: rotate(45deg); }
.vidu-office-panel-disclosure .vidu-document-version-list { display: grid; gap: 5px; max-height: 240px; margin-top: 9px; overflow: auto; }
.vidu-office-panel-disclosure .vidu-document-version-list > span { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 7px; padding: 6px; border-radius: 8px; background: var(--office-surface-raised); }
.vidu-office-panel-disclosure .vidu-document-version-list small { overflow: hidden; color: var(--office-text-muted); font-size: 8.5px; text-overflow: ellipsis; white-space: nowrap; }
.vidu-office-panel-disclosure .vidu-document-version-list button { min-height: 26px; padding: 0 7px; font-size: 8.5px; }

.vidu-sheet-statusbar,
.vidu-workforce-document-stage .vidu-office-editor-shell > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 14px;
  border-top: 1px solid var(--office-border);
  background: var(--office-chrome);
  color: rgba(236, 247, 242, .64);
}
.vidu-sheet-statusbar button, .vidu-document-save-actions .is-primary { min-height: 28px; padding: 0 14px; border: 1px solid rgba(108, 231, 177, .38); border-radius: 8px; background: var(--office-accent-strong); color: #fff; font: 650 10px/26px Inter, sans-serif; cursor: pointer; }

.vidu-workforce-document-stage .vidu-office-editor-shell > main { position: relative; display: grid; grid-template-columns: 224px minmax(0, 1fr); min-height: 0; overflow: hidden; background: var(--office-canvas); transition: grid-template-columns .24s cubic-bezier(.2, .75, .25, 1); }
.vidu-workforce-document-stage .vidu-office-editor-shell.is-document-details-hidden > main { grid-template-columns: 0 minmax(0, 1fr); }
.vidu-document-details-panel { min-width: 0; padding: 22px 18px; overflow: auto; border-right: 1px solid var(--office-border); background: var(--office-surface-subtle); color: var(--office-text); opacity: 1; transform: translateX(0); transition: padding .24s cubic-bezier(.2, .75, .25, 1), border-color .18s ease, opacity .16s ease, transform .24s cubic-bezier(.2, .75, .25, 1); }
.is-document-details-hidden .vidu-document-details-panel { padding-inline: 0; overflow: hidden; border-right-color: transparent; opacity: 0; pointer-events: none; transform: translateX(-18px); }
.vidu-document-details-panel > span { color: var(--office-accent-strong); font-size: 9px; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
.vidu-document-details-panel > strong { display: block; margin-top: 12px; font-size: 16px; }
.vidu-document-details-panel p { color: var(--office-text-muted); font-size: 11px; line-height: 1.55; }
.vidu-document-details-panel dl { display: grid; gap: 12px; }
.vidu-document-details-panel dt { margin-bottom: 5px; color: var(--office-text-muted); font-size: 9px; }
.vidu-document-details-panel dd { margin: 0; font-size: 11px; }
.vidu-document-details-panel select { width: 100%; min-height: 34px; border: 1px solid var(--office-border); border-radius: 8px; background: var(--office-surface-raised); color: var(--office-text); }
.vidu-document-file-tools [data-document-details-toggle].is-active { background: var(--office-accent-soft); color: var(--office-accent-strong); }
.vidu-legal-draft-paper { min-width: 0; padding: 0 34px 60px; overflow: auto; background: var(--office-canvas); }
.vidu-document-page-frame { width: min(100%, 920px); margin: 0 auto; zoom: var(--vidu-document-zoom, 1); }
.vidu-document-ruler { position: sticky; z-index: 8; top: 0; color: var(--office-text-muted); }
.vidu-legal-draft-editor { min-height: 1120px; padding: 86px 92px; border: 1px solid rgba(110, 125, 118, .24); background: #fff; color: #151b18; box-shadow: 0 16px 44px rgba(10, 18, 14, .18); }

/* Docs typography is independent of the centered legal-contract template.
   Inline author formatting still wins; imported page layout is cleaned on paste. */
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor { line-height: 1.45; }
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor :is(h1,h2,h3,h4,h5,h6) {
  font-family: inherit;
  font-weight: 700;
  line-height: 1.25;
  text-align: left;
  letter-spacing: normal;
  text-transform: none;
  margin: 18px 0 8px;
}
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor h1 { font-size: 22px; margin-bottom: 10px; }
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor h2 { font-size: 19px; }
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor h3 { font-size: 17px; }
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor :is(h4,h5,h6) { font-size: 15px; }
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor > :first-child { margin-top: 0; }
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor :is(h1,h2,h3) * { -webkit-text-fill-color: currentColor; }
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor p { margin: 0 0 9px; }
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor :is(ul,ol) { margin: 8px 0 12px; padding-left: 26px; list-style-position: outside; }
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor ul { list-style-type: disc; }
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor ol { list-style-type: decimal; }
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor li { display: list-item; margin: 3px 0; }
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor li > p { margin: 0; }
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor pre { white-space: pre-wrap; overflow-wrap: anywhere; font: 13px/1.45 monospace; padding: 12px; background: #f3f4f6; color: #151619; }
.vidu-workforce-document-stage:not(.is-legal-workspace) .vidu-legal-draft-editor blockquote { margin: 12px 0; padding-left: 14px; border-left: 3px solid #c5cad3; }
.vidu-workforce-document-stage .vidu-legal-draft-editor table { display: table; width: 100%; max-width: 100%; margin: 12px 0 16px; border-collapse: collapse; border-spacing: 0; table-layout: auto; }
.vidu-workforce-document-stage .vidu-legal-draft-editor :is(td, th) { min-width: 48px; padding: 8px 10px; border: 1px solid #cfd3da; color: inherit; vertical-align: top; overflow-wrap: anywhere; }
.vidu-workforce-document-stage .vidu-legal-draft-editor th { background: #f2f3f5; font-weight: 700; text-align: left; }
.vidu-workforce-document-stage .vidu-legal-draft-editor :is(td, th).is-document-table-cell-active { position: relative; outline: 2px solid #76509d; outline-offset: -2px; }
.vidu-document-table-tools { position: fixed; z-index: 180; display: flex; align-items: center; gap: 4px; min-height: 42px; padding: 5px; border: 1px solid var(--office-border-strong); border-radius: 13px; background: color-mix(in srgb, var(--office-surface-raised) 88%, transparent); box-shadow: 0 14px 36px rgb(0 0 0 / 28%), inset 0 1px rgb(255 255 255 / 8%); color: var(--office-text); -webkit-backdrop-filter: blur(18px) saturate(135%); backdrop-filter: blur(18px) saturate(135%); pointer-events: auto; }
.vidu-document-table-tools[hidden] { display: none; }
.vidu-document-table-tools label { display: flex; align-items: center; gap: 5px; height: 32px; padding: 0 7px; border-radius: 8px; background: var(--office-surface-subtle); color: var(--office-text-muted); font-size: 9px; }
.vidu-document-table-tools label span { font-weight: 700; letter-spacing: .04em; }
.vidu-document-table-tools :is(select, input) { height: 24px; padding: 0 5px; border: 0; outline: 0; border-radius: 6px; background: var(--office-surface-raised); color: var(--office-text); font: 600 10px/1 Inter, sans-serif; }
.vidu-document-table-tools select { width: 66px; }
.vidu-document-table-tools input { width: 48px; }
.vidu-document-table-tools label i { font-size: 9px; font-style: normal; }
.vidu-document-table-tools > button { position: relative; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--office-text-muted); cursor: pointer; }
.vidu-document-table-tools > button:hover { background: var(--office-control-hover); color: var(--office-text); }
.vidu-document-table-tools > button > i { position: absolute; right: 2px; bottom: 1px; display: grid; place-items: center; width: 12px; height: 12px; border-radius: 50%; background: var(--office-accent-strong); color: #fff; font: 700 9px/12px Inter, sans-serif; }
.vidu-document-table-tools-separator { width: 1px; height: 24px; margin: 0 2px; background: var(--office-border); }
.vidu-document-window-resizer { position: absolute; z-index: 120; right: 3px; bottom: 3px; width: 20px; height: 20px; border: 0; background: linear-gradient(135deg, transparent 0 48%, var(--office-border-strong) 49% 54%, transparent 55% 64%, var(--office-border-strong) 65% 70%, transparent 71%); cursor: nwse-resize; }
.vidu-sheet-border-control { position: relative; flex: 0 0 auto; }
.vidu-sheet-border-panel { position: fixed; z-index: 100; display: grid; width: 330px; max-height: min(580px, calc(100vh - 90px)); padding: 12px; overflow: auto; border: 1px solid var(--office-border); border-radius: 12px; background: var(--office-surface-raised); color: var(--office-text); box-shadow: var(--office-panel-shadow); }
.vidu-sheet-border-modes { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; }
.vidu-sheet-border-colors { display: grid; grid-template-columns: repeat(8, 1fr); gap: 7px; }
.vidu-sheet-border-colors button { width: 27px; min-width: 27px; height: 27px; padding: 0; border: 2px solid var(--office-surface-raised); border-radius: 50%; background: var(--border-swatch); box-shadow: 0 0 0 1px var(--office-border); }
.vidu-sheet-border-line-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }

@media (max-width: 900px) {
  .vidu-office-editor-shell { width: 100vw; height: 100dvh; border-radius: 0; }
  .vidu-office-editor-shell > header span, .vidu-office-editor-shell > header em { display: none; }
  .vidu-office-editor-shell > header > div:first-child { grid-template-columns: minmax(140px, 1fr); }
  .vidu-workforce-document-stage .vidu-office-editor-shell > main { grid-template-columns: minmax(0, 1fr); }
  .vidu-document-details-panel { display: none; }
  .vidu-document-file-tools [data-document-details-toggle] { display: none; }
  .vidu-legal-draft-paper { padding-inline: 12px; }
}

@media (max-width: 680px) {
  .vidu-office-editor-shell > header { padding-inline: 12px; }
  .vidu-office-editor-shell > header small { display: none; }
  .vidu-office-menubar { overflow-x: auto; overflow-y: hidden; }
  .vidu-office-menu-panel { position: fixed; top: 106px; right: 8px; left: 8px; min-width: 0; }
  .vidu-legal-draft-editor { padding: 48px 36px; }
  .vidu-document-table-tools { max-width: calc(100vw - 16px); overflow-x: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .vidu-office-editor-shell *, .vidu-sheet-side-panel, .vidu-document-collaboration-panel { transition-duration: .01ms; }
}


/* Source: assets/css/pipeline/23-premium-motion.css */
/* Corvion premium motion — calm, short and accessible. */
@keyframes vidu-office-surface-enter {
  from { opacity: 0; transform: translateY(14px) scale(.986); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes vidu-office-surface-exit {
  from { opacity: 1; transform: translateY(0) scale(1); }
  to { opacity: 0; transform: translateY(10px) scale(.988); }
}

@keyframes vidu-premium-backdrop-enter {
  from { opacity: 0; backdrop-filter: blur(0) saturate(1); }
  to { opacity: 1; backdrop-filter: blur(18px) saturate(.78); }
}

@keyframes vidu-project-card-enter {
  from { opacity: 0; transform: translateY(7px) scale(.995); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes vidu-project-surface-exit {
  from { opacity: 1; }
  to { opacity: 0; }
}

.vidu-workforce-document-stage,
.vidu-workforce-spreadsheet-stage {
  animation: vidu-office-surface-enter 280ms cubic-bezier(.2, .78, .2, 1) both;
  transform-origin: 50% 48%;
}

.vidu-workforce-document-stage .vidu-legal-draft-backdrop,
.vidu-workforce-spreadsheet-stage .vidu-legal-draft-backdrop {
  animation: vidu-premium-backdrop-enter 240ms ease-out both;
}

.vidu-workforce-document-stage.is-closing,
.vidu-workforce-spreadsheet-stage.is-closing,
.vidu-legal-record-bundle-stage.is-closing {
  animation: vidu-office-surface-exit 210ms cubic-bezier(.4, 0, 1, 1) both;
  pointer-events: none;
}

#vidu-pipeline-dashboard .vidu-pipeline-card,
#vidu-pipeline-dashboard .vidu-dashboard-row,
#vidu-pipeline-dashboard .vidu-mobile-project-card {
  animation: vidu-project-card-enter 240ms cubic-bezier(.2, .75, .25, 1) both;
}

.vidu-project-modal-shell.is-open {
  animation: vidu-premium-backdrop-enter 220ms ease-out both;
}

.vidu-project-modal-shell.is-closing {
  animation: vidu-project-surface-exit 180ms ease-in both;
  pointer-events: none;
}

.vidu-project-modal-shell.is-open .vidu-app-modal-dialog {
  animation: vidu-office-surface-enter 260ms cubic-bezier(.2, .78, .2, 1) both;
}

.vidu-project-modal-shell.is-closing .vidu-app-modal-dialog {
  animation: vidu-office-surface-exit 180ms cubic-bezier(.4, 0, 1, 1) both;
}

@media (prefers-reduced-motion: reduce) {
  .vidu-workforce-document-stage,
  .vidu-workforce-spreadsheet-stage,
  .vidu-legal-record-bundle-stage,
  #vidu-pipeline-dashboard .vidu-pipeline-card,
  #vidu-pipeline-dashboard .vidu-dashboard-row,
  #vidu-pipeline-dashboard .vidu-mobile-project-card,
  .vidu-project-modal-shell,
  .vidu-project-modal-shell .vidu-app-modal-dialog {
    animation: none;
  }
}


/* Source: assets/css/pipeline/24-office-suite.css */
.corvion-office-menu > button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--office-accent, #2563eb);
  font-weight: 650;
}

.corvion-office-menu svg,
.corvion-office-suite-panel svg,
.corvion-office-window-dock svg,
.corvion-office-command-palette svg,
.corvion-office-preview-layer svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.corvion-office-suite-panel {
  position: absolute;
  z-index: 90;
  inset: 0 0 0 auto;
  width: min(440px, 42vw);
  min-width: min(380px, 100%);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  color: var(--office-text, #202124);
  background: color-mix(in srgb, var(--office-surface, #fff) 96%, transparent);
  border-left: 1px solid var(--office-border, #d7dce2);
  box-shadow: -24px 0 64px rgb(2 12 27 / 18%);
  transform: translateX(calc(100% + 28px));
  opacity: 0;
  visibility: hidden;
  transition: transform 220ms cubic-bezier(.2,.8,.2,1), opacity 180ms ease, visibility 0s linear 220ms;
  backdrop-filter: blur(18px) saturate(1.25);
}

.is-office-suite-open .corvion-office-suite-panel {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.corvion-office-suite-panel > header {
  min-width: 0;
  padding: 20px 22px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--office-border, #d7dce2);
}

.corvion-office-suite-panel > header div {
  display: grid;
  gap: 3px;
}

.corvion-office-suite-panel > header span {
  color: var(--office-accent, #2563eb);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
}

.corvion-office-suite-panel > header strong {
  font-size: 18px;
  letter-spacing: -.02em;
}

.corvion-office-suite-panel button,
.corvion-office-suite-panel input,
.corvion-office-suite-panel select,
.corvion-office-suite-panel textarea {
  font: inherit;
}

.corvion-office-suite-panel button {
  min-height: 38px;
  border: 1px solid var(--office-border, #d7dce2);
  border-radius: 10px;
  color: var(--office-text, #202124);
  background: var(--office-surface-raised, #fff);
  cursor: pointer;
}

.corvion-office-suite-panel button:hover {
  border-color: color-mix(in srgb, var(--office-accent, #2563eb) 55%, var(--office-border, #d7dce2));
  background: color-mix(in srgb, var(--office-accent, #2563eb) 8%, var(--office-surface-raised, #fff));
}

.corvion-office-suite-panel > header button {
  width: 38px;
  min-height: 38px;
  display: grid;
  place-items: center;
}

.corvion-office-suite-scroll {
  min-height: 0;
  padding: 12px;
  overflow: auto;
  scrollbar-gutter: stable;
}

.corvion-office-disclosure {
  border-bottom: 1px solid var(--office-border, #d7dce2);
}

.corvion-office-disclosure > summary {
  min-height: 54px;
  padding: 0 10px;
  display: grid;
  grid-template-columns: 22px 1fr auto;
  align-items: center;
  gap: 10px;
  list-style: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
}

.corvion-office-disclosure > summary::-webkit-details-marker { display: none; }
.corvion-office-disclosure > summary i::before { content: "+"; font-style: normal; font-size: 20px; font-weight: 400; }
.corvion-office-disclosure[open] > summary i::before { content: "−"; }
.corvion-office-disclosure > summary svg { color: var(--office-accent, #2563eb); }
.corvion-office-disclosure > div { padding: 2px 10px 18px; display: grid; gap: 12px; animation: corvion-office-reveal 180ms ease both; }

@keyframes corvion-office-reveal {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.corvion-office-field { display: grid; gap: 6px; color: var(--office-text-muted, #667085); font-size: 11px; font-weight: 650; }
.corvion-office-field input,
.corvion-office-field select,
.corvion-office-field textarea {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid var(--office-border, #d7dce2);
  border-radius: 9px;
  color: var(--office-text, #202124);
  background: var(--office-input, var(--office-surface-raised, #fff));
}

.corvion-office-field-grid,
.corvion-office-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.corvion-office-action-grid button { padding: 9px 10px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; font-size: 12px; }
.corvion-office-inline { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.corvion-office-inline input { min-width: 0; min-height: 38px; padding: 8px 10px; border: 1px solid var(--office-border, #d7dce2); border-radius: 9px; color: var(--office-text, #202124); background: var(--office-input, var(--office-surface-raised, #fff)); }
.corvion-office-inline button { padding: 0 12px; }
.corvion-office-suite-panel .diff { width: 100%; border-collapse: collapse; font-size: 10px; }
.corvion-office-suite-panel .diff td { padding: 4px; vertical-align: top; }
.corvion-office-suite-panel .diff-deletedline { background: color-mix(in srgb, #b42318 14%, transparent); }
.corvion-office-suite-panel .diff-addedline { background: color-mix(in srgb, #067647 14%, transparent); }
.corvion-office-note,
.corvion-office-empty { margin: 0; color: var(--office-text-muted, #667085); font-size: 11px; line-height: 1.55; }
.corvion-office-primary { color: #fff; border-color: #2563eb; background: #2563eb; }
.corvion-office-primary:hover { color: #fff; background: #1d4ed8; }

.corvion-office-toggle { display: flex; align-items: center; gap: 9px; color: var(--office-text, #202124); font-size: 12px; cursor: pointer; }
.corvion-office-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.corvion-office-toggle span { width: 30px; height: 18px; padding: 2px; border-radius: 20px; background: var(--office-border, #cfd5dd); transition: background 160ms ease; }
.corvion-office-toggle span::after { content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgb(0 0 0 / 24%); transition: transform 160ms ease; }
.corvion-office-toggle input:checked + span { background: #2563eb; }
.corvion-office-toggle input:checked + span::after { transform: translateX(12px); }

.corvion-office-suggestion { padding: 11px; display: grid; gap: 6px; border: 1px solid var(--office-border, #d7dce2); border-radius: 10px; background: var(--office-surface-raised, #fff); }
.corvion-office-suggestion small { color: var(--office-text-muted, #667085); }
.corvion-office-suggestion del { color: #b42318; }
.corvion-office-suggestion ins { color: #067647; text-decoration: none; }
.corvion-office-suggestion > div { display: flex; gap: 6px; }
.corvion-office-suggestion > div button { min-height: 32px; padding: 0 10px; font-size: 11px; }
.corvion-office-audit-row { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1fr); gap: 2px 8px; padding: 8px 0; border-bottom: 1px solid var(--office-border, #d7dce2); font-size: 11px; }
.corvion-office-audit-row time { grid-column: 1 / -1; color: var(--office-text-muted, #667085); }

.vidu-workforce-document-stage .vidu-legal-draft-paper { width: 100%; min-width: 0; min-height: 0; }
.vidu-workforce-document-stage .vidu-document-page-frame { position: relative; width: min(var(--office-page-width, 210mm), calc(100% - 2px)); min-height: var(--office-page-height, 297mm); margin-inline: auto; }
.vidu-workforce-document-stage .vidu-legal-draft-editor { min-height: var(--office-page-height, 297mm); padding: var(--office-page-margin-top, 25mm) var(--office-page-margin-right, 25mm) var(--office-page-margin-bottom, 25mm) var(--office-page-margin-left, 25mm); }
.corvion-office-page-header,
.corvion-office-page-footer { position: absolute; z-index: 2; left: var(--office-page-margin-left, 25mm); right: var(--office-page-margin-right, 25mm); color: #667085; font-size: 9px; pointer-events: none; }
.corvion-office-page-header { top: 10mm; }
.corvion-office-page-footer { bottom: 10mm; text-align: center; }
.corvion-office-page-break { margin: 24px -20px; border-top: 1px dashed #98a2b3; color: #667085; text-align: center; font: 11px/1.8 Inter, sans-serif; }
.corvion-office-toc { margin: 0 0 32px; padding: 20px; border-radius: 12px; background: #f8fafc; color: #101828; }
.corvion-office-toc ol { margin-bottom: 0; }
.corvion-office-toc .level-2 { margin-left: 18px; }
.corvion-office-toc .level-3 { margin-left: 36px; }
.has-corvion-document-style h1,
.has-corvion-document-style h2,
.has-corvion-document-style h3 { font-family: Inter, sans-serif; letter-spacing: -.035em; }
.has-corvion-document-style p { line-height: 1.72; }

.is-office-frozen-row,
.is-office-frozen-column { position: sticky; z-index: 4; background: var(--office-cell-bg); }
.is-office-frozen-row { top: 0; box-shadow: 0 1px var(--office-selection, #2563eb); }
.is-office-frozen-column { left: 0; box-shadow: 1px 0 var(--office-selection, #2563eb); }
.is-office-condition-match { color: #fff; background: #2563eb; }
.corvion-office-chart { position: absolute; z-index: 45; top: 190px; right: 34px; width: min(420px, 44%); margin: 0; padding: 18px; border: 1px solid var(--office-border, #d7dce2); border-radius: 14px; color: var(--office-text, #202124); background: var(--office-surface-raised, #fff); box-shadow: 0 18px 48px rgb(0 0 0 / 18%); }
.corvion-office-chart figcaption { margin-bottom: 16px; font-weight: 700; }
.corvion-office-chart > div { height: 190px; display: flex; align-items: end; gap: 8px; }
.corvion-office-chart i { position: relative; flex: 1; height: var(--bar); min-width: 8px; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #60a5fa, #2563eb); }
.corvion-office-chart i span { position: absolute; bottom: calc(100% + 4px); left: 50%; transform: translateX(-50%); font: 9px Inter, sans-serif; }
.corvion-office-chart i small { position: absolute; top: calc(100% + 4px); left: 50%; transform: translateX(-50%); }
.corvion-office-chart > button { position: absolute; top: 9px; right: 9px; border: 0; background: transparent; color: inherit; }
.corvion-office-policy-watermark { position: absolute; z-index: 38; inset: 50% auto auto 50%; transform: translate(-50%, -50%) rotate(-24deg); color: color-mix(in srgb, var(--office-text, #101828) 10%, transparent); font: 800 clamp(42px, 8vw, 120px)/1 Inter, sans-serif; letter-spacing: .14em; pointer-events: none; user-select: none; }
.corvion-office-policy-watermark[hidden] { display: none; }
.is-office-copy-restricted .vidu-legal-draft-editor,
.is-office-copy-restricted .vidu-sheet-grid { user-select: none; }

.corvion-office-preview-layer,
.corvion-office-command-palette { position: fixed; z-index: 100001; inset: 0; display: grid; place-items: center; padding: 24px; background: rgb(3 7 18 / 46%); opacity: 0; transition: opacity 180ms ease; }
.corvion-office-preview-layer.is-visible { opacity: 1; }
.corvion-office-preview-layer > section { width: min(720px, 94vw); padding: 18px; display: grid; gap: 16px; border: 1px solid rgb(255 255 255 / 14%); border-radius: 18px; color: #f8fafc; background: #101828; box-shadow: 0 30px 90px rgb(0 0 0 / 38%); transform: translateY(10px) scale(.985); transition: transform 180ms ease; }
.corvion-office-preview-layer.is-visible > section { transform: translateY(0) scale(1); }
.corvion-office-preview-layer header { display: flex; align-items: center; gap: 12px; }
.corvion-office-preview-layer header div { display: grid; gap: 2px; flex: 1; }
.corvion-office-preview-layer header span { color: #60a5fa; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.corvion-office-preview-layer header button { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #344054; border-radius: 9px; color: inherit; background: transparent; }
.corvion-office-preview-layer textarea { min-height: 320px; padding: 16px; resize: vertical; border: 1px solid #344054; border-radius: 12px; color: #e4e7ec; background: #0c111d; font: 13px/1.65 Inter, sans-serif; }
.corvion-office-preview-layer footer { display: flex; justify-content: flex-end; gap: 8px; }
.corvion-office-preview-layer footer button { min-height: 40px; padding: 0 16px; border: 1px solid #344054; border-radius: 10px; color: #f8fafc; background: transparent; }
.corvion-office-preview-layer footer .corvion-office-primary { border-color: #2563eb; background: #2563eb; }

.corvion-office-command-palette { align-items: start; padding-top: min(18vh, 160px); opacity: 1; }
.corvion-office-command-palette section { width: min(680px, 94vw); max-height: 62vh; overflow: hidden; border: 1px solid rgb(148 163 184 / 25%); border-radius: 16px; color: #f8fafc; background: #101828; box-shadow: 0 30px 90px rgb(0 0 0 / 40%); }
.corvion-office-command-palette label { height: 58px; padding: 0 18px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid #344054; }
.corvion-office-command-palette input { width: 100%; border: 0; outline: 0; color: inherit; background: transparent; font: 15px Inter, sans-serif; }
.corvion-office-command-palette section > div { max-height: calc(62vh - 58px); padding: 8px; display: grid; gap: 3px; overflow: auto; }
.corvion-office-command-palette button { padding: 10px 12px; display: grid; gap: 2px; border: 0; border-radius: 9px; color: #e4e7ec; background: transparent; text-align: left; cursor: pointer; }
.corvion-office-command-palette button:hover { background: #1d2939; }
.corvion-office-command-palette button small { color: #98a2b3; }

@container (max-width: 820px) {
  .corvion-office-suite-panel { width: min(420px, 100%); min-width: min(360px, 100%); }
  .corvion-office-menu > button { font-size: 0; }
  .corvion-office-menu > button svg { width: 20px; height: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .corvion-office-suite-panel,
  .corvion-office-preview-layer,
  .corvion-office-preview-layer > section,
  .corvion-office-disclosure > div { transition: none; animation: none; }
}


/* Source: assets/css/pipeline/25-lead-intelligence.css */
.vidu-lead-intelligence { display: grid; gap: 18px; }
.vidu-lead-intelligence-head, .vidu-lead-intelligence-head > div, .vidu-lead-intelligence-actions, .vidu-lead-confidence > div, .vidu-lead-intelligence footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vidu-lead-intelligence-head > div:first-child { align-items: flex-start; flex-direction: column; gap: 4px; }
.vidu-lead-intelligence-actions { justify-content: flex-end; flex-wrap: wrap; }
.vidu-lead-intelligence-statuses { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.vidu-lead-intelligence-statuses > span { display: grid; gap: 5px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(255,255,255,.035); }
.vidu-lead-intelligence-statuses small, .vidu-lead-signal-list small, .vidu-lead-intelligence footer, .vidu-lead-source-list small { color: var(--vidu-text-muted, #98a2b3); }
.vidu-lead-confidence { display: grid; gap: 8px; }
.vidu-lead-research-meters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.vidu-lead-confidence i { display: block; height: 7px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.08); }
.vidu-lead-confidence b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6d7cff, #48d7b0); }
.vidu-lead-confidence.is-coverage b { background: linear-gradient(90deg, #8b6dff, #63a5ff); }
.vidu-lead-intelligence-section h4 { margin: 0 0 8px; font-size: 13px; color: var(--vidu-text-muted, #98a2b3); text-transform: uppercase; letter-spacing: .06em; }
.vidu-lead-intelligence-section p { margin: 0; line-height: 1.55; }
.vidu-company-profile-overview { padding: 16px; border: 1px solid rgba(112,145,255,.18); border-radius: 14px; background: linear-gradient(135deg, rgba(91,120,255,.07), rgba(65,211,174,.035)); }
.vidu-company-profile-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.vidu-company-profile-tags span { padding: 6px 9px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(255,255,255,.045); color: var(--vidu-text-secondary, #d0d5dd); font-size: 11px; }
.vidu-company-public-grid, .vidu-company-mention-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.vidu-company-public-grid a, .vidu-company-mention-list a { display: grid; gap: 5px; min-width: 0; padding: 12px; border: 1px solid rgba(255,255,255,.075); border-radius: 11px; background: rgba(255,255,255,.028); color: inherit; text-decoration: none; }
.vidu-company-public-grid a:hover, .vidu-company-mention-list a:hover { border-color: rgba(112,145,255,.3); background: rgba(112,145,255,.06); }
.vidu-company-public-grid strong, .vidu-company-mention-list strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vidu-company-public-grid small, .vidu-company-mention-list small { overflow: hidden; color: var(--vidu-text-muted, #98a2b3); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.vidu-company-mention-list p { display: -webkit-box; overflow: hidden; color: var(--vidu-text-secondary, #d0d5dd); font-size: 12px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.vidu-lead-signal-list { display: grid; gap: 8px; }
.vidu-lead-signal-list article { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 10px; padding: 11px 12px; border-radius: 10px; background: rgba(255,255,255,.035); }
.vidu-lead-signal-list article > span { padding: 3px 7px; border-radius: 999px; font-size: 10px; font-weight: 700; color: #87a9ff; background: rgba(89,124,255,.14); }
.vidu-lead-signal-list article.is-inference > span { color: #d7a9ff; background: rgba(166,89,255,.14); }
.vidu-lead-signal-list article.is-recommendation > span { color: #65dfbd; background: rgba(65,205,166,.14); }
.vidu-lead-source-list { border-top: 1px solid rgba(255,255,255,.08); padding-top: 12px; }
.vidu-lead-source-list summary { cursor: pointer; }
.vidu-lead-source-list a { display: grid; gap: 3px; padding: 10px 0; color: inherit; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.06); }
.vidu-lead-source-list a:hover span { color: #8da8ff; }
.vidu-lead-intelligence-empty { color: var(--vidu-text-muted, #98a2b3); }
.vidu-lead-intelligence footer { justify-content: flex-start; flex-wrap: wrap; font-size: 12px; }
@media (max-width: 720px) {
  .vidu-lead-intelligence-head { align-items: flex-start; flex-direction: column; }
  .vidu-lead-intelligence-actions { width: 100%; justify-content: stretch; }
  .vidu-lead-intelligence-actions .vidu-btn { flex: 1; }
  .vidu-lead-intelligence-statuses { grid-template-columns: 1fr; }
  .vidu-lead-research-meters, .vidu-company-public-grid, .vidu-company-mention-list { grid-template-columns: 1fr; }
  .vidu-lead-signal-list article { grid-template-columns: auto minmax(0, 1fr); }
  .vidu-lead-signal-list article small { grid-column: 2; }
}


/* Source: assets/css/pipeline/26-entity-research-search.css */
.corvion-entity-research { margin: 22px 24px 0; border: 1px solid rgba(127,141,255,.22); border-radius: 20px; overflow: hidden; background: linear-gradient(145deg, rgba(36,42,68,.94), rgba(18,22,37,.96)); box-shadow: 0 18px 48px rgba(6,9,20,.24); }
.corvion-entity-research > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 22px 24px 18px; border-bottom: 1px solid rgba(255,255,255,.07); }
.corvion-entity-research > header span { color: #93a2ff; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.corvion-entity-research > header h3 { margin: 5px 0 4px; font-size: 25px; }
.corvion-entity-research > header p { margin: 0; color: var(--vidu-text-muted, #98a2b3); }
.corvion-entity-research > header > strong { padding: 7px 11px; border-radius: 999px; color: #69dfbb; background: rgba(62,204,164,.12); font-size: 11px; }
.corvion-entity-research form { display: grid; gap: 13px; padding: 20px 24px; background: rgba(255,255,255,.025); border-bottom: 1px solid rgba(255,255,255,.07); }
.corvion-entity-research label { display: grid; gap: 6px; color: var(--vidu-text-muted, #a7afbf); font-size: 12px; }
.corvion-entity-research label small { opacity: .65; }
.corvion-entity-research input, .corvion-entity-research textarea, .corvion-entity-research select { box-sizing: border-box; width: 100%; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; padding: 10px 12px; color: inherit; background: rgba(7,10,19,.42); font: inherit; outline: none; }
.corvion-entity-research .is-primary input { padding: 14px 16px; font-size: 16px; border-color: rgba(127,141,255,.38); }
.corvion-entity-research input:focus, .corvion-entity-research textarea:focus, .corvion-entity-research select:focus { border-color: #8090ff; box-shadow: 0 0 0 3px rgba(117,132,255,.12); }
.corvion-entity-research-fields { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.corvion-entity-research form > footer { display: flex; align-items: end; justify-content: flex-end; gap: 12px; }
.corvion-entity-research form .is-mode { min-width: 210px; }
.corvion-entity-research form button { min-height: 40px; border: 0; border-radius: 11px; padding: 0 20px; color: #fff; background: linear-gradient(135deg,#6977f8,#8b68ee); font-weight: 750; cursor: pointer; }
.corvion-entity-research form button:disabled { opacity: .55; cursor: wait; }
.corvion-entity-research-error { margin: 0; color: #ff9d9d; }
.corvion-entity-research-results { display: grid; grid-template-columns: minmax(220px, .34fr) minmax(0, 1fr); min-height: 280px; }
.corvion-entity-research-results > aside { padding: 16px; border-right: 1px solid rgba(255,255,255,.07); background: rgba(4,7,15,.18); }
.corvion-entity-research-results > aside > div { display: flex; justify-content: space-between; align-items: center; padding: 3px 5px 10px; color: var(--vidu-text-muted,#98a2b3); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.corvion-entity-research-results > aside > div button { border: 0; color: inherit; background: transparent; cursor: pointer; font-size: 16px; }
.corvion-entity-research-results > aside > button { display: grid; gap: 4px; width: 100%; margin: 3px 0; padding: 11px; border: 1px solid transparent; border-radius: 11px; color: inherit; text-align: left; background: transparent; cursor: pointer; }
.corvion-entity-research-results > aside > button:hover, .corvion-entity-research-results > aside > button.is-active { border-color: rgba(126,141,255,.22); background: rgba(110,125,255,.1); }
.corvion-entity-research-results > aside small { color: var(--vidu-text-muted,#98a2b3); }
.corvion-entity-research-results > main { display: grid; align-content: start; gap: 16px; padding: 22px 24px; }
.corvion-entity-research-results > main > header { display: flex; justify-content: space-between; gap: 16px; }
.corvion-entity-research-results > main h4 { margin: 4px 0 0; font-size: 21px; }
.corvion-entity-research-results > main h5 { margin: 0 0 9px; color: var(--vidu-text-muted,#98a2b3); text-transform: uppercase; letter-spacing: .06em; }
.corvion-entity-research-results > main > p { margin: 0; line-height: 1.6; }
.corvion-entity-research-status { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.corvion-entity-research-status span { display: grid; gap: 5px; padding: 10px; border-radius: 10px; background: rgba(255,255,255,.04); color: var(--vidu-text-muted,#98a2b3); font-size: 11px; }
.corvion-entity-research-status b { color: var(--vidu-text,#eef1f7); font-size: 13px; }
.corvion-entity-research-results article { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: start; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.corvion-entity-research-results article > span { color: #96a4ff; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.corvion-entity-research-results article p { margin: 0; }
.corvion-entity-research-results article small, .corvion-entity-research-results details small { color: var(--vidu-text-muted,#98a2b3); }
.corvion-entity-research-results details > div { display: grid; gap: 4px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.corvion-entity-research-results details a { color: #9aa7ff; }
.corvion-entity-research-empty { align-self: center; justify-self: center; max-width: 470px; text-align: center; color: var(--vidu-text-muted,#98a2b3); }
.corvion-entity-research-empty strong { color: var(--vidu-text,#eef1f7); font-size: 18px; }
@media(max-width:980px){.corvion-entity-research-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.corvion-entity-research-results{grid-template-columns:1fr}.corvion-entity-research-results>aside{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}}
@media(max-width:620px){.corvion-entity-research{margin:12px}.corvion-entity-research>header,.corvion-entity-research form{padding:16px}.corvion-entity-research-fields,.corvion-entity-research-status{grid-template-columns:1fr}.corvion-entity-research form>footer{align-items:stretch;flex-direction:column}.corvion-entity-research form .is-mode{min-width:0}.corvion-entity-research-results>main{padding:18px 16px}}


/* Source: assets/css/pipeline/27-mail-workspace.css */
.has-corvion-mail-open { overflow: hidden; }
.corvion-mail-workspace { position: fixed; inset: 0; z-index: 2147482500; padding: 22px; color: #172027; background: transparent; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.corvion-mail-workspace[hidden] { display: none; }
.corvion-mail-workspace.is-backgrounded { z-index: 2147481000; pointer-events: none; background: transparent; }
.corvion-mail-workspace * { box-sizing: border-box; }
.corvion-mail-workspace button, .corvion-mail-workspace input, .corvion-mail-workspace select { font: inherit; }
.corvion-mail-workspace button { color: inherit; }
.corvion-mail-workspace svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.corvion-mail-window { position: absolute; left: 50%; top: 50%; width: min(1540px, calc(100vw - 44px)); height: min(940px, calc(100dvh - 44px)); min-width: min(860px, calc(100vw - 20px)); min-height: min(560px, calc(100dvh - 20px)); display: grid; grid-template-rows: var(--corvion-app-header-height, 54px) minmax(0,1fr); overflow: hidden; transform: translate(-50%, -50%); border: 1px solid rgb(209 219 224 / 88%); border-radius: 16px; background: #f8fafb; box-shadow: 0 30px 90px rgb(12 20 24 / 30%); transition: box-shadow .48s cubic-bezier(.22,.72,.15,1), transform .48s cubic-bezier(.22,.72,.15,1); }
.corvion-mail-workspace.is-backgrounded .corvion-mail-window { pointer-events: auto; box-shadow: 0 20px 56px rgb(12 20 24 / 19%); }
.corvion-mail-workspace[data-window-mode="fullscreen"] { padding: 0; }
.corvion-mail-workspace[data-window-mode="fullscreen"] .corvion-mail-window { left: 0; top: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; resize: none; transform: none; border: 0; border-radius: 0; }
.corvion-mail-windowbar { padding: 0 9px 0 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dde4e7; background: #f2f5f6; cursor: grab; user-select: none; }
.corvion-mail-window.is-dragging .corvion-mail-windowbar { cursor: grabbing; }
.corvion-mail-windowbar > div { display: flex; align-items: center; gap: 8px; }
.corvion-mail-windowbar > div:first-child > span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; color: #50616a; background: #e2e9ec; }
.corvion-mail-windowbar > div:first-child svg { width: 15px; height: 15px; }
.corvion-mail-windowbar strong { font-size: 11.5px; letter-spacing: -.01em; }
.corvion-mail-windowbar button { width: 29px; height: 29px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 7px; color: #738087; background: transparent; cursor: pointer; }
.corvion-mail-windowbar button:hover { color: #26343b; background: #dfe6e9; }
.corvion-mail-windowbar button.is-active { color: #27363e; background: #d9e2e6; }
.corvion-mail-windowbar button svg { width: 15px; height: 15px; }
.corvion-mail-window-resize { position: absolute; z-index: 80; display: block; touch-action: none; }
.corvion-mail-window-resize.is-n, .corvion-mail-window-resize.is-s { left: 13px; right: 13px; height: 8px; cursor: ns-resize; }
.corvion-mail-window-resize.is-n { top: 0; }
.corvion-mail-window-resize.is-s { bottom: 0; }
.corvion-mail-window-resize.is-e, .corvion-mail-window-resize.is-w { top: 13px; bottom: 13px; width: 8px; cursor: ew-resize; }
.corvion-mail-window-resize.is-e { right: 0; }
.corvion-mail-window-resize.is-w { left: 0; }
.corvion-mail-window-resize.is-ne, .corvion-mail-window-resize.is-nw, .corvion-mail-window-resize.is-se, .corvion-mail-window-resize.is-sw { width: 16px; height: 16px; }
.corvion-mail-window-resize.is-ne { top: 0; right: 0; cursor: nesw-resize; }
.corvion-mail-window-resize.is-nw { top: 0; left: 0; cursor: nwse-resize; }
.corvion-mail-window-resize.is-se { right: 0; bottom: 0; cursor: nwse-resize; }
.corvion-mail-window-resize.is-sw { left: 0; bottom: 0; cursor: nesw-resize; }
.corvion-mail-workspace[data-window-mode="fullscreen"] .corvion-mail-window-resize { display: none; }
.corvion-mail-shell { width: 100%; height: 100%; min-height: 0; display: grid; grid-template-columns: var(--mail-sidebar-width, 236px) 5px var(--mail-list-width, 386px) 5px minmax(0, 1fr); overflow: hidden; background: #f8fafb; }
.corvion-mail-shell.is-sidebar-hidden { grid-template-columns: 0 0 var(--mail-list-width, 386px) 5px minmax(0,1fr); }
.corvion-mail-shell.is-list-hidden { grid-template-columns: var(--mail-sidebar-width, 236px) 5px 0 0 minmax(0,1fr); }
.corvion-mail-shell.is-sidebar-hidden.is-list-hidden { grid-template-columns: 0 0 0 0 minmax(0,1fr); }
.corvion-mail-shell.is-sidebar-hidden .corvion-mail-sidebar, .corvion-mail-shell.is-sidebar-hidden .corvion-mail-pane-resizer.is-sidebar, .corvion-mail-shell.is-list-hidden .corvion-mail-list, .corvion-mail-shell.is-list-hidden .corvion-mail-pane-resizer.is-list { visibility: hidden; }
.corvion-mail-pane-resizer { position: relative; z-index: 4; cursor: col-resize; background: transparent; }
.corvion-mail-pane-resizer::after { content: ""; position: absolute; inset: 0 2px; background: transparent; transition: background-color .15s ease; }
.corvion-mail-pane-resizer:hover::after { background: #b8c4ca; }
.is-resizing-corvion-mail, .is-resizing-corvion-mail * { cursor: col-resize; user-select: none; }
.corvion-mail-sidebar { min-width: 0; padding: 15px 11px 12px; display: flex; flex-direction: column; border-right: 1px solid #dfe5e8; background: #edf1f3; overflow: auto; scrollbar-width: thin; }
.corvion-mail-sidebar > header { height: 46px; padding: 0 8px 7px; display: flex; align-items: center; justify-content: space-between; }
.corvion-mail-brand { display: flex; align-items: center; gap: 9px; font-size: 17px; letter-spacing: -.02em; }
.corvion-mail-brand > svg { width: 22px; height: 22px; color: #53636e; }
.corvion-mail-sidebar > header > button, .corvion-mail-sidebar section > header button { width: 28px; height: 28px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 7px; color: #73808a; background: transparent; cursor: pointer; }
.corvion-mail-sidebar > header > button:hover, .corvion-mail-sidebar section > header button:hover { color: #172027; background: #dce3e6; }
.corvion-mail-sidebar nav, .corvion-mail-sidebar section { display: grid; gap: 2px; }
.corvion-mail-sidebar section { margin-top: 18px; }
.corvion-mail-sidebar section > header { height: 25px; padding: 0 7px; display: flex; align-items: center; justify-content: space-between; }
.corvion-mail-sidebar section > header span { color: #7b8891; font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.corvion-mail-nav-item { width: 100%; height: 34px; padding: 0 9px; display: grid; grid-template-columns: 21px minmax(0,1fr) auto; align-items: center; gap: 8px; border: 0; border-radius: 7px; color: #56646d; background: transparent; text-align: left; font-size: 12.5px; cursor: pointer; }
.corvion-mail-nav-item svg { width: 16px; height: 16px; }
.corvion-mail-nav-item span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.corvion-mail-nav-item b { color: #8a969e; font-size: 10px; font-weight: 600; }
.corvion-mail-nav-item:hover { color: #19232a; background: #e2e8eb; }
.corvion-mail-nav-item.is-active { color: #152028; background: #d8e0e4; font-weight: 650; }
.corvion-mail-nav-empty { margin: 5px 9px; color: #9aa4aa; font-size: 11px; }
.corvion-mail-account-row { display: grid; grid-template-columns: minmax(0,1fr) 26px; align-items: center; }
.corvion-mail-account-row > button:last-child { width: 25px; height: 25px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 6px; color: #909ba2; background: transparent; cursor: pointer; }
.corvion-mail-account-row > button:last-child:hover { color: #344149; background: #dce3e6; }
.corvion-mail-account-row > button:last-child svg { width: 15px; height: 15px; }
.corvion-mail-sidebar > footer { margin-top: auto; padding-top: 18px; display: grid; gap: 7px; }
.corvion-mail-sidebar > footer button { width: 100%; height: 36px; padding: 0 10px; display: flex; align-items: center; gap: 8px; border: 1px solid #d6dee2; border-radius: 8px; color: #52616b; background: #f5f7f8; font-size: 12px; cursor: pointer; }
.corvion-mail-list { min-width: 0; min-height: 0; height: 100%; display: grid; grid-template-rows: 62px 48px 42px minmax(0,1fr); overflow: hidden; border-right: 1px solid #e2e7ea; background: #f9fafb; }
.corvion-mail-list > header { padding: 13px 14px 8px; display: flex; align-items: center; gap: 8px; }
.corvion-mail-list > header label { height: 36px; flex: 1; padding: 0 11px; display: flex; align-items: center; gap: 8px; border: 1px solid #e1e6e9; border-radius: 9px; color: #849099; background: #fff; }
.corvion-mail-list > header label svg { width: 16px; height: 16px; }
.corvion-mail-list > header input { width: 100%; border: 0; outline: 0; color: #26323a; background: transparent; font-size: 12px; }
.corvion-mail-list > header > button { width: 35px; height: 35px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 8px; color: #74818a; background: transparent; cursor: pointer; }
.corvion-mail-list > header > button:hover { background: #edf1f3; }
.corvion-mail-list > header > button.is-spinning svg { animation: corvion-mail-spin .8s linear infinite; }
@keyframes corvion-mail-spin { to { transform: rotate(360deg); } }
.corvion-mail-top-tabs { min-width: 0; padding: 5px 11px 7px; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid #eef1f3; }
.corvion-mail-top-tabs > div { min-width: 0; display: flex; flex: 1; gap: 5px; overflow-x: auto; scrollbar-width: none; }
.corvion-mail-top-tabs > div::-webkit-scrollbar { display: none; }
.corvion-mail-top-tabs > div > span { height: 34px; display: flex; flex: 0 0 auto; align-items: center; overflow: hidden; border: 1px solid #e1e7e9; border-radius: 12px 12px 9px 9px; color: #68767d; background: #f1f4f5; transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease; }
.corvion-mail-top-tabs > div > span:hover { border-color: #cdd7db; color: #324149; background: #f7f9fa; }
.corvion-mail-top-tabs > div > span.is-active { border-color: #c8d2d6; color: #1e2d34; background: #fff; box-shadow: 0 4px 13px rgb(31 48 56 / 9%); }
.corvion-mail-top-tabs span > button:first-child { height: 100%; padding: 0 7px 0 10px; display: flex; align-items: center; gap: 6px; border: 0; color: inherit; background: transparent; cursor: pointer; }
.corvion-mail-top-tabs span > button:first-child svg { width: 14px; height: 14px; }
.corvion-mail-top-tabs span b { max-width: 118px; overflow: hidden; font-size: 9.5px; font-weight: 680; text-overflow: ellipsis; white-space: nowrap; }
.corvion-mail-top-tabs span em { min-width: 18px; height: 18px; padding: 0 5px; display: grid; place-items: center; border-radius: 999px; color: #78858c; background: #e8edef; font-size: 8px; font-style: normal; }
.corvion-mail-top-tabs span.is-active em { color: #4d5d65; background: #edf1f3; }
.corvion-mail-top-tabs [data-mail-unpin-view] { width: 23px; height: 100%; padding: 0 6px 0 2px; display: grid; place-items: center; border: 0; color: #a1aaaf; background: transparent; opacity: 0; cursor: pointer; transition: opacity .14s ease, color .14s ease; }
.corvion-mail-top-tabs span:hover [data-mail-unpin-view], .corvion-mail-top-tabs span.is-active [data-mail-unpin-view] { opacity: 1; }
.corvion-mail-top-tabs [data-mail-unpin-view]:hover { color: #4e5d65; }
.corvion-mail-top-tabs [data-mail-unpin-view] svg { width: 11px; height: 11px; }
.corvion-mail-top-tabs > [data-mail-pin-picker] { width: 32px; height: 32px; padding: 0; display: grid; flex: 0 0 32px; place-items: center; border: 1px dashed #cad4d8; border-radius: 10px; color: #7b898f; background: transparent; cursor: pointer; }
.corvion-mail-top-tabs > [data-mail-pin-picker]:hover { border-style: solid; color: #34434a; background: #edf2f4; }
.corvion-mail-top-tabs > [data-mail-pin-picker] svg { width: 14px; height: 14px; }
.corvion-mail-list-meta { padding: 4px 16px 9px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eef1f3; }
.corvion-mail-list-meta strong { font-size: 12px; }
.corvion-mail-list-meta span { color: #929da4; font-size: 10px; }
.corvion-mail-message-list { min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.corvion-mail-message-item { position: relative; overflow: hidden; background: #dfe6e9; }
.corvion-mail-row-actions { position: absolute; inset: 0 0 0 auto; width: 150px; display: grid; grid-template-columns: repeat(3,1fr); }
.corvion-mail-row-actions button { padding: 0; display: grid; place-items: center; border: 0; color: #fff; background: #687981; cursor: pointer; }
.corvion-mail-row-actions button:nth-child(2) { background: #d49a28; }
.corvion-mail-row-actions button:nth-child(3) { background: #ba4f52; }
.corvion-mail-row-actions svg { width: 17px; height: 17px; }
.corvion-mail-message-row { position: relative; z-index: 1; width: 100%; min-height: 104px; padding: 13px 14px 12px 12px; display: grid; grid-template-columns: 5px minmax(0,1fr) auto; gap: 9px; border: 0; border-bottom: 1px solid #edf0f2; color: #26323a; background: #fff; text-align: left; transition: transform .2s cubic-bezier(.2,.8,.2,1), background-color .15s ease; touch-action: pan-y; cursor: pointer; }
.corvion-mail-message-item.is-revealed .corvion-mail-message-row { transform: translateX(-150px); }
.corvion-mail-row-more { position: absolute; z-index: 2; right: 8px; top: 38px; width: 28px; height: 28px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 7px; color: #7d8990; background: rgb(239 243 245 / 94%); opacity: 0; transform: translateX(5px); transition: opacity .14s ease, transform .14s ease; cursor: pointer; }
.corvion-mail-message-item:hover .corvion-mail-row-more, .corvion-mail-row-more:focus-visible { opacity: 1; transform: translateX(0); }
.corvion-mail-row-more:hover { color: #26333a; background: #dce4e7; }
.corvion-mail-row-more svg { width: 15px; height: 15px; }
.corvion-mail-message-row > i { width: 5px; height: 5px; margin-top: 7px; border-radius: 50%; background: transparent; }
.corvion-mail-message-row.is-unread > i { background: #496dff; }
.corvion-mail-message-row.is-unread header strong, .corvion-mail-message-row.is-unread > div > b { font-weight: 720; }
.corvion-mail-message-row:hover { background: #f5f8f9; }
.corvion-mail-message-row.is-active { background: #edf2f5; box-shadow: inset 3px 0 #9daab2; }
.corvion-mail-message-row header { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.corvion-mail-message-row header strong { overflow: hidden; color: #2a343b; font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.corvion-mail-message-row time { flex: none; color: #9aa4aa; font-size: 9px; }
.corvion-mail-message-row > div > b { margin-top: 4px; display: block; overflow: hidden; font-size: 11.5px; font-weight: 560; text-overflow: ellipsis; white-space: nowrap; }
.corvion-mail-message-row p { margin: 4px 0 0; overflow: hidden; color: #88939a; font-size: 10.5px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.corvion-mail-message-row > svg { width: 13px; height: 13px; margin-top: 25px; color: #a2abb1; }
.corvion-mail-row-flag { margin-top: 24px; }
.corvion-mail-row-flag svg { width: 14px; height: 14px; fill: currentColor; }
.corvion-mail-row-flag.is-orange { color: #ef8f24; } .corvion-mail-row-flag.is-red { color: #ef4c52; } .corvion-mail-row-flag.is-indigo { color: #6869ed; } .corvion-mail-row-flag.is-cyan { color: #27bfc7; } .corvion-mail-row-flag.is-yellow { color: #e8be19; } .corvion-mail-row-flag.is-green { color: #37b963; } .corvion-mail-row-flag.is-gray { color: #929aa0; }
.corvion-mail-load-more { width: calc(100% - 24px); min-height: 38px; margin: 12px; display: flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid #dde4e7; border-radius: 9px; color: #64727a; background: #f7f9fa; font-size: 10.5px; cursor: pointer; }
.corvion-mail-load-more:hover { color: #2e3b42; background: #eef2f4; }
.corvion-mail-load-more svg { width: 14px; height: 14px; }
.corvion-mail-intelligence-pill { width: fit-content; max-width: 100%; margin-top: 7px; padding: 3px 7px; display: flex; align-items: center; gap: 4px; overflow: hidden; border-radius: 999px; color: #59686f; background: #e9eff1; font-size: 8.5px; text-overflow: ellipsis; white-space: nowrap; }
.corvion-mail-intelligence-pill svg { width: 11px; height: 11px; }
.corvion-mail-category-pill { width: fit-content; max-width: 100%; margin-top: 7px; padding: 3px 7px; display: inline-flex; align-items: center; gap: 4px; border-radius: 999px; color: #76538c; background: #f3eafa; font-size: 8.5px; white-space: nowrap; }
.corvion-mail-category-pill svg { width: 11px; height: 11px; }
.corvion-mail-list-empty { grid-row: 2 / -1; align-self: center; padding: 30px; display: flex; flex-direction: column; align-items: center; color: #9aa4aa; text-align: center; }
.corvion-mail-list-empty svg { width: 32px; height: 32px; margin-bottom: 12px; }
.corvion-mail-list-empty strong { color: #4d5b64; font-size: 13px; }
.corvion-mail-list-empty span { max-width: 250px; margin-top: 5px; font-size: 11px; line-height: 1.5; }
.corvion-mail-reader { min-width: 0; display: grid; grid-template-rows: 58px minmax(0,1fr); position: relative; overflow: hidden; background: #fff; }
.corvion-mail-reader.is-empty { place-items: center; align-content: center; color: #a0a9af; }
.corvion-mail-reader.is-empty svg { width: 38px; height: 38px; }
.corvion-mail-reader.is-empty strong { margin-top: 10px; font-size: 13px; }
.corvion-mail-reader-toolbar { padding: 0 19px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #edf0f2; }
.corvion-mail-reader-toolbar > div { display: flex; align-items: center; gap: 4px; }
.corvion-mail-reader-toolbar button { height: 32px; padding: 0 8px; display: inline-flex; align-items: center; gap: 6px; border: 0; border-radius: 7px; color: #7a878f; background: transparent; font-size: 11px; cursor: pointer; }
.corvion-mail-reader-toolbar button:hover, .corvion-mail-reader-toolbar button.is-active { color: #2b373e; background: #f0f3f5; }
.corvion-mail-reader-toolbar button.is-starred { color: #d99b1d; }
.corvion-mail-reader-toolbar [data-mail-back] svg { transform: rotate(180deg); }
.corvion-mail-message { min-width: 0; padding: 34px clamp(28px, 5vw, 76px) 60px; overflow: auto; scrollbar-width: thin; }
.corvion-mail-message > header { width: min(100%, 760px); margin-inline: auto; position: relative; }
.corvion-mail-message > header > p { max-width: 100%; margin: 0 0 27px; color: #1c252b; font-size: clamp(22px, 2.2vw, 32px); font-weight: 650; line-height: 1.18; letter-spacing: -.035em; }
.corvion-mail-sender { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 10px; }
.corvion-mail-sender > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: #53616a; background: #e3e9ec; font-size: 10px; font-weight: 700; }
.corvion-mail-sender > div { min-width: 0; }
.corvion-mail-sender > div > button { padding: 0; display: flex; align-items: center; gap: 3px; border: 0; background: transparent; cursor: pointer; }
.corvion-mail-sender > div > button strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.corvion-mail-sender > div > button svg { width: 12px; height: 12px; transform: rotate(90deg); }
.corvion-mail-sender small, .corvion-mail-sender time { color: #95a0a6; font-size: 9.5px; }
.corvion-mail-sender-actions { position: absolute; z-index: 5; top: calc(100% + 8px); left: 46px; width: 230px; padding: 6px; border: 1px solid #dfe5e8; border-radius: 10px; background: #fff; box-shadow: 0 15px 40px rgb(29 41 49 / 14%); }
.corvion-mail-sender-actions[hidden] { display: none; }
.corvion-mail-sender-actions button { width: 100%; padding: 8px 9px; border: 0; border-radius: 6px; background: transparent; text-align: left; font-size: 11px; cursor: pointer; }
.corvion-mail-sender-actions button:hover { background: #f0f3f5; }
.corvion-mail-message-body { width: min(100%, 760px); min-height: 260px; margin: 30px auto 0; color: #3b474e; font-size: 13px; line-height: 1.82; }
.corvion-mail-message-body iframe { width: 100%; min-height: min(720px, calc(100dvh - 260px)); display: block; border: 0; background: #fff; }
.corvion-mail-attachment-strip { width: min(100%, 760px); margin: 26px auto 0; padding: 13px; border: 1px solid #dde4e7; border-radius: 11px; background: #f8fafb; }
.corvion-mail-attachment-strip > header { display: flex; align-items: center; gap: 7px; color: #53626a; }
.corvion-mail-attachment-strip > header svg { width: 15px; height: 15px; }
.corvion-mail-attachment-strip > header strong { font-size: 10.5px; }
.corvion-mail-attachment-strip > div { margin-top: 9px; display: flex; flex-wrap: wrap; gap: 7px; }
.corvion-mail-attachment-strip a { min-width: 230px; max-width: 360px; padding: 10px 11px; display: grid; grid-template-columns: 20px minmax(0,1fr) 18px; align-items: center; gap: 9px; border: 1px solid #e0e6e9; border-radius: 9px; color: #44535b; background: #fff; text-decoration: none; transition: border-color .15s ease, transform .15s ease; }
.corvion-mail-attachment-strip a:hover { border-color: #aebbc1; transform: translateY(-1px); }
.corvion-mail-attachment-strip a > svg { width: 17px; height: 17px; color: #728088; }
.corvion-mail-attachment-strip a span { min-width: 0; display: grid; gap: 2px; }
.corvion-mail-attachment-strip a strong, .corvion-mail-attachment-strip a small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.corvion-mail-attachment-strip a strong { font-size: 10.5px; }
.corvion-mail-attachment-strip a small { color: #929da4; font-size: 8.5px; }
.corvion-mail-translation-header { width: min(100%, 760px); margin: 22px auto -13px; padding: 9px 10px 9px 12px; display: grid; grid-template-columns: 26px minmax(0,1fr) auto; align-items: center; gap: 9px; border: 1px solid #dce6e9; border-radius: 12px; color: #4f6068; background: #f5f9fa; }
.corvion-mail-translation-header > span { font-size: 17px; line-height: 1; }
.corvion-mail-translation-header > div { min-width: 0; display: grid; gap: 2px; }
.corvion-mail-translation-header strong { color: #34444c; font-size: 10.5px; }
.corvion-mail-translation-header small { overflow: hidden; color: #829098; font-size: 8.5px; text-overflow: ellipsis; white-space: nowrap; }
.corvion-mail-translation-header > nav { padding: 3px; display: flex; gap: 2px; border-radius: 9px; background: #e9f0f2; }
.corvion-mail-translation-header > nav button { height: 27px; padding: 0 9px; border: 0; border-radius: 7px; color: #77868d; background: transparent; font-size: 8.5px; font-weight: 650; cursor: pointer; transition: color .15s ease, background .15s ease, box-shadow .15s ease; }
.corvion-mail-translation-header > nav button:hover { color: #405159; }
.corvion-mail-translation-header > nav button.is-active { color: #32434a; background: #fff; box-shadow: 0 1px 4px rgb(43 61 70 / 10%); }
.corvion-mail-translation-header > nav button:disabled { opacity: .45; cursor: wait; }
.corvion-mail-original-subject { width: min(100%,760px); margin: -10px auto 14px; display: block; overflow: hidden; color: #909ba1; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.corvion-mail-original { width: min(100%, 760px); margin: 16px auto 0; overflow: clip; border: 1px solid #dfe6e9; border-radius: 12px; background: #fafcfc; }
.corvion-mail-original > summary { padding: 11px 13px; display: grid; grid-template-columns: 26px minmax(0,1fr) 18px; align-items: center; gap: 9px; color: #53636b; cursor: pointer; list-style: none; user-select: none; }
.corvion-mail-original > summary::-webkit-details-marker { display: none; }
.corvion-mail-original > summary > span { font-size: 16px; line-height: 1; }
.corvion-mail-original > summary > div { min-width: 0; display: grid; gap: 2px; }
.corvion-mail-original > summary strong { font-size: 10.5px; }
.corvion-mail-original > summary small { overflow: hidden; color: #8b979e; font-size: 8.5px; text-overflow: ellipsis; white-space: nowrap; }
.corvion-mail-original > summary svg { width: 15px; height: 15px; color: #8a979d; transform: rotate(90deg); transition: transform .18s ease; }
.corvion-mail-original[open] > summary svg { transform: rotate(-90deg); }
.corvion-mail-original > div { padding: 18px; border-top: 1px solid #e5eaec; background: #fff; }
.corvion-mail-original iframe { width: 100%; min-height: min(620px, calc(100dvh - 300px)); display: block; border: 0; background: #fff; }
.corvion-mail-attachments { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 8px; }
.corvion-mail-attachments > div { min-width: 220px; padding: 11px 13px; display: flex; align-items: center; gap: 10px; border: 1px solid #e0e5e8; border-radius: 9px; background: #fafbfb; }
.corvion-mail-attachments svg { color: #74828a; }
.corvion-mail-attachments span { display: grid; gap: 2px; }
.corvion-mail-attachments strong { font-size: 10.5px; }
.corvion-mail-attachments small { color: #929da4; font-size: 8.5px; }
.corvion-mail-context { position: absolute; z-index: 3; inset: 0 0 0 auto; width: min(350px, 88%); display: grid; grid-template-rows: 58px minmax(0,1fr); border-left: 1px solid #e0e5e8; background: #f8fafb; box-shadow: -18px 0 50px rgb(34 46 53 / 8%); animation: corvion-mail-context-in .18s ease-out; }
@keyframes corvion-mail-context-in { from { transform: translateX(16px); opacity: 0; } }
.corvion-mail-context > header { padding: 0 15px 0 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e8ecee; }
.corvion-mail-context > header > div { display: flex; align-items: center; gap: 9px; }
.corvion-mail-context > header > div > svg { width: 18px; height: 18px; color: #596970; }
.corvion-mail-context > header span { display: grid; gap: 1px; }
.corvion-mail-context > header small { color: #8c989f; font-size: 7px; font-weight: 700; letter-spacing: .13em; }
.corvion-mail-context > header strong { font-size: 12px; }
.corvion-mail-context > header button { width: 28px; height: 28px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 7px; color: #859198; background: transparent; cursor: pointer; }
.corvion-mail-context-scroll { padding: 17px; display: grid; align-content: start; gap: 24px; overflow: auto; scrollbar-width: thin; }
.corvion-mail-context-scroll section > h3 { margin: 0 0 8px; color: #8b969d; font-size: 8px; letter-spacing: .11em; text-transform: uppercase; }
.corvion-mail-noticed { padding: 14px; border: 1px solid #d9e1e4; border-radius: 11px; background: #fff; }
.corvion-mail-noticed > header { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 9px; }
.corvion-mail-noticed > header > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; color: #52646c; background: #eaf0f2; }
.corvion-mail-noticed > header > span svg { width: 16px; height: 16px; }
.corvion-mail-noticed > header > div { display: grid; gap: 2px; }
.corvion-mail-noticed > header small { color: #929ca2; font-size: 7px; font-weight: 700; letter-spacing: .1em; }
.corvion-mail-noticed > header strong { font-size: 11px; }
.corvion-mail-noticed > header > b { color: #718087; font-size: 10px; }
.corvion-mail-noticed dl { margin: 14px 0 0; }
.corvion-mail-noticed dl div { padding: 7px 0; display: flex; justify-content: space-between; gap: 10px; border-top: 1px solid #eef1f2; font-size: 9.5px; }
.corvion-mail-noticed dt { color: #8b969c; }
.corvion-mail-noticed dd { margin: 0; color: #344149; font-weight: 600; text-align: right; }
.corvion-mail-confirm { margin-top: 12px; padding-top: 11px; border-top: 1px solid #edf1f2; }
.corvion-mail-confirm p { margin: 0 0 9px; color: #76838b; font-size: 9px; line-height: 1.5; }
.corvion-mail-confirm button { width: 100%; height: 32px; display: flex; align-items: center; justify-content: center; gap: 6px; border: 0; border-radius: 7px; color: #fff; background: #25343c; font-size: 10px; cursor: pointer; }
.corvion-mail-auto { margin: 12px 0 0; padding-top: 10px; display: flex; align-items: flex-start; gap: 6px; border-top: 1px solid #edf1f2; color: #637a6c; font-size: 9px; line-height: 1.45; }
.corvion-mail-auto svg { width: 13px; height: 13px; flex: none; }
.corvion-mail-related, .corvion-mail-context-actions { display: grid; gap: 5px; }
.corvion-mail-related button, .corvion-mail-context-actions button { width: 100%; padding: 9px 10px; display: flex; align-items: center; gap: 9px; border: 0; border-radius: 8px; color: #536169; background: transparent; text-align: left; cursor: pointer; }
.corvion-mail-related button:hover, .corvion-mail-context-actions button:hover { background: #edf1f3; }
.corvion-mail-related button svg, .corvion-mail-context-actions button svg { width: 16px; height: 16px; }
.corvion-mail-related button span, .corvion-mail-context-actions button span { display: grid; gap: 2px; }
.corvion-mail-related strong, .corvion-mail-context-actions strong { color: #344149; font-size: 10.5px; }
.corvion-mail-related small, .corvion-mail-context-actions small { color: #929da3; font-size: 8.5px; }
.corvion-mail-onboarding { grid-column: 3 / -1; position: relative; display: grid; place-items: center; background: radial-gradient(circle at 55% 35%, #fff, #f5f7f8 58%); }
.corvion-mail-onboarding > header { position: absolute; top: 16px; right: 16px; }
.corvion-mail-onboarding > header button { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 8px; color: #87939a; background: transparent; cursor: pointer; }
.corvion-mail-onboarding > div { max-width: 600px; padding: 40px; text-align: center; }
.corvion-mail-onboarding-mark { width: 58px; height: 58px; margin: 0 auto 22px; display: grid; place-items: center; border: 1px solid #dbe2e5; border-radius: 16px; background: #fff; box-shadow: 0 13px 35px rgb(43 57 65 / 8%); }
.corvion-mail-onboarding-mark svg { width: 27px; height: 27px; color: #53636c; }
.corvion-mail-onboarding small { color: #8b979d; font-size: 8px; font-weight: 700; letter-spacing: .15em; }
.corvion-mail-onboarding h1 { margin: 9px 0 13px; color: #172027; font-size: clamp(32px, 4vw, 50px); letter-spacing: -.05em; }
.corvion-mail-onboarding p { max-width: 510px; margin: 0 auto; color: #6f7d85; font-size: 13px; line-height: 1.65; }
.corvion-mail-onboarding > div > div { margin-top: 27px; display: flex; justify-content: center; gap: 9px; }
.corvion-mail-onboarding > div > div button { height: 40px; padding: 0 15px; display: flex; align-items: center; gap: 7px; border: 1px solid #d8e0e3; border-radius: 9px; color: #4c5b64; background: #fff; font-size: 11px; font-weight: 600; cursor: pointer; }
.corvion-mail-onboarding > div > div button.is-primary { border-color: #1f2d34; color: #fff; background: #1f2d34; }
.corvion-mail-onboarding ul { margin: 28px 0 0; padding: 0; display: flex; justify-content: center; gap: 17px; list-style: none; color: #89949b; font-size: 9px; }
.corvion-mail-onboarding li { display: flex; align-items: center; gap: 4px; }
.corvion-mail-onboarding li svg { width: 12px; height: 12px; }
.corvion-mail-loading { width: 100%; height: 100%; display: grid; place-items: center; align-content: center; gap: 13px; color: #78858c; }
.corvion-mail-loading span { width: 26px; height: 26px; border: 2px solid #dbe1e4; border-top-color: #66757d; border-radius: 50%; animation: corvion-mail-spin .8s linear infinite; }
.corvion-mail-loading strong { font-size: 11px; }
.corvion-mail-modal { position: fixed; inset: 0; z-index: 2147482600; display: grid; place-items: center; color: #202a30; background: rgb(26 35 40 / 38%); backdrop-filter: blur(7px); font-family: Inter, ui-sans-serif, sans-serif; }
.corvion-mail-modal * { box-sizing: border-box; }
.corvion-mail-modal svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.corvion-mail-modal > section { width: min(480px, calc(100vw - 30px)); max-height: min(680px, calc(100dvh - 30px)); padding: 18px; overflow: auto; border: 1px solid #dce3e6; border-radius: 14px; background: #fff; box-shadow: 0 28px 80px rgb(20 31 37 / 24%); }
.corvion-mail-modal > section > header { display: flex; align-items: center; justify-content: space-between; }
.corvion-mail-modal > section > header strong { font-size: 13px; }
.corvion-mail-modal > section > header button { width: 30px; height: 30px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 7px; color: #8a969d; background: transparent; cursor: pointer; }
.corvion-mail-modal form { padding: 22px 5px 4px; display: grid; gap: 14px; }
.corvion-mail-modal form > h2 { margin: 3px 0 -7px; text-align: center; font-size: 18px; }
.corvion-mail-modal form > p { margin: 0; color: #75828a; font-size: 10.5px; line-height: 1.55; text-align: center; }
.corvion-mail-modal label { display: grid; gap: 6px; color: #5e6c74; font-size: 10px; font-weight: 600; }
.corvion-mail-modal input, .corvion-mail-modal select { width: 100%; height: 38px; padding: 0 10px; border: 1px solid #d9e0e3; border-radius: 8px; outline: 0; color: #26323a; background: #fbfcfc; font-size: 11px; }
.corvion-mail-modal input:focus, .corvion-mail-modal select:focus { border-color: #9aa7ae; }
.corvion-mail-modal form > button, .corvion-mail-modal form footer button { height: 38px; padding: 0 14px; border: 1px solid #d7dfe2; border-radius: 8px; background: #fff; font-size: 11px; cursor: pointer; }
.corvion-mail-modal button.is-primary { border-color: #223139; color: #fff; background: #223139; font-weight: 650; }
.corvion-mail-modal button:disabled { opacity: .45; cursor: not-allowed; }
.corvion-mail-modal form footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 6px; }
.corvion-mail-modal form footer span { flex: 1; }
.corvion-mail-modal form footer button.is-danger { color: #a74747; }
.corvion-mail-policy-account { padding: 11px; display: flex; align-items: center; gap: 10px; border-radius: 9px; background: #f3f6f7; }
.corvion-mail-policy-account > span { display: grid; gap: 2px; }
.corvion-mail-policy-account strong { font-size: 11px; }
.corvion-mail-policy-account small { color: #87939a; font-size: 9px; }
.corvion-mail-modal fieldset { padding: 11px; display: grid; gap: 8px; border: 1px solid #dfe5e8; border-radius: 9px; }
.corvion-mail-modal legend { padding: 0 5px; color: #738087; font-size: 9px; font-weight: 700; }
.corvion-mail-policy-check { display: flex; grid-template-columns: none; align-items: center; gap: 7px; font-weight: 500; }
.corvion-mail-policy-check input { width: 14px; height: 14px; }
.corvion-mail-google-mark { width: 48px; height: 48px; margin: auto; display: grid; place-items: center; border: 1px solid #e0e5e8; border-radius: 14px; color: #4285f4; background: #fff; box-shadow: 0 8px 24px rgb(28 43 52 / 8%); font-size: 23px; font-weight: 720; }
.corvion-mail-config-warning { padding: 9px; border-radius: 7px; color: #8a6527; background: #fff6e5; }
.corvion-mail-rule-row { display: grid; grid-template-columns: .8fr .8fr 1.4fr; gap: 6px; }
.corvion-mail-compose-modal > section { width: min(1180px, calc(100vw - 36px)); height: min(840px, calc(100dvh - 36px)); min-width: min(680px, calc(100vw - 20px)); min-height: min(500px, calc(100dvh - 20px)); max-width: calc(100vw - 10px); max-height: calc(100dvh - 10px); padding: 0; display: grid; grid-template-rows: 52px minmax(0,1fr); overflow: hidden; resize: both; border-radius: 18px; }
.corvion-mail-compose-modal > section > header { padding: 0 18px 0 22px; border-bottom: 1px solid #e2e7e9; cursor: grab; user-select: none; }
.corvion-mail-compose-modal > section > header:active { cursor: grabbing; }
.corvion-mail-compose-modal > section > header strong { font-size: 15px; }
.corvion-mail-compose-modal form { position: relative; min-height: 0; padding: 0; display: flex; flex-direction: column; gap: 0; }
.corvion-mail-compose-main-toolbar { min-height: 55px; padding: 8px 20px; display: flex; align-items: center; justify-content: center; gap: 7px; border-bottom: 1px solid #e7ebed; background: #fafbfb; }
.corvion-mail-compose-main-toolbar > span { flex: 1; }
.corvion-mail-compose-main-toolbar button { width: 39px; height: 39px; padding: 0; display: grid; place-items: center; border: 1px solid #dbe2e5; border-radius: 11px; color: #65737b; background: #fff; cursor: pointer; }
.corvion-mail-compose-main-toolbar button:hover { color: #1f2c33; background: #eef2f4; }
.corvion-mail-compose-main-toolbar button.is-translated { border-color: #8fb6aa; color: #275f50; background: #e7f3ef; }
.corvion-mail-compose-main-toolbar button svg { width: 21px; height: 21px; }
.corvion-mail-compose-main-toolbar button.is-send { margin-left: auto; border-color: #25353d; color: #fff; background: #25353d; }
.corvion-mail-compose-fields { display: grid; }
.corvion-mail-compose-fields label[hidden], .corvion-mail-compose-popover[hidden] { display: none; }
.corvion-mail-compose-fields label { min-height: 48px; padding: 0 22px; display: grid; grid-template-columns: 92px minmax(0,1fr) auto auto; align-items: center; gap: 10px; border-bottom: 1px solid #e7ebed; color: #7a878e; font-size: 12px; }
.corvion-mail-compose-fields label > span { font-weight: 650; }
.corvion-mail-compose-fields input, .corvion-mail-compose-fields select { width: 100%; height: 36px; padding: 0; border: 0; outline: 0; color: #26323a; background: transparent; font-size: 13px; }
.corvion-mail-compose-fields label:last-child > select:first-of-type { font-weight: 620; }
.corvion-mail-compose-fields label:last-child > select:nth-of-type(2) { width: 160px; color: #65737b; }
.corvion-mail-compose-fields button { height: 30px; padding: 0 9px; border: 0; border-radius: 7px; color: #738087; background: transparent; cursor: pointer; }
.corvion-mail-compose-fields button:hover { background: #edf1f3; }
.corvion-mail-compose-formatbar, .corvion-mail-editor-toolbar { min-height: 44px; padding: 5px 22px; display: flex; align-items: center; gap: 5px; border-bottom: 1px solid #e7ebed; background: #f8fafb; }
.corvion-mail-compose-formatbar[hidden] { display: none; }
.corvion-mail-compose-formatbar button, .corvion-mail-editor-toolbar button { min-width: 33px; height: 32px; padding: 0 9px; display: grid; place-items: center; border: 0; border-radius: 7px; background: transparent; cursor: pointer; }
.corvion-mail-compose-formatbar button:hover, .corvion-mail-editor-toolbar button:hover { background: #e5ebee; }
.corvion-mail-compose-formatbar select { width: auto; height: 32px; padding: 0 8px; border: 0; border-radius: 7px; background: #e9eef0; }
.corvion-mail-compose-editor, .corvion-mail-signature-editor { min-height: 0; padding: 28px; overflow: auto; border: 0; outline: 0; color: #26323a; background: #fff; font-size: 14px; line-height: 1.7; }
.corvion-mail-compose-editor { flex: 1 1 auto; }
.corvion-mail-compose-editor img { max-width: 100%; height: auto; }
.corvion-mail-compose-editor:empty::before { content: attr(data-placeholder); color: #a0a9ae; }
.corvion-mail-compose-editor:focus, .corvion-mail-signature-editor:focus { box-shadow: inset 0 0 0 2px rgb(82 108 121 / 10%); }
.corvion-mail-compose-modal form > footer { min-height: 50px; height: 50px; flex: 0 0 50px; margin: 0; padding: 7px 14px; align-items: center; gap: 7px; border-top: 1px solid #e3e8ea; }
.corvion-mail-compose-modal form > footer > span { flex: 1; color: #929da3; font-size: 10px; }
.corvion-mail-compose-modal form > footer button { height: 34px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-color: #dfe5e7; border-radius: 10px; color: #5d6a71; background: #f8fafb; font-size: 10.5px; font-weight: 600; transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease; }
.corvion-mail-compose-modal form > footer button:hover { border-color: #cdd6da; color: #27353c; background: #f0f4f5; }
.corvion-mail-compose-modal form > footer button:active { transform: translateY(1px); }
.corvion-mail-compose-modal form > footer button.is-primary { min-width: 88px; border-color: #273941; color: #fff; background: #273941; box-shadow: 0 5px 14px rgb(25 42 50 / 14%); }
.corvion-mail-compose-modal form > footer button.is-primary:hover { border-color: #1d2c33; color: #fff; background: #1d2c33; }
.corvion-mail-compose-modal form > footer button svg { width: 15px; height: 15px; }
.corvion-mail-compose-upload-list { padding: 8px 18px; display: flex; flex-wrap: wrap; gap: 7px; border-top: 1px solid #edf0f2; }
.corvion-mail-compose-upload-list[hidden] { display: none; }
.corvion-mail-compose-upload-list > span { max-width: 310px; height: 38px; padding: 0 6px 0 10px; display: grid; grid-template-columns: 18px minmax(0,1fr) auto 28px; align-items: center; gap: 7px; border: 1px solid #dce3e6; border-radius: 9px; background: #f7f9fa; }
.corvion-mail-translation-modal > section { width: min(820px, calc(100vw - 32px)); padding: 0; overflow: hidden; }
.corvion-mail-translation-preview { padding: 22px; display: grid; gap: 18px; }
.corvion-mail-translation-preview > header { display: flex; align-items: center; gap: 12px; }
.corvion-mail-translation-preview > header > span { min-width: 70px; font-size: 20px; letter-spacing: .08em; }
.corvion-mail-translation-preview > header > div { display: grid; gap: 3px; }
.corvion-mail-translation-preview > header strong { font-size: 14px; }
.corvion-mail-translation-preview > header small { color: #7e8b92; font-size: 10px; }
.corvion-mail-translation-preview > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.corvion-mail-translation-copy { min-width: 0; padding: 15px; border: 1px solid #e0e6e9; border-radius: 12px; background: #fafbfc; }
.corvion-mail-translation-copy.is-target { border-color: #cbdeda; background: #f3f8f7; }
.corvion-mail-translation-copy > header { display: flex; align-items: center; gap: 7px; }
.corvion-mail-translation-copy > header strong { color: #4b5b63; font-size: 10px; }
.corvion-mail-translation-copy p { margin: 13px 0 0; color: #344249; font-size: 12px; line-height: 1.65; white-space: pre-wrap; }
.corvion-mail-translation-preview > footer { display: flex; justify-content: flex-end; gap: 8px; }
.corvion-mail-translation-preview > footer button { height: 36px; padding: 0 14px; border: 1px solid #d9e1e4; border-radius: 9px; color: #5b6970; background: #f8fafb; cursor: pointer; }
.corvion-mail-translation-preview > footer button.is-primary { border-color: #26373f; color: #fff; background: #26373f; }
.corvion-mail-compose-upload-list svg { width: 15px; height: 15px; }
.corvion-mail-compose-upload-list b { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.corvion-mail-compose-upload-list small { color: #98a2a8; font-size: 8px; }
.corvion-mail-compose-upload-list button { width: 27px; height: 27px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 6px; background: transparent; cursor: pointer; }
.corvion-mail-compose-popover { position: absolute; z-index: 8; top: 52px; padding: 9px; border: 1px solid #d8e0e3; border-radius: 13px; background: rgb(255 255 255 / 98%); box-shadow: 0 20px 55px rgb(23 34 40 / 20%); backdrop-filter: blur(18px); }
.corvion-mail-compose-popover[hidden] { display: none; }
.corvion-mail-compose-popover.is-emoji { left: 105px; width: 220px; display: grid; grid-template-columns: repeat(6,1fr); gap: 3px; }
.corvion-mail-compose-popover.is-emoji button { height: 31px; border: 0; border-radius: 6px; background: transparent; font-size: 18px; cursor: pointer; }
.corvion-mail-compose-popover.is-emoji button:hover { background: #edf1f3; }
.corvion-mail-compose-popover.is-attach { left: 210px; width: 290px; }
.corvion-mail-compose-popover.is-attach > button, .corvion-mail-storage-choice > button { width: 100%; padding: 10px; display: grid; grid-template-columns: 25px minmax(0,1fr); align-items: center; gap: 9px; border: 0; border-radius: 9px; background: transparent; text-align: left; cursor: pointer; }
.corvion-mail-compose-popover.is-attach > button:hover, .corvion-mail-storage-choice > button:hover { background: #edf1f3; }
.corvion-mail-compose-popover.is-attach span, .corvion-mail-storage-choice span { display: grid; gap: 2px; }
.corvion-mail-compose-popover.is-attach strong, .corvion-mail-storage-choice strong { font-size: 11px; }
.corvion-mail-compose-popover.is-attach small, .corvion-mail-storage-choice small { color: #8b969d; font-size: 8.5px; }
.corvion-mail-compose-popover.is-ai { left: 155px; width: 330px; }
.corvion-mail-compose-popover.is-ai header { display: flex; align-items: center; gap: 8px; }
.corvion-mail-compose-popover.is-ai textarea { width: 100%; min-height: 72px; margin-top: 9px; padding: 9px; resize: vertical; border: 1px solid #dce3e6; border-radius: 8px; outline: 0; }
.corvion-mail-compose-popover.is-ai > div { margin-top: 8px; display: grid; grid-template-columns: repeat(2,1fr); gap: 5px; }
.corvion-mail-compose-popover.is-ai button { height: 31px; border: 1px solid #d9e1e4; border-radius: 7px; color: #35444b; background: #edf2f4; font-weight: 620; cursor: pointer; transition: border-color .16s ease, background .16s ease, color .16s ease; }
.corvion-mail-compose-popover.is-ai button:hover { border-color: #becbd0; color: #17262d; background: #e2e9ec; }
.corvion-mail-compose-popover.is-ai > small { margin-top: 8px; display: block; color: #8c989e; font-size: 8.5px; }
.corvion-mail-ai-proposal { margin-top: 9px; padding: 9px; display: grid; gap: 8px; border: 1px solid #d8e2e6; border-radius: 9px; background: #f6f9fa; }
.corvion-mail-ai-proposal[hidden] { display: none; }
.corvion-mail-ai-proposal p { max-height: 150px; margin: 0; overflow: auto; color: #45545b; font-size: 10px; line-height: 1.55; white-space: pre-wrap; }
.corvion-mail-ai-proposal > div { display: flex; justify-content: flex-end; gap: 6px; }
.corvion-mail-ai-proposal button.is-apply { border-color: #293b44; color: #fff; background: #293b44; }
.corvion-mail-compose-popover.is-emoji[hidden], .corvion-mail-compose-popover.is-attach[hidden], .corvion-mail-compose-popover.is-ai[hidden] { display: none; }
.corvion-mail-signature-modal > section { width: min(1080px, calc(100vw - 30px)); height: min(790px, calc(100dvh - 30px)); max-height: min(820px, calc(100dvh - 30px)); padding: 0; display: flex; flex-direction: column; overflow: hidden; }
.corvion-mail-signature-modal > section > header { min-height: 52px; padding: 0 18px 0 22px; border-bottom: 1px solid #e8ecee; }
.corvion-mail-signature-modal form { min-height: 0; padding: 16px 18px 14px; display: flex; flex: 1 1 auto; flex-direction: column; gap: 14px; overflow: hidden; }
.corvion-mail-signature-head { display: grid; grid-template-columns: minmax(180px,.7fr) minmax(260px,1.3fr); gap: 10px; }
.corvion-mail-signature-designer { min-height: 0; display: grid; flex: 1 1 auto; grid-template-columns: 330px minmax(0,1fr); gap: 14px; }
.corvion-mail-signature-designer > aside { min-height: 0; padding-right: 7px; display: grid; gap: 9px; overflow: auto; }
.corvion-mail-signature-designer > aside > section { padding: 12px; display: grid; gap: 10px; border: 1px solid #e3e8ea; border-radius: 11px; background: #fafbfb; }
.corvion-mail-signature-designer section > header { display: grid; gap: 2px; }
.corvion-mail-signature-designer section > header strong { font-size: 11px; }
.corvion-mail-signature-designer section > header small { color: #8a969c; font-size: 8.5px; }
.corvion-mail-signature-templates { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; }
.corvion-mail-signature-templates button { min-height: 58px; padding: 8px 5px; display: grid; place-items: center; gap: 3px; border: 1px solid #dde4e7; border-radius: 8px; color: #68767d; background: #fff; cursor: pointer; }
.corvion-mail-signature-templates button b { color: #35434a; font-size: 9px; }
.corvion-mail-signature-templates button span { font-size: 7.5px; line-height: 1.25; text-align: center; }
.corvion-mail-signature-templates button:hover, .corvion-mail-signature-templates button.is-active { border-color: #8fa0a8; color: #33434a; background: #f0f4f5; box-shadow: inset 0 0 0 1px rgb(60 79 88 / 8%); }
.corvion-mail-signature-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
.corvion-mail-signature-fields header { grid-column: 1 / -1; }
.corvion-mail-signature-switch { height: 34px; padding: 0 9px; display: flex; align-items: center; grid-template-columns: none; gap: 8px; border: 1px solid #e1e6e8; border-radius: 8px; background: #fff; }
.corvion-mail-signature-switch input { width: 28px; height: 16px; padding: 0; appearance: none; border: 0; border-radius: 999px; background: #ccd5d9; cursor: pointer; }
.corvion-mail-signature-switch input::before { content: ""; width: 12px; height: 12px; margin: 2px; display: block; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgb(22 34 40 / 25%); transition: transform .18s ease; }
.corvion-mail-signature-switch input:checked { background: #334850; }
.corvion-mail-signature-switch input:checked::before { transform: translateX(12px); }
.corvion-mail-signature-logo-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.corvion-mail-signature-logo-controls output { float: right; color: #87939a; font-size: 8px; }
.corvion-mail-signature-logo-controls input[type="range"] { height: 22px; padding: 0; border: 0; background: transparent; }
.corvion-mail-signature-designer > main { min-height: 0; padding: 14px; display: flex; flex-direction: column; border: 1px solid #e3e8ea; border-radius: 12px; background: #f4f7f8; }
.corvion-mail-signature-designer > main > header { display: flex; align-items: center; justify-content: space-between; }
.corvion-mail-signature-designer > main > header > div:first-child { display: grid; gap: 2px; }
.corvion-mail-signature-designer > main > header strong { font-size: 11px; }
.corvion-mail-signature-designer > main > header small, .corvion-mail-signature-designer > main > p { color: #87939a; font-size: 8.5px; }
.corvion-mail-signature-mode { padding: 3px; display: flex; gap: 2px; border-radius: 8px; background: #e7ecee; }
.corvion-mail-signature-mode button { height: 28px; padding: 0 10px; border: 0; border-radius: 6px; color: #728087; background: transparent; font-size: 9px; cursor: pointer; }
.corvion-mail-signature-mode button.is-active { color: #28363d; background: #fff; box-shadow: 0 2px 7px rgb(29 45 53 / 10%); }
.corvion-mail-signature-canvas { min-height: 240px; margin-top: 12px; padding: 34px; display: grid; flex: 1 1 auto; align-items: center; overflow: auto; border: 1px solid #e0e5e7; border-radius: 10px; transition: color .18s ease, background .18s ease; }
.corvion-mail-signature-canvas.is-light { color: #26323a; background: #fff; }
.corvion-mail-signature-canvas.is-dark { color: #e4e9eb; background: #171d20; border-color: #2a3236; }
.corvion-mail-signature-modal form > footer { min-height: 42px; margin: 0; display: flex; align-items: center; gap: 7px; }
.corvion-mail-signature-modal form > footer span { flex: 1; }
.corvion-mail-storage-choice { padding: 13px 2px 2px; display: grid; gap: 5px; }
.corvion-mail-storage-choice > p { margin: 0 0 8px; padding: 10px; border-radius: 8px; background: #f3f6f7; }
.corvion-mail-draft-confirm { padding: 14px 2px 2px; display: grid; gap: 8px; }
.corvion-mail-draft-confirm p { margin: 0 0 8px; color: #66747c; font-size: 12px; line-height: 1.55; }
.corvion-mail-draft-confirm button { height: 42px; border: 0; border-radius: 10px; background: #edf1f3; font-weight: 650; cursor: pointer; }
.corvion-mail-draft-confirm button.is-save { color: #fff; background: #2689e9; }
.corvion-mail-draft-confirm button.is-discard { color: #c94f52; background: #f7e8e8; }
.corvion-mail-reader-reply-actions { display: inline-flex; gap: 2px; margin-left: 5px; padding-left: 7px; border-left: 1px solid #e4e9eb; }
.corvion-mail-thread-count { min-width: 18px; height: 17px; padding: 0 5px; display: inline-grid; place-items: center; border-radius: 9px; color: #65747b; background: #e8edef; font-size: 9px; font-style: normal; font-weight: 700; }
.corvion-mail-thread-strip { margin: 0 0 22px; padding: 10px; display: flex; align-items: center; gap: 7px; overflow-x: auto; border: 1px solid #e3e8ea; border-radius: 12px; background: #f8fafb; }
.corvion-mail-thread-strip > span { flex: 0 0 auto; padding: 0 5px; color: #7b8990; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.corvion-mail-thread-strip button { min-width: 150px; height: 38px; padding: 0 9px; display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 6px; border: 1px solid transparent; border-radius: 9px; color: #66747b; background: transparent; cursor: pointer; }
.corvion-mail-thread-strip button:hover, .corvion-mail-thread-strip button.is-active { border-color: #d6dfe3; color: #26343b; background: #fff; box-shadow: 0 3px 12px rgba(35,50,58,.06); }
.corvion-mail-thread-strip button b { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; color: #718087; background: #e8edef; font-size: 9px; }
.corvion-mail-thread-strip button span { overflow: hidden; font-size: 11px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.corvion-mail-thread-strip button time { font-size: 9px; }
.corvion-mail-thread-ai { border: 1px solid #dfe7ea; border-radius: 13px; background: linear-gradient(145deg,#f8fbfc,#fff); }
.corvion-mail-thread-ai > div { display: grid; gap: 7px; }
.corvion-mail-thread-ai button { padding: 9px; display: flex; align-items: center; gap: 9px; border: 1px solid #e2e8eb; border-radius: 10px; color: #34434a; background: #fff; text-align: left; cursor: pointer; }
.corvion-mail-thread-ai button:hover { border-color: #cbd8dd; background: #f5f8f9; }
.corvion-mail-thread-ai button svg { width: 17px; height: 17px; }
.corvion-mail-thread-ai button span { display: grid; gap: 2px; }
.corvion-mail-thread-ai button strong { font-size: 11px; }
.corvion-mail-thread-ai button small { color: #7b898f; font-size: 9px; }
.corvion-mail-thread-ai > p { margin: 10px 0 0; padding: 10px; border-radius: 9px; color: #4d5d64; background: #eef3f5; font-size: 11px; line-height: 1.55; white-space: pre-wrap; }
.corvion-mail-compose-quote { margin-top: 22px; padding-left: 14px; border-left: 2px solid #dce4e7; color: #708087; }
.corvion-mail-compose-quote blockquote { margin: 10px 0; }
.corvion-mail-attention-pill { width: fit-content; margin-top: 5px; padding: 3px 7px; display: inline-flex; align-items: center; gap: 4px; border-radius: 999px; font-size: 8.5px; font-weight: 650; }
.corvion-mail-attention-pill svg { width: 11px; height: 11px; }
.corvion-mail-attention-pill.is-reminder { color: #775b12; background: #fff2c9; }
.corvion-mail-attention-pill.is-followup { color: #375d88; background: #e2eefb; }
.corvion-mail-attention-pill.is-risk { color: #97484b; background: #fae4e4; }
.corvion-mail-compose-modal .corvion-mail-followup-toggle { width: auto; min-width: 142px; height: 34px; padding: 0 10px; display: inline-flex; flex: 0 0 auto; grid-template-columns: none; align-items: center; justify-content: flex-start; gap: 7px; border: 1px solid #e1e6e8; border-radius: 10px; color: #68767d; background: #fafbfb; font-size: 10px; font-weight: 600; line-height: 1; white-space: nowrap; cursor: pointer; }
.corvion-mail-followup-toggle input { width: 28px; height: 16px; margin: 0; padding: 0; appearance: none; border: 0; border-radius: 999px; background: #ccd5d9; cursor: pointer; }
.corvion-mail-followup-toggle input::before { content: ""; width: 12px; height: 12px; margin: 2px; display: block; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgb(22 34 40 / 25%); transition: transform .18s ease; }
.corvion-mail-followup-toggle input:checked { background: #334850; }
.corvion-mail-followup-toggle input:checked::before { transform: translateX(12px); }
.corvion-mail-schedule-form, .corvion-mail-scheduled-detail { padding: 18px; display: grid; gap: 16px; }
.corvion-mail-schedule-form p { margin: 0; color: #69777e; font-size: 12px; line-height: 1.55; }
.corvion-mail-schedule-form label { display: grid; gap: 7px; color: #56656c; font-size: 11px; font-weight: 650; }
.corvion-mail-schedule-form input { height: 42px; padding: 0 11px; border: 1px solid #d8e0e3; border-radius: 9px; color: #27353c; background: #fff; }
.corvion-mail-schedule-form footer, .corvion-mail-scheduled-detail footer { display: flex; justify-content: flex-end; gap: 8px; }
.corvion-mail-scheduled-detail dl { margin: 0; display: grid; gap: 8px; }
.corvion-mail-scheduled-detail dl div { padding: 10px; display: grid; grid-template-columns: 90px 1fr; border-radius: 8px; background: #f4f7f8; }
.corvion-mail-scheduled-detail dt { color: #859198; font-size: 10px; }
.corvion-mail-scheduled-detail dd { margin: 0; color: #34434a; font-size: 11px; font-weight: 600; }
.corvion-mail-scheduled-detail .is-danger { color: #bd4b4e; }
.corvion-mail-pin-picker { padding: 16px 2px 2px; display: grid; gap: 13px; }
.corvion-mail-pin-picker > p { margin: 0; color: #77858c; font-size: 10px; line-height: 1.5; }
.corvion-mail-pin-picker > div { max-height: 390px; display: grid; gap: 5px; overflow: auto; }
.corvion-mail-modal .corvion-mail-pin-picker label { min-height: 42px; padding: 0 11px; display: flex; grid-template-columns: none; align-items: center; gap: 9px; border: 1px solid #e4e9eb; border-radius: 9px; background: #fafbfb; cursor: pointer; }
.corvion-mail-pin-picker label:hover { border-color: #ccd6da; background: #f2f6f7; }
.corvion-mail-pin-picker label input { width: 15px; height: 15px; margin: 0; padding: 0; accent-color: #334750; }
.corvion-mail-pin-picker label span { display: flex; align-items: center; gap: 8px; }
.corvion-mail-pin-picker label svg { width: 15px; height: 15px; color: #718087; }
.corvion-mail-pin-picker label b { font-size: 10.5px; }
.corvion-mail-pin-picker footer { display: flex; justify-content: flex-end; gap: 7px; }
.corvion-mail-risk-card { border: 1px solid #edcaca; border-radius: 13px; background: #fff8f8; }
.corvion-mail-risk-card.is-medium { border-color: #eadbae; background: #fffbef; }
.corvion-mail-risk-card header { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 8px; }
.corvion-mail-risk-card header > svg { width: 20px; height: 20px; color: #bc5053; }
.corvion-mail-risk-card header span { display: grid; }
.corvion-mail-risk-card header small { color: #a56a6b; font-size: 8px; letter-spacing: .08em; }
.corvion-mail-risk-card header strong { color: #7f383b; font-size: 12px; }
.corvion-mail-risk-card header b { color: #a74347; font-size: 11px; }
.corvion-mail-risk-card ul { margin: 10px 0 0; padding-left: 18px; color: #755153; font-size: 10px; line-height: 1.55; }
.corvion-mail-risk-card > p { margin: 9px 0 0; color: #9a7375; font-size: 9px; line-height: 1.45; }
.corvion-mail-context-menu { position: fixed; z-index: 2147482700; width: 292px; max-height: calc(100dvh - 20px); padding: 7px; overflow: auto; border: 1px solid rgb(102 113 119 / 62%); border-radius: 14px; color: #e8ecee; background: rgb(25 29 31 / 97%); box-shadow: 0 24px 70px rgb(0 0 0 / 42%); backdrop-filter: blur(22px); animation: corvion-mail-menu-in .14s ease-out; }
@keyframes corvion-mail-menu-in { from { transform: translateY(-5px) scale(.985); opacity: 0; } }
.corvion-mail-context-menu > button, .corvion-mail-menu-folders button { width: 100%; min-height: 36px; padding: 0 10px; display: grid; grid-template-columns: 24px minmax(0,1fr); align-items: center; gap: 8px; border: 0; border-radius: 8px; color: inherit; background: transparent; text-align: left; font-size: 12px; cursor: pointer; }
.corvion-mail-context-menu > button:hover, .corvion-mail-menu-folders button:hover { background: #3b4246; }
.corvion-mail-context-menu > button.is-danger:hover { color: #ffb1b1; background: #533638; }
.corvion-mail-context-menu button svg { width: 17px; height: 17px; }
.corvion-mail-context-menu hr { height: 1px; margin: 6px 5px; border: 0; background: #454c50; }
.corvion-mail-flag-picker { padding: 5px 9px 7px; display: grid; gap: 7px; }
.corvion-mail-flag-picker > span, .corvion-mail-menu-folders > span { color: #9fa8ad; font-size: 9px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.corvion-mail-flag-picker > div { display: grid; grid-template-columns: repeat(8,1fr); gap: 3px; }
.corvion-mail-flag-picker button { width: 28px; height: 28px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 7px; color: #aeb5b8; background: transparent; cursor: pointer; }
.corvion-mail-flag-picker button:hover { background: #3b4246; }
.corvion-mail-flag-picker button svg { width: 15px; height: 15px; fill: currentColor; }
.corvion-mail-flag-picker .is-orange { color: #ff8e2d; } .corvion-mail-flag-picker .is-red { color: #ff4d57; } .corvion-mail-flag-picker .is-indigo { color: #7777ff; } .corvion-mail-flag-picker .is-cyan { color: #29ced5; } .corvion-mail-flag-picker .is-yellow { color: #ffd119; } .corvion-mail-flag-picker .is-green { color: #41cb65; } .corvion-mail-flag-picker .is-gray { color: #a2a7aa; }
.corvion-mail-menu-folders { margin: 4px 0; padding: 6px; border-radius: 9px; background: #202528; }
.corvion-mail-menu-folders > span { display: block; padding: 2px 6px 5px; }

.corvion-mail-workspace.is-dark { color: #e2e8eb; background: transparent; }
.corvion-mail-workspace.is-dark.is-backgrounded { background: transparent; }
.corvion-mail-workspace.is-dark .corvion-mail-window { border-color: #30383c; background: #111619; box-shadow: 0 34px 100px rgb(0 0 0 / 58%); }
.corvion-mail-workspace.is-dark .corvion-mail-windowbar { border-color: #2c3438; background: #171d20; }
.corvion-mail-workspace.is-dark .corvion-mail-windowbar > div:first-child > span { color: #c4d0d5; background: #273035; }
.corvion-mail-workspace.is-dark .corvion-mail-windowbar button:hover { color: #f2f5f6; background: #2a3236; }
.corvion-mail-workspace.is-dark .corvion-mail-windowbar button.is-active { color: #f2f5f6; background: #303a3f; }
.corvion-mail-workspace.is-dark .corvion-mail-shell { background: #111619; }
.corvion-mail-workspace.is-dark .corvion-mail-sidebar { border-color: #2a3236; background: #171d20; }
.corvion-mail-workspace.is-dark .corvion-mail-brand > svg, .corvion-mail-workspace.is-dark .corvion-mail-nav-item { color: #aeb9be; }
.corvion-mail-workspace.is-dark .corvion-mail-nav-item:hover { color: #eef2f4; background: #252d31; }
.corvion-mail-workspace.is-dark .corvion-mail-nav-item.is-active { color: #f4f6f7; background: #30383d; }
.corvion-mail-workspace.is-dark .corvion-mail-sidebar section > header span, .corvion-mail-workspace.is-dark .corvion-mail-nav-item b, .corvion-mail-workspace.is-dark .corvion-mail-nav-empty { color: #77858c; }
.corvion-mail-workspace.is-dark .corvion-mail-sidebar > header button:hover, .corvion-mail-workspace.is-dark .corvion-mail-sidebar section > header button:hover { color: #fff; background: #293135; }
.corvion-mail-workspace.is-dark .corvion-mail-sidebar > footer button { border-color: #313a3e; color: #aeb9be; background: #1d2427; }
.corvion-mail-workspace.is-dark .corvion-mail-list { border-color: #293135; background: #111619; }
.corvion-mail-workspace.is-dark .corvion-mail-list > header label { border-color: #30383c; color: #839098; background: #1a2023; }
.corvion-mail-workspace.is-dark .corvion-mail-list > header input { color: #e5eaec; }
.corvion-mail-workspace.is-dark .corvion-mail-list > header > button:hover { background: #252d31; }
.corvion-mail-workspace.is-dark .corvion-mail-list-meta { border-color: #262e32; }
.corvion-mail-workspace.is-dark .corvion-mail-top-tabs { border-color: #252d31; }
.corvion-mail-workspace.is-dark .corvion-mail-top-tabs > div > span { border-color: rgb(218 229 233 / 7%); color: #8f9ba1; background: #1b2225; }
.corvion-mail-workspace.is-dark .corvion-mail-top-tabs > div > span:hover { border-color: rgb(218 229 233 / 13%); color: #dce4e7; background: #242d31; }
.corvion-mail-workspace.is-dark .corvion-mail-top-tabs > div > span.is-active { border-color: rgb(218 229 233 / 17%); color: #eef2f3; background: #2b3539; box-shadow: 0 5px 16px rgb(0 0 0 / 18%); }
.corvion-mail-workspace.is-dark .corvion-mail-top-tabs span em { color: #9da9ae; background: #293236; }
.corvion-mail-workspace.is-dark .corvion-mail-top-tabs > [data-mail-pin-picker] { border-color: #3a454a; color: #849198; }
.corvion-mail-workspace.is-dark .corvion-mail-top-tabs > [data-mail-pin-picker]:hover { color: #e0e6e8; background: #252e32; }
.corvion-mail-workspace.is-dark .corvion-mail-message-item { background: #252d31; }
.corvion-mail-workspace.is-dark .corvion-mail-message-row { border-color: #252c30; color: #d8dfe2; background: #171c1f; }
.corvion-mail-workspace.is-dark .corvion-mail-message-row:hover { background: #1e2528; }
.corvion-mail-workspace.is-dark .corvion-mail-message-row.is-active { background: #263035; box-shadow: inset 3px 0 #74858e; }
.corvion-mail-workspace.is-dark .corvion-mail-row-more { color: #a3afb4; background: rgb(42 50 54 / 94%); }
.corvion-mail-workspace.is-dark .corvion-mail-message-row header strong, .corvion-mail-workspace.is-dark .corvion-mail-reader-toolbar button:hover, .corvion-mail-workspace.is-dark .corvion-mail-reader-toolbar button.is-active { color: #edf1f3; }
.corvion-mail-workspace.is-dark .corvion-mail-message-row p, .corvion-mail-workspace.is-dark .corvion-mail-message-row time, .corvion-mail-workspace.is-dark .corvion-mail-list-meta span { color: #7f8c92; }
.corvion-mail-workspace.is-dark .corvion-mail-intelligence-pill { color: #b6c4ca; background: #29353a; }
.corvion-mail-workspace.is-dark .corvion-mail-category-pill { color: #d7b7eb; background: #382a41; }
.corvion-mail-workspace.is-dark .corvion-mail-load-more { border-color: #30383c; color: #98a5ab; background: #1a2023; }
.corvion-mail-workspace.is-dark .corvion-mail-reader { background: #151a1d; }
.corvion-mail-workspace.is-dark .corvion-mail-reader-toolbar { border-color: #282f33; }
.corvion-mail-workspace.is-dark .corvion-mail-reader-toolbar button { color: #8f9ba1; }
.corvion-mail-workspace.is-dark .corvion-mail-reader-toolbar button:hover, .corvion-mail-workspace.is-dark .corvion-mail-reader-toolbar button.is-active { background: #252c30; }
.corvion-mail-workspace.is-dark .corvion-mail-message > header > p { color: #f1f4f5; }
.corvion-mail-workspace.is-dark .corvion-mail-sender > span { color: #ced8dc; background: #293236; }
.corvion-mail-workspace.is-dark .corvion-mail-sender-actions { border-color: #313a3e; color: #dce3e6; background: #1c2225; box-shadow: 0 18px 48px rgb(0 0 0 / 35%); }
.corvion-mail-workspace.is-dark .corvion-mail-sender-actions button:hover { background: #2a3236; }
.corvion-mail-workspace.is-dark .corvion-mail-message-body iframe { background: #fff; color-scheme: light; }
.corvion-mail-workspace.is-dark .corvion-mail-message-body iframe[data-mail-render-kind="plain"] { background: #151a1d; color-scheme: dark; }
.corvion-mail-workspace.is-dark .corvion-mail-attachment-strip { border-color: #30383c; background: #1a2023; }
.corvion-mail-workspace.is-dark .corvion-mail-attachment-strip a { border-color: #333c40; color: #dbe2e5; background: #20272a; }
.corvion-mail-workspace.is-dark .corvion-mail-translation-header { border-color: #2f3b3f; color: #b9c7cc; background: #1b2427; }
.corvion-mail-workspace.is-dark .corvion-mail-translation-header strong { color: #dce5e8; }
.corvion-mail-workspace.is-dark .corvion-mail-translation-header small { color: #849399; }
.corvion-mail-workspace.is-dark .corvion-mail-translation-header > nav { background: #263035; }
.corvion-mail-workspace.is-dark .corvion-mail-translation-header > nav button { color: #89989e; }
.corvion-mail-workspace.is-dark .corvion-mail-translation-header > nav button:hover { color: #d5dfe2; }
.corvion-mail-workspace.is-dark .corvion-mail-translation-header > nav button.is-active { color: #e4eaec; background: #39454a; box-shadow: none; }
.corvion-mail-workspace.is-dark .corvion-mail-original { border-color: #2e383c; color: #c8d3d7; background: #1a2023; }
.corvion-mail-workspace.is-dark .corvion-mail-original > summary { color: #c8d3d7; }
.corvion-mail-workspace.is-dark .corvion-mail-original > summary small { color: #839197; }
.corvion-mail-workspace.is-dark .corvion-mail-original > div { border-color: #2b3438; background: #151a1d; }
.corvion-mail-workspace.is-dark .corvion-mail-original iframe { background: #fff; color-scheme: light; }
.corvion-mail-workspace.is-dark .corvion-mail-original iframe[data-mail-render-kind="plain"] { background: #151a1d; color-scheme: dark; }
.corvion-mail-workspace.is-dark .corvion-mail-attachments > div, .corvion-mail-workspace.is-dark .corvion-mail-noticed { border-color: #30383c; background: #1b2225; }
.corvion-mail-workspace.is-dark .corvion-mail-attachments strong, .corvion-mail-workspace.is-dark .corvion-mail-noticed dd, .corvion-mail-workspace.is-dark .corvion-mail-related strong, .corvion-mail-workspace.is-dark .corvion-mail-context-actions strong { color: #e1e7e9; }
.corvion-mail-workspace.is-dark .corvion-mail-context { border-color: #2c3438; background: #171d20; box-shadow: -20px 0 54px rgb(0 0 0 / 24%); }
.corvion-mail-workspace.is-dark .corvion-mail-context > header, .corvion-mail-workspace.is-dark .corvion-mail-noticed dl div { border-color: #2b3337; }
.corvion-mail-workspace.is-dark .corvion-mail-related button, .corvion-mail-workspace.is-dark .corvion-mail-context-actions button { color: #abb7bc; }
.corvion-mail-workspace.is-dark .corvion-mail-related button:hover, .corvion-mail-workspace.is-dark .corvion-mail-context-actions button:hover { background: #252d31; }
.corvion-mail-workspace.is-dark .corvion-mail-modal > section { border-color: #313a3e; color: #e4e9eb; background: #171d20; }
.corvion-mail-workspace.is-dark .corvion-mail-onboarding { background: radial-gradient(circle at 55% 35%, #1d2427, #111619 62%); }
.corvion-mail-workspace.is-dark .corvion-mail-onboarding h1 { color: #f0f3f4; }
.corvion-mail-modal.is-dark { color: #e4e9eb; background: rgb(3 6 8 / 64%); }
.corvion-mail-modal.is-dark > section { border-color: rgb(217 227 231 / 13%); background: #171d20; box-shadow: 0 28px 80px rgb(0 0 0 / 52%); }
.corvion-mail-modal.is-dark input, .corvion-mail-modal.is-dark select { border-color: #364044; color: #e4e9eb; background: #20272a; }
.corvion-mail-modal.is-dark form > button, .corvion-mail-modal.is-dark form footer button { border-color: #364044; color: #d8dfe2; background: #22292c; }
.corvion-mail-modal.is-dark button.is-primary { border-color: #d9e1e4; color: #172027; background: #d9e1e4; }
.corvion-mail-modal.is-dark .corvion-mail-policy-account { background: #222a2e; }
.corvion-mail-modal.is-dark fieldset { border-color: #364044; }
.corvion-mail-modal.is-dark .corvion-mail-compose-toolbar, .corvion-mail-modal.is-dark .corvion-mail-editor-toolbar { border-color: #364044; background: #20272a; }
.corvion-mail-modal.is-dark .corvion-mail-compose-toolbar button:hover, .corvion-mail-modal.is-dark .corvion-mail-editor-toolbar button:hover { background: #30393d; }
.corvion-mail-modal.is-dark .corvion-mail-compose-editor, .corvion-mail-modal.is-dark .corvion-mail-signature-editor { border-color: #364044; color: #e4e9eb; background: #171d20; }
.corvion-mail-compose-modal.is-dark > section > header, .corvion-mail-compose-modal.is-dark .corvion-mail-compose-main-toolbar, .corvion-mail-compose-modal.is-dark .corvion-mail-compose-fields label, .corvion-mail-compose-modal.is-dark .corvion-mail-compose-formatbar, .corvion-mail-compose-modal.is-dark form > footer, .corvion-mail-compose-modal.is-dark .corvion-mail-compose-upload-list { border-color: rgb(217 227 231 / 7%); }
.corvion-mail-compose-modal.is-dark .corvion-mail-compose-main-toolbar, .corvion-mail-compose-modal.is-dark .corvion-mail-compose-formatbar { background: #1b2225; }
.corvion-mail-compose-modal.is-dark .corvion-mail-compose-main-toolbar button { border-color: rgb(217 227 231 / 9%); color: #c6d0d4; background: #232b2f; }
.corvion-mail-compose-modal.is-dark .corvion-mail-compose-main-toolbar button:hover { border-color: rgb(217 227 231 / 17%); background: #30393d; }
.corvion-mail-compose-modal.is-dark .corvion-mail-compose-main-toolbar button.is-translated { border-color: #456b60; color: #a9d5c8; background: #243a34; }
.corvion-mail-compose-modal.is-dark .corvion-mail-compose-main-toolbar button.is-send { border-color: #d9e1e4; color: #172027; background: #d9e1e4; }
.corvion-mail-compose-modal.is-dark .corvion-mail-compose-fields input, .corvion-mail-compose-modal.is-dark .corvion-mail-compose-fields select { color: #e4e9eb; background: transparent; }
.corvion-mail-compose-modal.is-dark .corvion-mail-compose-formatbar select, .corvion-mail-compose-modal.is-dark .corvion-mail-compose-formatbar button:hover { color: #dce3e6; background: #2a3236; }
.corvion-mail-modal.is-dark .corvion-mail-compose-popover { border-color: #3a4448; color: #e4e9eb; background: rgb(25 31 34 / 98%); box-shadow: 0 24px 60px rgb(0 0 0 / 48%); }
.corvion-mail-modal.is-dark .corvion-mail-compose-popover.is-attach > button:hover, .corvion-mail-modal.is-dark .corvion-mail-storage-choice > button:hover, .corvion-mail-modal.is-dark .corvion-mail-compose-popover.is-emoji button:hover { background: #2a3236; }
.corvion-mail-modal.is-dark .corvion-mail-compose-popover.is-ai button { border-color: rgb(221 232 236 / 14%); color: #e2e9ec; background: #303a3f; }
.corvion-mail-modal.is-dark .corvion-mail-compose-popover.is-ai button:hover { border-color: rgb(221 232 236 / 24%); color: #fff; background: #3a474d; }
.corvion-mail-modal.is-dark .corvion-mail-compose-popover.is-ai textarea { border-color: #3a4448; color: #e4e9eb; background: #20272a; }
.corvion-mail-modal.is-dark .corvion-mail-ai-proposal { border-color: #3a454a; background: #20282b; }
.corvion-mail-modal.is-dark .corvion-mail-ai-proposal p { color: #cbd5d9; }
.corvion-mail-modal.is-dark .corvion-mail-ai-proposal button.is-apply { border-color: #dbe4e7; color: #182126; background: #dbe4e7; }
.corvion-mail-modal.is-dark .corvion-mail-ai-proposal button.is-apply:hover { border-color: #f0f4f5; color: #10181c; background: #f0f4f5; }
.corvion-mail-translation-modal.is-dark .corvion-mail-translation-copy { border-color: #343e42; background: #1d2427; }
.corvion-mail-translation-modal.is-dark .corvion-mail-translation-copy.is-target { border-color: #38564e; background: #1e2c28; }
.corvion-mail-translation-modal.is-dark .corvion-mail-translation-copy > header strong, .corvion-mail-translation-modal.is-dark .corvion-mail-translation-copy p { color: #dbe3e6; }
.corvion-mail-translation-modal.is-dark .corvion-mail-translation-preview > header small { color: #8d9aa0; }
.corvion-mail-translation-modal.is-dark .corvion-mail-translation-preview > footer button { border-color: #354045; color: #cbd5d9; background: #222a2e; }
.corvion-mail-translation-modal.is-dark .corvion-mail-translation-preview > footer button.is-primary { border-color: #dce4e7; color: #172027; background: #dce4e7; }
.corvion-mail-compose-modal.is-dark form > footer button { border-color: rgb(220 230 234 / 9%); color: #c7d1d5; background: #20282c; }
.corvion-mail-compose-modal.is-dark form > footer button:hover { border-color: rgb(220 230 234 / 17%); color: #eef2f3; background: #2a3438; }
.corvion-mail-compose-modal.is-dark form > footer button.is-primary { border-color: #dce5e8; color: #182126; background: #dce5e8; box-shadow: 0 5px 16px rgb(0 0 0 / 20%); }
.corvion-mail-compose-modal.is-dark form > footer button.is-primary:hover { border-color: #f0f4f5; color: #10181c; background: #f0f4f5; }
.corvion-mail-compose-modal.is-dark .corvion-mail-followup-toggle { border-color: rgb(220 230 234 / 7%); color: #aeb9be; background: #1c2427; }
.corvion-mail-compose-modal.is-dark .corvion-mail-followup-toggle input { background: #3c474c; }
.corvion-mail-compose-modal.is-dark .corvion-mail-followup-toggle input:checked { background: #dce5e8; }
.corvion-mail-compose-modal.is-dark .corvion-mail-followup-toggle input:checked::before { background: #20292d; }
.corvion-mail-modal.is-dark .corvion-mail-compose-upload-list > span, .corvion-mail-modal.is-dark .corvion-mail-storage-choice > p { border-color: #364044; background: #20272a; }
.corvion-mail-signature-modal.is-dark > section > header, .corvion-mail-signature-modal.is-dark .corvion-mail-signature-designer > aside > section, .corvion-mail-signature-modal.is-dark .corvion-mail-signature-designer > main { border-color: rgb(220 230 234 / 8%); }
.corvion-mail-signature-modal.is-dark .corvion-mail-signature-designer > aside > section { background: #1b2225; }
.corvion-mail-signature-modal.is-dark .corvion-mail-signature-templates button, .corvion-mail-signature-modal.is-dark .corvion-mail-signature-switch { border-color: rgb(220 230 234 / 9%); color: #9fabb0; background: #222a2e; }
.corvion-mail-signature-modal.is-dark .corvion-mail-signature-templates button b { color: #dce3e6; }
.corvion-mail-signature-modal.is-dark .corvion-mail-signature-templates button:hover, .corvion-mail-signature-modal.is-dark .corvion-mail-signature-templates button.is-active { border-color: rgb(220 230 234 / 20%); color: #edf2f3; background: #2c363a; }
.corvion-mail-signature-modal.is-dark .corvion-mail-signature-switch input { background: #3c474c; }
.corvion-mail-signature-modal.is-dark .corvion-mail-signature-switch input:checked { background: #dce5e8; }
.corvion-mail-signature-modal.is-dark .corvion-mail-signature-switch input:checked::before { background: #20292d; }
.corvion-mail-signature-modal.is-dark .corvion-mail-signature-designer > main { background: #1b2225; }
.corvion-mail-signature-modal.is-dark .corvion-mail-signature-mode { background: #252e32; }
.corvion-mail-signature-modal.is-dark .corvion-mail-signature-mode button.is-active { color: #e6ecee; background: #394449; box-shadow: 0 2px 7px rgb(0 0 0 / 18%); }
.corvion-mail-modal.is-dark .corvion-mail-draft-confirm p { color: #aeb9be; }
.corvion-mail-modal.is-dark .corvion-mail-draft-confirm button { color: #e3e8ea; background: #2b3337; }
.corvion-mail-modal.is-dark .corvion-mail-draft-confirm button.is-save { color: #fff; background: #1688ef; }
.corvion-mail-modal.is-dark .corvion-mail-draft-confirm button.is-discard { color: #ff777a; background: #4a292b; }
.corvion-mail-workspace.is-dark .corvion-mail-reader-reply-actions { border-color: #30393d; }
.corvion-mail-workspace.is-dark .corvion-mail-thread-strip { border-color: #30393d; background: #1a2023; }
.corvion-mail-workspace.is-dark .corvion-mail-thread-strip button:hover, .corvion-mail-workspace.is-dark .corvion-mail-thread-strip button.is-active { border-color: #3b464b; color: #e2e8ea; background: #252d31; box-shadow: none; }
.corvion-mail-workspace.is-dark .corvion-mail-thread-strip button b { color: #bdc7cb; background: #313b3f; }
.corvion-mail-workspace.is-dark .corvion-mail-thread-ai { border-color: #303a3e; background: linear-gradient(145deg,#1c2326,#20272a); }
.corvion-mail-workspace.is-dark .corvion-mail-thread-ai button { border-color: #354045; color: #dce3e6; background: #252d31; }
.corvion-mail-workspace.is-dark .corvion-mail-thread-ai button:hover { background: #2c363a; }
.corvion-mail-workspace.is-dark .corvion-mail-thread-ai > p { color: #c3ced2; background: #293236; }
.corvion-mail-modal.is-dark .corvion-mail-compose-quote { border-color: #394449; color: #96a4aa; }
.corvion-mail-workspace.is-dark .corvion-mail-attention-pill.is-reminder { color: #e6ca72; background: #423b27; }
.corvion-mail-workspace.is-dark .corvion-mail-attention-pill.is-followup { color: #91b8e4; background: #26394d; }
.corvion-mail-workspace.is-dark .corvion-mail-attention-pill.is-risk { color: #ef9a9d; background: #492d2f; }
.corvion-mail-workspace.is-dark .corvion-mail-risk-card { border-color: #5d3739; background: #342526; }
.corvion-mail-workspace.is-dark .corvion-mail-risk-card.is-medium { border-color: #5a5136; background: #332f24; }
.corvion-mail-modal.is-dark .corvion-mail-schedule-form input { border-color: #3b464a; color: #e5eaec; background: #22292d; }
.corvion-mail-modal.is-dark .corvion-mail-scheduled-detail dl div { background: #242c30; }
.corvion-mail-modal.is-dark .corvion-mail-scheduled-detail dd { color: #e1e7e9; }
.corvion-mail-modal.is-dark .corvion-mail-pin-picker label { border-color: rgb(220 230 234 / 8%); color: #dce3e6; background: #1d2528; }
.corvion-mail-modal.is-dark .corvion-mail-pin-picker label:hover { border-color: rgb(220 230 234 / 15%); background: #273135; }
@media (max-width: 900px) { .corvion-mail-workspace { padding: 0; } .corvion-mail-window { width: 100vw; height: 100dvh; min-width: 0; min-height: 0; resize: none; border: 0; border-radius: 0; } .corvion-mail-window-resize { display: none; } }
@media (max-width: 1050px) { .corvion-mail-shell { --mail-sidebar-width: 58px !important; --mail-list-width: 330px; } .corvion-mail-sidebar { padding-inline: 6px; } .corvion-mail-pane-resizer.is-sidebar { width: 0; pointer-events: none; opacity: 0; } .corvion-mail-brand strong, .corvion-mail-nav-item span, .corvion-mail-nav-item b, .corvion-mail-sidebar section > header span, .corvion-mail-sidebar > footer span, .corvion-mail-nav-empty, .corvion-mail-account-row > button:last-child { display: none; } .corvion-mail-sidebar > header { justify-content: center; } .corvion-mail-sidebar > header > button { display: none; } .corvion-mail-brand > svg { width: 25px; height: 25px; } .corvion-mail-nav-item { grid-template-columns: 1fr; place-items: center; padding: 0; } .corvion-mail-account-row { grid-template-columns: 1fr; } .corvion-mail-sidebar section > header { justify-content: center; } .corvion-mail-sidebar > footer button { justify-content: center; padding: 0; } }
@media (max-width: 900px) { .corvion-mail-signature-designer { grid-template-columns: 1fr; overflow: auto; } .corvion-mail-signature-designer > aside { max-height: none; overflow: visible; } .corvion-mail-signature-designer > main { min-height: 390px; } }
@media (max-width: 720px) {
  .corvion-mail-window { grid-template-rows: calc(var(--corvion-app-header-height, 54px) + env(safe-area-inset-top, 0px)) minmax(0,1fr); }
  .corvion-mail-windowbar { padding-top: env(safe-area-inset-top, 0px); }
  .corvion-mail-shell, .corvion-mail-shell.is-sidebar-hidden, .corvion-mail-shell.is-list-hidden, .corvion-mail-shell.is-sidebar-hidden.is-list-hidden { grid-template-columns: minmax(0,1fr); }
  .corvion-mail-sidebar, .corvion-mail-pane-resizer { display: none; }
  .corvion-mail-list { grid-column: 1; border-right: 0; }
  .corvion-mail-shell.is-list-hidden .corvion-mail-list { visibility: visible; }
  .corvion-mail-reader { position: absolute; z-index: 2; inset: 0; width: 100%; min-width: 0; }
  .corvion-mail-reader.is-empty { display: none; }
  .corvion-mail-onboarding { grid-column: 1; }
  .corvion-mail-onboarding > div { padding: 24px; }
  .corvion-mail-onboarding > div > div, .corvion-mail-onboarding ul { flex-direction: column; }
  .corvion-mail-onboarding > div > div button { justify-content: center; }
  .corvion-mail-reader-toolbar { min-width: 0; padding-inline: 6px; overflow-x: auto; scrollbar-width: none; }
  .corvion-mail-reader-toolbar::-webkit-scrollbar { display: none; }
  .corvion-mail-reader-toolbar > div { flex: 0 0 auto; }
  .corvion-mail-reader-toolbar button { min-width: 38px; padding-inline: 9px; }
  .corvion-mail-reader-toolbar button span { display: none; }
  .corvion-mail-message { width: 100%; padding: 22px 16px calc(42px + env(safe-area-inset-bottom, 0px)); overflow-x: hidden; }
  .corvion-mail-message > header > p { margin-bottom: 22px; font-size: clamp(23px, 7vw, 30px); overflow-wrap: anywhere; }
  .corvion-mail-sender { grid-template-columns: 38px minmax(0,1fr); }
  .corvion-mail-sender time { grid-column: 2; }
  .corvion-mail-sender small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .corvion-mail-message-body, .corvion-mail-message-body iframe { width: 100%; min-width: 0; max-width: 100%; }
  .corvion-mail-attachment-strip a { min-width: 0; width: 100%; }
  .corvion-mail-context { width: 100%; }
  .corvion-mail-rule-row { grid-template-columns: 1fr; }
  .corvion-mail-translation-header { grid-template-columns: 25px minmax(0,1fr); }
  .corvion-mail-translation-header > nav { grid-column: 1 / -1; }
  .corvion-mail-translation-header > nav button { flex: 1; }
  .corvion-mail-translation-preview > div { grid-template-columns: 1fr; }
  .corvion-mail-translation-preview { padding: 16px; }

  .corvion-mail-compose-modal { align-items: stretch; }
  .corvion-mail-compose-modal > section { width: 100vw; height: 100dvh; min-width: 0; min-height: 0; max-width: none; max-height: none; resize: none; border: 0; border-radius: 0; grid-template-rows: calc(52px + env(safe-area-inset-top, 0px)) minmax(0,1fr); }
  .corvion-mail-compose-modal > section > header { padding: env(safe-area-inset-top, 0px) 14px 0 16px; cursor: default; }
  .corvion-mail-compose-main-toolbar { min-width: 0; padding: 7px 10px; justify-content: flex-start; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
  .corvion-mail-compose-main-toolbar::-webkit-scrollbar { display: none; }
  .corvion-mail-compose-main-toolbar button { flex: 0 0 42px; width: 42px; height: 42px; }
  .corvion-mail-compose-main-toolbar > span, .corvion-mail-compose-main-toolbar button.is-send { display: none; }
  .corvion-mail-compose-fields { display: grid; grid-template-columns: 1fr; }
  .corvion-mail-compose-fields label { min-width: 0; min-height: 54px; padding: 6px 14px; grid-template-columns: 76px minmax(0,1fr); gap: 7px; }
  .corvion-mail-compose-fields label > span { min-width: 0; }
  .corvion-mail-compose-fields input, .corvion-mail-compose-fields select { min-width: 0; height: 38px; font-size: 16px; }
  .corvion-mail-compose-fields label > button { grid-column: 2; justify-self: start; }
  .corvion-mail-compose-fields label:last-child { grid-column: auto; grid-template-columns: 76px minmax(0,1fr); }
  .corvion-mail-compose-fields label:last-child > select:first-of-type { grid-column: 2; grid-row: 1; }
  .corvion-mail-compose-fields label:last-child > select:nth-of-type(2) { grid-column: 2; grid-row: 2; width: 100%; }
  .corvion-mail-compose-fields label:last-child > button { grid-column: 1; grid-row: 2; justify-self: center; }
  .corvion-mail-compose-editor { width: 100%; padding: 18px 16px; overflow-x: hidden; overflow-wrap: anywhere; font-size: 16px; line-height: 1.6; }
  .corvion-mail-compose-formatbar { padding-inline: 10px; overflow-x: auto; scrollbar-width: none; }
  .corvion-mail-compose-formatbar::-webkit-scrollbar { display: none; }
  .corvion-mail-compose-popover { right: 10px; left: 10px; width: auto; max-width: none; }
  .corvion-mail-compose-modal form > footer { min-height: 0; height: auto; flex: 0 0 auto; padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .corvion-mail-compose-modal form > footer > span { grid-column: 1 / -1; font-size: 9px; }
  .corvion-mail-compose-modal form > footer button, .corvion-mail-compose-modal .corvion-mail-followup-toggle { width: 100%; min-width: 0; margin: 0; }
}
@media (prefers-reduced-motion: reduce) { .corvion-mail-context, .corvion-mail-loading span, .corvion-mail-list > header > button.is-spinning svg { animation: none; } }
.corvion-mail-sync-health{display:flex;gap:9px;align-items:flex-start;margin:8px 12px;padding:10px 11px;border:1px solid rgba(239,68,68,.34);border-radius:10px;background:rgba(127,29,29,.18);color:#fecaca}.corvion-mail-sync-health>svg{width:18px;height:18px;flex:0 0 auto}.corvion-mail-sync-health span{display:grid;gap:3px;min-width:0}.corvion-mail-sync-health strong{font-size:12px;line-height:1.35}.corvion-mail-sync-health small{font-size:10px;opacity:.78;overflow-wrap:anywhere}


/* Source: assets/css/pipeline/28-mobile-focus-dashboard.css */
.vidu-mobile-focus-shell {
  display: none;
}

@media (max-width: 767px) and (hover: none) and (pointer: coarse) {
  /* One canvas contract for installed iOS web apps. CSS viewport units can
     end above the native home-indicator region; the runtime variable uses the
     complete device canvas and stays stable while the keyboard is visible. */
  html.corvion-ios-standalone,
  html.corvion-ios-standalone body,
  html.corvion-ios-standalone body.vidu-mobile-focus-ready,
  html.corvion-ios-standalone #vidu-pipeline-dashboard {
    min-height: var(--corvion-mobile-app-height, 100dvh);
  }

  /* The legacy mobile dashboard reserved this space for its bottom dock. The
     focus app has no dock, so its root must not carry that retired clearance. */
  body.vidu-mobile-focus-ready #vidu-pipeline-dashboard {
    height: var(--corvion-mobile-app-height, 100dvh);
    min-height: var(--corvion-mobile-app-height, 100dvh);
    padding: 0;
  }

  html.corvion-ios-standalone,
  html.corvion-ios-standalone body {
    height: var(--corvion-mobile-app-height, 100dvh);
    overflow: hidden;
    background: #030a0f;
    overscroll-behavior: none;
  }

  /* Fixed app layers must use the same stable canvas as the root. Otherwise
     iOS resolves inset:0 against its shorter layout viewport and leaves a
     visible strip below modal-based apps until another overlay forces reflow. */
  html.corvion-ios-standalone .vidu-app-modal.is-open,
  html.corvion-ios-standalone .vidu-app-modal.is-open > .vidu-app-modal-backdrop {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    height: var(--corvion-mobile-app-height, 100dvh);
    min-height: var(--corvion-mobile-app-height, 100dvh);
  }

  body.vidu-mobile-focus-ready:not(.vidu-mobile-focus-departed) {
    position: fixed;
    inset: 0;
    width: 100%;
    height: var(--corvion-mobile-app-height, 100dvh);
    min-height: var(--corvion-mobile-app-height, 100dvh);
    margin: 0;
    overflow: hidden;
  }

  html.corvion-ios-standalone .vidu-mobile-focus-shell {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    height: var(--corvion-mobile-app-height, 100dvh);
  }

  html.corvion-ios-standalone.vidu-mobile-workforce-chat-open,
  html.corvion-ios-standalone.vidu-mobile-workforce-chat-open body,
  html.corvion-ios-standalone.vidu-mobile-workforce-chat-open #vidu-elena-global-layer {
    height: var(--corvion-mobile-app-height, 100dvh);
    min-height: var(--corvion-mobile-app-height, 100dvh);
    background: #000;
  }

  html.corvion-ios-standalone.vidu-mobile-workforce-chat-open #vidu-elena-global-layer {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
  }

  html.corvion-ios-standalone #vidu-app-modal.vidu-project-modal25-shell.is-open,
  html.corvion-ios-standalone #vidu-app-modal.vidu-project-modal25-shell.is-open .vidu-app-modal-dialog,
  html.corvion-ios-standalone #vidu-app-modal.vidu-project-modal25-shell.is-open .vidu-project-modal25 {
    height: var(--corvion-mobile-app-height, 100dvh);
    max-height: var(--corvion-mobile-app-height, 100dvh);
  }

  html {
    min-height: 100%;
    background: #030a0f;
  }

  body.vidu-mobile-focus-ready:not(.vidu-mobile-workforce-chat-open) {
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #030a0f;
    overscroll-behavior: none;
  }

  body.vidu-mobile-focus-ready .vidu-mobile-bottom-nav,
  body.vidu-mobile-focus-ready .vidu-ai-widget,
  body.vidu-mobile-focus-ready .vidu-operations-dock {
    display: none;
  }

  .vidu-mobile-focus-shell {
    --focus-bg: #030a0f;
    --focus-surface: rgba(5, 15, 21, .96);
    --focus-text: #f4f7f8;
    --focus-muted: #7f8d94;
    --focus-line: rgba(151, 180, 191, .16);
    --focus-teal: #48e2d4;
    --focus-violet: #bb88ff;
    --focus-amber: #ffb52d;
    position: fixed;
    top: 0;
    right: 0;
    bottom: calc(0px - env(safe-area-inset-bottom, 0px));
    left: 0;
    z-index: 9900;
    display: block;
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    color: var(--focus-text);
    background:
      radial-gradient(circle at 50% -10%, rgba(26, 100, 107, .14), transparent 38%),
      linear-gradient(180deg, #02070a, var(--focus-bg));
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color-scheme: dark;
    isolation: isolate;
    transition: opacity .24s ease, visibility .24s ease;
  }

  body.vidu-mobile-focus-departed {
    overflow: auto;
  }

  body.vidu-mobile-focus-departed .vidu-mobile-focus-shell {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  body.vidu-mobile-focus-departed .vidu-mobile-bottom-nav {
    display: flex;
  }

  body.vidu-mobile-focus-profile-open {
    overflow: hidden;
  }

  #vidu-pipeline-dashboard .vidu-mobile-focus-shell > .vidu-profile-dropdown {
    position: fixed;
    z-index: 12;
    inset: calc(env(safe-area-inset-top) + 12px) 12px calc(env(safe-area-inset-bottom) + 12px);
    width: auto;
    min-width: 0;
    max-width: none;
    max-height: none;
    padding: 12px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 24px;
    background: rgba(14, 17, 21, .97);
    box-shadow: 0 28px 90px rgba(0, 0, 0, .62);
    backdrop-filter: blur(24px);
    -webkit-overflow-scrolling: touch;
  }

  #vidu-pipeline-dashboard .vidu-mobile-focus-shell > .vidu-profile-dropdown .vidu-profile-menu-item {
    min-height: 62px;
  }

  #vidu-pipeline-dashboard .vidu-mobile-focus-shell > .vidu-profile-dropdown .vidu-profile-menu-icon {
    width: 38px;
    height: 38px;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  #vidu-pipeline-dashboard .vidu-mobile-focus-shell > .vidu-profile-dropdown .vidu-profile-menu-icon svg {
    width: 25px;
    height: 25px;
  }

  .vidu-team-modal-shell.vidu-app-modal.is-open {
    position: fixed;
    inset: 0;
    z-index: 10040;
    display: flex;
    align-items: flex-end;
    padding: 0;
    overflow: hidden;
  }

  .vidu-team-modal-shell.vidu-app-modal.is-open .vidu-app-modal-dialog {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    max-width: none;
    height: min(88dvh, 900px);
    max-height: calc(100dvh - env(safe-area-inset-top) - 10px);
    min-height: 0;
    transform: none;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 28px 28px 0 0;
  }

  .vidu-team-modal-shell.vidu-app-modal.is-open .vidu-app-modal-backdrop {
    position: fixed;
    inset: 0;
  }

  .vidu-mobile-focus-feed {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    width: 100%;
    height: 100%;
    min-width: 0;
    background: transparent;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
  }

  .vidu-mobile-focus-feed-scroll {
    min-height: 0;
    padding: calc(18px + env(safe-area-inset-top)) 22px calc(104px + env(safe-area-inset-bottom));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .vidu-mobile-focus-feed-scroll::-webkit-scrollbar {
    display: none;
  }

  .vidu-mobile-focus-timeline {
    position: relative;
    display: grid;
    gap: 0;
    max-width: 520px;
    margin: 0 auto;
    padding-left: 4px;
  }

  .vidu-mobile-focus-timeline::before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 20px;
    left: 9px;
    width: 1px;
    background: linear-gradient(180deg, rgba(113, 137, 147, .55), rgba(113, 137, 147, .08));
  }

  .vidu-mobile-focus-story {
    --story-accent: var(--focus-teal);
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    min-width: 0;
    padding: 6px 0 24px;
  }

  .vidu-mobile-focus-story.is-violet {
    --story-accent: var(--focus-violet);
  }

  .vidu-mobile-focus-story.is-amber {
    --story-accent: var(--focus-amber);
  }

  .vidu-mobile-focus-story-node {
    position: absolute;
    top: 13px;
    left: 5px;
    z-index: 2;
    width: 9px;
    height: 9px;
    border: 2px solid var(--focus-bg);
    border-radius: 50%;
    background: var(--story-accent);
    box-shadow: 0 0 16px color-mix(in srgb, var(--story-accent) 38%, transparent);
  }

  .vidu-mobile-focus-story-icon {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin-left: 2px;
    color: var(--story-accent);
  }

  .vidu-mobile-focus-story-icon svg {
    width: 38px;
    height: 38px;
    fill: none;
    stroke: currentColor;
  }

  .vidu-mobile-focus-story-copy {
    display: grid;
    min-width: 0;
    padding-top: 1px;
  }

  .vidu-mobile-focus-story-copy time {
    margin-bottom: 3px;
    color: var(--story-accent);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
  }

  .vidu-mobile-focus-story-copy strong {
    color: var(--focus-text);
    font-size: 15px;
    font-weight: 640;
    line-height: 1.34;
    letter-spacing: -.012em;
  }

  .vidu-mobile-focus-story-copy p {
    max-width: 34em;
    margin: 3px 0 0;
    color: var(--focus-muted);
    font-size: 13px;
    line-height: 1.45;
  }

  .vidu-mobile-focus-story-copy button {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    margin: 5px 0 0;
    padding: 0;
    border: 0;
    color: var(--story-accent);
    background: transparent;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .vidu-mobile-focus-story-copy button span {
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    transition: transform .2s ease;
  }

  .vidu-mobile-focus-story-copy button:active span {
    transform: translateX(3px);
  }

  .vidu-mobile-focus-scrim {
    position: fixed;
    inset: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: rgba(0, 6, 9, .42);
    backdrop-filter: blur(16px) saturate(.78);
    -webkit-backdrop-filter: blur(16px) saturate(.78);
    transition: opacity .34s ease, visibility .34s ease;
  }

  .vidu-mobile-focus-shell.has-drawer .vidu-mobile-focus-scrim {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .vidu-mobile-focus-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 3;
    width: min(84vw, 420px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background:
      radial-gradient(circle at 30% 0%, rgba(30, 102, 107, .10), transparent 42%),
      var(--focus-surface);
    backdrop-filter: blur(28px) saturate(.9);
    -webkit-backdrop-filter: blur(28px) saturate(.9);
    transition: transform .38s cubic-bezier(.22, .78, .2, 1), box-shadow .38s ease;
    will-change: transform;
  }

  .vidu-mobile-focus-drawer.is-projects {
    left: 0;
    padding: calc(52px + env(safe-area-inset-top)) 22px calc(34px + env(safe-area-inset-bottom));
    box-shadow: 28px 0 70px rgba(0, 0, 0, 0);
    transform: translateX(-104%);
  }

  .vidu-mobile-focus-drawer.is-workspaces {
    right: 0;
    padding: calc(22px + env(safe-area-inset-top)) 22px calc(34px + env(safe-area-inset-bottom));
    box-shadow: -28px 0 70px rgba(0, 0, 0, 0);
    transform: translateX(104%);
    touch-action: pan-y;
  }

  .vidu-mobile-focus-shell[data-mobile-focus-panel="projects"] .vidu-mobile-focus-drawer.is-projects,
  .vidu-mobile-focus-shell[data-mobile-focus-panel="workspaces"] .vidu-mobile-focus-drawer.is-workspaces {
    transform: translateX(0);
  }

  .vidu-mobile-focus-shell[data-mobile-focus-panel="projects"] .vidu-mobile-focus-drawer.is-projects {
    box-shadow: 28px 0 70px rgba(0, 0, 0, .52);
  }

  .vidu-mobile-focus-shell[data-mobile-focus-panel="workspaces"] .vidu-mobile-focus-drawer.is-workspaces {
    box-shadow: -28px 0 70px rgba(0, 0, 0, .52);
  }

  .vidu-mobile-focus-projects {
    display: grid;
    gap: 0;
  }

  .vidu-mobile-focus-project {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 16px;
    gap: 12px;
    align-items: start;
    width: 100%;
    min-width: 0;
    padding: 17px 0 19px;
    border: 0;
    border-bottom: 1px solid var(--focus-line);
    color: var(--focus-text);
    text-align: left;
    background: transparent;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .vidu-mobile-focus-project:last-child {
    border-bottom: 0;
  }

  .vidu-mobile-focus-project-icon {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    color: var(--focus-teal);
  }

  .vidu-mobile-focus-project-icon svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
  }

  .vidu-mobile-focus-project-copy {
    display: grid;
    min-width: 0;
  }

  .vidu-mobile-focus-project-copy strong {
    overflow: hidden;
    color: var(--focus-text);
    font-size: 15px;
    font-weight: 640;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .vidu-mobile-focus-project-copy em {
    margin-top: 5px;
    color: var(--focus-teal);
    font-size: 11px;
    font-style: normal;
    font-weight: 560;
  }

  .vidu-mobile-focus-project-copy small {
    margin-top: 2px;
    overflow: hidden;
    color: #aeb9bd;
    font-size: 12px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .vidu-mobile-focus-project-copy > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    color: var(--focus-muted);
    font-size: 11px;
  }

  .vidu-mobile-focus-project-copy time::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border: 1px solid currentColor;
    border-radius: 3px;
    vertical-align: -1px;
  }

  .vidu-mobile-focus-project-copy i {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--focus-muted);
    font-style: normal;
    white-space: nowrap;
  }

  .vidu-mobile-focus-project-copy i::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--focus-teal);
  }

  .vidu-mobile-focus-project-copy i.is-medium::before {
    background: var(--focus-amber);
  }

  .vidu-mobile-focus-project-copy i.is-high::before {
    background: #ff6f6f;
  }

  .vidu-mobile-focus-project > b {
    align-self: center;
    color: #a0afb4;
    font-size: 24px;
    font-weight: 300;
  }

  .vidu-mobile-focus-empty {
    margin: 24px 0;
    color: var(--focus-muted);
    font-size: 13px;
  }

  .vidu-mobile-focus-profile {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    margin: 0 0 34px auto;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    color: var(--focus-text);
    background: #172229;
    cursor: pointer;
  }

  .vidu-mobile-focus-profile img,
  .vidu-mobile-focus-profile .vidu-user-avatar,
  .vidu-mobile-focus-profile > span {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
  }

  .vidu-mobile-focus-profile > span {
    display: grid;
    place-items: center;
    font-size: 12px;
    font-weight: 700;
  }

  .vidu-mobile-focus-workspaces {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 16px;
    align-content: start;
    padding: 8px 0 26px;
  }

  .vidu-mobile-focus-workspaces button {
    display: grid;
    place-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 86px;
    padding: 4px;
    border: 0;
    color: var(--focus-teal);
    background: transparent;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .vidu-mobile-focus-workspaces svg {
    width: 42px;
    height: 42px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.45;
    transition: transform .2s ease, filter .2s ease;
  }

  .vidu-mobile-focus-workspaces span {
    overflow: hidden;
    max-width: 100%;
    color: var(--focus-text);
    font-size: 13px;
    font-weight: 510;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .vidu-mobile-focus-workspaces button:active svg {
    transform: scale(.94);
    filter: drop-shadow(0 0 14px rgba(72, 226, 212, .38));
  }

  .vidu-mobile-focus-actions {
    position: fixed;
    right: 14px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    left: 14px;
    z-index: 4;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    padding: 22px 12px 12px;
    border: 1px solid rgba(139, 175, 187, .18);
    border-radius: 24px;
    opacity: 0;
    pointer-events: none;
    background: rgba(8, 20, 27, .94);
    box-shadow: 0 -18px 60px rgba(0, 0, 0, .42);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    transform: translateY(calc(100% + 28px));
    transition: transform .34s cubic-bezier(.22, .78, .2, 1), opacity .24s ease;
  }

  .vidu-mobile-focus-shell.has-actions .vidu-mobile-focus-actions {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .vidu-mobile-focus-actions-handle {
    position: absolute;
    top: 8px;
    left: 50%;
    width: 42px;
    height: 4px;
    border-radius: 999px;
    background: rgba(208, 224, 229, .42);
    transform: translateX(-50%);
  }

  .vidu-mobile-focus-actions button {
    display: grid;
    place-items: center;
    gap: 6px;
    min-width: 0;
    min-height: 66px;
    padding: 4px;
    border: 0;
    color: var(--focus-teal);
    background: transparent;
    font: inherit;
    cursor: pointer;
  }

  .vidu-mobile-focus-actions button:nth-of-type(2) {
    color: var(--focus-violet);
  }

  .vidu-mobile-focus-actions button:nth-of-type(3) {
    color: var(--focus-amber);
  }

  .vidu-mobile-focus-actions svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
  }

  .vidu-mobile-focus-actions button span {
    color: var(--focus-text);
    font-size: 11px;
    white-space: nowrap;
  }

  body.vidu-mobile-focus-ready #vidu-elena-global-layer .vidu-ai-launcher {
    right: 18px;
    bottom: calc(18px + env(safe-area-inset-bottom));
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
    padding: 3px;
    border-radius: 50%;
    background: rgba(11, 18, 24, .94);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .38), inset 0 0 0 1px rgba(121, 157, 171, .18);
  }

  body.vidu-mobile-focus-layer-open #vidu-elena-global-layer .vidu-ai-launcher {
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px) scale(.94);
  }

  body.vidu-mobile-focus-ready #vidu-elena-global-layer .vidu-ai-launcher-orb {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    background: transparent;
    box-shadow: none;
  }

  body.vidu-mobile-focus-ready #vidu-elena-global-layer .vidu-ai-launcher-orb svg {
    width: 27px;
    height: 27px;
    margin: 0;
    stroke: #d5e0e4;
    stroke-width: 1.55;
    transform: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .vidu-mobile-focus-shell,
    .vidu-mobile-focus-drawer,
    .vidu-mobile-focus-scrim,
    .vidu-mobile-focus-actions {
      transition-duration: .01ms;
    }
  }
}


/* Source: assets/css/pipeline/29-calendar-workspace.css */
.corvion-calendar-workspace { position: fixed; z-index: 2147482200; inset: 0; color: #25313a; background: transparent; font-family: Inter, ui-sans-serif, system-ui, sans-serif; pointer-events: none; }
.corvion-calendar-workspace[hidden] { display: none; }
.corvion-calendar-workspace.is-backgrounded { z-index: 2147481000; }
.corvion-calendar-workspace.is-window-shelved { display: none; }
.corvion-calendar-workspace *, .corvion-calendar-workspace *::before, .corvion-calendar-workspace *::after { box-sizing: border-box; }
.corvion-calendar-workspace button, .corvion-calendar-workspace input, .corvion-calendar-workspace textarea { font: inherit; }
.corvion-calendar-notifications { width: min(420px,calc(100vw - 28px)); position: fixed; z-index: 2147483600; top: 18px; left: 50%; display: grid; gap: 8px; transform: translateX(-50%); pointer-events: none; }
.corvion-calendar-notice { padding: 12px 15px; border: 1px solid rgba(255,255,255,.16); border-radius: 11px; color: #e8eef1; background: #1b252b; box-shadow: 0 18px 48px rgba(0,0,0,.34); font-size: 11px; line-height: 1.5; }
.corvion-calendar-notice.is-success { border-color: rgba(16,185,129,.45); }
.corvion-calendar-notice.is-error { border-color: rgba(248,113,113,.52); }
.corvion-calendar-workspace svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.corvion-calendar-window { position: absolute; left: 50%; top: 50%; width: min(1320px, calc(100vw - 100px)); height: min(820px, calc(100dvh - 100px)); min-width: min(760px, calc(100vw - 20px)); min-height: min(520px, calc(100dvh - 20px)); overflow: hidden; transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: #f7f9fa; box-shadow: 0 40px 120px rgba(0,0,0,.42); animation: corvion-calendar-in .25s cubic-bezier(.2,.75,.2,1); pointer-events: auto; }
.corvion-calendar-workspace.is-backgrounded .corvion-calendar-window { box-shadow: 0 20px 58px rgba(0,0,0,.25); }
.corvion-calendar-workspace[data-window-mode="fullscreen"] .corvion-calendar-window { left: 0; top: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; min-width: 0; min-height: 0; transform: none; border: 0; border-radius: 0; }
@keyframes corvion-calendar-in { from { opacity: 0; transform: translateY(10px) scale(.992); } }
.corvion-calendar-windowbar { height: 43px; padding: 0 10px 0 16px; display: flex; align-items: center; justify-content: space-between; color: #c9d2d8; background: #182027; cursor: grab; user-select: none; }
.corvion-calendar-window.is-dragging .corvion-calendar-windowbar { cursor: grabbing; }
.corvion-calendar-windowbar > div { display: flex; align-items: center; gap: 9px; }
.corvion-calendar-windowbar > div:first-child > span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; color: #e5ecef; background: rgba(255,255,255,.08); }
.corvion-calendar-windowbar > div:first-child svg { width: 14px; height: 14px; }
.corvion-calendar-windowbar strong { font-size: 11px; font-weight: 650; letter-spacing: .02em; }
.corvion-calendar-windowbar button { width: 30px; height: 30px; display: grid; place-items: center; border: 0; border-radius: 7px; color: #9eabb3; background: transparent; cursor: pointer; }
.corvion-calendar-windowbar button:hover { color: #fff; background: rgba(255,255,255,.1); }
.corvion-calendar-windowbar button:disabled svg { animation: corvion-calendar-spin .8s linear infinite; }
@keyframes corvion-calendar-spin { to { transform: rotate(360deg); } }
.corvion-calendar-window-resize { position: absolute; z-index: 80; display: block; touch-action: none; }
.corvion-calendar-window-resize.is-n, .corvion-calendar-window-resize.is-s { left: 13px; right: 13px; height: 8px; cursor: ns-resize; }
.corvion-calendar-window-resize.is-n { top: 0; } .corvion-calendar-window-resize.is-s { bottom: 0; }
.corvion-calendar-window-resize.is-e, .corvion-calendar-window-resize.is-w { top: 13px; bottom: 13px; width: 8px; cursor: ew-resize; }
.corvion-calendar-window-resize.is-e { right: 0; } .corvion-calendar-window-resize.is-w { left: 0; }
.corvion-calendar-window-resize.is-ne, .corvion-calendar-window-resize.is-nw, .corvion-calendar-window-resize.is-se, .corvion-calendar-window-resize.is-sw { width: 18px; height: 18px; }
.corvion-calendar-window-resize.is-ne { top: 0; right: 0; cursor: nesw-resize; } .corvion-calendar-window-resize.is-nw { top: 0; left: 0; cursor: nwse-resize; }
.corvion-calendar-window-resize.is-se { right: 0; bottom: 0; cursor: nwse-resize; } .corvion-calendar-window-resize.is-sw { left: 0; bottom: 0; cursor: nesw-resize; }
.corvion-calendar-workspace[data-window-mode="fullscreen"] .corvion-calendar-window-resize { display: none; }
.corvion-calendar-shell { width: 100%; max-width: none; height: calc(100% - var(--corvion-calendar-titlebar-height, 43px)); display: grid; grid-template-columns: 230px minmax(0,1fr); }
.corvion-calendar-sidebar { min-height: 0; padding: 20px 13px 14px; display: flex; flex-direction: column; overflow: auto; border-right: 1px solid #dde4e8; background: #eef2f4; }
.corvion-calendar-sidebar > header { padding: 0 7px 18px; display: flex; align-items: center; gap: 10px; }
.corvion-calendar-sidebar > header > svg { width: 22px; height: 22px; color: #46565f; }
.corvion-calendar-sidebar > header > div { display: grid; }
.corvion-calendar-sidebar > header small { color: #929ea5; font-size: 7px; font-weight: 750; letter-spacing: .15em; }
.corvion-calendar-sidebar > header strong { font-size: 14px; letter-spacing: -.02em; }
.corvion-calendar-create { min-height: 40px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 10px; color: #fff; background: #26343c; font-size: 11px; font-weight: 650; cursor: pointer; box-shadow: 0 5px 16px rgba(30,43,51,.14); }
.corvion-calendar-create:hover { background: #172329; transform: translateY(-1px); }
.corvion-calendar-create:disabled { opacity: .4; cursor: not-allowed; transform: none; }
.corvion-calendar-create svg { width: 15px; height: 15px; }
.corvion-calendar-sidebar section { margin-top: 25px; display: grid; gap: 3px; }
.corvion-calendar-workspace .corvion-calendar-sidebar section > h3 { margin: 0 8px 7px; color: #8a979e; font-size: 9px; font-weight: 700; line-height: 1.35; letter-spacing: .12em; }
.corvion-calendar-sidebar section > button { width: 100%; min-height: 34px; padding: 0 9px; display: flex; align-items: center; gap: 9px; overflow: hidden; border: 0; border-radius: 8px; color: #64727a; background: transparent; font-size: 10.5px; text-align: left; cursor: pointer; }
.corvion-calendar-sidebar section > button:hover, .corvion-calendar-sidebar section > button.is-active { color: #26343c; background: rgba(255,255,255,.76); }
.corvion-calendar-sidebar section > button > i { width: 9px; height: 9px; flex: 0 0 9px; border: 2px solid var(--source-color); border-radius: 3px; }
.corvion-calendar-sidebar section > button[aria-pressed="true"] { background: transparent; }
.corvion-calendar-sidebar section > button[aria-pressed="true"] > i { background: var(--source-color); box-shadow: inset 0 0 0 1px rgba(255,255,255,.72); }
.corvion-calendar-sidebar section > button[aria-pressed="false"] { opacity: .48; }
.corvion-calendar-sidebar section > button > svg { width: 14px; height: 14px; margin-left: auto; color: #9aa5ab; }
.corvion-calendar-agent-avatar { width: 27px; height: 27px; flex: 0 0 27px; display: grid; place-items: center; border-radius: 50%; color: #52616a; background: #dce4e8; font-size: 8px; font-weight: 750; }
.corvion-calendar-agent-avatar img { width: 100%; height: 100%; display: block; border-radius: inherit; object-fit: cover; }
.corvion-calendar-sidebar section > button > span:nth-child(2) { min-width: 0; display: grid; gap: 1px; }
.corvion-calendar-sidebar section > button strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.corvion-calendar-sidebar section > button small { color: #98a3a9; font-size: 8px; }
.corvion-calendar-sidebar footer { margin-top: auto; padding: 16px 8px 0; display: grid; gap: 8px; color: #98a3aa; font-size: 8px; line-height: 1.5; }
.corvion-calendar-sidebar footer > button { min-height: 34px; padding: 0 9px; display: flex; align-items: center; gap: 8px; border: 1px solid #d8e0e4; border-radius: 8px; color: #596871; background: #f8fafb; font-size: 9px; font-weight: 650; cursor: pointer; }
.corvion-calendar-sidebar footer > button:hover { color: #26343c; background: #fff; }
.corvion-calendar-sidebar footer > button svg { width: 14px; height: 14px; }
.corvion-calendar-sidebar footer > small { font-size: 8px; font-weight: 500; }
.corvion-calendar-main { width: 100%; max-width: none; min-width: 0; min-height: 0; justify-self: stretch; display: grid; grid-template-rows: 68px minmax(0,1fr); overflow: hidden; background: #fff; }
.corvion-calendar-toolbar { width: 100%; max-width: none; min-width: 0; box-sizing: border-box; padding: 0 19px; display: grid; grid-template-columns: minmax(260px,1fr) minmax(180px,300px) auto; align-items: center; gap: 16px; border-bottom: 1px solid #e8edef; }
.corvion-calendar-date-nav { min-width: 0; display: flex; align-items: center; gap: 5px; }
.corvion-calendar-date-nav button { height: 30px; padding: 0 10px; display: grid; place-items: center; border: 1px solid #e0e6e9; border-radius: 7px; color: #68767e; background: #fff; font-size: 9px; cursor: pointer; }
.corvion-calendar-date-nav button:hover { background: #f1f4f5; }
.corvion-calendar-date-nav button svg { width: 13px; height: 13px; }
.corvion-calendar-current-date { margin: 0 0 0 8px; overflow: hidden; color: #445159; font-size: 10px; font-weight: 650; line-height: 1.3; letter-spacing: 0; text-overflow: ellipsis; white-space: nowrap; }
.corvion-calendar-toolbar > label { height: 34px; padding: 0 10px; display: flex; align-items: center; gap: 7px; border: 1px solid #e2e7ea; border-radius: 8px; background: #f8fafb; }
.corvion-calendar-toolbar > label svg { width: 14px; height: 14px; color: #909ca3; }
.corvion-calendar-toolbar > label input { min-width: 0; width: 100%; border: 0; outline: 0; color: #36434a; background: transparent; font-size: 10px; }
.corvion-calendar-toolbar > nav { width: 208px; padding: 3px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-radius: 8px; background: #edf1f3; }
.corvion-calendar-toolbar > nav button { width: 100%; height: 28px; padding: 0; border: 0; border-radius: 6px; color: #77848b; background: transparent; font-size: 9px; cursor: pointer; }
.corvion-calendar-toolbar > nav button.is-active { color: #2c3940; background: #fff; box-shadow: 0 1px 4px rgba(35,51,59,.12); }
.corvion-calendar-canvas { width: 100%; max-width: none; min-height: 0; position: relative; overflow: auto; }
.corvion-calendar-period { width: 100%; min-width: 100%; height: 100%; min-height: 100%; will-change: transform, opacity; }
.corvion-calendar-loading { position: absolute; inset: 0; display: grid; place-items: center; color: #8a979e; background: rgba(255,255,255,.78); font-size: 11px; backdrop-filter: blur(4px); }
.corvion-calendar-weekdays { width: 100%; min-width: 0; height: 36px; display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); position: sticky; z-index: 3; top: 0; border-bottom: 1px solid #e7ecef; background: rgba(255,255,255,.94); backdrop-filter: blur(9px); }
.corvion-calendar-weekdays span { display: grid; place-items: center; color: #8e9aa1; font-size: 8px; font-weight: 650; text-transform: uppercase; letter-spacing: .06em; }
.corvion-calendar-weekdays span.is-weekend { color: #71808a; background: #f1f4f6; }
.corvion-calendar-month { width: 100%; min-width: 0; min-height: calc(100% - 36px); display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); grid-template-rows: repeat(6,minmax(105px,1fr)); position: relative; }
.corvion-calendar-month-day { min-width: 0; padding: 7px; overflow: hidden; border-right: 1px solid #edf0f2; border-bottom: 1px solid #edf0f2; background: #fff; }
.corvion-calendar-month-day.is-outside { background: #fafbfb; }
.corvion-calendar-month-day.is-weekend { background: #f3f6f8; }
.corvion-calendar-month-day.is-weekend.is-outside { background: #f0f3f5; }
.corvion-calendar-month-day > header { height: 25px; display: flex; align-items: center; justify-content: space-between; }
.corvion-calendar-month-day > div { padding-top: calc(var(--month-band-lanes,0) * 20px); }
.corvion-calendar-month-day > header button { width: 24px; height: 24px; border: 0; border-radius: 50%; color: #66747c; background: transparent; font-size: 9.5px; cursor: pointer; }
.corvion-calendar-month-day.is-outside > header button { color: #b2bbc0; }
.corvion-calendar-month-day.is-today > header button { color: #fff; background: #27353d; }
.corvion-calendar-month-day > header span { color: #9aa5ab; font-size: 8px; }
.corvion-calendar-month-day > div { display: grid; gap: 3px; }
.corvion-calendar-event { min-width: 0; width: calc(100% - 10px); margin: 4px 5px; padding: 7px 8px 7px 10px; display: grid; gap: 2px; position: relative; overflow: hidden; border: 0; border-radius: 7px; color: #344149; background: color-mix(in srgb,var(--event-color) 10%,#fff); text-align: left; cursor: pointer; user-select: none; touch-action: none; }
.corvion-calendar-event:not(.is-compact) { align-content: start; grid-auto-rows: max-content; }
.corvion-calendar-event-ribbon { min-width: 0; height: 18px; padding: 0 7px; display: flex; align-items: center; gap: 4px; overflow: hidden; z-index: 5; border-left: 3px solid var(--event-color); border-radius: 5px; color: #344149; background: color-mix(in srgb,var(--event-color) 18%,#f7fafb); box-shadow: 0 1px 3px rgba(35,51,59,.12); font-size: 8px; text-align: left; cursor: pointer; pointer-events: auto; }
.corvion-calendar-event-ribbon time { flex: 0 0 auto; color: color-mix(in srgb,var(--event-color) 82%,#27343b); }
.corvion-calendar-event-ribbon strong { min-width: 0; overflow: hidden; font-size: 8.5px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.corvion-calendar-month-ribbons { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); grid-template-rows: repeat(6,minmax(105px,1fr)); position: absolute; z-index: 4; inset: 0; pointer-events: none; }
.corvion-calendar-event-ribbon.is-month { margin: calc(28px + var(--event-lane) * 20px) 3px 0; align-self: start; }
.corvion-calendar-event::before { content:""; width: 3px; position:absolute; inset:0 auto 0 0; background:var(--event-color); }
.corvion-calendar-event:hover { background: color-mix(in srgb,var(--event-color) 17%,#fff); }
.corvion-calendar-event time { color: color-mix(in srgb,var(--event-color) 80%,#27343b); font-size: 8px; }
.corvion-calendar-event strong { overflow: hidden; font-size: 9.5px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.corvion-calendar-event small { overflow: hidden; color: #8a969c; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.corvion-calendar-event.is-compact { width: 100%; margin: 0; padding: 4px 5px 4px 7px; display: flex; gap: 5px; border-radius: 5px; }
.corvion-calendar-event.is-compact time { flex: 0 0 auto; }
.corvion-calendar-event.is-compact strong { font-size: 8.5px; }
.corvion-calendar-event.is-editable { cursor: grab; }
.corvion-calendar-event.is-interacting { z-index: 12; opacity: .88; cursor: grabbing; box-shadow: 0 14px 30px rgba(0,0,0,.24); }
.corvion-calendar-event.is-copying { outline: 2px dashed color-mix(in srgb,var(--event-color) 80%,#fff); outline-offset: 2px; }
.corvion-calendar-event-resize { height: 7px; position: absolute; z-index: 4; inset-inline: 8px; cursor: ns-resize; }
.corvion-calendar-event-resize::after { content:""; width: 26px; height: 2px; position: absolute; left: 50%; border-radius: 2px; background: currentColor; opacity: 0; transform: translateX(-50%); transition: opacity .15s ease; }
.corvion-calendar-event-resize.is-start { top: 0; }
.corvion-calendar-event-resize.is-start::after { top: 2px; }
.corvion-calendar-event-resize.is-end { bottom: 0; }
.corvion-calendar-event-resize.is-end::after { bottom: 2px; }
.corvion-calendar-event:hover .corvion-calendar-event-resize::after { opacity: .55; }
.corvion-calendar-event-copy { width: 22px; height: 22px; padding: 4px; display: grid; place-items: center; position: absolute; z-index: 5; top: 4px; right: 4px; border: 0; border-radius: 6px; color: inherit; background: color-mix(in srgb,var(--event-color) 20%,transparent); opacity: 0; cursor: pointer; transition: opacity .15s ease, background .15s ease; }
.corvion-calendar-event-copy svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.corvion-calendar-event:hover .corvion-calendar-event-copy, .corvion-calendar-event-copy:focus-visible { opacity: 1; }
.corvion-calendar-more { padding: 3px 6px; border: 0; color: #75838b; background: transparent; font-size: 8px; text-align: left; cursor: pointer; }
.corvion-calendar-time-head { width: 100%; min-width: 760px; height: 58px; padding-left: 48px; display: grid; grid-template-columns: repeat(var(--calendar-days,7),1fr); position: sticky; z-index: 3; top: 0; border-bottom: 1px solid #e6ebed; background: rgba(255,255,255,.94); backdrop-filter: blur(9px); }
.corvion-calendar-time-head button { border: 0; border-left: 1px solid #eef1f2; color: #718087; background: transparent; cursor: pointer; }
.corvion-calendar-time-head button.is-weekend { background: #f1f4f6; }
.corvion-calendar-time-head button small, .corvion-calendar-time-head button strong { display: block; }
.corvion-calendar-time-head button small { font-size: 8px; text-transform: uppercase; }
.corvion-calendar-time-head button strong { margin-top: 3px; font-size: 16px; font-weight: 550; }
.corvion-calendar-time-head button.is-today strong { width: 29px; height: 29px; margin: 3px auto 0; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #27353d; }
.corvion-calendar-day-bands { width: 100%; min-width: 760px; min-height: calc(var(--band-lanes,1) * 22px + 4px); padding: 2px 0; display: grid; grid-template-columns: 48px repeat(var(--calendar-days,7),1fr); grid-template-rows: repeat(var(--band-lanes,1),22px); border-bottom: 1px solid #e7ecef; background: #f8fafb; }
.corvion-calendar-day-bands > aside { padding: 5px 7px 0 0; grid-column: 1; grid-row: 1 / -1; color: #98a3a9; font-size: 7px; text-align: right; }
.corvion-calendar-event-ribbon.is-time-band { height: 18px; margin: 2px 3px; }
.corvion-calendar-time-grid { width: 100%; min-width: 760px; height: 1190px; display: grid; grid-template-columns: 48px repeat(var(--calendar-days,7),1fr); }
.corvion-calendar-time-grid > aside { display: grid; grid-template-rows: repeat(17,70px); color: #98a3a9; }
.corvion-calendar-time-grid > aside time { padding: 5px 7px 0 0; font-size: 7.5px; text-align: right; }
.corvion-calendar-time-grid > section { min-width: 0; display: grid; grid-template-rows: repeat(17,70px); position: relative; border-left: 1px solid #edf0f2; }
.corvion-calendar-time-grid > section.is-weekend { background: #f5f7f8; }
.corvion-calendar-time-grid > section.is-today { background: color-mix(in srgb,#3b82f6 5%,#fff); box-shadow: inset 2px 0 rgba(59,130,246,.35), inset -2px 0 rgba(59,130,246,.18); }
.corvion-calendar-time-grid > section > i { border-bottom: 1px solid #edf0f2; cursor: crosshair; }
.corvion-calendar-time-grid > section > i:hover { background: #f5f8f9; }
.corvion-calendar-time-grid > section > i.is-selected { position: relative; z-index: 1; background: color-mix(in srgb,#3b82f6 22%,transparent); box-shadow: inset 3px 0 #3b82f6; }
.corvion-calendar-time-grid > section > .corvion-calendar-event { width: calc(100% - 10px); position: absolute; z-index: 2; inset-inline: 0; }
.corvion-calendar-year { width: 100%; min-width: 0; padding: clamp(12px,2vw,24px); display: grid; grid-template-columns: repeat(auto-fit,minmax(min(230px,100%),1fr)); gap: clamp(10px,1.6vw,24px); align-items: start; }
.corvion-calendar-year-month { min-width: 0; padding: clamp(9px,1vw,12px); border: 1px solid #e4e9eb; border-radius: 11px; background: #fff; }
.corvion-calendar-year-month > header { margin-bottom: 10px; color: #35434b; font-size: 11px; font-weight: 650; text-transform: capitalize; }
.corvion-calendar-mini-weekdays, .corvion-calendar-mini-grid { display: grid; grid-template-columns: repeat(7,1fr); }
.corvion-calendar-mini-grid { position: relative; }
.corvion-calendar-mini-weekdays span { padding: 4px; color: #9aa5ab; font-size: 7px; text-align: center; }
.corvion-calendar-mini-weekdays span.is-weekend { color: #6f7e87; background: #f1f4f6; }
.corvion-calendar-mini-grid button { aspect-ratio: 1; display: grid; place-items: center; position: relative; border: 0; border-radius: 50%; color: #64727a; background: transparent; font-size: 8px; cursor: pointer; }
.corvion-calendar-mini-ribbons { display: grid; grid-template-columns: repeat(7,1fr); grid-template-rows: repeat(6,1fr); position: absolute; z-index: 3; inset: 0; pointer-events: none; }
.corvion-calendar-event-ribbon.is-mini { height: 3px; margin: 0 1px calc(2px + var(--event-lane) * 4px); padding: 0; align-self: end; border: 0; border-radius: 2px; background: var(--event-color); box-shadow: none; }
.corvion-calendar-event-ribbon.is-mini time, .corvion-calendar-event-ribbon.is-mini strong { display: none; }
.corvion-calendar-mini-grid button:hover { background: #eef2f4; }
.corvion-calendar-mini-grid button.is-weekend:not(.is-today) { background: #f3f6f7; }
.corvion-calendar-mini-grid button.is-outside { opacity: .2; }
.corvion-calendar-mini-grid button.is-today { color: #fff; background: #27353d; }
.corvion-calendar-mini-grid button b { width: 4px; height: 4px; position: absolute; bottom: 1px; overflow: hidden; border-radius: 50%; color: transparent; background: #8b5cf6; }
.corvion-calendar-modal-layer { position: fixed; z-index: 2147483300; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(9,14,18,.68); backdrop-filter: blur(16px); }
.corvion-calendar-modal { width: min(620px,100%); max-height: calc(100dvh - 36px); overflow: auto; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; color: #344149; background: #f3f5f6; box-shadow: 0 35px 100px rgba(0,0,0,.36); }
.corvion-calendar-modal.is-small { width: min(430px,100%); }
.corvion-calendar-modal > header { padding: 20px 22px; display: flex; justify-content: space-between; border-bottom: 1px solid #e8edef; }
.corvion-calendar-modal > header small { color: #96a1a7; font-size: 7px; font-weight: 750; letter-spacing: .14em; }
.corvion-calendar-modal > header h2 { margin: 4px 0 0; font-size: 19px; letter-spacing: -.035em; }
.corvion-calendar-modal > header button { width: 30px; height: 30px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 0; color: #65747c; background: transparent; box-shadow: none; cursor: pointer; }
.corvion-calendar-modal > header button svg { width: 21px; height: 21px; stroke-width: 2.2; }
.corvion-calendar-modal.is-agent-access > header button { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.corvion-calendar-modal > main { width: 100%; padding: 18px 22px; display: grid; gap: 12px; }
.corvion-calendar-form-group { width: 100%; padding: 4px 14px; display: grid; gap: 0; border: 1px solid #e0e5e7; border-radius: 13px; background: #fff; overflow: visible; }
.corvion-calendar-form-group > label:not(.corvion-calendar-check) { min-width: 0; padding: 10px 0; }
.corvion-calendar-form-group > label:not(.corvion-calendar-check) + label:not(.corvion-calendar-check) { border-top: 1px solid #e6eaec; }
.corvion-calendar-form-group .corvion-calendar-form-row { gap: 14px; }
.corvion-calendar-form-group .corvion-calendar-form-row > label + label { padding-left: 14px; border-left: 1px solid #e6eaec; }
.corvion-calendar-form-group .corvion-calendar-check { padding: 10px 0; border-top: 1px solid #e6eaec; }
.corvion-calendar-modal label:not(.corvion-calendar-check) { display: grid; gap: 6px; }
.corvion-calendar-modal label > span { color: #7d8990; font-size: 9px; font-weight: 600; }
.corvion-calendar-modal input:not([type="checkbox"]), .corvion-calendar-modal textarea, .corvion-calendar-modal select { width: 100%; min-width: 0; padding: 4px 0; border: 0; border-radius: 0; outline: 0; color: #344149; background: transparent; font-size: 12px; }
.corvion-calendar-modal textarea { min-height: 64px; resize: vertical; }
.corvion-calendar-modal input:focus, .corvion-calendar-modal textarea:focus { border-color: transparent; background: transparent; }
.corvion-calendar-location-field > span { display: flex; align-items: center; gap: 6px; }
.corvion-calendar-location-field > span svg { width: 13px; height: 13px; }
.corvion-calendar-location-map { width: 100%; height: 168px; margin-top: 7px; overflow: hidden; border: 1px solid #dce3e6; border-radius: 11px; background: #e9eef0; }
.corvion-calendar-location-map[hidden] { display: none; }
.corvion-calendar-location-field > small { min-height: 12px; color: #8d999f; font-size: 8px; line-height: 1.4; }
.corvion-calendar-location-field > small:empty { display: none; }
.pac-container { z-index: 2147483400; border: 1px solid #dce3e6; border-radius: 10px; background: #fff; box-shadow: 0 18px 42px rgba(25,35,40,.2); font-family: inherit; overflow: hidden; }
.pac-item { min-height: 42px; padding: 8px 12px; border-color: #e7ecee; color: #67757d; cursor: pointer; }
.pac-item:hover, .pac-item-selected { background: #eef3f5; }
.pac-item-query { color: #27353d; }
.pac-matched { font-weight: 650; }
.pac-container.is-dark { border-color: #39454c; background: #182126; box-shadow: 0 20px 48px rgba(0,0,0,.5); }
.pac-container.is-dark .pac-item { border-color: #303a40; color: #8d9aa0; }
.pac-container.is-dark .pac-item:hover, .pac-container.is-dark .pac-item-selected { background: #253038; }
.pac-container.is-dark .pac-item-query { color: #dce5e8; }
.corvion-calendar-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.corvion-calendar-check { display: flex; align-items: center; gap: 9px; color: #56656d; font-size: 10.5px; }
.corvion-calendar-check input { accent-color: #27353d; }
.corvion-calendar-event-meta { padding: 10px; display: flex; align-items: center; gap: 8px; border-radius: 8px; background: #f3f6f7; }
.corvion-calendar-event-meta > span { width: 8px; height: 8px; border-radius: 3px; background: var(--event-color); }
.corvion-calendar-event-meta strong { font-size: 10px; }
.corvion-calendar-event-meta small { margin-left: auto; color: #8d999f; font-size: 8.5px; }
.corvion-calendar-meeting-outcome { display: grid; gap: 9px; padding: 12px; border: 1px solid #dbe5e7; border-radius: 11px; background: #f8fbfb; }
.corvion-calendar-meeting-outcome > header { display: flex; align-items: center; justify-content: space-between; }
.corvion-calendar-meeting-outcome > header small { color: #277b77; font-weight: 750; letter-spacing: .09em; }
.corvion-calendar-meeting-outcome > header strong { font-size: 11px; }
.corvion-calendar-meeting-outcome > p { margin: 0; color: #536269; font-size: 11px; white-space: pre-wrap; }
.corvion-calendar-meeting-outcome > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; }
.corvion-calendar-meeting-outcome > div span { display: grid; padding: 7px; border-radius: 8px; background: #eaf2f2; color: #65747a; font-size: 9px; }
.corvion-calendar-meeting-outcome > div b { color: #1c2b31; font-size: 15px; }
.corvion-calendar-modal > footer { padding: 14px 22px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #e8edef; background: #f8fafb; }
.corvion-calendar-modal > footer div { display: flex; gap: 7px; }
.corvion-calendar-modal > footer button { min-height: 35px; padding: 0 13px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid #dce3e6; border-radius: 8px; color: #5e6c74; background: #fff; font-size: 9.5px; font-weight: 600; cursor: pointer; }
.corvion-calendar-modal > footer button svg { width: 14px; height: 14px; }
.corvion-calendar-modal > footer button.is-primary { border-color: #27353d; color: #fff; background: #27353d; }
.corvion-calendar-modal > footer button.is-danger { color: #b94747; }

/* Event creation is a compact popover, not a second application window. */
.corvion-calendar-modal-layer.is-event-editor-layer { padding: 12px; background: rgba(7,11,14,.18); backdrop-filter: none; }
.corvion-calendar-modal-layer.is-event-editor-layer { animation: corvion-calendar-event-layer-in .22s ease-out both; }
.corvion-calendar-modal-layer.is-event-editor-layer.is-closing { pointer-events: none; animation: corvion-calendar-event-layer-out .18s ease-in both; }
.corvion-calendar-modal.is-event-editor { width: min(420px,calc(100vw - 24px)); max-height: min(620px,calc(100dvh - 24px)); padding-top: 10px; border: 0; border-radius: 16px; background: #f4f6f7; box-shadow: 0 22px 70px rgba(7,13,17,.34); animation: corvion-calendar-event-editor-in .22s cubic-bezier(.22,.72,.15,1) both; transition: opacity .16s ease, transform .16s ease; }
.corvion-calendar-modal-layer.is-event-editor-layer.is-closing .corvion-calendar-modal.is-event-editor { animation: corvion-calendar-event-editor-out .18s cubic-bezier(.4,0,.7,1) both; }
@keyframes corvion-calendar-event-layer-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes corvion-calendar-event-layer-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes corvion-calendar-event-editor-in { from { opacity: 0; transform: translateY(28px) scale(.96); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes corvion-calendar-event-editor-out { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(28px) scale(.96); } }
.corvion-calendar-modal.is-event-editor.is-saving { opacity: .68; transform: scale(.99); pointer-events: none; }
.corvion-calendar-modal.is-event-editor > header { min-height: 44px; padding: 0 12px 0 16px; align-items: center; border: 0; background: transparent; }
.corvion-calendar-modal.is-event-editor > header strong { color: #48565e; font-size: 11px; font-weight: 680; }
.corvion-calendar-modal.is-event-editor > main { padding: 0 10px 10px; gap: 7px; }
.corvion-calendar-modal.is-event-editor .corvion-calendar-form-group { padding: 2px 12px; border: 0; border-radius: 11px; box-shadow: none; }
.corvion-calendar-modal.is-event-editor .corvion-calendar-form-group > label:not(.corvion-calendar-check) { padding: 8px 0; }
.corvion-calendar-modal.is-event-editor .corvion-calendar-form-group.is-primary input[name="title"] { padding: 5px 0 8px; font-size: 16px; font-weight: 600; }
.corvion-calendar-modal.is-event-editor .corvion-calendar-location-field > small { min-height: 0; }
.corvion-calendar-modal.is-event-editor textarea { min-height: 38px; }
.corvion-calendar-event-title-row { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(94px,auto); align-items: center; gap: 10px; border-bottom: 1px solid #e6eaec; }
.corvion-calendar-event-title-row > label { min-width: 0; }
.corvion-calendar-inline-source { height: 30px; padding: 0 7px; display: flex; align-items: center; gap: 6px; border-radius: 8px; background: #edf1f3; }
.corvion-calendar-inline-source > i { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 3px; background: var(--source-color,#10b981); }
.corvion-calendar-inline-source select { width: auto; max-width: 118px; padding: 0 18px 0 0; overflow: hidden; font-size: 9px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.corvion-calendar-inline-source select:disabled { opacity: 1; cursor: default; }
.corvion-calendar-modal.is-event-editor .corvion-calendar-location-field { padding-block: 9px 7px; }
.corvion-calendar-modal.is-event-editor .corvion-calendar-location-field input { font-size: 11.5px; }
.corvion-calendar-modal.is-event-editor .corvion-calendar-location-map { height: 132px; margin-top: 8px; }
.corvion-calendar-modal.is-event-editor .corvion-calendar-form-group.is-notes > label { padding-block: 7px; }
.corvion-calendar-modal.is-event-editor > footer { padding: 5px 10px 10px; border: 0; background: transparent; }
.corvion-calendar-modal.is-event-editor > footer button { min-height: 32px; border: 0; background: transparent; }
.corvion-calendar-modal.is-event-editor > footer button.is-primary { padding-inline: 14px; color: #fff; background: #27353d; }

.corvion-calendar-event-menu { width: min(248px,calc(100vw - 16px)); padding: 7px; display: grid; position: fixed; z-index: 2147483450; border: 1px solid rgba(255,255,255,.55); border-radius: 13px; color: #26343c; background: rgba(247,249,250,.96); box-shadow: 0 22px 58px rgba(0,0,0,.32); backdrop-filter: blur(22px); }
.corvion-calendar-event-menu button { min-height: 34px; padding: 0 8px; display: grid; grid-template-columns: 22px minmax(0,1fr) auto; align-items: center; gap: 7px; border: 0; border-radius: 7px; color: inherit; background: transparent; font: inherit; font-size: 11px; text-align: left; cursor: pointer; }
.corvion-calendar-event-menu button:hover { background: rgba(70,89,99,.12); }
.corvion-calendar-event-menu button:disabled { opacity: .34; cursor: default; }
.corvion-calendar-event-menu button:disabled:hover { background: transparent; }
.corvion-calendar-event-menu button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.corvion-calendar-event-menu button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.corvion-calendar-event-menu button b { font-size: 20px; font-weight: 400; line-height: 1; }
.corvion-calendar-event-menu hr { width: calc(100% - 14px); height: 1px; margin: 5px 7px; border: 0; background: rgba(75,91,100,.18); }
.corvion-calendar-event-menu.is-dark { border-color: rgba(255,255,255,.24); color: #e3eaec; background: rgba(28,24,30,.96); box-shadow: 0 24px 62px rgba(0,0,0,.56); }
.corvion-calendar-event-menu.is-dark button:hover { background: rgba(255,255,255,.1); }
.corvion-calendar-event-menu.is-dark hr { background: rgba(255,255,255,.17); }

/* Dark appearance keeps the same information hierarchy without inverting event colors. */
.corvion-calendar-workspace.is-dark { color: #dce5e8; }
.corvion-calendar-workspace.is-dark .corvion-calendar-google-place { color-scheme: dark; }
.corvion-calendar-workspace.is-dark .corvion-calendar-window { border-color: rgba(255,255,255,.13); background: #10171c; box-shadow: 0 40px 120px rgba(0,0,0,.62); }
.corvion-calendar-workspace.is-dark .corvion-calendar-windowbar { border-color: #303b42; background: #11181d; }
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar { border-color: #303a40; background: #182126; }
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar > header > svg,
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar > header strong { color: #dce5e8; }
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar > header small,
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar section > h3,
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar section > button small,
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar footer { color: #829098; }
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar section > button { color: #a9b6bc; }
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar section > button:hover,
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar section > button.is-active { color: #f3f7f8; background: #263138; }
.corvion-calendar-workspace.is-dark .corvion-calendar-agent-avatar { color: #c4d0d5; background: #303c43; }
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar footer > button { border-color: #344148; color: #b5c2c7; background: #202a30; }
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar footer > button:hover { color: #f1f6f7; background: #29353b; }
.corvion-calendar-workspace.is-dark .corvion-calendar-main,
.corvion-calendar-workspace.is-dark .corvion-calendar-canvas { background: #10171c; }
.corvion-calendar-workspace.is-dark .corvion-calendar-toolbar { border-color: #2b353b; background: #131b20; }
.corvion-calendar-workspace.is-dark .corvion-calendar-date-nav button { border-color: #354149; color: #aebbc1; background: #1a2329; }
.corvion-calendar-workspace.is-dark .corvion-calendar-date-nav button:hover { background: #263138; }
.corvion-calendar-workspace.is-dark .corvion-calendar-current-date { color: #edf3f5; }
.corvion-calendar-workspace.is-dark .corvion-calendar-toolbar > label { border-color: #354149; background: #1a2329; }
.corvion-calendar-workspace.is-dark .corvion-calendar-toolbar > label input { color: #dce5e8; }
.corvion-calendar-workspace.is-dark .corvion-calendar-toolbar > nav { background: #222c32; }
.corvion-calendar-workspace.is-dark .corvion-calendar-toolbar > nav button { color: #9aa8af; }
.corvion-calendar-workspace.is-dark .corvion-calendar-toolbar > nav button.is-active { color: #eef4f5; background: #354149; box-shadow: none; }
.corvion-calendar-workspace.is-dark .corvion-calendar-loading { color: #9ba8ae; background: rgba(16,23,28,.82); }
.corvion-calendar-workspace.is-dark .corvion-calendar-weekdays,
.corvion-calendar-workspace.is-dark .corvion-calendar-time-head { border-color: #2b353b; background: rgba(19,27,32,.96); }
.corvion-calendar-workspace.is-dark .corvion-calendar-weekdays span { color: #87959c; }
.corvion-calendar-workspace.is-dark .corvion-calendar-weekdays span.is-weekend,
.corvion-calendar-workspace.is-dark .corvion-calendar-time-head button.is-weekend { color: #a3b1b7; background: #202a30; }
.corvion-calendar-workspace.is-dark .corvion-calendar-month-day { border-color: #293238; background: #12191e; }
.corvion-calendar-workspace.is-dark .corvion-calendar-month-day.is-outside { background: #0f1519; }
.corvion-calendar-workspace.is-dark .corvion-calendar-month-day.is-weekend { background: #1a2329; }
.corvion-calendar-workspace.is-dark .corvion-calendar-month-day.is-weekend.is-outside { background: #171f24; }
.corvion-calendar-workspace.is-dark .corvion-calendar-month-day > header button { color: #aab7bd; }
.corvion-calendar-workspace.is-dark .corvion-calendar-time-head button { border-color: #293238; color: #9eabb1; }
.corvion-calendar-workspace.is-dark .corvion-calendar-time-grid > section { border-color: #293238; background: #12191e; }
.corvion-calendar-workspace.is-dark .corvion-calendar-time-grid > section.is-weekend { background: #1a2329; }
.corvion-calendar-workspace.is-dark .corvion-calendar-time-grid > section.is-today { background: color-mix(in srgb,#60a5fa 8%,#12191e); box-shadow: inset 2px 0 rgba(96,165,250,.45), inset -2px 0 rgba(96,165,250,.2); }
.corvion-calendar-workspace.is-dark .corvion-calendar-time-grid > section > i { border-color: #293238; }
.corvion-calendar-workspace.is-dark .corvion-calendar-time-grid > section > i:hover { background: #243037; }
.corvion-calendar-workspace.is-dark .corvion-calendar-time-grid > section > i.is-selected { background: color-mix(in srgb,#60a5fa 25%,transparent); box-shadow: inset 3px 0 #60a5fa; }
.corvion-calendar-workspace.is-dark .corvion-calendar-time-grid > aside { color: #75838a; }
.corvion-calendar-workspace.is-dark .corvion-calendar-year-month { border-color: #303a40; background: #151d22; }
.corvion-calendar-workspace.is-dark .corvion-calendar-year-month > header { color: #d8e2e5; }
.corvion-calendar-workspace.is-dark .corvion-calendar-mini-weekdays span.is-weekend,
.corvion-calendar-workspace.is-dark .corvion-calendar-mini-grid button.is-weekend:not(.is-today) { background: #222c32; }
.corvion-calendar-workspace.is-dark .corvion-calendar-mini-grid button { color: #a4b1b7; }
.corvion-calendar-workspace.is-dark .corvion-calendar-mini-grid button:hover { background: #303b42; }
.corvion-calendar-workspace.is-dark .corvion-calendar-event { color: #dce5e8; background: color-mix(in srgb,var(--event-color) 20%,#172027); }
.corvion-calendar-workspace.is-dark .corvion-calendar-event:hover { background: color-mix(in srgb,var(--event-color) 29%,#172027); }
.corvion-calendar-workspace.is-dark .corvion-calendar-event small { color: #9aa7ad; }
.corvion-calendar-workspace.is-dark .corvion-calendar-event-ribbon { color: #e3ebed; background: color-mix(in srgb,var(--event-color) 30%,#172027); box-shadow: 0 1px 4px rgba(0,0,0,.28); }
.corvion-calendar-workspace.is-dark .corvion-calendar-event-ribbon time { color: color-mix(in srgb,var(--event-color) 72%,#f2f6f7); }
.corvion-calendar-workspace.is-dark .corvion-calendar-day-bands { border-color: #2c383e; background: #151e23; }
.corvion-calendar-workspace.is-dark .corvion-calendar-event-ribbon.is-mini { background: var(--event-color); box-shadow: none; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal { border-color: #364149; color: #dce5e8; background: #151d22; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal > header,
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal > footer { border-color: #303a40; background: #182126; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal > header button { color: #e9f0f2; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal > header button:hover { color: #fff; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-form-group { border-color: #303a40; background: #20272b; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-form-group > label:not(.corvion-calendar-check) + label:not(.corvion-calendar-check),
.corvion-calendar-modal-layer.is-dark .corvion-calendar-form-group .corvion-calendar-form-row > label + label,
.corvion-calendar-modal-layer.is-dark .corvion-calendar-form-group .corvion-calendar-check { border-color: #343e44; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal input:not([type="checkbox"]),
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal textarea,
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal select { border-color: transparent; color: #e1e9eb; background: transparent; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal input::placeholder,
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal textarea::placeholder { color: #68747a; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-location-map { border-color: #39454c; background: #11181c; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-check { color: #b7c3c8; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-event-meta { background: #202a30; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-meeting-outcome { border-color: #354247; background: #20282c; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-meeting-outcome > p { color: #b8c2c6; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-meeting-outcome > div span { color: #9fadb2; background: #293438; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-meeting-outcome > div b { color: #eef3f4; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal > footer button { border-color: #3a464d; color: #b9c5ca; background: #202a30; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal.is-agent-access > header button { border: 0; background: transparent; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal.is-event-editor { background: #171d20; box-shadow: 0 24px 76px rgba(0,0,0,.58); }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal.is-event-editor > header,
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal.is-event-editor > footer { background: transparent; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal.is-event-editor > header strong { color: #b9c5ca; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal.is-event-editor .corvion-calendar-form-group { border: 0; background: #20272b; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-event-title-row { border-color: #343e44; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-inline-source { background: #2b353b; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal.is-event-editor > footer button { border: 0; background: transparent; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal.is-event-editor > footer button.is-primary { color: #172027; background: #dbe4e7; }

/* Dark Calendar chrome uses neutral graphite; event and source colors remain semantic. */

.corvion-calendar-workspace.is-dark { color: #e0e1e4; }
.corvion-calendar-workspace.is-dark .corvion-calendar-window { background: #17181b; }
.corvion-calendar-workspace.is-dark .corvion-calendar-windowbar { border-color: #303136; background: #111216; }
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar { border-color: #303136; background: #202125; }
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar > header > svg,
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar > header strong { color: #e0e1e4; }
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar > header small,
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar section > h3,
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar section > button small,
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar footer { color: #898b92; }
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar section > button { color: #b0b2b8; }
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar section > button:hover,
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar section > button.is-active { color: #f4f4f5; background: #2c2d32; }
.corvion-calendar-workspace.is-dark .corvion-calendar-agent-avatar { color: #cbccd0; background: #34353a; }
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar footer > button { border-color: #38393f; color: #bec0c5; background: #292a2f; }
.corvion-calendar-workspace.is-dark .corvion-calendar-sidebar footer > button:hover { color: #f4f4f5; background: #33343a; }
.corvion-calendar-workspace.is-dark .corvion-calendar-main,
.corvion-calendar-workspace.is-dark .corvion-calendar-canvas { background: #17181b; }
.corvion-calendar-workspace.is-dark .corvion-calendar-toolbar { border-color: #303136; background: #1b1c20; }
.corvion-calendar-workspace.is-dark .corvion-calendar-date-nav button,
.corvion-calendar-workspace.is-dark .corvion-calendar-toolbar > label { border-color: #3a3b41; background: #25262b; }
.corvion-calendar-workspace.is-dark .corvion-calendar-date-nav button { color: #b5b7bc; }
.corvion-calendar-workspace.is-dark .corvion-calendar-date-nav button:hover { background: #303136; }
.corvion-calendar-workspace.is-dark .corvion-calendar-current-date { color: #f0f0f2; }
.corvion-calendar-workspace.is-dark .corvion-calendar-toolbar > label input { color: #e0e1e4; }
.corvion-calendar-workspace.is-dark .corvion-calendar-toolbar > nav { background: #292a2f; }
.corvion-calendar-workspace.is-dark .corvion-calendar-toolbar > nav button { color: #a1a3a9; }
.corvion-calendar-workspace.is-dark .corvion-calendar-toolbar > nav button.is-active { color: #f2f2f3; background: #3a3b41; }
.corvion-calendar-workspace.is-dark .corvion-calendar-loading { color: #a4a6ac; background: rgba(23,24,27,.84); }
.corvion-calendar-workspace.is-dark .corvion-calendar-weekdays,
.corvion-calendar-workspace.is-dark .corvion-calendar-time-head { border-color: #303136; background: rgba(27,28,32,.96); }
.corvion-calendar-workspace.is-dark .corvion-calendar-weekdays span { color: #92949b; }
.corvion-calendar-workspace.is-dark .corvion-calendar-weekdays span.is-weekend,
.corvion-calendar-workspace.is-dark .corvion-calendar-time-head button.is-weekend { color: #afb1b7; background: #25262b; }
.corvion-calendar-workspace.is-dark .corvion-calendar-month-day,
.corvion-calendar-workspace.is-dark .corvion-calendar-time-grid > section { border-color: #2d2e33; background: #191a1e; }
.corvion-calendar-workspace.is-dark .corvion-calendar-month-day.is-outside { background: #151619; }
.corvion-calendar-workspace.is-dark .corvion-calendar-month-day.is-weekend,
.corvion-calendar-workspace.is-dark .corvion-calendar-time-grid > section.is-weekend { background: #222328; }
.corvion-calendar-workspace.is-dark .corvion-calendar-month-day.is-weekend.is-outside { background: #1e1f23; }
.corvion-calendar-workspace.is-dark .corvion-calendar-month-day > header button,
.corvion-calendar-workspace.is-dark .corvion-calendar-time-head button { color: #b2b4ba; }
.corvion-calendar-workspace.is-dark .corvion-calendar-time-head button,
.corvion-calendar-workspace.is-dark .corvion-calendar-time-grid > section,
.corvion-calendar-workspace.is-dark .corvion-calendar-time-grid > section > i { border-color: #2d2e33; }
.corvion-calendar-workspace.is-dark .corvion-calendar-time-grid > section.is-today { background: color-mix(in srgb,#60a5fa 8%,#191a1e); }
.corvion-calendar-workspace.is-dark .corvion-calendar-time-grid > section > i:hover { background: #292a2f; }
.corvion-calendar-workspace.is-dark .corvion-calendar-time-grid > aside { color: #81838a; }
.corvion-calendar-workspace.is-dark .corvion-calendar-year-month { border-color: #323338; background: #1d1e22; }
.corvion-calendar-workspace.is-dark .corvion-calendar-year-month > header { color: #dddde0; }
.corvion-calendar-workspace.is-dark .corvion-calendar-mini-weekdays span.is-weekend,
.corvion-calendar-workspace.is-dark .corvion-calendar-mini-grid button.is-weekend:not(.is-today) { background: #292a2f; }
.corvion-calendar-workspace.is-dark .corvion-calendar-mini-grid button { color: #acaeb4; }
.corvion-calendar-workspace.is-dark .corvion-calendar-mini-grid button:hover { background: #36373d; }
.corvion-calendar-workspace.is-dark .corvion-calendar-event { color: #e2e3e6; background: color-mix(in srgb,var(--event-color) 20%,#202125); }
.corvion-calendar-workspace.is-dark .corvion-calendar-event:hover { background: color-mix(in srgb,var(--event-color) 29%,#202125); }
.corvion-calendar-workspace.is-dark .corvion-calendar-event-ribbon { color: #e7e7e9; background: color-mix(in srgb,var(--event-color) 30%,#202125); }
.corvion-calendar-workspace.is-dark .corvion-calendar-day-bands { border-color: #303136; background: #1d1e22; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal { border-color: #38393f; color: #e0e1e4; background: #1d1e22; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal > header,
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal > footer { border-color: #323338; background: #202125; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-form-group { border-color: #34353a; background: #292a2f; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-form-group > label:not(.corvion-calendar-check) + label:not(.corvion-calendar-check),
.corvion-calendar-modal-layer.is-dark .corvion-calendar-form-group .corvion-calendar-form-row > label + label,
.corvion-calendar-modal-layer.is-dark .corvion-calendar-form-group .corvion-calendar-check,
.corvion-calendar-modal-layer.is-dark .corvion-calendar-event-title-row { border-color: #3a3b41; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal input:not([type="checkbox"]),
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal textarea,
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal select { color: #e4e5e7; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal input::placeholder,
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal textarea::placeholder { color: #73757c; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-location-map { border-color: #3a3b41; background: #17181b; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-check { color: #bfc1c6; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-event-meta { background: #292a2f; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-meeting-outcome { border-color: #393a40; background: #27282d; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-meeting-outcome > p { color: #c0c1c6; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-meeting-outcome > div span { color: #a6a8ae; background: #313238; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-meeting-outcome > div b { color: #f0f0f2; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal > footer button { border-color: #3d3e44; color: #c3c5ca; background: #292a2f; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal.is-event-editor { background: #1f2024; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal.is-event-editor > header strong { color: #c3c5ca; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal.is-event-editor .corvion-calendar-form-group { background: #292a2f; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-inline-source { background: #34353a; }
.corvion-calendar-modal-layer.is-dark .corvion-calendar-modal.is-event-editor > footer button.is-primary { color: #202125; background: #e0e1e4; }
.pac-container.is-dark { border-color: #3a3b41; background: #202125; }
.pac-container.is-dark .pac-item { border-color: #323338; color: #96989f; }
.pac-container.is-dark .pac-item:hover,
.pac-container.is-dark .pac-item-selected { background: #2d2e33; }
.pac-container.is-dark .pac-item-query { color: #e0e1e4; }
.corvion-calendar-event-menu.is-dark { border-color: rgba(255,255,255,.2); color: #e7e7e9; background: rgba(30,31,35,.97); }
.corvion-calendar-event-menu.is-dark button:hover { background: rgba(255,255,255,.09); }
.corvion-calendar-event-menu.is-dark hr { background: rgba(255,255,255,.15); }

@media (prefers-reduced-motion: reduce) {
  .corvion-calendar-modal-layer.is-event-editor-layer,
  .corvion-calendar-modal-layer.is-event-editor-layer.is-closing,
  .corvion-calendar-modal.is-event-editor,
  .corvion-calendar-modal-layer.is-event-editor-layer.is-closing .corvion-calendar-modal.is-event-editor { animation: none; }
}

@media (max-width: 980px) { .corvion-calendar-window { width: 100vw; height: 100dvh; left:0; top:0; min-width:0; min-height:0; transform:none; border: 0; border-radius: 0; } .corvion-calendar-window-resize { display:none; } .corvion-calendar-shell { grid-template-columns: 190px minmax(0,1fr); } .corvion-calendar-toolbar { grid-template-columns: 1fr auto; } .corvion-calendar-toolbar > label { display:none; } }
@media (max-width: 680px) { .corvion-calendar-shell { grid-template-columns: 1fr; } .corvion-calendar-sidebar { display:none; } .corvion-calendar-toolbar { height:auto; min-height:98px; padding:10px; grid-template-columns:1fr; gap:8px; } .corvion-calendar-main { grid-template-rows:98px minmax(0,1fr); } .corvion-calendar-current-date { font-size:10px; } .corvion-calendar-toolbar > nav { justify-self:start; } .corvion-calendar-weekdays span { overflow:hidden; font-size:6.5px; text-overflow:ellipsis; white-space:nowrap; } .corvion-calendar-month-day { padding:3px; } .corvion-calendar-month-day > header button { width:20px; height:20px; font-size:8px; } .corvion-calendar-event-ribbon.is-month time { display:none; } .corvion-calendar-event-ribbon.is-month { padding-inline:4px; } .corvion-calendar-year { padding:10px; } .corvion-calendar-form-row { grid-template-columns:1fr; } }


/* Source: assets/css/pipeline/30-contacts-workspace.css */
.corvion-contacts-workspace{position:fixed;inset:22px;z-index:2147482600;color:#182229;font:14px/1.45 Inter,system-ui,sans-serif}.corvion-contacts-workspace[hidden]{display:none}.corvion-contacts-window{height:100%;display:grid;grid-template-rows:54px 1fr;overflow:hidden;border:1px solid #cfd9dc;border-radius:18px;background:#f6f8f8;box-shadow:0 28px 80px #0c181e47}.corvion-contacts-window>header{display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;border-bottom:1px solid #dfe5e7;background:#ffffffdb;backdrop-filter:blur(20px)}.corvion-contacts-window>header div,.corvion-contacts-window>header nav,.corvion-contact-detail>header{display:flex;align-items:center;gap:10px}.corvion-contacts-window svg,.corvion-contacts-modal-layer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.corvion-contacts-window button,.corvion-contacts-modal-layer button{font:inherit;color:inherit}.corvion-contacts-window>header nav button{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid #d9e1e3;border-radius:10px;background:#fff}.corvion-contacts-window>main{min-height:0;display:grid;grid-template-columns:minmax(260px,340px) 1fr}.corvion-contacts-window>main>aside{min-height:0;display:grid;grid-template-rows:auto auto 1fr;border-right:1px solid #dfe5e7;background:#f0f4f4}.corvion-contacts-window>main>aside>label{display:flex;align-items:center;gap:8px;margin:14px;padding:9px 11px;border:1px solid #d7e0e2;border-radius:11px;background:#fff}.corvion-contacts-window>main>aside input{min-width:0;width:100%;border:0;outline:0;background:transparent}.corvion-contacts-window>main>aside>nav{display:flex;padding:0 14px 10px;gap:4px}.corvion-contacts-window>main>aside>nav button{padding:6px 9px;border:0;border-radius:8px;background:transparent;font-size:12px}.corvion-contacts-window>main>aside>nav button.is-active{background:#dce8e8;color:#0f6666}.corvion-contact-list{min-height:0;overflow:auto;padding:4px 8px 16px}.corvion-contact-row{width:100%;display:grid;grid-template-columns:38px 1fr auto;grid-template-rows:1fr 1fr;column-gap:10px;padding:9px;border:0;border-radius:12px;text-align:left;background:transparent}.corvion-contact-row:hover,.corvion-contact-row.is-active{background:#fff;box-shadow:0 5px 18px #1d303812}.corvion-contact-row>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#176d6c;background:#d7ebea;font-weight:750}.corvion-contact-row b,.corvion-contact-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corvion-contact-row b{align-self:end}.corvion-contact-row small{align-self:start;color:#718086}.corvion-contact-row svg{grid-column:3;grid-row:1/3;width:14px;color:#d99b26;fill:currentColor}.corvion-contacts-window>main>section{min-width:0;overflow:auto;padding:clamp(20px,4vw,64px);background:#fff}.corvion-contact-detail{max-width:760px;margin:auto}.corvion-contact-detail>header>span{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;font-size:24px;font-weight:750;color:#176d6c;background:#d7ebea}.corvion-contact-detail h2{margin:0;font-size:28px}.corvion-contact-detail header p{margin:3px 0 0;color:#728087}.corvion-contact-detail>header>svg{margin-left:auto;color:#c48c20;fill:currentColor}.corvion-contact-detail>section{display:grid;gap:8px;margin:30px 0}.corvion-contact-detail>section a{display:flex;align-items:center;gap:14px;padding:13px 15px;border:1px solid #e1e6e8;border-radius:12px;color:inherit;text-decoration:none}.corvion-contact-detail>section a span{display:grid}.corvion-contact-detail small,.corvion-contact-notes small{font-size:10px;letter-spacing:.11em;color:#849096}.corvion-contact-labels{display:flex;flex-wrap:wrap;gap:6px}.corvion-contact-labels span{padding:5px 9px;border-radius:999px;background:#edf4f4;color:#266866;font-size:12px}.corvion-contact-notes{margin-top:22px;padding:16px;border-radius:12px;background:#f5f7f7}.corvion-contact-notes p{white-space:pre-wrap}.corvion-contact-detail>footer{display:flex;gap:8px;margin-top:30px}.corvion-contact-detail>footer button{display:flex;align-items:center;gap:6px;padding:9px 13px;border:1px solid #dce3e5;border-radius:10px;background:#fff}.corvion-contacts-empty{min-height:100%;display:grid;place-content:center;justify-items:center;text-align:center;color:#738087}.corvion-contacts-empty>svg{width:52px;height:52px}.corvion-contacts-modal-layer{position:fixed;inset:0;z-index:2147483300;display:grid;place-items:center;padding:18px;background:#111c2261;backdrop-filter:blur(8px)}.corvion-contact-editor,.corvion-contact-import{width:min(680px,100%);max-height:calc(100dvh - 36px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 28px 80px #0000004d}.corvion-contact-import{width:min(920px,100%)}.corvion-contact-editor>header,.corvion-contact-import>header,.corvion-contact-editor>footer,.corvion-contact-import>footer{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e1e7e9}.corvion-contact-editor h2,.corvion-contact-import h2{margin:0}.corvion-contact-import header p{margin:3px 0 0;color:#738087}.corvion-contact-editor>header button,.corvion-contact-import>header button{border:0;background:transparent}.corvion-contact-editor>main{overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:18px}.corvion-contact-editor label{display:grid;gap:5px}.corvion-contact-editor label.wide,.corvion-contact-editor label.check{grid-column:1/-1}.corvion-contact-editor label.check{display:flex}.corvion-contact-editor input,.corvion-contact-editor textarea,.corvion-contact-mapping select{width:100%;box-sizing:border-box;padding:10px;border:1px solid #d9e1e3;border-radius:9px;background:#fff}.corvion-contact-editor label.check input{width:auto}.corvion-contact-editor textarea{min-height:90px;resize:vertical}.corvion-contact-editor>footer,.corvion-contact-import>footer{justify-content:flex-end;gap:8px;border-top:1px solid #e1e7e9;border-bottom:0}.corvion-contact-editor>footer button,.corvion-contact-import>footer button{padding:9px 14px;border:1px solid #d7e0e2;border-radius:9px;background:#fff}.corvion-contact-editor>footer button:last-child,.corvion-contact-import>footer button:last-child{color:#fff;border-color:#16706e;background:#16706e}.corvion-contact-import>main{min-height:220px;overflow:auto;padding:18px}.corvion-contact-drop{min-height:190px;display:grid;place-content:center;justify-items:center;gap:8px;border:1px dashed #aababc;border-radius:14px;background:#f5f8f8;text-align:center}.corvion-contact-drop input{position:absolute;opacity:0}.corvion-contact-drop svg{width:34px;height:34px}.corvion-contact-import-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.corvion-contact-import-counts span{display:grid;padding:11px;border-radius:10px;background:#edf3f3}.corvion-contact-import-counts b{font-size:22px}.corvion-contact-mapping{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.corvion-contact-mapping h3{grid-column:1/-1;margin:0}.corvion-contact-mapping label{display:grid;gap:4px;font-size:12px}.corvion-contact-preview-table{margin-top:18px;overflow:auto;border:1px solid #e1e6e8;border-radius:10px}.corvion-contact-preview-table table{width:100%;border-collapse:collapse;white-space:nowrap}.corvion-contact-preview-table th,.corvion-contact-preview-table td{padding:9px 11px;border-bottom:1px solid #edf0f1;text-align:left;font-size:12px}.corvion-contact-preview-table tr.is-conflict td:first-child,.corvion-contact-preview-table tr.is-invalid td:first-child{color:#b15a35}.corvion-contact-undo{position:fixed;right:24px;bottom:24px;z-index:2147483400;display:flex;align-items:center;gap:18px;padding:13px 16px;border-radius:11px;color:#fff;background:#1d2b31;box-shadow:0 12px 35px #00000040}.corvion-contact-undo button{color:#76d7d2;border:0;background:transparent}.corvion-contacts-workspace.is-dark .corvion-contacts-window,.corvion-contacts-modal-layer.is-dark form{color:#e8eff1;background:#182126}.corvion-contacts-workspace.is-dark .corvion-contacts-window>header,.corvion-contacts-workspace.is-dark .corvion-contacts-window>main>aside{border-color:#344149;background:#202b31}.corvion-contacts-workspace.is-dark .corvion-contacts-window>main>section{background:#182126}.corvion-contacts-workspace.is-dark input,.corvion-contacts-workspace.is-dark .corvion-contact-row.is-active,.corvion-contacts-workspace.is-dark .corvion-contact-row:hover{color:#e8eff1;background:#263239}.corvion-contacts-modal-layer.is-dark input,.corvion-contacts-modal-layer.is-dark textarea,.corvion-contacts-modal-layer.is-dark select{color:#e8eff1;border-color:#3d4a51;background:#202b31}@media(max-width:700px){.corvion-contacts-workspace{inset:0}.corvion-contacts-window{border-radius:0}.corvion-contacts-window>main{grid-template-columns:1fr}.corvion-contacts-window>main>section{display:none}.corvion-contacts-window>header nav button{padding:0 8px;font-size:0}.corvion-contact-editor>main,.corvion-contact-mapping{grid-template-columns:1fr}.corvion-contact-import-counts{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.corvion-contacts-workspace *{scroll-behavior:auto}}


/* Source: assets/css/pipeline/31-contacts-dark-mode.css */
/* Contacts dark-mode completion. Kept separate so theme coverage remains auditable. */
.corvion-contacts-workspace.is-dark {
  color: #eeeeef;
}

.corvion-contacts-workspace.is-dark .corvion-contacts-window {
  border-color: #4a4b50;
  background: #18191c;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .52);
}

.corvion-contacts-workspace.is-dark .corvion-contacts-window > header {
  color: #f2f2f3;
  border-bottom-color: #35363b;
  background: rgba(31, 32, 36, .96);
}

.corvion-contacts-workspace.is-dark .corvion-contacts-window > header nav button {
  color: #d8d8dc;
  border-color: #45464d;
  background: #26272c;
  box-shadow: none;
}

.corvion-contacts-workspace.is-dark .corvion-contacts-window > header nav button:hover,
.corvion-contacts-workspace.is-dark .corvion-contacts-window > header nav button:focus-visible {
  color: #fafafa;
  border-color: #62636b;
  background: #303137;
}

.corvion-contacts-workspace.is-dark .corvion-contacts-window > main > aside {
  color: #dedee1;
  border-right-color: #35363b;
  background: #202125;
}

.corvion-contacts-workspace.is-dark .corvion-contacts-window > main > aside > label {
  color: #9a9ba2;
  border-color: #414249;
  background: #18191d;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .015);
}

.corvion-contacts-workspace.is-dark .corvion-contacts-window > main > aside > label:focus-within {
  color: #79d0cb;
  border-color: #438d89;
  box-shadow: 0 0 0 3px rgba(71, 158, 152, .15);
}

.corvion-contacts-workspace.is-dark .corvion-contacts-window > main > aside input {
  color: #f1f1f2;
  background: transparent;
}

.corvion-contacts-workspace.is-dark .corvion-contacts-window > main > aside input::placeholder {
  color: #777980;
  opacity: 1;
}

.corvion-contacts-workspace.is-dark .corvion-contacts-window > main > aside > nav button {
  color: #bcbcc1;
  background: transparent;
}

.corvion-contacts-workspace.is-dark .corvion-contacts-window > main > aside > nav button:hover {
  color: #f2f2f3;
  background: #2a2b30;
}

.corvion-contacts-workspace.is-dark .corvion-contacts-window > main > aside > nav button.is-active {
  color: #8fdad5;
  background: #293633;
  box-shadow: inset 0 0 0 1px rgba(113, 211, 204, .18);
}

.corvion-contacts-workspace.is-dark .corvion-contact-list > p {
  color: #adaeb3;
}

.corvion-contacts-workspace.is-dark .corvion-contact-row {
  color: #e5e5e7;
}

.corvion-contacts-workspace.is-dark .corvion-contact-row small {
  color: #94959b;
}

.corvion-contacts-workspace.is-dark .corvion-contact-row:hover,
.corvion-contacts-workspace.is-dark .corvion-contact-row.is-active {
  color: #f4f4f5;
  background: #2a2b30;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .045);
}

.corvion-contacts-workspace.is-dark .corvion-contact-row > span,
.corvion-contacts-workspace.is-dark .corvion-contact-detail > header > span {
  color: #a7d9d6;
  background: #30383a;
}

.corvion-contacts-workspace.is-dark .corvion-contacts-window > main > section {
  color: #ececee;
  background: #18191c;
}

.corvion-contacts-workspace.is-dark .corvion-contacts-empty {
  color: #85868c;
}

.corvion-contacts-workspace.is-dark .corvion-contacts-empty h2 {
  color: #dedee1;
}

.corvion-contacts-workspace.is-dark .corvion-contacts-empty p,
.corvion-contacts-workspace.is-dark .corvion-contact-detail header p,
.corvion-contacts-workspace.is-dark .corvion-contact-detail small {
  color: #96979d;
}

.corvion-contacts-workspace.is-dark .corvion-contact-detail > section a {
  color: #e2e2e4;
  border-color: #383940;
  background: #222328;
}

.corvion-contacts-workspace.is-dark .corvion-contact-detail > section a:hover {
  border-color: #55565e;
  background: #292a2f;
}

.corvion-contacts-workspace.is-dark .corvion-contact-labels span {
  color: #9bded9;
  background: #293633;
}

.corvion-contacts-workspace.is-dark .corvion-contact-notes {
  color: #d4d4d7;
  border: 1px solid #383940;
  background: #222328;
}

.corvion-contacts-workspace.is-dark .corvion-contact-detail > footer button {
  color: #d9d9dc;
  border-color: #414249;
  background: #25262b;
}

.corvion-contacts-workspace.is-dark .corvion-contact-detail > footer button:hover {
  color: #f4f4f5;
  border-color: #5d5e66;
  background: #303137;
}

.corvion-contacts-modal-layer.is-dark {
  background: rgba(3, 3, 4, .72);
}

.corvion-contacts-modal-layer.is-dark .corvion-contact-editor,
.corvion-contacts-modal-layer.is-dark .corvion-contact-import {
  color: #ededee;
  border: 1px solid #494a50;
  background: #1b1c20;
}

.corvion-contacts-modal-layer.is-dark form > header,
.corvion-contacts-modal-layer.is-dark form > footer {
  border-color: #383940;
  background: #222328;
}

.corvion-contacts-modal-layer.is-dark form > header p,
.corvion-contacts-modal-layer.is-dark form label > span {
  color: #9c9da3;
}

.corvion-contacts-modal-layer.is-dark input,
.corvion-contacts-modal-layer.is-dark textarea,
.corvion-contacts-modal-layer.is-dark select {
  color: #f0f0f1;
  border-color: #42434a;
  background: #15161a;
  color-scheme: dark;
}

.corvion-contacts-modal-layer.is-dark input:focus,
.corvion-contacts-modal-layer.is-dark textarea:focus,
.corvion-contacts-modal-layer.is-dark select:focus {
  border-color: #438d89;
  outline: 3px solid rgba(71, 158, 152, .15);
}

.corvion-contacts-modal-layer.is-dark form > footer button {
  color: #d7d7da;
  border-color: #42434a;
  background: #27282d;
}

.corvion-contacts-modal-layer.is-dark form > footer button:last-child {
  color: #f2fbfa;
  border-color: #398b86;
  background: #28746f;
}

.corvion-contacts-modal-layer.is-dark .corvion-contact-drop {
  color: #d0d0d3;
  border-color: #56575f;
  background: #15161a;
}

.corvion-contacts-modal-layer.is-dark .corvion-contact-drop small {
  color: #8d8e95;
}

.corvion-contacts-modal-layer.is-dark .corvion-contact-import-counts span {
  color: #bdbdc1;
  border: 1px solid #383940;
  background: #222328;
}

.corvion-contacts-modal-layer.is-dark .corvion-contact-import-counts b {
  color: #f3f3f4;
}

.corvion-contacts-modal-layer.is-dark .corvion-contact-preview-table {
  border-color: #414249;
}

.corvion-contacts-modal-layer.is-dark .corvion-contact-preview-table th {
  color: #b0b0b5;
  background: #25262b;
}

.corvion-contacts-modal-layer.is-dark .corvion-contact-preview-table td {
  color: #dddddf;
  border-bottom-color: #34353a;
  background: #1b1c20;
}

.corvion-contacts-modal-layer.is-dark .corvion-contact-preview-table tr.is-conflict td:first-child,
.corvion-contacts-modal-layer.is-dark .corvion-contact-preview-table tr.is-invalid td:first-child {
  color: #f2a07d;
}

@media (prefers-contrast: more) {
  .corvion-contacts-workspace.is-dark .corvion-contacts-window > header nav button,
  .corvion-contacts-workspace.is-dark .corvion-contacts-window > main > aside > label,
  .corvion-contacts-modal-layer.is-dark input,
  .corvion-contacts-modal-layer.is-dark textarea,
  .corvion-contacts-modal-layer.is-dark select {
    border-color: #72858e;
  }
}


/* Source: assets/css/pipeline/32-contacts-window-controls.css */
.corvion-contacts-workspace .corvion-contacts-window > header {
  cursor: grab;
  user-select: none;
}

.corvion-contacts-workspace.is-dragging .corvion-contacts-window > header {
  cursor: grabbing;
}

.corvion-contacts-workspace.is-dragging,
.corvion-contacts-workspace.is-resizing {
  transition: none;
}

.corvion-contacts-workspace.is-dragging *,
.corvion-contacts-workspace.is-resizing * {
  user-select: none;
}

.corvion-contacts-window-resize {
  position: absolute;
  z-index: 20;
  display: block;
  touch-action: none;
}

.corvion-contacts-window-resize.is-n,
.corvion-contacts-window-resize.is-s {
  right: 14px;
  left: 14px;
  height: 10px;
  cursor: ns-resize;
}

.corvion-contacts-window-resize.is-n { top: -4px; }
.corvion-contacts-window-resize.is-s { bottom: -4px; }

.corvion-contacts-window-resize.is-e,
.corvion-contacts-window-resize.is-w {
  top: 14px;
  bottom: 14px;
  width: 10px;
  cursor: ew-resize;
}

.corvion-contacts-window-resize.is-e { right: -4px; }
.corvion-contacts-window-resize.is-w { left: -4px; }

.corvion-contacts-window-resize.is-ne,
.corvion-contacts-window-resize.is-se,
.corvion-contacts-window-resize.is-sw,
.corvion-contacts-window-resize.is-nw {
  width: 18px;
  height: 18px;
}

.corvion-contacts-window-resize.is-ne { top: -5px; right: -5px; cursor: nesw-resize; }
.corvion-contacts-window-resize.is-se { right: -5px; bottom: -5px; cursor: nwse-resize; }
.corvion-contacts-window-resize.is-sw { bottom: -5px; left: -5px; cursor: nesw-resize; }
.corvion-contacts-window-resize.is-nw { top: -5px; left: -5px; cursor: nwse-resize; }

.corvion-contacts-workspace.is-resizing::after {
  position: absolute;
  inset: 0;
  z-index: 19;
  content: "";
  border: 1px solid rgba(91, 185, 179, .5);
  border-radius: 18px;
  pointer-events: none;
}

@media (max-width: 700px) {
  .corvion-contacts-workspace {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .corvion-contacts-window-resize {
    display: none;
  }

  .corvion-contacts-workspace .corvion-contacts-window > header {
    cursor: default;
  }
}

@media (prefers-reduced-motion: reduce) {
  .corvion-contacts-workspace {
    transition: none;
  }
}


/* Source: assets/css/pipeline/33-contacts-import-refinement.css */
.corvion-contact-import-v2{width:min(920px,calc(100vw - 36px));height:min(680px,calc(100dvh - 36px));border:1px solid #c8d5d9;border-radius:18px;background:#f8fafa}
.corvion-contact-import-v2>header{padding:24px 28px;border-top:0;border-right:0;border-bottom:1px solid #d9e3e6;border-left:0}
.corvion-contact-import-v2>header h2{font-size:clamp(28px,3vw,42px);line-height:1.1}
.corvion-contact-import-v2>header p{font-size:18px}
.corvion-contact-import-v2>header button svg{width:24px;height:24px}
.corvion-contact-import-v2>main{min-height:0;padding:0;overflow:auto;border:0}
.corvion-contact-import-v2>footer{padding:14px 20px;border-top:1px solid #d9e3e6}
.corvion-contact-import-v2>footer button:disabled{opacity:.45;cursor:not-allowed}
.corvion-import-dropzone{box-sizing:border-box;min-height:100%;display:grid;place-content:center;justify-items:center;gap:10px;margin:0;padding:32px;border:1px dashed #93a7ae;border-radius:0;background:#f5f9f9;text-align:center;cursor:pointer;transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s}
.corvion-import-dropzone input{position:absolute;width:1px;height:1px;opacity:0}
.corvion-import-dropzone>svg{width:44px;height:44px}
.corvion-import-dropzone>b{font-size:19px}
.corvion-import-dropzone>small{color:#72858b}
.corvion-import-dropzone.is-dragover,.corvion-import-dropzone.has-files{border-color:#2789db;background:#eaf5ff;color:#1268ad;box-shadow:inset 0 0 0 2px #2789db33}
.corvion-import-file-list{width:min(560px,100%);max-height:150px;display:grid;gap:6px;margin-top:16px;overflow:auto;text-align:left}
.corvion-import-file-list span{display:flex;justify-content:space-between;gap:18px;padding:8px 11px;border:1px solid #b9d8ee;border-radius:9px;background:#fff;color:#274755}
.corvion-import-file-list small{color:#71858d}
.corvion-import-editor{padding:20px 24px}
.corvion-import-editor>section{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}
.corvion-import-editor label{display:grid;gap:5px}
.corvion-import-editor label.wide{grid-column:1/-1}
.corvion-import-editor input,.corvion-import-editor textarea{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #cfdadd;border-radius:9px;background:#fff;color:inherit;font:inherit}
.corvion-import-editor textarea{min-height:84px;resize:vertical}
.corvion-import-progress{height:4px;overflow:hidden;border-radius:99px;background:#dbe6e9}
.corvion-import-progress span{display:block;height:100%;border-radius:inherit;background:#2789db;transition:width .2s}
.corvion-import-status{display:inline-flex;margin-top:16px;padding:6px 10px;border-radius:999px;background:#e7f1f1;color:#176d6c;font-size:12px;font-weight:700}
.corvion-import-status.is-conflict,.corvion-import-status.is-invalid{background:#fff1e9;color:#a34d27}
.corvion-import-editor-lead{display:flex;align-items:center;gap:12px;margin-top:16px}
.corvion-import-editor-lead .corvion-import-status{margin-top:0}
.corvion-import-avatar{width:58px;height:58px;border:2px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 4px 14px #18333e26}
.corvion-import-ready{margin-right:auto;color:#687b82}
.corvion-import-empty{display:grid;place-items:center;color:#718289}
.corvion-contact-import-notice{position:fixed;top:22px;left:50%;z-index:2147483600;max-width:min(520px,calc(100vw - 32px));padding:12px 16px;border-radius:10px;color:#fff;background:#16706e;box-shadow:0 12px 35px #0004;transform:translateX(-50%)}
.corvion-contact-import-notice.is-error{background:#a64d36}
.corvion-contact-runtime-notice{position:fixed;top:54px;left:50%;z-index:2147483600;max-width:min(560px,calc(100vw - 32px));padding:12px 16px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;background:#16706e;box-shadow:0 12px 35px #0006;transform:translateX(-50%)}
.corvion-contact-runtime-notice.is-error{background:#8f3f35}
.corvion-contact-import-v2-layer.is-dark .corvion-contact-import-v2{border-color:#494a50;background:#1b1c20;color:#ededee}
.corvion-contact-import-v2-layer.is-dark .corvion-contact-import-v2>header,.corvion-contact-import-v2-layer.is-dark .corvion-contact-import-v2>footer{border-color:#383940;background:#222328}
.corvion-contact-import-v2-layer.is-dark .corvion-import-dropzone{border-color:#56575f;background:#15161a;color:#d6d6d9}
.corvion-contact-import-v2-layer.is-dark .corvion-import-dropzone.is-dragover,.corvion-contact-import-v2-layer.is-dark .corvion-import-dropzone.has-files{border-color:#42a5f5;background:#102f46;color:#8bc9ff;box-shadow:inset 0 0 0 2px #42a5f533}
.corvion-contact-import-v2-layer.is-dark .corvion-import-file-list span,.corvion-contact-import-v2-layer.is-dark .corvion-import-editor input,.corvion-contact-import-v2-layer.is-dark .corvion-import-editor textarea{border-color:#42434a;background:#17181c;color:#ededee}
@media(max-width:700px){.corvion-contact-import-v2{height:calc(100dvh - 20px);width:calc(100vw - 20px)}.corvion-contact-import-v2>header{padding:18px}.corvion-contact-import-v2>header p{font-size:14px}.corvion-import-editor>section{grid-template-columns:1fr}.corvion-import-editor label.wide{grid-column:auto}.corvion-import-ready{display:none}}
.corvion-contact-row>img{grid-row:1/3;width:38px;height:38px;border-radius:50%;object-fit:cover}
.corvion-contact-detail>header>img{width:108px;height:108px;flex:0 0 108px;border:1px solid #ffffff24;border-radius:50%;object-fit:cover;box-shadow:0 12px 30px #0003}
.corvion-contact-detail>header>span{width:108px;height:108px;flex:0 0 108px;font-size:34px}
.corvion-contact-photo-field>div{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid #d9e1e3;border-radius:14px;background:#f8fafa;cursor:pointer;transition:border-color .18s,background-color .18s,box-shadow .18s}
.corvion-contact-photo-field>div:hover,.corvion-contact-photo-field>div:focus-within{border-color:#6aa9a5;background:#f3f8f8;box-shadow:0 0 0 3px #479e981c}
.corvion-contact-photo-field>div>img,.corvion-contact-photo-field>div>span:first-child{display:grid;place-items:center;width:68px;height:68px;flex:0 0 68px;border-radius:50%;object-fit:cover;background:#d7ebea;color:#176d6c;font-size:22px;font-weight:750}
.corvion-contact-photo-copy{min-width:0;display:grid;gap:2px}
.corvion-contact-photo-copy b{font-size:15px}
.corvion-contact-photo-copy small{color:#72858b}
.corvion-contact-photo-copy em{overflow:hidden;color:#8a969b;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.corvion-contact-photo-action{padding:9px 12px;border:1px solid #c9d5d8;border-radius:9px;background:#fff;color:#266866;font-size:12px;font-weight:700;white-space:nowrap}
.corvion-contact-photo-field input[type=file]{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}
.corvion-contacts-modal-layer.is-dark .corvion-contact-photo-field>div{border-color:#42434a;background:#1f2024}
.corvion-contacts-modal-layer.is-dark .corvion-contact-photo-field>div:hover,.corvion-contacts-modal-layer.is-dark .corvion-contact-photo-field>div:focus-within{border-color:#566c6a;background:#24262a;box-shadow:0 0 0 3px #479e9817}
.corvion-contacts-modal-layer.is-dark .corvion-contact-photo-field>div>span:first-child{color:#a7d9d6;background:#30383a}
.corvion-contacts-modal-layer.is-dark .corvion-contact-photo-action{border-color:#4b5356;background:#2a2c31;color:#9bded9}
@media(max-width:560px){.corvion-contact-photo-field>div{grid-template-columns:58px minmax(0,1fr)}.corvion-contact-photo-field>div>img,.corvion-contact-photo-field>div>span:first-child{width:58px;height:58px}.corvion-contact-photo-action{grid-column:1/-1;text-align:center}}


/* Source: assets/css/pipeline/34-contact-360.css */
.corvion-contact-detail > .corvion-contact-360 {
  display: block;
  margin: 28px 0 0;
  padding-top: 24px;
  border-top: 1px solid #e2e8ea;
}
.corvion-contact-360 > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.corvion-contact-360 > header h3 { margin: 2px 0 0; font-size: 19px; }
.corvion-contact-360 > header > span { color: #748187; font-size: 12px; }
.corvion-contact-360-counts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 15px 0; }
.corvion-contact-360-counts span { display: grid; padding: 10px 12px; border: 1px solid #e2e8ea; border-radius: 11px; color: #728087; font-size: 11px; }
.corvion-contact-360-counts b { color: #172329; font-size: 20px; }
.corvion-contact-timeline { display: grid; gap: 7px; }
.corvion-contact-timeline > button { width: 100%; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 10px 12px; border: 1px solid #e1e7e9; border-radius: 11px; background: #fff; text-align: left; }
.corvion-contact-timeline > button:hover { border-color: #a8c6c4; background: #f6fafa; }
.corvion-contact-timeline i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: #176d6c; background: #e3f0ef; }
.corvion-contact-timeline i svg { width: 17px; height: 17px; }
.corvion-contact-timeline button > span { min-width: 0; display: grid; }
.corvion-contact-timeline button small { color: #77858a; }
.corvion-contact-timeline button b,
.corvion-contact-timeline button em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.corvion-contact-timeline button em { color: #7a878c; font-size: 11px; font-style: normal; }
.corvion-contact-timeline time { color: #839096; font-size: 11px; white-space: nowrap; }
.corvion-contact-timeline > p,
.corvion-contact-activity-loading { padding: 18px; border-radius: 11px; background: #f5f8f8; color: #738087; text-align: center; }
.corvion-contacts-workspace.is-dark .corvion-contact-detail > .corvion-contact-360 { border-color: #383940; }
.corvion-contacts-workspace.is-dark .corvion-contact-360-counts span,
.corvion-contacts-workspace.is-dark .corvion-contact-timeline > button { border-color: #3b3c42; background: #222328; color: #ededee; }
.corvion-contacts-workspace.is-dark .corvion-contact-360-counts b { color: #f2f2f3; }
.corvion-contacts-workspace.is-dark .corvion-contact-timeline > button:hover { border-color: #4d7471; background: #292a2f; }
.corvion-contacts-workspace.is-dark .corvion-contact-timeline i { color: #9bded9; background: #293a3a; }
.corvion-contacts-workspace.is-dark .corvion-contact-timeline > p,
.corvion-contacts-workspace.is-dark .corvion-contact-activity-loading { background: #222328; color: #a9aaaf; }
@media (max-width: 850px) {
  .corvion-contact-360-counts { grid-template-columns: 1fr 1fr; }
  .corvion-contact-timeline > button { grid-template-columns: 36px minmax(0, 1fr); }
  .corvion-contact-timeline time { grid-column: 2; }
}


/* Source: assets/css/pipeline/35-project-modal25-mobile.css */
.vidu-project-modal25-context-toggle,
.vidu-project-modal25-mobile-close {
  display: none;
}

.vidu-project-modal25-context-details {
  display: contents;
}

@media (max-width: 767px) and (hover: none) and (pointer: coarse) {
  #vidu-app-modal.vidu-project-modal25-shell,
  #vidu-app-modal.vidu-project-modal25-shell * {
    box-sizing: border-box;
  }
  #vidu-app-modal.vidu-project-modal25-shell,
  #vidu-app-modal.vidu-project-modal25-shell.is-open {
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    display: block;
    width: 100vw;
    height: var(--corvion-mobile-app-height, 100dvh);
    min-height: var(--corvion-mobile-app-height, 100dvh);
    padding: 0;
    overflow: hidden;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-app-modal-dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    display: flex;
    width: 100vw;
    max-width: 100vw;
    height: var(--corvion-mobile-app-height, 100dvh);
    max-height: none;
    min-height: 0;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    transform: none;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-app-modal-header {
    display: none;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-app-modal-body,
  #vidu-app-modal.vidu-project-modal25-shell .vidu-app-modal-content,
  #vidu-app-modal.vidu-project-modal25-shell .vidu-modal-content,
  #vidu-app-modal.vidu-project-modal25-shell .vidu-modal-inner-frame,
  #vidu-app-modal.vidu-project-modal25-shell .vidu-modal-inner-content {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    max-height: none;
    min-height: 0;
    padding: 0;
    overflow: hidden;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25 {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: none;
    min-height: 0;
    padding: 0 0 env(safe-area-inset-bottom);
    border-radius: 0;
    background: #08090b;
    overflow: hidden;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-mobile-scroll {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    overflow: hidden;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-context {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    max-height: calc(100dvh - 76px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    min-height: 0;
    padding: calc(14px + env(safe-area-inset-top)) 18px 12px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background: #0d0f12;
    overflow: hidden;
    transition: max-height .34s cubic-bezier(.22, .8, .22, 1), padding .34s cubic-bezier(.22, .8, .22, 1);
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-context.is-mobile-expanded {
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-kicker {
    display: inline-flex;
    margin: 0 0 8px;
    font-size: 10px;
    line-height: 1;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-context .vidu-project-title {
    margin: 0;
    font-size: clamp(23px, 6.4vw, 30px);
    line-height: 1.02;
    letter-spacing: -.035em;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-context > p {
    margin: 7px 0 0;
    color: rgba(255, 255, 255, .62);
    font-size: 14px;
    line-height: 1.3;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-context-toggle {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 32px;
    margin: 10px 0 0;
    padding: 0;
    border: 0;
    color: rgba(255, 255, 255, .66);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 750;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-context-toggle i {
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform .22s ease;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-context.is-mobile-expanded .vidu-project-modal25-context-toggle i {
    transform: translateY(2px) rotate(225deg);
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-context-details {
    display: grid;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height .34s cubic-bezier(.22, .8, .22, 1), opacity .22s ease, visibility 0s linear .34s;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-context.is-mobile-expanded .vidu-project-modal25-context-details {
    max-height: calc(100dvh - 170px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    gap: 10px;
    padding-top: 10px;
    opacity: 1;
    visibility: visible;
    transition: max-height .34s cubic-bezier(.22, .8, .22, 1), opacity .26s ease .06s, visibility 0s;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-context-stack,
  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-client-details,
  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-sidebar-viewer,
  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-context-actions {
    margin: 0;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-main {
    display: flex;
    flex: 1 1 0;
    width: 100%;
    min-height: 0;
    overflow: hidden;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tabs {
    position: sticky;
    top: 0;
    z-index: 4;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) 42px;
    grid-template-rows: auto minmax(0, 1fr);
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    gap: 6px;
    padding: 9px 10px 0;
    border-top: 1px solid rgba(255, 255, 255, .055);
    background: #0b0d10;
    overflow: hidden;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab {
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 40px;
    padding: 6px 5px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 13px;
    color: rgba(255, 255, 255, .58);
    background: rgba(255, 255, 255, .035);
    font-size: clamp(9px, 2.65vw, 12px);
    line-height: 1.05;
    white-space: normal;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab-input:checked + .vidu-project-modal25-tab {
    border-color: rgba(126, 133, 255, .55);
    color: #fff;
    background: rgba(99, 102, 241, .18);
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-tab-edit {
    display: none;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-mobile-close {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .045);
    font-size: 27px;
    font-weight: 300;
    line-height: 1;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panels {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 12px 2px calc(72px + env(safe-area-inset-bottom));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel {
    min-height: 0;
    padding: 0 0 16px;
    overflow: visible;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-mobile-section-toggle {
    display: none;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-mobile-section-body,
  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-panel.is-mobile-open .vidu-project-modal25-mobile-section-body {
    display: block;
    padding: 0;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-hero,
  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-overview-secondary,
  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation,
  #vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-layout,
  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-mobile-drag-handle {
    display: none;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-project-modal25-operation-card {
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 16px;
    background: rgba(255, 255, 255, .025);
    box-shadow: none;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-operation-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-operation-head span {
    color: rgba(255, 255, 255, .48);
    font-size: 11px;
    font-weight: 750;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-operation-head strong {
    color: rgba(255, 255, 255, .92);
    font-size: 14px;
    text-align: right;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-resize-handle {
    display: none;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-nav {
    display: flex;
    align-items: stretch;
    gap: 8px;
    width: 100%;
    padding: 0 0 2px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 0;
    background: transparent;
    scroll-snap-type: x proximity;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-block-row {
    flex: 0 0 min(78vw, 280px);
    min-width: 0;
    scroll-snap-align: start;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-detail,
  #vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-items {
    width: 100%;
    min-width: 0;
    max-height: none;
    overflow: visible;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-item {
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    padding: 12px 2px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    border-radius: 0;
    background: transparent;
  }

  #vidu-app-modal.vidu-project-modal25-shell .vidu-pm25-checklist-actions {
    grid-column: 2;
    display: flex;
    gap: 4px;
    margin-top: 7px;
    opacity: 1;
  }

  #vidu-app-modal.vidu-project-modal25-shell *,
  #vidu-app-modal.vidu-project-modal25-shell *::before,
  #vidu-app-modal.vidu-project-modal25-shell *::after {
    scrollbar-width: none;
  }

  #vidu-app-modal.vidu-project-modal25-shell *::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
}


/* Source: assets/css/pipeline/38-communications.css */
/* Corvion Messages: shared three-column shell for internal and connected channels. */
#vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-dialog{width:min(1480px,calc(100vw - 32px));height:min(940px,calc(100svh - 32px));max-height:calc(100svh - 32px);border-radius:22px}
#vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-body{padding:0}
.vidu-messages-modal-shell .vidu-messages-center{border-radius:0;background:#111317}
.vidu-messages-modal-shell .vidu-messages-layout,.corvion-comms{--channel-accent:#3478f6;--channel-accent-soft:rgba(52,120,246,.16);--messages-rail:#000;--messages-list:#000;--messages-chat:#000;--messages-line:rgba(255,255,255,.09);--messages-text:#f2f3f5;--messages-muted:#9b9da3;position:relative;display:grid;grid-template-columns:72px minmax(260px,330px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;height:100%;min-height:0;color:var(--messages-text);background:var(--messages-chat);overflow:hidden}
.corvion-comms[data-channel-theme="signal"]{--channel-accent:#3478f6;--channel-accent-soft:rgba(52,120,246,.2);--messages-rail:#000;--messages-list:#000;--messages-chat:#000}

/* Channel rail */
.corvion-channel-rail{position:relative;z-index:7;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-width:0;padding:14px 10px 12px;border-right:1px solid var(--messages-line);background:var(--messages-rail)}
.corvion-channel-rail-main{display:flex;flex-direction:column;align-items:center;gap:10px}
.corvion-channel-button{position:relative;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:14px;background:transparent;color:#afb2b7;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.corvion-channel-button:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}
.corvion-channel-button.is-active{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.18)}
.corvion-channel-button.is-active::before{content:"";position:absolute;left:-10px;width:3px;height:24px;border-radius:0 4px 4px 0;background:var(--channel-accent)}
.corvion-channel-button img{display:block;width:38px;height:38px;object-fit:contain;border-radius:12px}
.corvion-channel-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.corvion-channel-button>span{position:absolute;left:58px;z-index:30;display:none;padding:6px 9px;border-radius:7px;background:#08090a;color:#fff;font-size:11px;white-space:nowrap;box-shadow:0 8px 24px #0008}
.corvion-channel-button:hover>span{display:block}
.corvion-channel-button.is-add{margin-top:4px;border:1px dashed rgba(255,255,255,.2);border-radius:50%}
.corvion-channel-button.is-preferences{width:42px;height:42px}
.corvion-channel-button.is-placeholder{opacity:.34;filter:grayscale(1);}
.corvion-channel-button.is-placeholder:hover{opacity:.56}

/* Internal Corvion list and chat */
.vidu-messages-modal-shell .vidu-messages-layout>.vidu-messages-list,.vidu-messages-modal-shell .vidu-messages-layout>.vidu-message-chat{height:100%;min-height:0;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.vidu-messages-modal-shell .vidu-messages-layout>.vidu-messages-list{border-right:1px solid var(--messages-line);background:var(--messages-list)}
.vidu-messages-modal-shell .vidu-messages-layout>.vidu-message-chat{background:var(--messages-chat)}
.vidu-messages-modal-shell .vidu-messages-list-head{padding:18px 16px 12px;border-bottom:1px solid var(--messages-line);background:transparent}
.vidu-messages-modal-shell .vidu-message-tabs{margin:0 0 14px;padding:3px;border-radius:12px;background:rgba(255,255,255,.055)}
.vidu-messages-modal-shell .vidu-message-tabs button{min-height:34px;color:var(--messages-muted);font-size:12px}
.vidu-messages-modal-shell .vidu-message-tabs button.is-active{background:#3478f6;color:#fff;box-shadow:0 4px 14px rgba(17,67,156,.35)}
.vidu-messages-modal-shell .vidu-message-organization-filter span,.vidu-messages-modal-shell .vidu-message-new-private span,.vidu-messages-modal-shell .vidu-messages-list-title{color:#74777d}
.vidu-messages-modal-shell .vidu-message-organization-filter select,.vidu-messages-modal-shell .vidu-message-new-private select{border-color:var(--messages-line);background:rgba(255,255,255,.045);color:var(--messages-text)}
.vidu-messages-modal-shell .vidu-messages-list-scroll{padding:10px 9px 16px}
.vidu-messages-modal-shell .vidu-message-thread{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;min-height:64px;padding:9px;border-radius:13px;color:var(--messages-text)}
.vidu-messages-modal-shell .vidu-message-thread:hover{background:rgba(255,255,255,.055);border-color:transparent}
.vidu-messages-modal-shell .vidu-message-thread.is-active{background:rgba(52,120,246,.14);border-color:rgba(52,120,246,.34);box-shadow:none}
.vidu-message-thread-avatar,.corvion-comms-thread-avatar,.corvion-comms-chat-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:linear-gradient(145deg,#1e3f78,#3478f6);color:#eef4ff;font-size:14px;font-weight:760;letter-spacing:.01em}
.corvion-comms-thread-avatar,.corvion-comms-chat-avatar{overflow:hidden}.corvion-comms-thread-avatar img,.corvion-comms-chat-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.vidu-message-thread-main strong{color:var(--messages-text);font-size:13px}.vidu-message-thread-main span{color:var(--messages-muted);font-size:12px}.vidu-message-thread-meta small{color:#777a80;font-size:10px}
.vidu-messages-modal-shell .vidu-message-chat-head{display:flex;align-items:center;gap:12px;min-height:74px;padding:13px 18px;border-bottom:1px solid var(--messages-line);background:rgba(18,20,22,.82)}
.vidu-messages-modal-shell .vidu-message-chat-head>div{order:1}.vidu-messages-modal-shell .vidu-message-chat-head>.vidu-message-sidebar-toggle{order:2}.vidu-messages-modal-shell .vidu-message-chat-head>.vidu-ai-assist-actions{order:3;margin-left:auto}
.vidu-messages-modal-shell .vidu-message-chat-head span{color:#7f8388;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.vidu-messages-modal-shell .vidu-message-chat-head h3{margin-top:3px;color:var(--messages-text);font-size:18px}
.vidu-messages-modal-shell .vidu-message-sidebar-toggle.is-icon-only{display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:0;border-color:var(--messages-line);background:rgba(255,255,255,.035);color:#a9acb2}
.vidu-messages-modal-shell .vidu-ai-assist-actions{max-width:none}.vidu-messages-modal-shell .vidu-ai-assist-actions button{min-height:30px;border-color:var(--messages-line);background:rgba(255,255,255,.03);color:#afb2b7}
.vidu-messages-modal-shell .vidu-message-bubbles{padding:22px 24px;background:var(--messages-chat)}
.vidu-messages-modal-shell .vidu-message-bubble-body{max-width:min(680px,78%);border:0;border-radius:19px 19px 19px 6px;background:#2b2d30;color:#f1f2f4;box-shadow:none}
.vidu-messages-modal-shell .vidu-message-bubble.is-mine .vidu-message-bubble-body{border:0;border-radius:19px 19px 6px 19px;background:linear-gradient(135deg,#3478f6,#245fc9);color:#fff;box-shadow:none}
.vidu-message-edit-button,.corvion-comms-edit-button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font-size:13px;opacity:0;cursor:pointer;transition:opacity .15s,background .15s}
.vidu-message-bubble:hover .vidu-message-edit-button,.vidu-message-edit-button:focus-visible,.corvion-comms-message:hover .corvion-comms-edit-button,.corvion-comms-edit-button:focus-visible{opacity:.72}.vidu-message-edit-button:hover,.corvion-comms-edit-button:hover{background:#fff2;opacity:1}
.vidu-message-edit-banner,.corvion-comms-edit-banner{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:4px 10px;border-left:3px solid var(--channel-accent);border-radius:7px;background:var(--channel-accent-soft);color:#cfd5db;font-size:11px}.vidu-message-edit-banner button,.corvion-comms-edit-banner button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:#b9bdc3;font-size:18px;cursor:pointer}
.vidu-messages-modal-shell .vidu-message-compose{padding:10px 16px 15px;background:var(--messages-chat)}
.vidu-messages-modal-shell .vidu-message-compose textarea{min-height:42px;border-color:var(--messages-line);border-radius:22px;background:#292b2e;color:var(--messages-text);box-shadow:none}
.vidu-messages-modal-shell .vidu-message-send-btn{background:var(--channel-accent);border-color:transparent;color:#fff}
.vidu-message-mobile-back,.corvion-comms-mobile-back{display:none}

/* Connected channels */
.corvion-comms button,.corvion-comms-dialog button{font:inherit}.corvion-comms button{color:inherit}
.corvion-comms-sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;border-right:1px solid var(--messages-line);background:var(--messages-list);overflow:hidden}
.corvion-comms-list-head{flex:0 0 auto;padding:17px 14px 12px;border-bottom:1px solid var(--messages-line)}
.corvion-comms .vidu-message-tabs{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:3px;margin:0 0 12px;padding:3px;border-radius:12px;background:rgba(255,255,255,.05)}
.corvion-comms .vidu-message-tabs button{min-height:32px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#96999f;font-size:12px;font-weight:750;cursor:pointer}.corvion-comms .vidu-message-tabs button:hover{background:rgba(255,255,255,.055);color:#fff}
.corvion-comms-channel-pill{padding:0 8px;color:var(--channel-accent);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.corvion-comms-search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,.065)}.corvion-comms-search svg{width:17px;height:17px;fill:none;stroke:#8d9095;stroke-width:1.8}.corvion-comms-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:13px}.corvion-comms-search input::placeholder{color:#85878c}
.corvion-comms-account-select{display:flex;align-items:center;gap:8px;margin-top:9px;color:#85878c;font-size:10px;text-transform:uppercase}.corvion-comms-account-select select{min-width:0;flex:1;padding:6px;border:1px solid var(--messages-line);border-radius:8px;background:#27292c;color:#fff}
.corvion-comms-connection{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:9px;align-items:center;margin-top:12px;padding:0 2px}.corvion-comms-connection>span{width:7px;height:7px;border-radius:50%;background:#8b8e94}.corvion-comms-connection>span.is-connected{background:#49c779;box-shadow:0 0 0 4px rgba(73,199,121,.12)}.corvion-comms-connection div{min-width:0}.corvion-comms-connection strong,.corvion-comms-connection small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corvion-comms-connection strong{font-size:11px}.corvion-comms-connection small{margin-top:2px;color:#777a80;font-size:10px}.corvion-comms-connection button{padding:5px 8px;border:1px solid var(--messages-line);border-radius:8px;background:transparent;color:#aeb1b6;font-size:10px;cursor:pointer}
.corvion-comms-threads{flex:1 1 auto;min-height:0;padding:8px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 transparent}.corvion-comms-threads>button{position:relative;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:62px;padding:9px;border:1px solid transparent;border-radius:13px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .16s,border-color .16s}.corvion-comms-threads>button:hover{background:rgba(255,255,255,.055)}.corvion-comms-threads>button.is-active{border-color:rgba(52,120,246,.28);background:var(--channel-accent-soft)}.corvion-comms-threads button[hidden]{display:none}.corvion-comms-thread-avatar{background:linear-gradient(145deg,#d9eaff,#c8dbff);color:#245cb8}.corvion-comms-thread-copy{min-width:0}.corvion-comms-thread-copy strong,.corvion-comms-thread-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corvion-comms-thread-copy strong{font-size:13px}.corvion-comms-thread-copy small{margin-top:4px;color:var(--messages-muted);font-size:11px}.corvion-comms-threads time{align-self:start;padding-top:3px;color:#74777d;font-size:9px}.corvion-comms-empty-list{padding:28px 18px;color:#a8abb0;text-align:center}.corvion-comms-empty-list p{color:#74777d;font-size:12px;line-height:1.5}.corvion-comms-sidebar>footer{padding:8px 12px 12px}.corvion-comms-sidebar>footer button{width:100%;padding:7px;border:0;background:transparent;color:#74777d;font-size:10px;cursor:pointer}
.corvion-comms-chat{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--messages-chat)}
.corvion-comms-head{position:relative;display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 18px;border-bottom:1px solid var(--messages-line);background:rgba(22,23,25,.88)}.corvion-comms-chat-identity{display:flex;align-items:center;gap:11px;min-width:0}.corvion-comms-chat-avatar{width:40px;height:40px;flex-basis:40px;background:#dbe8ff;color:#2158b5}.corvion-comms-chat-identity>div{min-width:0}.corvion-comms-chat-identity span{display:block;color:#7c8086;font-size:9px;font-weight:800;letter-spacing:.1em}.corvion-comms-conversation-title{display:block;margin:2px 0 0;overflow:hidden;color:#f5f6f7;font-family:inherit;font-size:15px;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.corvion-comms-consent-note{position:absolute;left:70px;bottom:7px;color:#65686d;font-size:9px}.corvion-comms-head-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.corvion-comms-head-tools>button,.corvion-comms-head-tools summary{display:grid;place-items:center;min-height:34px;padding:0 12px;border:1px solid var(--messages-line);border-radius:10px;background:rgba(255,255,255,.035);color:#aeb1b6;font-size:11px;cursor:pointer}.corvion-comms-head-tools>button{width:34px;padding:0}.corvion-comms-head-tools>button:disabled{opacity:.28;cursor:not-allowed}.corvion-comms-head-tools svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.corvion-comms-head-tools details{position:relative}.corvion-comms-head-tools summary{list-style:none}.corvion-comms-head-tools summary::-webkit-details-marker{display:none}.corvion-comms-head-tools details nav{position:absolute;top:42px;right:0;z-index:15;display:grid;width:210px;padding:7px;border:1px solid var(--messages-line);border-radius:12px;background:#25272a;box-shadow:0 18px 44px #0008}.corvion-comms-head-tools details nav button{padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#d3d5d8;text-align:left;cursor:pointer}.corvion-comms-head-tools details nav button:hover{background:rgba(255,255,255,.07)}
.corvion-comms-messages{flex:1 1 auto;min-height:0;padding:18px 24px 26px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#444 transparent}.corvion-comms-day{display:flex;align-items:center;justify-content:center;margin:12px 0}.corvion-comms-day span{padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.045);color:#777a80;font-size:9px}.corvion-comms-message-row{display:flex;margin:3px 0}.corvion-comms-message-row.is-outgoing{justify-content:flex-end}.corvion-comms-message{position:relative;max-width:min(680px,76%);padding:8px 13px 7px;border-radius:18px 18px 18px 6px;background:#2c2e31;color:#f2f3f5;box-shadow:0 3px 12px rgba(0,0,0,.08)}.corvion-comms-message.is-outgoing{border-radius:18px 18px 6px 18px;background:var(--channel-accent);color:#fff}.corvion-comms-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.corvion-comms-message footer{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:3px;opacity:.67;font-size:8px}.corvion-comms-message footer strong{margin-right:auto;font-size:8px}.corvion-comms-message footer small{font-size:8px}.corvion-comms-message details{margin-top:7px;padding:6px;border-radius:8px;background:#0002;font-size:10px}.corvion-comms-message pre{white-space:pre-wrap}.corvion-comms-reactions{position:absolute;right:7px;bottom:-13px;padding:2px 6px;border:2px solid var(--messages-chat);border-radius:999px;background:#292b2e;font-size:12px}.corvion-comms-message-select{position:absolute;top:50%;left:-27px;display:grid;place-items:center;width:20px;height:20px;opacity:0;transform:translateY(-50%);transition:opacity .15s}.corvion-comms-message-row.is-incoming .corvion-comms-message-select{left:auto;right:-27px}.corvion-comms-message:hover .corvion-comms-message-select,.corvion-comms-message-select:has(input:checked){opacity:1}.corvion-comms-message-select input{position:absolute;opacity:0}.corvion-comms-message-select span{width:15px;height:15px;border:1px solid #6f7277;border-radius:4px;background:#1c1e20}.corvion-comms-message-select input:checked+span{border-color:var(--channel-accent);background:var(--channel-accent);box-shadow:inset 0 0 0 3px #1c1e20}.corvion-comms-older{display:block;margin:4px auto 18px;padding:8px 13px;border:1px solid var(--messages-line);border-radius:999px;background:rgba(255,255,255,.04);color:#afb2b7;font-size:10px;cursor:pointer}.corvion-comms-older:disabled{cursor:wait;opacity:.75}.corvion-comms-older>span{display:inline-block;width:10px;height:10px;margin-right:5px;border:1.5px solid #ffffff2b;border-top-color:var(--channel-accent);border-radius:50%;vertical-align:-1px;animation:corvion-comms-spin .8s linear infinite}.corvion-comms-history-state .corvion-comms-older{margin:14px auto 0}
.corvion-comms form[data-comms-send]{display:grid;grid-template-columns:36px minmax(0,1fr) 38px;align-items:end;gap:8px;padding:10px 15px 14px;background:var(--messages-chat)}.corvion-comms form textarea{min-height:40px;max-height:120px;padding:10px 15px;border:1px solid var(--messages-line);border-radius:21px;outline:0;resize:none;background:#2a2c2f;color:#fff;font:inherit;font-size:13px}.corvion-comms form textarea:focus{border-color:color-mix(in srgb,var(--channel-accent) 65%,white 10%)}.corvion-comms-compose-plus,.corvion-comms-send{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--messages-line);border-radius:50%;background:transparent;color:#aeb1b6;font-size:21px}.corvion-comms-send{width:38px;height:38px;border:0;background:var(--channel-accent);color:#fff;cursor:pointer}.corvion-comms-send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.corvion-comms-send:disabled,.corvion-comms-compose-plus:disabled{opacity:.35;cursor:not-allowed}
.corvion-comms-welcome{display:grid;place-content:center;justify-items:center;height:100%;padding:30px;text-align:center}.corvion-comms-welcome>span{color:var(--channel-accent);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.corvion-comms-welcome h2{margin:10px 0 6px;font-size:22px}.corvion-comms-welcome p{margin:0;color:#8c8f95;font-size:13px}.corvion-comms-welcome small{margin-top:18px;color:#66696e;font-size:9px;letter-spacing:.08em}
.corvion-comms.is-list-collapsed{grid-template-columns:72px minmax(0,1fr)}.corvion-comms.is-list-collapsed .corvion-comms-sidebar{display:none}
.corvion-comms.has-details,.vidu-messages-modal-shell .vidu-messages-layout.has-details{grid-template-columns:72px minmax(260px,310px) minmax(360px,1fr) 300px}.corvion-comms.has-details.is-list-collapsed{grid-template-columns:72px minmax(360px,1fr) 300px}
.vidu-message-details-toggle{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--messages-line);border-radius:10px;background:rgba(255,255,255,.035);color:#aeb1b6;cursor:pointer}.vidu-message-details-toggle[aria-expanded="true"]{border-color:rgba(52,120,246,.45);background:var(--channel-accent-soft);color:#dbe7ff}
.corvion-comms-details{display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid var(--messages-line);background:#111315}.corvion-comms-details>header{position:relative;display:flex;flex-direction:column;align-items:center;padding:28px 18px 18px;border-bottom:1px solid var(--messages-line);text-align:center}.corvion-comms-details>header>button{position:absolute;top:12px;right:12px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#c8cbd0;font-size:20px;cursor:pointer}.corvion-comms-details-avatar{width:72px;height:72px;flex-basis:72px}.corvion-comms-details h3{margin:12px 0 3px;font-size:16px}.corvion-comms-details header>span:last-child{color:var(--messages-muted);font-size:11px}.corvion-comms-details>nav{display:flex;gap:3px;padding:10px;overflow-x:auto}.corvion-comms-details>nav button{display:grid;gap:2px;min-width:54px;padding:7px 6px;border:0;border-radius:9px;background:transparent;color:#9da1a7;font-size:9px;cursor:pointer}.corvion-comms-details>nav button small{font-size:8px}.corvion-comms-details>nav button.is-active{background:var(--channel-accent-soft);color:#dce8ff}.corvion-comms-media-list{display:flex;flex-direction:column;gap:8px;min-height:0;padding:10px 12px 18px;overflow:auto}.corvion-comms-media-list.is-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.corvion-comms-media-list>p{grid-column:1/-1;padding:28px 12px;color:#7d8188;font-size:11px;text-align:center}.corvion-comms-media-tile{display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#24272b}.corvion-comms-media-tile img{width:100%;height:100%;object-fit:cover}.corvion-comms-media-list video{width:100%;max-height:220px;border-radius:10px;background:#000}.corvion-comms-media-list audio{width:100%}.corvion-comms-media-row{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid var(--messages-line);border-radius:10px;background:#1d2024;color:#e9ebee;text-decoration:none}.corvion-comms-media-row strong,.corvion-comms-media-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corvion-comms-media-row strong{font-size:11px}.corvion-comms-media-row small{color:#858991;font-size:9px}
.corvion-comms-history-state{display:grid;place-content:center;justify-items:center;height:100%;min-height:220px;color:#8d9198;text-align:center}.corvion-comms-history-state span{width:24px;height:24px;margin-bottom:12px;border:2px solid #ffffff24;border-top-color:var(--channel-accent);border-radius:50%;animation:corvion-comms-spin .8s linear infinite}.corvion-comms-history-state strong{color:#c8cbd0;font-size:12px}.corvion-comms-history-state small{margin-top:5px;font-size:9px}@keyframes corvion-comms-spin{to{transform:rotate(360deg)}}

/* Dialogs retain the consent-first interaction and match the Messages surface. */
.corvion-comms-dialog{width:min(680px,calc(100vw - 32px));max-height:min(88svh,820px);padding:0;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#202225;color:#f0f1f3;box-shadow:0 30px 90px #0009;z-index:2147483000}.corvion-comms-dialog::backdrop{background:rgba(5,7,10,.74);backdrop-filter:blur(8px)}.corvion-comms-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.09)}.corvion-comms-dialog h2{margin:0;font-size:18px}.corvion-comms-dialog>header button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#bbb;font-size:20px;cursor:pointer}.corvion-comms-dialog-body{padding:18px 20px;line-height:1.5;overflow:auto}.corvion-comms-dialog button{padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.045);color:#eceef1;cursor:pointer}.corvion-comms-dialog button:hover{background:rgba(255,255,255,.09)}.corvion-comms-dialog button:disabled{opacity:.45;cursor:wait}.corvion-comms-dialog label{display:flex;flex-direction:column;gap:6px;margin:12px 0;color:#b9bcc1;font-size:12px}.corvion-comms-dialog select,.corvion-comms-dialog input:not([type=checkbox]),.corvion-comms-dialog textarea{max-width:100%;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#292b2f;color:#fff;font:inherit}.corvion-comms-dialog textarea{width:100%;min-height:90px}.corvion-comms-dialog pre{padding:12px;border-radius:9px;background:#151719;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.corvion-comms-dialog article{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09)}.corvion-comms-dialog small{display:block;color:#92959a;overflow-wrap:anywhere}.corvion-comms-dialog [data-qr] svg{display:block;width:280px;max-width:100%;margin:16px auto;background:#fff;border-radius:14px}.corvion-comms-dialog label:has(input[type=checkbox]){flex-direction:row}.corvion-comms-dialog [hidden]{display:none}.corvion-signal-steps{padding-left:24px;line-height:1.7}.corvion-signal-steps li{padding:4px 0}.corvion-signal-steps .is-complete{color:#55cc84}.corvion-comms-dialog [data-open-helper]{display:inline-block;padding:11px 16px;border-radius:10px;background:#3478f6;color:#fff;text-decoration:none}.corvion-comms-dialog [data-open-helper]:not([href]){opacity:.5;pointer-events:none}.corvion-comms-preferences>article{display:flex;align-items:center;justify-content:space-between;gap:14px}.corvion-comms-preferences article div:first-child{display:grid;gap:2px}.corvion-comms-preferences article span{color:#7d96c7;font-size:9px;font-weight:800;letter-spacing:.08em}.corvion-comms-preferences article div:last-child{display:flex;gap:6px}.corvion-comms-preferences>footer{display:flex;gap:8px;padding:14px 0}.corvion-comms-connect-choice>button{width:100%;margin-top:12px;background:#3478f6;border-color:#3478f6;color:#fff}

@media(max-width:980px){
  .vidu-messages-modal-shell .vidu-messages-layout,.corvion-comms{grid-template-columns:64px minmax(235px,285px) minmax(0,1fr)}
  .corvion-comms.has-details,.vidu-messages-modal-shell .vidu-messages-layout.has-details{grid-template-columns:64px minmax(235px,285px) minmax(0,1fr)}.corvion-comms.has-details.is-list-collapsed{grid-template-columns:64px minmax(0,1fr)}.corvion-comms-details{position:absolute;z-index:18;top:0;right:0;bottom:0;width:min(320px,calc(100% - 64px));box-shadow:-18px 0 46px #0009}
  .corvion-channel-rail{padding-inline:8px}.corvion-channel-button{width:44px;height:44px}.corvion-channel-button img{width:35px;height:35px}
  .vidu-messages-modal-shell .vidu-ai-assist-actions{display:none}.corvion-comms-message{max-width:86%}
}
@media(min-width:701px) and (max-width:759px){
  .vidu-messages-center[data-messages-compact="true"] .vidu-messages-layout{grid-template-columns:64px minmax(0,1fr)}
  .vidu-messages-modal-shell .vidu-messages-center[data-messages-compact="true"] .vidu-messages-list{inset:0 auto 0 64px}
}
.corvion-comms-coming-soon{display:grid;gap:12px;padding:8px}.corvion-comms-coming-soon ol{display:grid;gap:7px;margin:0;padding-left:22px;color:#c8cacf;font-size:12px;line-height:1.45}.corvion-comms-coming-soon dl{display:grid;gap:6px;margin:0}.corvion-comms-coming-soon dl div{display:flex;justify-content:space-between;padding:8px 10px;border:1px solid var(--messages-line);border-radius:9px}.corvion-comms-coming-soon dt{color:#9da0a5}.corvion-comms-coming-soon dd{margin:0;color:#dfe1e4}.corvion-comms-coming-soon label{display:grid;gap:5px;color:#9da0a5;font-size:11px}.corvion-comms-coming-soon input{width:100%;padding:9px;border:1px solid var(--messages-line);border-radius:8px;background:#18191b;color:#dfe1e4}
@media(max-width:700px){
  #vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-dialog{width:100vw;height:100svh;max-height:100svh;border-radius:0}
  .vidu-messages-modal-shell .vidu-messages-layout,.corvion-comms{grid-template-columns:minmax(0,1fr);grid-template-rows:58px minmax(0,1fr);height:100%}
  .corvion-channel-rail{flex-direction:row;padding:7px 10px;border-right:0;border-bottom:1px solid var(--messages-line)}.corvion-channel-rail-main{flex-direction:row;gap:6px}.corvion-channel-button,.corvion-channel-button.is-preferences{width:40px;height:40px}.corvion-channel-button img{width:33px;height:33px}.corvion-channel-button.is-active::before{left:8px;right:8px;bottom:-7px;width:auto;height:3px;border-radius:4px 4px 0 0}.corvion-channel-button>span{display:none}
  .vidu-messages-modal-shell .vidu-messages-layout>.vidu-messages-list,.corvion-comms-sidebar{border-right:0;border-bottom:1px solid var(--messages-line)}
  .vidu-messages-modal-shell .vidu-messages-layout>.vidu-messages-list,.vidu-messages-modal-shell .vidu-messages-layout>.vidu-message-chat{grid-row:2}.vidu-messages-center[data-messages-layout="mobile"][data-messages-sidebar-open="true"] .vidu-message-chat{display:none}.vidu-messages-center[data-messages-layout="mobile"][data-messages-sidebar-open="false"] .vidu-messages-list{display:none}.vidu-messages-modal-shell .vidu-messages-list-head{padding:9px 12px}.vidu-messages-modal-shell .vidu-message-tabs{margin-bottom:7px}.vidu-messages-modal-shell .vidu-messages-list-title,.vidu-messages-modal-shell .vidu-message-organization-filter{display:none}.vidu-messages-modal-shell .vidu-messages-list-scroll{padding-top:5px}
  .vidu-message-mobile-back,.corvion-comms-mobile-back{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;padding:0;border:0;border-radius:50%;background:transparent;color:#e5e7eb}.vidu-message-mobile-back svg,.corvion-comms-mobile-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vidu-messages-modal-shell .vidu-message-sidebar-toggle,.corvion-comms-sidebar-toggle{display:none}
  .corvion-comms-sidebar,.corvion-comms-chat{grid-row:2}.corvion-comms.is-mobile-list-open .corvion-comms-chat{display:none}.corvion-comms.is-mobile-chat-open .corvion-comms-sidebar{display:none}.corvion-comms-list-head{padding:8px 10px}.corvion-comms .vidu-message-tabs,.corvion-comms-connection,.corvion-comms-account-select{display:none}.corvion-comms-search{height:40px}.corvion-comms-sidebar>footer{display:none}.corvion-comms-threads{padding:5px}.corvion-comms-threads>button{min-height:62px}.corvion-comms-head{min-height:64px;padding:8px 10px}.corvion-comms-consent-note{display:none}.corvion-comms-head-tools details{display:none}.corvion-comms-messages{padding:14px}.corvion-comms-message{max-width:91%}.corvion-comms form[data-comms-send]{padding:8px 10px 10px}
  .vidu-messages-modal-shell textarea,.vidu-messages-modal-shell input,.vidu-messages-modal-shell select,.corvion-comms textarea,.corvion-comms input,.corvion-comms select,.corvion-comms-dialog textarea,.corvion-comms-dialog input,.corvion-comms-dialog select{font-size:16px}
  .corvion-comms.is-list-collapsed{grid-template-columns:1fr;grid-template-rows:58px minmax(0,1fr)}.corvion-comms.is-list-collapsed .corvion-channel-rail{grid-row:1}.corvion-comms.is-list-collapsed .corvion-comms-chat{grid-row:2}
  .corvion-comms.has-details,.corvion-comms.has-details.is-list-collapsed,.vidu-messages-modal-shell .vidu-messages-layout.has-details{grid-template-columns:1fr;grid-template-rows:58px minmax(0,1fr)}.corvion-comms-details{top:58px;width:100%}
}
@media(prefers-reduced-motion:reduce){.corvion-channel-button,.corvion-comms-threads>button{transition:none}}

/* Lazy history, attachment previews and whole-chat drop target. */
.corvion-comms-attachment{display:flex;margin-top:7px;border-radius:12px;overflow:hidden;color:inherit;text-decoration:none}.corvion-comms-attachment.is-image{position:relative;flex-direction:column;background:#0003}.corvion-comms-attachment.is-image img{display:block;max-width:min(420px,100%);max-height:360px;object-fit:contain}.corvion-comms-attachment.is-image span{padding:6px 9px;font-size:10px}.corvion-comms-attachment.is-video{width:min(440px,100%);max-height:360px;background:#000}.corvion-comms-attachment.is-audio{width:min(360px,100%)}.corvion-comms-attachment.is-file{align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;background:#0003}.corvion-comms-attachment.is-file small{opacity:.7}.corvion-comms-chat{position:relative}.corvion-comms-dropzone{position:absolute;z-index:20;inset:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--channel-accent);border-radius:18px;background:color-mix(in srgb,var(--messages-chat) 88%,transparent);color:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s}.corvion-comms-dropzone strong{font-size:18px}.corvion-comms-dropzone span{margin-top:5px;color:#aeb2b8;font-size:11px}.corvion-comms-chat.is-drop-active .corvion-comms-dropzone{opacity:1;visibility:visible}.corvion-comms-share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.corvion-comms-share-options button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}.corvion-comms-share-options small{color:#92959a}

/* Messenger metadata, unread state, themes and native-style secondary actions. */
.corvion-comms-kind-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:8px 0;padding:3px;border-radius:11px;background:rgba(255,255,255,.045)}
.corvion-comms-kind-tabs button{min-width:0;padding:7px 5px;border:0;border-radius:8px;background:transparent;color:#8e9298;font-size:10px;font-weight:750;cursor:pointer}
.corvion-comms-kind-tabs button.is-active{background:#3a3c40;color:#f5f6f7;box-shadow:0 1px 8px #0004}
.corvion-comms-thread-copy strong{display:flex;align-items:center;gap:6px;min-width:0}.corvion-comms-thread-copy strong em{flex:0 0 auto;padding:2px 5px;border-radius:999px;background:color-mix(in srgb,var(--channel-accent) 18%,transparent);color:color-mix(in srgb,var(--channel-accent) 80%,white 20%);font-size:7px;font-style:normal;letter-spacing:.06em;text-transform:uppercase}
.corvion-comms-threads>button.is-unread{background:rgba(255,255,255,.045)}.corvion-comms-threads>button.is-unread .corvion-comms-thread-copy strong{color:#fff}.corvion-comms-unread{position:absolute;right:12px;bottom:10px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:var(--channel-accent);color:#fff;font-size:8px;line-height:1}.corvion-comms-threads>button.is-unread time{color:var(--channel-accent)}
.corvion-comms-context-menu{position:fixed;z-index:2147483001;display:grid;min-width:220px;padding:6px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(31,32,34,.97);box-shadow:0 18px 54px #000a;backdrop-filter:blur(24px)}.corvion-comms-context-menu button{padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#f0f1f2;font:inherit;font-size:12px;text-align:left;cursor:pointer}.corvion-comms-context-menu button:hover,.corvion-comms-context-menu button:focus-visible{outline:0;background:rgba(255,255,255,.08)}
.corvion-comms-chat{--conversation-accent:var(--channel-accent)}.corvion-comms-chat .corvion-comms-message.is-outgoing,.corvion-comms-chat .corvion-comms-send{background:var(--conversation-accent)}.corvion-comms-chat .corvion-comms-messages{background-image:linear-gradient(rgba(20,21,23,.88),rgba(20,21,23,.88)),var(--conversation-background,none);background-position:center;background-size:cover;background-attachment:local}.corvion-comms-dialog .corvion-comms-exit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.corvion-comms-dialog .corvion-comms-exit-actions [data-comms-exit]{background:#d94b4b;border-color:#d94b4b;color:#fff}
.corvion-channel-button.has-unread::after{content:attr(data-unread-count);position:absolute;top:-4px;right:-4px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--messages-rail);border-radius:999px;background:#ef4444;color:#fff;font-size:8px;font-weight:800;line-height:1}.corvion-channel-button.has-unread[data-unread-count=""]::after{display:none}

/* Unified message interaction, media, motion and typing states. */
.corvion-comms-attachment.is-image{display:block;max-width:min(430px,72vw);margin:5px -6px 2px;overflow:hidden;border-radius:12px;color:inherit;text-decoration:none}.corvion-comms-attachment.is-image img{display:block;width:100%;max-height:520px;object-fit:cover}.corvion-comms-attachment.is-image span{display:none}.corvion-comms-attachment.is-video{display:block;width:min(480px,72vw);max-height:520px;margin:5px -6px 2px;border-radius:12px;background:#000}.corvion-comms-attachment.is-audio{display:block;max-width:340px;margin-top:6px}.corvion-comms-reply{display:flex;flex-direction:column;gap:2px;margin:0 0 7px;padding:6px 9px;border-left:3px solid currentColor;border-radius:4px 8px 8px 4px;background:#0002}.corvion-comms-reply strong{font-size:10px}.corvion-comms-reply span{max-width:420px;overflow:hidden;color:inherit;font-size:10px;opacity:.8;text-overflow:ellipsis;white-space:nowrap}.corvion-comms-message-row{animation:corvion-message-in .22s both;animation-delay:calc(var(--message-index,0)*18ms)}.corvion-comms-threads>button{animation:corvion-thread-in .2s both;animation-delay:calc(var(--thread-index,0)*15ms)}@keyframes corvion-message-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes corvion-thread-in{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:none}}.corvion-comms-typing{display:flex;align-items:center;gap:3px;padding:7px 20px;color:#858a92;font-size:10px}.corvion-comms-typing span{width:5px;height:5px;border-radius:50%;background:var(--channel-accent);animation:corvion-typing 1.1s infinite}.corvion-comms-typing span:nth-child(2){animation-delay:.14s}.corvion-comms-typing span:nth-child(3){animation-delay:.28s}.corvion-comms-typing em{margin-left:5px;font-style:normal}@keyframes corvion-typing{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.corvion-comms-edit-banner.is-reply span{display:flex;min-width:0;flex-direction:column;gap:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corvion-comms-edit-banner.is-reply strong{color:var(--channel-accent);font-size:9px}.corvion-comms-forward-preview{max-height:110px;overflow:auto;padding:10px;border-radius:9px;background:#17191c}.corvion-comms-forward-list{display:grid;gap:5px;max-height:360px;overflow:auto}.corvion-comms-forward-list button{display:flex;align-items:center;gap:9px;padding:8px;border:0;border-radius:9px;background:transparent;color:#eee;text-align:left}.corvion-comms-forward-list button:hover{background:#fff1}.corvion-comms-message-menu{min-width:170px}
@media(prefers-reduced-motion:reduce){.corvion-comms-message-row,.corvion-comms-threads>button,.corvion-comms-typing span{animation:none}}

/* Native Corvion bubble actions use the same interaction language as connectors. */
.vidu-message-reply-quote{display:grid;gap:2px;margin:0 0 7px;padding:7px 9px;border-left:3px solid #3984ff;border-radius:6px;background:rgba(57,132,255,.12);font-size:12px;line-height:1.25}.vidu-message-reply-quote strong{color:#8ebaff}.vidu-message-reply-quote span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aeb6c2}.vidu-message-context-menu{position:fixed;z-index:2147483002;display:grid;min-width:190px;padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(28,30,34,.98);box-shadow:0 18px 50px rgba(0,0,0,.5);backdrop-filter:blur(18px)}.vidu-message-context-menu button{border:0;border-radius:7px;background:transparent;color:#eef1f6;padding:9px 11px;text-align:left;font:inherit;cursor:pointer}.vidu-message-context-menu button:hover{background:rgba(57,132,255,.18)}.vidu-message-context-menu button.is-danger{color:#ff878f}.vidu-message-forward-dialog{position:fixed;inset:0;z-index:2147483003;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.48)}.vidu-message-forward-dialog>div{width:min(420px,100%);max-height:min(620px,80vh);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#1b1d21;box-shadow:0 24px 80px rgba(0,0,0,.58)}.vidu-message-forward-dialog header{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.1)}.vidu-message-forward-dialog header button{border:0;background:transparent;color:#fff;font-size:22px}.vidu-message-forward-dialog>div>div{display:grid;max-height:520px;overflow:auto;padding:8px}.vidu-message-forward-dialog [data-forward-thread]{border:0;border-radius:9px;background:transparent;color:#edf0f5;padding:11px;text-align:left;font:inherit}.vidu-message-forward-dialog [data-forward-thread]:hover{background:rgba(57,132,255,.16)}

/* Searchable GIF and sticker picker. */
.corvion-comms form[data-comms-send]{grid-template-columns:auto minmax(0,1fr) 38px}
.corvion-comms-compose-tools{display:flex;align-items:center;gap:5px}.corvion-comms-compose-gif,.corvion-comms-compose-sticker{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--messages-line);border-radius:50%;background:transparent;color:var(--channel-accent);font-size:9px;font-weight:850;cursor:pointer}.corvion-comms-compose-sticker{font-size:20px;font-weight:500}.corvion-comms-compose-gif:disabled,.corvion-comms-compose-sticker:disabled{opacity:.35;cursor:not-allowed}
.corvion-comms-picker-tabs{display:flex;gap:5px;margin-bottom:10px;padding:3px;border-radius:11px;background:#ffffff0c}.corvion-comms-picker-tabs button{flex:1;border:0;border-radius:8px;background:transparent;color:#999;padding:8px}.corvion-comms-picker-tabs button.is-active{background:var(--channel-accent,#3478f6);color:#fff}.corvion-comms-picker-search{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #ffffff20;border-radius:11px;background:#17191c}.corvion-comms-picker-search input{width:100%;height:40px;border:0;outline:0;background:transparent;color:#fff;font:inherit}.corvion-comms-picker-results{min-height:250px;max-height:min(520px,58vh);margin-top:10px;overflow:auto}.corvion-comms-picker-results:not(:has(.corvion-comms-sticker-grid)){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-content:start}.corvion-comms-gif-tile{min-height:110px;padding:0;border:0;border-radius:9px;background:#26282c;overflow:hidden;cursor:pointer}.corvion-comms-gif-tile img{display:block;width:100%;height:135px;object-fit:cover}.corvion-comms-sticker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.corvion-comms-sticker-grid button{display:grid;place-items:center;min-height:60px;border:0;border-radius:10px;background:#ffffff0b;font-size:30px;cursor:pointer}.corvion-comms-sticker-grid button:hover,.corvion-comms-gif-tile:hover{outline:2px solid var(--channel-accent,#3478f6)}.corvion-comms-picker-empty{grid-column:1/-1;color:#92969d;text-align:center}.corvion-comms-picker-note{display:block;margin-top:9px;color:#7f8389;font-size:10px}
.corvion-comms-picker-note span{margin-right:8px}.corvion-comms-picker-note a{margin-right:10px;color:#a9c6ff;font-weight:750}.corvion-comms-picker-note button{padding:5px 8px;border:1px solid #ffffff20;border-radius:7px;background:#ffffff0b;color:#dce7ff;cursor:pointer}.corvion-comms-key-field{display:grid;gap:6px;margin:14px 0}.corvion-comms-key-field span{color:#aeb2b8;font-size:11px}.corvion-comms-key-field input{width:100%;padding:10px 12px;border:1px solid #ffffff22;border-radius:9px;outline:0;background:#17191c;color:#fff;font:inherit}.corvion-comms-key-field input:focus{border-color:#3478f6}

/* Compact Messenger-style composer and anchored Emoji / GIF / Sticker palette. */
.corvion-comms form[data-comms-send]{position:relative;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:10px;padding:10px 16px 14px}
.corvion-comms-compose-tools{height:42px;gap:7px}
.corvion-comms-compose-plus,.corvion-comms-compose-media,.corvion-comms-compose-gif,.corvion-comms-compose-sticker,.corvion-comms-compose-emoji{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--channel-accent);cursor:pointer;transition:background .15s,opacity .15s,transform .15s}
.corvion-comms-compose-plus{font-size:24px;font-weight:500}.corvion-comms-compose-media svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.corvion-comms-compose-gif{border-radius:8px;background:var(--channel-accent);color:#15171a;font-size:9px;font-weight:900}.corvion-comms-compose-sticker,.corvion-comms-compose-emoji{font-size:23px}.corvion-comms-compose-plus:hover,.corvion-comms-compose-media:hover,.corvion-comms-compose-sticker:hover,.corvion-comms-compose-emoji:hover{background:color-mix(in srgb,var(--channel-accent) 15%,transparent)}
.corvion-comms-compose-field{display:flex;align-items:flex-end;min-width:0;min-height:42px;padding:0 7px 0 0;border:1px solid var(--messages-line);border-radius:23px;background:#2a2c2f}.corvion-comms form[data-comms-send] .corvion-comms-compose-field textarea{flex:1;min-width:0;min-height:40px;max-height:120px;padding:10px 8px 9px 15px;border:0;border-radius:22px;background:transparent;line-height:20px}.corvion-comms form[data-comms-send] .corvion-comms-compose-field textarea:focus{border:0}.corvion-comms-compose-field:focus-within{border-color:color-mix(in srgb,var(--channel-accent) 65%,white 10%)}.corvion-comms-compose-emoji{flex:0 0 34px;margin-bottom:3px}
.corvion-comms-send,.corvion-comms-quick-reaction{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;cursor:pointer}.corvion-comms-quick-reaction{background:transparent;color:var(--channel-accent);font-size:25px}.corvion-comms form[data-comms-send]:not(.has-text) .corvion-comms-send{display:none}.corvion-comms form[data-comms-send].has-text .corvion-comms-quick-reaction{display:none}.corvion-comms form[data-comms-send].has-text .corvion-comms-compose-media,.corvion-comms form[data-comms-send].has-text .corvion-comms-compose-gif,.corvion-comms form[data-comms-send].has-text .corvion-comms-compose-sticker{display:none}.corvion-comms form[data-comms-send].has-text .corvion-comms-compose-tools{width:34px}.corvion-comms-compose-tools button:disabled,.corvion-comms-quick-reaction:disabled{opacity:.35;cursor:not-allowed}
.corvion-comms-edit-banner{grid-column:1/-1}
.corvion-comms-media-popover{position:absolute;z-index:30;left:16px;bottom:calc(100% - 4px);width:min(520px,calc(100% - 32px));max-height:min(610px,70vh);padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:#292b2e;color:#f2f3f5;box-shadow:0 20px 70px #000a;overflow:hidden;animation:corvion-picker-in .16s ease-out both}
@keyframes corvion-picker-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.corvion-comms-media-popover .corvion-comms-picker-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 10px;padding:3px;background:transparent}.corvion-comms-media-popover .corvion-comms-picker-tabs button{padding:10px 8px;border-radius:999px;font-size:14px}.corvion-comms-media-popover .corvion-comms-picker-tabs button.is-active{background:#3a3c40;color:#fff}
.corvion-comms-media-popover .corvion-comms-picker-search{height:46px;border:0;border-radius:15px;background:#3a3c40}.corvion-comms-media-popover .corvion-comms-picker-search span{font-size:25px;color:#bcc0c6}.corvion-comms-media-popover .corvion-comms-picker-search input{height:46px;font-size:15px}
.corvion-comms-media-popover .corvion-comms-picker-results{min-height:260px;max-height:min(450px,52vh);margin-top:11px}.corvion-comms-picker-heading{display:block;grid-column:1/-1;margin:8px 4px 12px;color:#bfc2c7;font-size:13px}.corvion-comms-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.corvion-comms-emoji-grid button{display:grid;place-items:center;min-height:44px;padding:0;border:0;border-radius:9px;background:transparent;font-size:28px;cursor:pointer}.corvion-comms-emoji-grid button:hover{background:#ffffff12;transform:scale(1.08)}
@media(max-width:700px){.corvion-comms-media-popover{left:10px;width:calc(100% - 20px)}.corvion-comms-emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.corvion-comms-compose-tools{gap:2px}.corvion-comms-compose-plus,.corvion-comms-compose-media,.corvion-comms-compose-gif,.corvion-comms-compose-sticker{width:31px}}
.corvion-comms-chat .corvion-comms-messages{background:#000;background-image:none}
@media(prefers-reduced-motion:reduce){.corvion-comms-media-popover{animation:none}.corvion-comms-compose-plus,.corvion-comms-compose-media,.corvion-comms-compose-gif,.corvion-comms-compose-sticker,.corvion-comms-compose-emoji{transition:none}}

/* iPhone Messages shell: keep app chrome below the status bar and let every channel use the full surface. */
@media(max-width:700px){
  #vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-dialog{width:100%;height:var(--corvion-mobile-app-height,100dvh);max-height:var(--corvion-mobile-app-height,100dvh)}
  #vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-header{flex-basis:calc(54px + env(safe-area-inset-top,0px));min-height:calc(54px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));box-sizing:border-box}
  #vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-body{width:100%;max-height:none;margin:0;padding:0}
  #vidu-app-modal.vidu-messages-modal-shell .vidu-modal-inner-frame,
  #vidu-app-modal.vidu-messages-modal-shell .vidu-modal-inner-content,
  #vidu-app-modal.vidu-messages-modal-shell .vidu-messages-center{width:100%;height:100%;min-height:0;margin:0;padding:0;border-radius:0;overflow:hidden;box-sizing:border-box}
  #vidu-app-modal.vidu-messages-modal-shell .corvion-comms{width:100%;max-width:none;margin:0;border-radius:0}

  .vidu-messages-modal-shell .vidu-message-bubbles,.corvion-comms-messages{padding-inline:12px}
  .vidu-messages-modal-shell .vidu-message-bubble{width:fit-content;max-width:min(86%,44rem);align-self:flex-start}
  .vidu-messages-modal-shell .vidu-message-bubble.is-mine{align-self:flex-end}
  .vidu-messages-modal-shell .vidu-message-bubble-body{width:fit-content;max-width:100%;padding:9px 12px 8px;box-sizing:border-box}
  .corvion-comms-message-row{width:100%;align-items:flex-start}
  .corvion-comms-message-row .corvion-comms-message{display:inline-flex;flex:0 1 auto;flex-direction:column;width:fit-content;min-width:0;max-width:min(86%,44rem);padding:9px 12px 8px;box-sizing:border-box}
  .vidu-messages-modal-shell .vidu-message-bubble-body p,.corvion-comms-message p{max-width:100%;word-break:normal;overflow-wrap:anywhere}

  /* The dedicated Home Screen Messages app already has native OS chrome. Keep
     the modal header in regular Safari and in the main Corvion app only. */
  html.corvion-ios-standalone.corvion-messages-app-request #vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-header{display:none}
  html.corvion-ios-standalone.corvion-messages-app-request,
  html.corvion-ios-standalone.corvion-messages-app-request body,
  html.corvion-ios-standalone.corvion-messages-app-request #vidu-app-modal.vidu-messages-modal-shell,
  html.corvion-ios-standalone.corvion-messages-app-request #vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-backdrop{background:#000}
  html.corvion-ios-standalone.corvion-messages-app-request #vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-dialog{position:fixed;inset:0;width:100vw;height:var(--corvion-mobile-app-height,100dvh);max-height:none;margin:0;border:0;border-radius:0;background:#000;transform:none}
  html.corvion-ios-standalone.corvion-messages-app-request #vidu-app-modal.vidu-messages-modal-shell.is-open .vidu-app-modal-dialog{animation:none;transform:none}
  html.corvion-ios-standalone.corvion-messages-app-request #vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-body{padding-top:env(safe-area-inset-top,0px);background:#000}
}

/* Signal voice messages share the compact composer without interrupting refresh or playback. */
.corvion-comms-compose-voice{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--channel-accent);cursor:pointer;transition:background .15s,color .15s,transform .15s}.corvion-comms-compose-voice svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.corvion-comms-compose-voice:hover{background:color-mix(in srgb,var(--channel-accent) 15%,transparent)}.corvion-comms-compose-voice:disabled{opacity:.35;cursor:not-allowed}.corvion-comms-compose-voice.is-recording{background:#e5484d;color:#fff;animation:corvion-voice-pulse 1.15s ease-in-out infinite}.corvion-comms form[data-comms-send].has-text .corvion-comms-compose-voice{display:none}
.corvion-comms-voice-status,.corvion-comms-voice-preview{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:48px;padding:7px 10px;border:1px solid var(--messages-line);border-radius:14px;background:#24262a}.corvion-comms-voice-status>span{width:10px;height:10px;border-radius:50%;background:#e5484d;animation:corvion-voice-pulse 1.15s ease-in-out infinite}.corvion-comms-voice-status strong{font-size:12px}.corvion-comms-voice-status time{margin-left:auto;color:#aeb2b8;font-variant-numeric:tabular-nums}.corvion-comms-voice-status button,.corvion-comms-voice-preview button{padding:7px 10px;border:0;border-radius:9px;background:#ffffff12;color:#fff;cursor:pointer}.corvion-comms-voice-preview audio{flex:1;min-width:160px;height:34px}.corvion-comms-voice-preview [data-comms-voice-send]{background:var(--channel-accent);font-weight:750}@keyframes corvion-voice-pulse{50%{opacity:.55;transform:scale(.92)}}
@media(max-width:780px){.corvion-comms-compose-tools{max-width:150px;overflow-x:auto}.corvion-comms-voice-preview{flex-wrap:wrap}.corvion-comms-voice-preview audio{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.corvion-comms-compose-voice,.corvion-comms-compose-voice.is-recording,.corvion-comms-voice-status>span{animation:none;transition:none}}

/* Compact Messenger-style composer and anchored Emoji / GIF / Sticker palette. */
.corvion-comms form[data-comms-send]{position:relative;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:10px;padding:10px 16px 14px}
.corvion-comms-compose-tools{height:42px;gap:7px}
.corvion-comms-compose-plus,.corvion-comms-compose-media,.corvion-comms-compose-gif,.corvion-comms-compose-sticker,.corvion-comms-compose-emoji{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--channel-accent);cursor:pointer;transition:background .15s,opacity .15s,transform .15s}
.corvion-comms-compose-plus{font-size:24px;font-weight:500}.corvion-comms-compose-media svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.corvion-comms-compose-gif{border-radius:8px;background:var(--channel-accent);color:#15171a;font-size:9px;font-weight:900}.corvion-comms-compose-sticker,.corvion-comms-compose-emoji{font-size:23px}.corvion-comms-compose-plus:hover,.corvion-comms-compose-media:hover,.corvion-comms-compose-sticker:hover,.corvion-comms-compose-emoji:hover{background:color-mix(in srgb,var(--channel-accent) 15%,transparent)}
.corvion-comms-compose-field{display:flex;align-items:flex-end;min-width:0;min-height:42px;padding:0 7px 0 0;border:1px solid var(--messages-line);border-radius:23px;background:#2a2c2f}.corvion-comms form[data-comms-send] .corvion-comms-compose-field textarea{flex:1;min-width:0;min-height:40px;max-height:120px;padding:10px 8px 9px 15px;border:0;border-radius:22px;background:transparent;line-height:20px}.corvion-comms form[data-comms-send] .corvion-comms-compose-field textarea:focus{border:0}.corvion-comms-compose-field:focus-within{border-color:color-mix(in srgb,var(--channel-accent) 65%,white 10%)}.corvion-comms-compose-emoji{flex:0 0 34px;margin-bottom:3px}
.corvion-comms-send,.corvion-comms-quick-reaction{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;cursor:pointer}.corvion-comms-quick-reaction{background:transparent;color:var(--channel-accent);font-size:25px}.corvion-comms form[data-comms-send]:not(.has-text) .corvion-comms-send{display:none}.corvion-comms form[data-comms-send].has-text .corvion-comms-quick-reaction{display:none}.corvion-comms form[data-comms-send].has-text .corvion-comms-compose-media,.corvion-comms form[data-comms-send].has-text .corvion-comms-compose-gif,.corvion-comms form[data-comms-send].has-text .corvion-comms-compose-sticker{display:none}.corvion-comms form[data-comms-send].has-text .corvion-comms-compose-tools{width:34px}.corvion-comms-compose-tools button:disabled,.corvion-comms-quick-reaction:disabled{opacity:.35;cursor:not-allowed}
.corvion-comms-edit-banner{grid-column:1/-1}
.corvion-comms-media-popover{position:absolute;z-index:30;left:16px;bottom:calc(100% - 4px);width:min(520px,calc(100% - 32px));max-height:min(610px,70vh);padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:#292b2e;color:#f2f3f5;box-shadow:0 20px 70px #000a;overflow:hidden;animation:corvion-picker-in .16s ease-out both}
@keyframes corvion-picker-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.corvion-comms-media-popover .corvion-comms-picker-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 10px;padding:3px;background:transparent}.corvion-comms-media-popover .corvion-comms-picker-tabs button{padding:10px 8px;border-radius:999px;font-size:14px}.corvion-comms-media-popover .corvion-comms-picker-tabs button.is-active{background:#3a3c40;color:#fff}
.corvion-comms-media-popover .corvion-comms-picker-search{height:46px;border:0;border-radius:15px;background:#3a3c40}.corvion-comms-media-popover .corvion-comms-picker-search span{font-size:25px;color:#bcc0c6}.corvion-comms-media-popover .corvion-comms-picker-search input{height:46px;font-size:15px}
.corvion-comms-media-popover .corvion-comms-picker-results{min-height:260px;max-height:min(450px,52vh);margin-top:11px}.corvion-comms-picker-heading{display:block;grid-column:1/-1;margin:8px 4px 12px;color:#bfc2c7;font-size:13px}.corvion-comms-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.corvion-comms-emoji-grid button{display:grid;place-items:center;min-height:44px;padding:0;border:0;border-radius:9px;background:transparent;font-size:28px;cursor:pointer}.corvion-comms-emoji-grid button:hover{background:#ffffff12;transform:scale(1.08)}
@media(max-width:700px){
  .corvion-comms-media-popover{left:8px;bottom:calc(100% - 2px);width:calc(100% - 16px);max-height:min(480px,calc(var(--corvion-mobile-layout-height,100dvh) - env(safe-area-inset-top,0px) - 112px));padding:10px}
  .corvion-comms-media-popover .corvion-comms-picker-tabs button{padding:8px 5px;font-size:13px}
  .corvion-comms-media-popover .corvion-comms-picker-search{height:42px}.corvion-comms-media-popover .corvion-comms-picker-search input{height:42px;font-size:16px}
  .corvion-comms-media-popover .corvion-comms-picker-results{height:286px;min-height:0;max-height:286px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .corvion-comms-picker-heading{margin:4px 3px 8px;font-size:12px}
  .corvion-comms-emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:48px;gap:4px}
  .corvion-comms-emoji-grid button{min-height:48px;font-size:31px}
  .corvion-comms-compose-tools{gap:2px;overflow:visible}
  .corvion-comms-compose-plus,.corvion-comms-compose-media,.corvion-comms-compose-gif{width:31px}
  .corvion-comms form[data-comms-send]{gap:6px;padding:8px max(8px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}
  .vidu-messages-modal-shell textarea,.vidu-messages-modal-shell input,.vidu-messages-modal-shell select,.corvion-comms textarea,.corvion-comms input,.corvion-comms select,.corvion-comms-dialog textarea,.corvion-comms-dialog input,.corvion-comms-dialog select{font-size:16px}
  .corvion-comms-dialog{width:calc(100vw - 20px);max-height:calc(var(--corvion-mobile-layout-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px);margin:0;padding:0;border-radius:18px}
  .corvion-comms-dialog>header{padding:12px 14px}.corvion-comms-dialog h2{font-size:17px;line-height:1.2}.corvion-comms-dialog>header button{flex:0 0 36px;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.08);font-size:20px}
  .corvion-comms-dialog-body{padding:14px;overflow-x:hidden}
  .corvion-comms-preferences>article{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}
  .corvion-comms-preferences article div:first-child{min-width:0}.corvion-comms-preferences article div:first-child>*{overflow-wrap:anywhere}
  .corvion-comms-preferences article div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px}.corvion-comms-preferences article div:last-child button{min-width:0;padding:9px 7px;font-size:13px;white-space:normal}
  .corvion-comms-preferences>footer{flex-wrap:wrap}.corvion-comms-preferences>footer button{flex:1 1 140px}

  .corvion-channel-rail .corvion-channel-button>span,
  .corvion-channel-rail .corvion-channel-button:hover>span,
  .corvion-channel-rail .corvion-channel-button:focus>span{display:none}

  /* iOS zooms focused form fields below 16px. These selectors deliberately
     match the more specific desktop composer rules above. */
  .vidu-messages-modal-shell .vidu-message-compose textarea,
  .corvion-comms form[data-comms-send] .corvion-comms-compose-field textarea{font-size:16px;-webkit-text-size-adjust:100%;touch-action:manipulation}

  /* Both panes remain in the same mobile grid cell so the old list can leave
     while the selected conversation enters from the right. */
  .vidu-messages-center[data-messages-layout="mobile"] .vidu-messages-list,
  .corvion-comms>.corvion-comms-sidebar,
  .corvion-comms>.corvion-comms-chat{display:flex;grid-row:2;grid-column:1;min-width:0;will-change:transform,opacity}
  .vidu-messages-center[data-messages-layout="mobile"] .vidu-message-chat{display:grid;grid-row:2;grid-column:1;min-width:0;will-change:transform,opacity}
  .vidu-messages-center[data-messages-layout="mobile"][data-messages-sidebar-open="true"] .vidu-messages-list,
  .corvion-comms.is-mobile-list-open>.corvion-comms-sidebar{display:flex;z-index:2;opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}
  .vidu-messages-center[data-messages-layout="mobile"][data-messages-sidebar-open="true"] .vidu-message-chat,
  .corvion-comms.is-mobile-list-open>.corvion-comms-chat{display:flex;z-index:1;opacity:0;visibility:hidden;transform:translateX(100%);pointer-events:none}
  .vidu-messages-center[data-messages-layout="mobile"][data-messages-sidebar-open="false"] .vidu-messages-list,
  .corvion-comms.is-mobile-chat-open>.corvion-comms-sidebar{display:flex;z-index:1;opacity:0;visibility:hidden;transform:translateX(-24%);pointer-events:none}
  .vidu-messages-center[data-messages-layout="mobile"][data-messages-sidebar-open="false"] .vidu-message-chat,
  .corvion-comms.is-mobile-chat-open>.corvion-comms-chat{display:flex;z-index:2;opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}
  .vidu-messages-center[data-messages-layout="mobile"][data-messages-sidebar-open="true"] .vidu-message-chat,
  .vidu-messages-center[data-messages-layout="mobile"][data-messages-sidebar-open="false"] .vidu-message-chat{display:grid}
  [data-messages-transition="forward"] .vidu-messages-list,
  .corvion-comms.is-mobile-transition-forward>.corvion-comms-sidebar{animation:corvion-mobile-list-out .22s cubic-bezier(.22,.72,.22,1) both}
  [data-messages-transition="forward"] .vidu-message-chat,
  .corvion-comms.is-mobile-transition-forward>.corvion-comms-chat{animation:corvion-mobile-chat-in .22s cubic-bezier(.22,.72,.22,1) both}
  [data-messages-transition="back"] .vidu-messages-list,
  .corvion-comms.is-mobile-transition-back>.corvion-comms-sidebar{animation:corvion-mobile-list-in .22s cubic-bezier(.22,.72,.22,1) both}
  [data-messages-transition="back"] .vidu-message-chat,
  .corvion-comms.is-mobile-transition-back>.corvion-comms-chat{animation:corvion-mobile-chat-out .22s cubic-bezier(.22,.72,.22,1) both}

  html.corvion-message-composer-focus #vidu-app-modal.vidu-messages-modal-shell,
  html.corvion-message-composer-focus #vidu-app-modal.vidu-messages-modal-shell .vidu-app-modal-dialog{height:var(--corvion-mobile-visual-height,100dvh);max-height:var(--corvion-mobile-visual-height,100dvh)}
}
@keyframes corvion-mobile-list-out{from{opacity:1;visibility:visible;transform:translateX(0)}to{opacity:0;visibility:hidden;transform:translateX(-24%)}}
@keyframes corvion-mobile-chat-in{from{opacity:.4;visibility:visible;transform:translateX(100%)}to{opacity:1;visibility:visible;transform:translateX(0)}}
@keyframes corvion-mobile-list-in{from{opacity:.4;visibility:visible;transform:translateX(-24%)}to{opacity:1;visibility:visible;transform:translateX(0)}}
@keyframes corvion-mobile-chat-out{from{opacity:1;visibility:visible;transform:translateX(0)}to{opacity:0;visibility:hidden;transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.corvion-comms-media-popover{animation:none}.corvion-comms-compose-plus,.corvion-comms-compose-media,.corvion-comms-compose-gif,.corvion-comms-compose-sticker,.corvion-comms-compose-emoji{transition:none}}
@media(prefers-reduced-motion:reduce){[data-messages-transition] .vidu-messages-list,[data-messages-transition] .vidu-message-chat,.corvion-comms[class*="is-mobile-transition-"]>.corvion-comms-sidebar,.corvion-comms[class*="is-mobile-transition-"]>.corvion-comms-chat{animation:none}}


/* Source: assets/css/pipeline/39-organization-brain-map.css */
.vidu-org-brain-map-shell{width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(31,215,180,.08),transparent 38%),#07100f;color:#effffb;border:0;border-radius:0;box-shadow:none}
.vidu-org-map-head{min-height:88px;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:24px;align-items:center;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,13,13,.9)}.vidu-org-map-head>div:first-child>span,.vidu-org-map-eyebrow{display:block;color:#5ce5c6;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}.vidu-org-map-head h2{margin:3px 0;font-size:22px}.vidu-org-map-head p{margin:0;color:#91aaa5;font-size:12px}.vidu-org-map-metrics{display:flex;gap:8px}.vidu-org-map-metrics span{display:grid;min-width:70px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.045);color:#829b96;font-size:10px}.vidu-org-map-metrics strong{color:#effffb;font-size:16px}.vidu-org-map-head-actions{display:flex;align-items:center;gap:12px}.vidu-org-map-head-actions>[data-brain-close]{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#dffff8;font-size:22px}.vidu-org-map-view-switch{display:flex;padding:3px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0a1816}.vidu-org-map-view-switch button{padding:8px 12px;border:0;border-radius:9px;background:transparent;color:#78938d;font-size:11px;font-weight:700}.vidu-org-map-view-switch button.is-active{background:#17362f;color:#7ff5da}
.vidu-org-map-toolbar{min-height:54px;display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.07);background:#091513}.vidu-org-map-toolbar button{border:1px solid rgba(103,221,197,.18);border-radius:10px;background:#10231f;color:#c8f8ed;padding:8px 11px;font-size:11px;font-weight:700}.vidu-org-map-toolbar button:hover,.vidu-org-map-toolbar button.is-active{border-color:#35d9b6;background:#16483d}.vidu-org-map-toolbar>span{margin-left:auto;color:#78918c;font-size:11px}.vidu-org-map-viewport{height:calc(100% - 143px);overflow:auto;overscroll-behavior:contain;background-image:linear-gradient(rgba(80,180,160,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(80,180,160,.035) 1px,transparent 1px);background-size:32px 32px}.vidu-org-map-stage{position:relative;width:calc(2600px * var(--map-zoom));height:calc(1800px * var(--map-zoom))}.vidu-org-map-canvas{position:absolute;left:0;top:0;width:2600px;height:1800px;transform:scale(var(--map-zoom));transform-origin:0 0}.vidu-org-map-edges{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vidu-org-map-edges line{stroke:rgba(72,205,178,.35);stroke-width:1.4}.vidu-org-map-edges line.is-member{stroke:rgba(93,184,218,.3)}.vidu-org-map-edges line.is-unled{stroke:#ba9254;stroke-dasharray:7 6}.vidu-org-map-edges line.is-custom{stroke:#bb7df2;stroke-dasharray:3 5;stroke-width:2}
.vidu-org-map-node{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(108,230,204,.24);color:#eafffa;background:linear-gradient(145deg,#102b25,#091815);box-shadow:0 12px 32px rgba(0,0,0,.35);cursor:pointer}.vidu-org-map-node:hover{z-index:4;border-color:#55e1c2;box-shadow:0 0 0 4px rgba(60,224,190,.08),0 15px 38px rgba(0,0,0,.48)}.vidu-org-map-node span{color:#64dabb;text-transform:uppercase;letter-spacing:.09em;font-size:8px;font-weight:800}.vidu-org-map-node strong{max-width:126px;margin-top:3px;font-size:11px;line-height:1.18}.vidu-org-map-node small{max-width:130px;margin-top:3px;color:#718d87;font-size:8px}.vidu-org-map-node.is-brain{width:132px;height:132px;border-radius:50%;border-color:rgba(103,243,211,.5);background:radial-gradient(circle at 35% 30%,#25695a,#0b2923 65%);box-shadow:0 0 60px rgba(47,220,181,.18)}.vidu-org-map-node.is-brain strong{font-size:22px}.vidu-org-map-node.is-division{width:150px;height:74px;padding:8px;border-radius:18px}.vidu-org-map-node.is-division.is-unled{border-color:rgba(226,171,87,.42)}.vidu-org-map-node.is-member{width:138px;min-height:88px;padding:10px 8px 8px;border-radius:17px}.vidu-org-map-node.is-member.is-human{border-color:rgba(104,165,239,.36);background:linear-gradient(145deg,#102638,#0a1720)}.vidu-org-map-node.is-member.is-leader{border-color:#efc26b;box-shadow:0 0 0 3px rgba(239,194,107,.08),0 12px 32px rgba(0,0,0,.35)}.vidu-org-map-avatar{width:30px;height:30px;margin-bottom:5px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18);background:#173b34}.vidu-org-map-avatar.is-initials{display:grid;place-items:center;color:#b9fff0;font-size:10px}.vidu-org-map-avatar.is-large{width:58px;height:58px;margin:0}
.vidu-org-map-popover-layer{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(1,8,7,.58);backdrop-filter:blur(6px)}.vidu-org-map-popover{position:relative;width:min(470px,calc(100vw - 40px));max-height:min(720px,calc(100vh - 70px));overflow:auto;padding:24px;border:1px solid rgba(104,231,204,.27);border-radius:20px;background:#0b1715;color:#eafffa;box-shadow:0 28px 90px rgba(0,0,0,.7)}.vidu-org-map-popover h3{margin:5px 0 8px;font-size:21px}.vidu-org-map-popover p,.vidu-org-map-popover small{color:#8ca7a1}.vidu-org-map-pop-close{position:absolute;right:14px;top:14px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#dffff8;font-size:20px}.vidu-org-map-profile-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.vidu-org-map-profile-head h3,.vidu-org-map-profile-head p{margin:2px 0}.vidu-org-map-profile-head span:not(.vidu-org-map-avatar){color:#5ce5c6;font-size:10px;text-transform:uppercase}.vidu-org-map-popover fieldset{max-height:245px;overflow:auto;margin:14px 0;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:13px}.vidu-org-map-popover legend,.vidu-org-map-field>span{color:#79928d;font-size:10px;font-weight:800;text-transform:uppercase}.vidu-org-map-check{display:flex;align-items:center;gap:8px;padding:6px}.vidu-org-map-check span{font-size:12px}.vidu-org-map-field{display:grid;gap:6px;margin:14px 0}.vidu-org-map-field input,.vidu-org-map-field select,.vidu-org-map-field textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#07110f;color:#edfff9;padding:10px}.vidu-org-map-pop-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.vidu-org-map-pop-actions button{padding:10px 13px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#10201d;color:#d9fff6;font-weight:700}.vidu-org-map-pop-actions button.is-primary{border-color:#42dabb;background:#176b5a}.vidu-org-map-loading{margin:auto;padding:24px;border-radius:16px;background:#0b1815;color:#aeeade}
@media(max-width:900px){.vidu-org-brain-map-shell{width:100vw;height:100vh;border-radius:0}.vidu-org-map-head{grid-template-columns:1fr auto;padding:14px}.vidu-org-map-head p,.vidu-org-map-metrics{display:none}.vidu-org-map-toolbar{overflow-x:auto}.vidu-org-map-toolbar>span{display:none}.vidu-org-map-viewport{height:calc(100% - 132px)}}

/* System-level blue mode and explicit stacking contract. */
#vidu-pipeline-dashboard .vidu-org-brain.vidu-org-brain-map-shell{position:relative;z-index:1;width:100%;height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:0;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(37,99,235,.16),transparent 43%),#070b16;color:#eff6ff;border:0;border-radius:0}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-head{position:relative;z-index:120;background:rgba(7,11,22,.94)}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-toolbar{position:relative;z-index:110;pointer-events:auto;background:#0a1020;border-color:rgba(96,165,250,.13)}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-toolbar button{position:relative;z-index:111;pointer-events:auto;border-color:rgba(96,165,250,.28);background:#101a31;color:#dbeafe;cursor:pointer}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-toolbar button:hover,#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-toolbar button.is-active{border-color:#60a5fa;background:#1d4ed8;color:#fff}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-viewport{position:relative;z-index:1;height:auto;min-height:0;background-image:linear-gradient(rgba(96,165,250,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.045) 1px,transparent 1px)}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-popover-layer{z-index:300}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node{z-index:2;border-color:rgba(96,165,250,.34);background:linear-gradient(145deg,#121d38,#0a1020)}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node:hover{z-index:4;border-color:#60a5fa;box-shadow:0 0 0 4px rgba(59,130,246,.12),0 15px 38px rgba(0,0,0,.48)}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-connect-source{z-index:5;border-color:#93c5fd;box-shadow:0 0 0 5px rgba(59,130,246,.22),0 15px 38px rgba(0,0,0,.48)}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node span,#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-eyebrow,#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-head>div:first-child>span{color:#60a5fa}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-brain{border-color:rgba(96,165,250,.7);background:radial-gradient(circle at 35% 30%,#2563eb,#172554 68%);box-shadow:0 0 64px rgba(37,99,235,.25)}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-edges line{stroke:rgba(96,165,250,.42)}
.vidu-org-map-zoom{display:flex;align-items:center;gap:5px;margin-left:auto}.vidu-org-map-zoom button{min-width:32px;padding-inline:9px}.vidu-org-map-zoom strong{min-width:42px;color:#bfdbfe;text-align:center;font-size:11px}.vidu-org-map-toolbar>.vidu-org-map-zoom+span{margin-left:4px}
.vidu-org-map-connection-list{display:grid;gap:8px;margin:18px 0}.vidu-org-map-connection-list>div{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(96,165,250,.18);border-radius:11px;background:rgba(30,64,175,.09)}.vidu-org-map-connection-list span{flex:1;color:#dbeafe;font-size:12px}.vidu-org-map-connection-list button{border:1px solid rgba(248,113,113,.28);border-radius:8px;background:rgba(127,29,29,.16);color:#fca5a5;padding:7px 9px}.vidu-org-map-empty-note{padding:12px;border-radius:10px;background:rgba(59,130,246,.08);color:#93c5fd}
#vidu-pipeline-dashboard .vidu-org-brain:not(.vidu-org-brain-map-shell){grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(circle at 50% 10%,rgba(37,99,235,.13),transparent 42%),#070b16}
#vidu-pipeline-dashboard .vidu-org-brain:not(.vidu-org-brain-map-shell) .vidu-org-map-head{position:relative;z-index:5;background:rgba(7,11,22,.94)}
#vidu-pipeline-dashboard .vidu-org-map-head-actions>[data-brain-save-state]{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(96,165,250,.2);border-radius:999px;color:#bfdbfe;font-size:11px;white-space:nowrap}
#vidu-pipeline-dashboard .vidu-org-map-head-actions>[data-brain-save],#vidu-pipeline-dashboard .vidu-org-map-head-actions>[data-brain-publish]{min-height:34px;padding:0 12px;border:1px solid rgba(96,165,250,.28);border-radius:10px;background:#101a31;color:#dbeafe;font-size:11px;font-weight:700}
#vidu-pipeline-dashboard .vidu-org-map-head-actions>[data-brain-publish]{border-color:#60a5fa;background:#1d4ed8;color:#fff}
@media(max-width:1100px){.vidu-org-map-toolbar{overflow-x:auto}.vidu-org-map-toolbar>span{display:none}.vidu-org-map-head{grid-template-columns:minmax(220px,1fr) auto}.vidu-org-map-metrics{display:none}.vidu-org-map-head-actions{gap:7px}}
html.corvion-detached-organization-brain #vidu-pipeline-dashboard .vidu-organization-brain-workspace{top:var(--corvion-native-content-top,52px);height:auto;min-height:0}
html.corvion-native-chrome.corvion-detached-organization-brain .vidu-org-map-head-actions>[data-brain-close]{display:none}
.vidu-pilot-evidence{display:flex;align-items:center;gap:9px;margin:10px 20px 0;padding:10px 12px;border:1px solid rgba(96,165,250,.2);border-radius:12px;background:rgba(7,17,31,.72);color:#dbeafe}.vidu-pilot-evidence__dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.12)}.vidu-pilot-evidence.is-ready .vidu-pilot-evidence__dot{background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.12)}.vidu-pilot-evidence>div{display:grid;gap:2px;min-width:0}.vidu-pilot-evidence strong{font-size:11px}.vidu-pilot-evidence small{color:#8fa8b8;font-size:10px;white-space:normal}.vidu-pilot-evidence.is-compact{margin:8px 0 0;padding:6px 8px;background:rgba(255,255,255,.035)}.vidu-pilot-evidence.is-compact strong{font-size:10px}.vidu-pilot-evidence.is-compact small{font-size:9px}

/* Lobby evidence reads as quiet provenance metadata, not as a blue alert banner. */
.vidu-org-lobby-v4>.vidu-pilot-evidence{position:relative;z-index:2;width:max-content;max-width:min(100%,640px);margin:-2px auto 20px;padding:7px 11px 7px 9px;gap:8px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(255,255,255,.022);color:rgba(242,242,242,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(14px)}
.vidu-org-lobby-v4>.vidu-pilot-evidence .vidu-pilot-evidence__dot{width:6px;height:6px;flex:0 0 6px;box-shadow:0 0 9px rgba(245,158,11,.3)}
.vidu-org-lobby-v4>.vidu-pilot-evidence.is-ready .vidu-pilot-evidence__dot{background:#8fca9a;box-shadow:0 0 9px rgba(143,202,154,.34)}
.vidu-org-lobby-v4>.vidu-pilot-evidence>div{display:flex;align-items:center;gap:8px;min-width:0}
.vidu-org-lobby-v4>.vidu-pilot-evidence strong{flex:0 0 auto;color:rgba(245,245,245,.78);font-size:9px;font-weight:680;letter-spacing:.015em;white-space:nowrap}
.vidu-org-lobby-v4>.vidu-pilot-evidence small{min-width:0;overflow:hidden;color:rgba(236,236,236,.38);font-size:8px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:720px){.vidu-org-lobby-v4>.vidu-pilot-evidence{width:100%;max-width:none;margin:0 0 14px;border-radius:12px}.vidu-org-lobby-v4>.vidu-pilot-evidence>div{display:grid;gap:2px}.vidu-org-lobby-v4>.vidu-pilot-evidence small{white-space:normal}}

/* Workforce profile and governance editor. Divisions stay rounded rectangles; people are circles. */
.vidu-org-map-node.is-member{width:126px;height:126px;min-height:126px;padding:12px;box-sizing:border-box;border-radius:50%;overflow:hidden}.vidu-org-map-node.is-member strong{max-width:104px}.vidu-org-map-node.is-member small{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vidu-org-map-avatar{aspect-ratio:1;border-radius:50%;overflow:hidden;object-fit:cover}.vidu-org-map-avatar.is-large{width:64px;height:64px;flex:0 0 64px}
.vidu-org-map-popover:has(.vidu-org-map-member-editor){width:min(1040px,calc(100vw - 40px))}.vidu-org-map-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.vidu-org-map-list-section{margin:18px 0;padding:14px;border:1px solid rgba(96,165,250,.15);border-radius:14px;background:rgba(30,64,175,.055)}.vidu-org-map-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.vidu-org-map-section-head>div{display:grid;gap:2px}.vidu-org-map-section-head strong{font-size:12px}.vidu-org-map-section-head button,.vidu-org-map-row-actions button{padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#10201d;color:#bfdbfe;font-weight:700}.vidu-org-map-list-row,.vidu-org-map-automation-row,.vidu-org-map-assignment-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:start;margin:8px 0}.vidu-org-map-rank,.vidu-org-map-automation-rank{display:grid;place-items:center;min-height:34px;border-radius:50%;background:#172554;color:#bfdbfe;font-size:11px;font-weight:800}.vidu-org-map-automation-rank{border-radius:10px;padding:5px}.vidu-org-map-automation-rank small{font-size:7px}.vidu-org-map-row-actions{display:flex;gap:4px}.vidu-org-map-row-actions button{padding:7px 9px}.vidu-org-map-row-actions button.is-danger{color:#fca5a5}.vidu-org-map-list-row textarea,.vidu-org-map-automation-fields input,.vidu-org-map-automation-fields textarea,.vidu-org-map-inline-fields input,.vidu-org-map-inline-fields select,.vidu-org-map-assignment-row input,.vidu-org-map-assignment-row textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#07110f;color:#edfff9;padding:10px}.vidu-org-map-automation-fields,.vidu-org-map-assignment-row>div:nth-child(2){display:grid;gap:7px}.vidu-org-map-inline-fields{display:grid;grid-template-columns:1.2fr repeat(3,minmax(100px,.8fr));gap:7px}.vidu-org-map-assignment-row .vidu-org-map-inline-fields{grid-template-columns:.9fr 1.2fr .7fr}.vidu-org-map-details{margin-top:20px;border:1px solid rgba(96,165,250,.2);border-radius:14px;padding:12px}.vidu-org-map-details summary{cursor:pointer;color:#bfdbfe;font-weight:800}.vidu-org-map-permission-grid{display:grid;grid-template-columns:minmax(250px,.7fr) 1.3fr;gap:18px}.vidu-org-map-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:3px}.vidu-org-map-capabilities .vidu-org-map-check span{display:grid}.vidu-org-map-capabilities .vidu-org-map-check small{font-size:9px}.vidu-org-map-runtime-note{margin-top:14px;padding:10px 12px;border-radius:10px;background:rgba(59,130,246,.09);color:#93c5fd;font-size:11px}
@media(max-width:780px){.vidu-org-map-editor-grid,.vidu-org-map-permission-grid{grid-template-columns:1fr}.vidu-org-map-inline-fields,.vidu-org-map-assignment-row .vidu-org-map-inline-fields{grid-template-columns:1fr}.vidu-org-map-capabilities{grid-template-columns:1fr}.vidu-org-map-list-row,.vidu-org-map-automation-row,.vidu-org-map-assignment-row{grid-template-columns:24px minmax(0,1fr)}.vidu-org-map-row-actions{grid-column:2}.vidu-org-map-popover:has(.vidu-org-map-member-editor){width:calc(100vw - 24px)}}

/* Focused workforce profile editor: neutral surfaces, restrained blue accent, progressive disclosure. */
#vidu-pipeline-dashboard .vidu-org-map-popover-layer:has(.vidu-org-map-member-editor){padding:24px;background:rgba(3,6,12,.74);backdrop-filter:blur(12px)}
#vidu-pipeline-dashboard .vidu-org-map-popover:has(.vidu-org-map-member-editor){width:min(820px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:0;overflow:auto;border:1px solid rgba(148,163,184,.2);border-radius:24px;background:#11151b;color:#f4f7fb;box-shadow:0 32px 100px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.02);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;scrollbar-color:#334155 transparent}
#vidu-pipeline-dashboard .vidu-org-map-popover:has(.vidu-org-map-member-editor) .vidu-org-map-pop-close{position:sticky;z-index:8;float:right;top:18px;right:18px;width:36px;height:36px;margin:18px 18px -54px 0;border:1px solid rgba(148,163,184,.16);background:#1c222b;color:#cbd5e1;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.vidu-org-map-member-editor{min-width:0}.vidu-org-map-member-editor .vidu-org-map-profile-head{gap:16px;margin:0;padding:28px 74px 18px 28px;border-bottom:0}.vidu-org-map-member-editor .vidu-org-map-profile-head .vidu-org-map-avatar,.vidu-org-map-member-editor .vidu-org-map-profile-head img.vidu-org-map-avatar{display:block;width:72px!important;height:72px!important;min-width:72px;max-width:72px;border:1px solid rgba(96,165,250,.34)!important;border-radius:50%!important;background:#1b2330;object-fit:cover!important;clip-path:circle(50%);box-shadow:0 0 0 5px rgba(59,130,246,.08)}
.vidu-org-map-profile-title{min-width:0}.vidu-org-map-member-editor .vidu-org-map-profile-title>span{display:inline-flex;padding:4px 8px;border:1px solid rgba(96,165,250,.2);border-radius:999px;background:rgba(59,130,246,.08);color:#8db8ff!important;font-size:9px!important;font-weight:750;letter-spacing:.1em}.vidu-org-map-member-editor .vidu-org-map-profile-title h3{margin:7px 0 2px;font-size:26px;line-height:1.08;letter-spacing:-.025em}.vidu-org-map-member-editor .vidu-org-map-profile-title p{margin:0;color:#98a2b3;font-size:14px}
.vidu-org-map-profile-facts{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,1fr);gap:1px;margin:0 28px 22px;overflow:hidden;border:1px solid rgba(148,163,184,.13);border-radius:14px;background:rgba(148,163,184,.12)}.vidu-org-map-profile-facts>span{display:grid;gap:4px;padding:12px 14px;background:#151a21}.vidu-org-map-profile-facts small{color:#778294!important;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.vidu-org-map-profile-facts strong{overflow:hidden;color:#dce3ec;font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.vidu-org-map-editor-sections{display:grid;gap:8px;padding:0 28px 24px}.vidu-org-map-editor-section{overflow:hidden;border:1px solid rgba(148,163,184,.14);border-radius:15px;background:#151a21;transition:border-color .18s ease,background .18s ease}.vidu-org-map-editor-section[open]{border-color:rgba(96,165,250,.3);background:#171d26}.vidu-org-map-editor-section>summary{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 16px;cursor:pointer;list-style:none;user-select:none}.vidu-org-map-editor-section>summary::-webkit-details-marker{display:none}.vidu-org-map-editor-section>summary:hover{background:rgba(255,255,255,.018)}.vidu-org-map-editor-section>summary>span:nth-child(2){display:grid;gap:3px}.vidu-org-map-editor-section>summary strong{color:#e7ebf1;font-size:13px}.vidu-org-map-editor-section>summary small{color:#7f8998!important;font-size:10px;font-weight:500}.vidu-org-map-editor-section>summary>b{display:grid;min-width:24px;height:24px;place-items:center;border-radius:999px;background:#202733;color:#9ca8b9;font-size:10px}.vidu-org-map-editor-section[open]>summary>b{background:rgba(59,130,246,.13);color:#8db8ff}.vidu-org-map-section-icon{position:relative;width:20px;height:20px;border-radius:6px;background:#202733}.vidu-org-map-section-icon:after{content:"";position:absolute;left:7px;top:6px;width:5px;height:5px;border-right:1.5px solid #8994a4;border-bottom:1.5px solid #8994a4;transform:rotate(45deg);transition:transform .18s ease}.vidu-org-map-editor-section[open] .vidu-org-map-section-icon{background:rgba(59,130,246,.14)}.vidu-org-map-editor-section[open] .vidu-org-map-section-icon:after{top:8px;border-color:#8db8ff;transform:rotate(225deg)}.vidu-org-map-section-content{padding:4px 16px 18px;border-top:1px solid rgba(148,163,184,.1)}
.vidu-org-map-form-grid{display:grid;grid-template-columns:1fr;gap:0}.vidu-org-map-member-editor .vidu-org-map-field{margin:14px 0 0}.vidu-org-map-member-editor .vidu-org-map-field>span,.vidu-org-map-member-editor legend{color:#8c96a5!important;font-size:9px;letter-spacing:.07em}.vidu-org-map-member-editor input,.vidu-org-map-member-editor textarea,.vidu-org-map-member-editor select{font:inherit!important}.vidu-org-map-member-editor .vidu-org-map-field input,.vidu-org-map-member-editor .vidu-org-map-field select,.vidu-org-map-member-editor .vidu-org-map-field textarea,.vidu-org-map-member-editor .vidu-org-map-list-row textarea,.vidu-org-map-member-editor .vidu-org-map-automation-fields input,.vidu-org-map-member-editor .vidu-org-map-automation-fields textarea,.vidu-org-map-member-editor .vidu-org-map-inline-fields input,.vidu-org-map-member-editor .vidu-org-map-inline-fields select,.vidu-org-map-member-editor .vidu-org-map-assignment-row input,.vidu-org-map-member-editor .vidu-org-map-assignment-row textarea{border-color:rgba(148,163,184,.17);border-radius:10px;background:#0e1218;color:#e8edf4;outline:0;box-shadow:none}.vidu-org-map-member-editor input:focus,.vidu-org-map-member-editor textarea:focus,.vidu-org-map-member-editor select:focus{border-color:rgba(96,165,250,.62)!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important}.vidu-org-map-member-editor textarea{resize:vertical;line-height:1.45}
.vidu-org-map-member-editor .vidu-org-map-list-section{margin:14px 0 0;padding:0;border:0;border-radius:0;background:transparent}.vidu-org-map-member-editor .vidu-org-map-list-section+.vidu-org-map-list-section{margin-top:22px;padding-top:20px;border-top:1px solid rgba(148,163,184,.1)}.vidu-org-map-member-editor .vidu-org-map-section-head{margin-bottom:10px}.vidu-org-map-member-editor .vidu-org-map-section-head strong{color:#dce3ec;font-size:11px}.vidu-org-map-member-editor .vidu-org-map-section-head small{color:#737e8e!important;font-size:9px}.vidu-org-map-member-editor .vidu-org-map-section-head button{border-color:rgba(96,165,250,.22);background:rgba(59,130,246,.08);color:#9ec2ff;font-size:10px}.vidu-org-map-member-editor .vidu-org-map-section-head button:hover{border-color:rgba(96,165,250,.48);background:rgba(59,130,246,.14)}
.vidu-org-map-member-editor .vidu-org-map-list-row,.vidu-org-map-member-editor .vidu-org-map-automation-row,.vidu-org-map-member-editor .vidu-org-map-assignment-row{margin:8px 0}.vidu-org-map-member-editor .vidu-org-map-rank,.vidu-org-map-member-editor .vidu-org-map-automation-rank{background:rgba(59,130,246,.13);color:#9ec2ff}.vidu-org-map-member-editor .vidu-org-map-row-actions button{border-color:rgba(148,163,184,.15);background:#1b212a;color:#9ba7b7}.vidu-org-map-member-editor .vidu-org-map-row-actions button:hover{border-color:rgba(96,165,250,.35);color:#bed5ff}.vidu-org-map-member-editor .vidu-org-map-row-actions button.is-danger{color:#f39aa1}.vidu-org-map-list-empty{display:flex;align-items:center;justify-content:center;gap:9px;min-height:62px;padding:12px;border:1px dashed rgba(148,163,184,.18);border-radius:11px;background:rgba(255,255,255,.012);color:#687386}.vidu-org-map-list-empty span{font-size:16px}.vidu-org-map-list-empty p{margin:0!important;color:#778294!important;font-size:10px}
.vidu-org-map-member-editor fieldset{max-height:none;margin:14px 0;padding:12px;border-color:rgba(148,163,184,.14);background:#11161d}.vidu-org-map-organization-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.vidu-org-map-capability-wrap{margin-top:18px;padding-top:16px;border-top:1px solid rgba(148,163,184,.1)}.vidu-org-map-capability-wrap h4{margin:0;color:#dce3ec;font-size:12px}.vidu-org-map-capability-wrap>p{margin:4px 0 12px;color:#778294!important;font-size:10px}.vidu-org-map-capability-group{margin-top:7px;border:1px solid rgba(148,163,184,.13);border-radius:10px;background:#11161d}.vidu-org-map-capability-group>summary{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;cursor:pointer;list-style:none}.vidu-org-map-capability-group>summary::-webkit-details-marker{display:none}.vidu-org-map-capability-group>summary span{color:#cdd5df;font-size:11px;text-transform:capitalize}.vidu-org-map-capability-group>summary small{color:#758091!important;font-size:9px}.vidu-org-map-capability-group>div{display:grid;grid-template-columns:1fr 1fr;padding:5px 8px 9px;border-top:1px solid rgba(148,163,184,.1)}.vidu-org-map-capability-group .vidu-org-map-check span{display:grid}.vidu-org-map-capability-group .vidu-org-map-check strong{color:#cbd5e1;font-size:10px}.vidu-org-map-capability-group .vidu-org-map-check small{font-size:8px!important}
.vidu-org-map-member-editor .vidu-org-map-runtime-note{margin:14px 0 0;border:1px solid rgba(96,165,250,.12);background:rgba(59,130,246,.055);color:#8faedb;font-size:10px;line-height:1.45}.vidu-org-map-member-editor .vidu-org-map-pop-actions{position:sticky;z-index:6;bottom:0;margin:0;padding:16px 28px;border-top:1px solid rgba(148,163,184,.13);background:rgba(17,21,27,.96);backdrop-filter:blur(14px)}.vidu-org-map-member-editor .vidu-org-map-pop-actions button{min-height:40px;padding:0 15px;border-color:rgba(148,163,184,.18);background:#1a2028;color:#cbd5e1;font:inherit;font-size:11px}.vidu-org-map-member-editor .vidu-org-map-pop-actions button.is-primary{border-color:#4f8fe8;background:#377dd8;color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.2)}.vidu-org-map-member-editor .vidu-org-map-pop-actions button.is-primary:hover{background:#468be3}
@media(max-width:700px){#vidu-pipeline-dashboard .vidu-org-map-popover-layer:has(.vidu-org-map-member-editor){padding:8px}#vidu-pipeline-dashboard .vidu-org-map-popover:has(.vidu-org-map-member-editor){width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:18px}.vidu-org-map-member-editor .vidu-org-map-profile-head{padding:22px 58px 16px 18px}.vidu-org-map-member-editor .vidu-org-map-profile-head .vidu-org-map-avatar{width:60px!important;height:60px!important;min-width:60px}.vidu-org-map-profile-facts{grid-template-columns:1fr 1fr;margin:0 18px 18px}.vidu-org-map-editor-sections{padding:0 18px 18px}.vidu-org-map-editor-section>summary{grid-template-columns:20px minmax(0,1fr) auto;padding:13px 12px}.vidu-org-map-editor-section>summary small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vidu-org-map-section-content{padding:3px 12px 15px}.vidu-org-map-organization-fields,.vidu-org-map-capability-group>div{grid-template-columns:1fr}.vidu-org-map-member-editor .vidu-org-map-pop-actions{padding:13px 18px}.vidu-org-map-member-editor .vidu-org-map-inline-fields,.vidu-org-map-assignment-row .vidu-org-map-inline-fields{grid-template-columns:1fr}}

/* Organization map hierarchy: divisions lead, workforce supports, leaders bridge both. */
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-division{width:158px;height:88px;padding:9px 14px;border:1px solid rgba(129,140,248,.48);border-radius:18px;background:linear-gradient(145deg,#1b2444,#11182d);box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-division:hover{border-color:#8ea2ff;box-shadow:0 0 0 4px rgba(99,102,241,.11),0 17px 38px rgba(0,0,0,.46)}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-division.has-leader{border-color:rgba(129,140,248,.62)}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-division.is-unled{border-color:rgba(148,163,184,.3);background:linear-gradient(145deg,#171d2d,#101522)}
.vidu-org-map-division-icon{display:grid!important;width:29px;height:29px;place-items:center;margin:0 0 3px;color:#a5b4fc!important}.vidu-org-map-division-icon svg{display:block;width:25px;height:25px}.vidu-org-map-node.is-division>span:not(.vidu-org-map-division-icon){position:absolute;top:8px;right:10px;color:#7887ae!important;font-size:6px}.vidu-org-map-node.is-division strong{max-width:126px;margin:0;color:#f0f2ff;font-size:11px}.vidu-org-map-node.is-division small{margin-top:2px;color:#8790aa!important;font-size:7px}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-member{width:84px;height:84px;min-height:84px;padding:8px 7px;border:1px solid rgba(96,165,250,.29);border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#111b30,#0b1221);box-shadow:0 9px 24px rgba(0,0,0,.3)}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-member:hover{border-color:#6ba8f5;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 12px 28px rgba(0,0,0,.42)}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-member .vidu-org-map-avatar,#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-member img.vidu-org-map-avatar{display:block;width:27px!important;height:27px!important;min-width:27px;max-width:27px;margin:0 0 3px;border:1px solid rgba(147,197,253,.32)!important;border-radius:50%!important;object-fit:cover!important;clip-path:circle(50%);background:#182236}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-member>span:not(.vidu-org-map-avatar):not(.vidu-org-map-leader-mark){color:#6f9fdb;font-size:5px;letter-spacing:.07em}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-member strong{max-width:66px;margin-top:1px;color:#e7eef8;font-size:8px;line-height:1.08}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-member small{display:none}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-member.is-leader{width:92px;height:92px;min-height:92px;border-color:rgba(245,190,83,.72);background:linear-gradient(145deg,#242238,#11182a);box-shadow:0 0 0 3px rgba(245,190,83,.08),0 12px 30px rgba(0,0,0,.4)}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-member.is-leader:hover{border-color:#f5c66d;box-shadow:0 0 0 4px rgba(245,190,83,.12),0 14px 32px rgba(0,0,0,.46)}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-member.is-leader>span:not(.vidu-org-map-avatar):not(.vidu-org-map-leader-mark){color:#e9bd69;font-size:5px}
.vidu-org-map-leader-mark{position:absolute;top:7px;right:9px;z-index:2;display:grid!important;width:17px;height:17px;place-items:center;border:1px solid rgba(245,190,83,.5);border-radius:50%;background:#312819;color:#ffd47d!important;box-shadow:0 4px 10px rgba(0,0,0,.3);font-size:8px!important;line-height:1}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-edges line.is-division{stroke:rgba(129,140,248,.46);stroke-width:1.55}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-edges line.is-member{stroke:rgba(96,165,250,.28);stroke-width:1.1}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-edges line.is-leader{stroke:rgba(245,190,83,.82);stroke-width:2.4;stroke-dasharray:none;filter:drop-shadow(0 0 3px rgba(245,190,83,.25))}
.vidu-org-map-popover .vidu-org-map-open-workspace{margin-right:auto;border-color:rgba(96,165,250,.38);background:rgba(37,99,235,.14);color:#b9d3ff}.vidu-org-map-popover .vidu-org-map-open-workspace:hover{border-color:#60a5fa;background:rgba(37,99,235,.24);color:#fff}.vidu-org-map-popover .vidu-org-map-pop-actions button.is-primary{border-color:#4f8fe8;background:#377dd8;color:#fff}

/* Diagram-grade multi-selection and group editing. */
.vidu-org-map-selection-tools{display:flex;align-items:center;gap:6px;padding-left:7px;border-left:1px solid rgba(148,163,184,.14)}.vidu-org-map-selection-tools button{white-space:nowrap}.vidu-org-map-selection-tools small{min-width:112px;color:#7f8ca2;font-size:9px;white-space:nowrap}.vidu-org-map-selection-tools button:disabled{opacity:.4;cursor:not-allowed}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-selected{z-index:6;border-color:#7db2ff!important;box-shadow:0 0 0 4px rgba(59,130,246,.2),0 0 28px rgba(59,130,246,.2),0 14px 34px rgba(0,0,0,.46)!important}
#vidu-pipeline-dashboard .vidu-org-brain-map-shell .vidu-org-map-node.is-leader.is-selected{border-color:#ffd47d!important;box-shadow:0 0 0 4px rgba(245,190,83,.2),0 0 28px rgba(245,190,83,.18),0 14px 34px rgba(0,0,0,.46)!important}
.vidu-org-map-marquee{position:absolute;z-index:10;pointer-events:none;border:1.5px dashed #78aef9;border-radius:5px;background:rgba(59,130,246,.1);box-shadow:0 0 0 1px rgba(59,130,246,.05) inset}.vidu-org-map-marquee[hidden]{display:none}
.vidu-org-brain-map-shell:has(.vidu-org-map-selection-tools) .vidu-org-map-canvas{cursor:crosshair}.vidu-org-brain-map-shell:has(.vidu-org-map-selection-tools) .vidu-org-map-node{cursor:grab}.vidu-org-brain-map-shell:has(.vidu-org-map-selection-tools) .vidu-org-map-node:active{cursor:grabbing}
.vidu-org-map-capability-group .vidu-org-map-check code{overflow:hidden;color:#687487;font:500 8px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:980px){.vidu-org-map-selection-tools small{display:none}.vidu-org-map-selection-tools{padding-left:0;border-left:0}}

/* Advanced layout controls, history and organization-wide saved views. */
.vidu-org-map-edit-menu{position:relative}.vidu-org-map-edit-menu>summary{display:flex;align-items:center;min-height:34px;box-sizing:border-box;padding:0 12px;border:1px solid rgba(96,165,250,.28);border-radius:10px;background:#101a31;color:#dbeafe;cursor:pointer;font-size:11px;font-weight:700;list-style:none}.vidu-org-map-edit-menu>summary::-webkit-details-marker{display:none}.vidu-org-map-edit-menu[open]>summary{border-color:#60a5fa;background:#1d4ed8;color:#fff}.vidu-org-map-edit-menu-pop{position:absolute;z-index:220;top:calc(100% + 9px);left:0;width:410px;max-height:min(620px,calc(100vh - 190px));overflow:auto;padding:14px;border:1px solid rgba(148,163,184,.2);border-radius:15px;background:#111720;color:#e5edf8;box-shadow:0 22px 58px rgba(0,0,0,.55)}.vidu-org-map-edit-menu-pop section{display:grid;gap:9px;padding:4px}.vidu-org-map-edit-menu-pop section+section{margin-top:11px;padding-top:14px;border-top:1px solid rgba(148,163,184,.12)}.vidu-org-map-edit-menu-pop section>strong{font-size:11px}.vidu-org-map-edit-menu-pop section>small{color:#748197;font-size:9px}.vidu-org-map-edit-menu-pop section>div:not(.vidu-org-map-saved-views):not(.vidu-org-map-save-view){display:flex;flex-wrap:wrap;gap:6px}.vidu-org-map-edit-menu-pop button{min-height:30px!important;padding:6px 9px!important;border-color:rgba(96,165,250,.2)!important;background:#172133!important;color:#bfd7ff!important;font-size:9px!important}.vidu-org-map-edit-menu-pop button:hover{border-color:#60a5fa!important;background:#1e3a62!important}.vidu-org-map-edit-menu-pop button:disabled{opacity:.35}.vidu-org-map-edit-menu-pop label{display:flex;align-items:center;gap:7px;color:#9aa7ba;font-size:9px}.vidu-org-map-edit-menu-pop label input{accent-color:#4f8fe8}.vidu-org-map-save-view{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px}.vidu-org-map-save-view input{min-width:0;border:1px solid rgba(148,163,184,.18);border-radius:9px;background:#0c1119;color:#e5edf8;padding:7px 9px;font:inherit;font-size:10px;outline:0}.vidu-org-map-save-view input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.vidu-org-map-saved-views{display:grid;gap:5px}.vidu-org-map-saved-views>span{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:5px}.vidu-org-map-saved-views>span>button:first-child{text-align:left}.vidu-org-map-saved-views>span>button:last-child{color:#f2a1a7!important}.vidu-org-map-saved-views>small{padding:8px;border:1px dashed rgba(148,163,184,.16);border-radius:8px;text-align:center}.vidu-org-map-history-tools{display:flex!important;gap:4px;margin-left:0!important}.vidu-org-map-history-tools button{min-width:32px;padding-inline:8px!important;font-size:15px!important}.vidu-org-map-history-tools button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:760px){.vidu-org-map-edit-menu-pop{position:fixed;left:12px;right:12px;top:132px;width:auto}.vidu-org-map-selection-tools{display:none}}
.vidu-org-map-toolbar>.vidu-org-map-selection-tools{margin-left:0}


/* Source: assets/css/pipeline-dashboard.css */
.vidu-project-modal25-mobile-drag-handle {
  display: none;
}

/* Keep long module selectors usable inside the fixed-height project modal. */
#vidu-app-modal.vidu-project-modal-shell .vidu-project-column #vidu-project-sidebar-prefs-panel.is-open,
#vidu-app-modal.vidu-project-modal-shell .vidu-project-column [data-custom-column-prefs-panel].is-open {
  min-height: 0 !important;
  max-height: min(68dvh, 760px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  touch-action: pan-y;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .22) transparent;
}

#vidu-app-modal.vidu-project-modal-shell .vidu-project-column #vidu-project-sidebar-prefs-panel.is-open::-webkit-scrollbar,
#vidu-app-modal.vidu-project-modal-shell .vidu-project-column [data-custom-column-prefs-panel].is-open::-webkit-scrollbar {
  display: block;
  width: 5px;
}

#vidu-app-modal.vidu-project-modal-shell .vidu-project-column #vidu-project-sidebar-prefs-panel.is-open::-webkit-scrollbar-thumb,
#vidu-app-modal.vidu-project-modal-shell .vidu-project-column [data-custom-column-prefs-panel].is-open::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(255, 255, 255, .22);
}

@media (max-width: 768px) {
  body .vidu-location-editor-modal,
  body .vidu-location-editor-modal *,
  body .vidu-location-editor-modal *::before,
  body .vidu-location-editor-modal *::after {
    box-sizing: border-box !important;
  }

  body .vidu-location-editor-overlay {
    overflow: hidden !important;
    overscroll-behavior-x: none !important;
  }

  body .vidu-location-editor-modal {
    position: relative !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    max-height: calc(100dvh - 32px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overscroll-behavior-x: none !important;
  }

  body .vidu-location-editor-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 180px) !important;
    padding-bottom: 120px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: none !important;
    touch-action: pan-y !important;
  }

  body .vidu-location-editor-modal footer {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2 !important;
    flex-wrap: wrap !important;
    padding-top: 10px !important;
    background: rgba(18, 18, 22, .98) !important;
  }

  body .vidu-location-editor-grid label,
  body .vidu-location-address-fallback,
  body .vidu-location-autocomplete-host,
  body .vidu-location-autocomplete-host *,
  body .vidu-location-autocomplete-status,
  body .vidu-location-selected-preview,
  body .vidu-location-selected-copy,
  body .vidu-location-selected-map,
  body .vidu-location-google-autocomplete,
  body .pac-container,
  body .pac-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none !important;
    touch-action: pan-y !important;
  }

  body .vidu-location-editor-grid input,
  body .vidu-location-editor-grid select,
  body .vidu-location-editor-grid textarea,
  body .vidu-location-editor-grid button,
  body .vidu-location-autocomplete-host input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    touch-action: pan-y !important;
  }

  body .vidu-location-editor-grid input {
    text-overflow: ellipsis !important;
  }

  body .vidu-location-editor-grid input[name="maps_url"],
  body .vidu-location-editor-grid input[name="address"],
  body .vidu-location-editor-grid [data-location-address-input] {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body .vidu-location-editor-grid select,
  body .vidu-location-editor-grid select[name="type"] {
    min-height: 52px !important;
    height: 52px !important;
    line-height: normal !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    vertical-align: middle !important;
  }

  body .vidu-location-selected-preview {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }

  body .vidu-location-selected-copy span,
  body .vidu-location-selected-copy strong,
  body .vidu-location-selected-copy em,
  body .vidu-location-selected-copy a,
  body .vidu-location-autocomplete-status,
  body .pac-item,
  body .pac-item-query {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body .vidu-location-selected-copy a {
    display: inline-block !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  * {
    scrollbar-width: none;
  }

  *::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  body .vidu-location-editor-overlay,
  body .vidu-location-editor-backdrop,
  body .vidu-location-editor-modal,
  body .vidu-location-editor-grid,
  body .vidu-location-editor-grid label,
  body .vidu-location-autocomplete-host,
  body .vidu-location-autocomplete-status,
  body .vidu-location-selected-preview,
  body .vidu-location-selected-copy,
  body .vidu-location-selected-map {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  body .vidu-location-editor-overlay {
    padding: 12px !important;
    align-items: center !important;
    justify-items: center !important;
  }

  body .vidu-location-editor-modal {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    margin: 0 auto !important;
    padding: 14px !important;
    overflow: hidden !important;
  }

  body .vidu-location-editor-modal header,
  body .vidu-location-editor-modal footer {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body .vidu-location-editor-modal header > div {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body .vidu-location-editor-modal header strong,
  body .vidu-location-editor-modal header span {
    display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body .vidu-location-editor-grid {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body .vidu-location-editor-grid label.is-wide,
  body .vidu-location-autocomplete-host.is-wide,
  body .vidu-location-autocomplete-status.is-wide,
  body .vidu-location-selected-preview.is-wide {
    grid-column: 1 / -1 !important;
  }

  body .vidu-location-editor-grid input,
  body .vidu-location-editor-grid select,
  body .vidu-location-editor-grid textarea,
  body .vidu-location-google-autocomplete,
  body .vidu-location-autocomplete-host *,
  body .vidu-location-autocomplete-host input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body .vidu-location-editor-grid input,
  body .vidu-location-editor-grid textarea {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body .vidu-location-editor-grid select,
  body .vidu-location-editor-grid select[name="type"] {
    min-height: 48px !important;
    height: auto !important;
    padding: 12px 14px !important;
    line-height: 1.25 !important;
    border-radius: 14px !important;
  }

  body .vidu-location-selected-preview {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    gap: 10px !important;
    overflow: hidden !important;
  }

  body .vidu-location-selected-copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body .vidu-location-selected-copy span,
  body .vidu-location-selected-copy strong,
  body .vidu-location-selected-copy em,
  body .vidu-location-selected-copy a,
  body .vidu-location-autocomplete-status {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 1.25 !important;
  }

  body .vidu-location-selected-copy a {
    width: auto !important;
    justify-self: start !important;
  }

  body .vidu-location-selected-map {
    width: 100% !important;
  }
}

.vidu-pm25-mobile-scroll {
  display: contents;
}

@media (max-width: 768px) {
  body .vidu-location-editor-modal,
  body .vidu-location-editor-modal *,
  body .vidu-location-editor-modal *::before,
  body .vidu-location-editor-modal *::after {
    box-sizing: border-box !important;
  }

  body .vidu-location-editor-overlay {
    overflow: hidden !important;
    overscroll-behavior-x: none !important;
  }

  body .vidu-location-editor-modal {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    max-height: calc(100dvh - 32px) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    overscroll-behavior-x: none !important;
  }

  body .vidu-location-editor-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 180px) !important;
    padding-bottom: 120px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: none !important;
    touch-action: pan-y !important;
  }

  body .vidu-location-editor-modal header,
  body .vidu-location-editor-modal footer {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body .vidu-location-editor-modal footer {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2 !important;
    flex-wrap: wrap !important;
    padding-top: 10px !important;
    background: rgba(18, 18, 22, .98) !important;
  }

  body .vidu-location-editor-grid label,
  body .vidu-location-editor-grid label.is-wide,
  body .vidu-location-address-fallback,
  body .vidu-location-autocomplete-host,
  body .vidu-location-autocomplete-host *,
  body .vidu-location-autocomplete-status,
  body .vidu-location-selected-preview,
  body .vidu-location-selected-copy,
  body .vidu-location-selected-map,
  body .vidu-location-google-autocomplete,
  body .pac-container,
  body .pac-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none !important;
    touch-action: pan-y !important;
  }

  body .vidu-location-editor-grid input,
  body .vidu-location-editor-grid select,
  body .vidu-location-editor-grid textarea,
  body .vidu-location-editor-grid button,
  body .vidu-location-autocomplete-host input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    touch-action: pan-y !important;
  }

  body .vidu-location-editor-grid input {
    text-overflow: ellipsis !important;
  }

  body .vidu-location-editor-grid input[name="maps_url"],
  body .vidu-location-editor-grid input[name="address"],
  body .vidu-location-editor-grid [data-location-address-input] {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body .vidu-location-editor-grid select,
  body .vidu-location-editor-grid select[name="type"] {
    min-height: 52px !important;
    height: 52px !important;
    line-height: normal !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    vertical-align: middle !important;
  }

  body .vidu-location-selected-preview {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }

  body .vidu-location-selected-copy span,
  body .vidu-location-selected-copy strong,
  body .vidu-location-selected-copy em,
  body .vidu-location-selected-copy a,
  body .vidu-location-autocomplete-status,
  body .pac-item,
  body .pac-item-query {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body .vidu-location-selected-copy a {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    justify-self: start !important;
  }
}