/* Liên Second POC visual system: Tabler Icons + normalized typography. */
:root {
  --type-meta: 12px;
  --type-caption: 13px;
  --type-body: 14px;
  --type-body-lg: 15px;
  --type-section: 18px;
  --type-title: 24px;
  --type-display: 30px;

  --tabler-home: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/home.svg");
  --tabler-chat: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/message-circle.svg");
  --tabler-inbox: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/inbox.svg");
  --tabler-workspaces: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/layout-grid.svg");
  --tabler-work: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/list-check.svg");
  --tabler-devices: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/device-desktop.svg");
  --tabler-bot: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/robot.svg");
  --tabler-settings: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/settings.svg");
  --tabler-overview: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/layout-dashboard.svg");
  --tabler-conversations: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/messages.svg");
  --tabler-code: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/code.svg");
  --tabler-note: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/note.svg");
  --tabler-book: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/book.svg");
  --tabler-chart: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/chart-line.svg");
  --tabler-training: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/cpu.svg");
  --tabler-data: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/database.svg");
  --tabler-sun: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/sun.svg");
  --tabler-calendar: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/calendar.svg");
  --tabler-kanban: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/layout-kanban.svg");
  --tabler-list: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/list.svg");
  --tabler-table: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/table.svg");
  --tabler-monitor: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/device-desktop.svg");
  --tabler-laptop: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/device-laptop.svg");
  --tabler-phone: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/device-mobile.svg");
  --tabler-server: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/server.svg");
  --tabler-moon: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/moon.svg");
  --tabler-menu: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/menu-2.svg");
  --tabler-chevron-down: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/chevron-down.svg");
  --tabler-chevron-right: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/chevron-right.svg");
  --tabler-chevron-left: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/chevron-left.svg");
  --tabler-arrow-right: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/arrow-right.svg");
  --tabler-arrow-up: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/arrow-up.svg");
  --tabler-arrow-up-right: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/arrow-up-right.svg");
  --tabler-x: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/x.svg");
  --tabler-check: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/check.svg");
  --tabler-circle-check: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/circle-check.svg");
  --tabler-circle: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/circle.svg");
  --tabler-circle-dot: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/circle-dot.svg");
  --tabler-info: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/info-circle.svg");
  --tabler-file: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/file-text.svg");
  --tabler-link: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/link.svg");
  --tabler-grip: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/grip-vertical.svg");
  --tabler-puzzle: url("https://unpkg.com/@tabler/icons@3.34.1/icons/outline/puzzle.svg");

  --lucide-home: var(--tabler-home);
  --lucide-chat: var(--tabler-chat);
  --lucide-inbox: var(--tabler-inbox);
  --lucide-workspaces: var(--tabler-workspaces);
  --lucide-work: var(--tabler-work);
  --lucide-devices: var(--tabler-devices);
  --lucide-bot: var(--tabler-bot);
  --lucide-settings: var(--tabler-settings);
  --lucide-overview: var(--tabler-overview);
  --lucide-conversations: var(--tabler-conversations);
  --lucide-code: var(--tabler-code);
  --lucide-knowledge: var(--tabler-book);
  --lucide-backtest: var(--tabler-chart);
  --lucide-training: var(--tabler-training);
  --lucide-trading: var(--tabler-chart);
  --lucide-data: var(--tabler-data);
  --lucide-today: var(--tabler-sun);
  --lucide-calendar: var(--tabler-calendar);
  --lucide-databases: var(--tabler-table);
  --lucide-monitor: var(--tabler-monitor);
  --lucide-laptop: var(--tabler-laptop);
  --lucide-phone: var(--tabler-phone);
  --lucide-server: var(--tabler-server);
  --lucide-nas: var(--tabler-server);
  --lucide-moon: var(--tabler-moon);
  --lucide-menu: var(--tabler-menu);
  --lucide-chevron-down: var(--tabler-chevron-down);
  --lucide-chevron-right: var(--tabler-chevron-right);
  --lucide-arrow-up-right: var(--tabler-arrow-up-right);
  --lucide-x: var(--tabler-x);
}

body { font-size: var(--type-body); line-height: 1.55; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
button,input,textarea,select { font: inherit; }

.eyebrow,.module-group-label,.global-sidebar-section-label,.notion-section-label,.note-meta,.focus-label { font-size: var(--type-meta) !important; line-height: 1.25; letter-spacing: .07em; }
.page-header h1,.note-detail h1,.device-detail h1,.my-task-header h1,.quick-note-header h1,.notion-page-title { font-size: var(--type-display) !important; line-height: 1.14 !important; letter-spacing: -.025em; }
.conversation-header h1 { font-size: var(--type-title) !important; line-height: 1.18 !important; }
.section-heading h2,.focus-panel-head h2,.home-quick-capture h2,.demo-section-head h2,.demo-run-detail>header h2,.quick-note-move h2 { font-size: var(--type-section) !important; line-height: 1.28; }
.overview-lead h2,.workbench-primary h2,.home-now-copy h2,.market-primary h2,.demo-vibe-title h2 { font-size: 21px !important; line-height: 1.28; }
.page-header p,.conversation-header p,.quick-note-header p,.note-body-copy,.block-editable,.chat-body,.composer-box textarea,.overview-lead p,.workbench-primary>p,.device-detail>p { font-size: var(--type-body) !important; }
.note-lead { font-size: var(--type-body-lg) !important; line-height: 1.55; }
.workspace-copy small,.workspace-presence,.context-path,.focus-trigger,.quiet-button,.attention-button,.primary-button,.secondary-button,.text-action,.mode-switch button,.view-tabs button,.knowledge-filters button,.global-sidebar-toolbar button,.global-work-filter,.global-thread-row strong,.global-note-row strong,.task-view-switch button,.notion-editor-toolbar button,.notion-page-topbar>button,.notion-properties span,.notion-properties button,.extension-relations button { font-size: var(--type-caption) !important; }
.workspace-copy strong,.module-item,.home-quick-capture button strong,.relation-list strong,.knowledge-row strong,.device-row strong,.run-list strong,.settings-list strong,.demo-flow-steps strong,.demo-run-card strong,.kanban-card strong,.notion-task-row strong { font-size: var(--type-caption) !important; }
.module-proof-list small,.home-quick-capture button small,.global-thread-row small,.global-note-row small,.global-thread-row time,.global-note-row time,.knowledge-row small,.device-row small,.run-list small,.settings-list small,.relation-list small,.simple-results small,.training-run small,.training-timeline small,.market-list span,.market-list small,.run-state small,.autopilot-flow li span,.today-intro span,.today-intro p,.calendar-strip span,.calendar-strip small,.home-now-side>span,.home-now-side small,.recent-list small,.workspace-directory small,.workspace-directory em,.workspace-card small,.workspace-card p,.workspace-card em,.context-stack span,.context-stack small,.context-warning p,.toast small,.demo-flow-steps small,.demo-run-card small,.demo-run-card em,.demo-run-detail p,.demo-run-footer span,.demo-progress-copy span,.demo-safety-note p,.notion-page-topbar>div,.notion-editor-toolbar>span,.my-task-footnote,.kanban-card span,.kanban-card small,.calendar-task small,.notion-task-row small { font-size: var(--type-meta) !important; }
.task-calendar-toolbar strong { font-size: var(--type-caption) !important; }
.task-calendar-toolbar span { font-size: var(--type-meta) !important; }
.task-calendar-weekdays span { font-size: 11px !important; }
.task-calendar-day>span { font-size: var(--type-meta) !important; }
.task-calendar-day b { font-size: 11px !important; }
.calendar-task strong { font-size: 12px !important; line-height: 1.3; }
.kanban-column>header strong { font-size: 12px !important; }
.kanban-column>header b { font-size: 11px !important; }
.kanban-empty { font-size: var(--type-meta) !important; }
.notion-task-table-head { font-size: 11px !important; }
.notion-task-row>span:not(:first-child) { font-size: var(--type-meta) !important; }
.task-status { font-size: 11px !important; }
.notion-page-topbar { min-height: 50px; }
.notion-page-icon { width: 42px; height: 42px; font-size: 0 !important; border-radius: 10px; }
.notion-properties>div { min-height: 36px; }
.notion-editor-toolbar { min-height: 40px; }
.block-editable { line-height: 1.62 !important; }
.notion-heading .block-editable { font-size: 19px !important; line-height: 1.35 !important; }
.notion-code .block-editable { font-size: 12px !important; }

.ui-icon-slot { --ui-slot-size:18px; --ui-icon:var(--tabler-circle); width:var(--ui-slot-size); height:var(--ui-slot-size); min-width:var(--ui-slot-size); display:inline-grid !important; place-items:center; flex:0 0 var(--ui-slot-size); font-size:0 !important; line-height:0 !important; color:currentColor; vertical-align:middle; }
.ui-icon-slot::before { content:""; display:block; width:var(--ui-slot-size); height:var(--ui-slot-size); background:currentColor; -webkit-mask-image:var(--ui-icon); mask-image:var(--ui-icon); -webkit-mask-position:center; mask-position:center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:contain; mask-size:contain; }
[data-ui-icon="home"]{--ui-icon:var(--tabler-home)} [data-ui-icon="chat"]{--ui-icon:var(--tabler-chat)} [data-ui-icon="inbox"]{--ui-icon:var(--tabler-inbox)} [data-ui-icon="workspaces"]{--ui-icon:var(--tabler-workspaces)} [data-ui-icon="work"]{--ui-icon:var(--tabler-work)} [data-ui-icon="devices"]{--ui-icon:var(--tabler-devices)} [data-ui-icon="bot"]{--ui-icon:var(--tabler-bot)} [data-ui-icon="settings"]{--ui-icon:var(--tabler-settings)} [data-ui-icon="overview"]{--ui-icon:var(--tabler-overview)} [data-ui-icon="conversations"]{--ui-icon:var(--tabler-conversations)} [data-ui-icon="code"]{--ui-icon:var(--tabler-code)} [data-ui-icon="note"]{--ui-icon:var(--tabler-note)} [data-ui-icon="book"]{--ui-icon:var(--tabler-book)} [data-ui-icon="chart"]{--ui-icon:var(--tabler-chart)} [data-ui-icon="training"]{--ui-icon:var(--tabler-training)} [data-ui-icon="data"]{--ui-icon:var(--tabler-data)} [data-ui-icon="sun"]{--ui-icon:var(--tabler-sun)} [data-ui-icon="calendar"]{--ui-icon:var(--tabler-calendar)} [data-ui-icon="kanban"]{--ui-icon:var(--tabler-kanban)} [data-ui-icon="list"]{--ui-icon:var(--tabler-list)} [data-ui-icon="table"]{--ui-icon:var(--tabler-table)} [data-ui-icon="monitor"]{--ui-icon:var(--tabler-monitor)} [data-ui-icon="laptop"]{--ui-icon:var(--tabler-laptop)} [data-ui-icon="phone"]{--ui-icon:var(--tabler-phone)} [data-ui-icon="server"]{--ui-icon:var(--tabler-server)} [data-ui-icon="moon"]{--ui-icon:var(--tabler-moon)} [data-ui-icon="menu"]{--ui-icon:var(--tabler-menu)} [data-ui-icon="chevron-down"]{--ui-icon:var(--tabler-chevron-down)} [data-ui-icon="chevron-right"]{--ui-icon:var(--tabler-chevron-right)} [data-ui-icon="chevron-left"]{--ui-icon:var(--tabler-chevron-left)} [data-ui-icon="arrow-right"]{--ui-icon:var(--tabler-arrow-right)} [data-ui-icon="arrow-up"]{--ui-icon:var(--tabler-arrow-up)} [data-ui-icon="arrow-up-right"]{--ui-icon:var(--tabler-arrow-up-right)} [data-ui-icon="x"]{--ui-icon:var(--tabler-x)} [data-ui-icon="check"]{--ui-icon:var(--tabler-check)} [data-ui-icon="circle-check"]{--ui-icon:var(--tabler-circle-check)} [data-ui-icon="circle"]{--ui-icon:var(--tabler-circle)} [data-ui-icon="circle-dot"]{--ui-icon:var(--tabler-circle-dot)} [data-ui-icon="info"]{--ui-icon:var(--tabler-info)} [data-ui-icon="file"]{--ui-icon:var(--tabler-file)} [data-ui-icon="link"]{--ui-icon:var(--tabler-link)} [data-ui-icon="grip"]{--ui-icon:var(--tabler-grip)} [data-ui-icon="puzzle"]{--ui-icon:var(--tabler-puzzle)}
.rail-icon.ui-icon-slot{--ui-slot-size:19px}.module-icon.ui-icon-slot,.device-symbol.ui-icon-slot{--ui-slot-size:17px}.task-view-switch .ui-icon-slot,.home-quick-capture .ui-icon-slot{--ui-slot-size:16px}.demo-flow-steps .ui-icon-slot{--ui-slot-size:17px}.notion-page-icon.ui-icon-slot{--ui-slot-size:20px}.block-handle.ui-icon-slot{--ui-slot-size:16px}
.task-view-switch button{gap:7px}.task-view-switch button>span{color:var(--muted)}.task-view-switch button.active>span{color:var(--green)}
.home-quick-capture button>span:first-child{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);color:var(--green)}
.relation-list button>span:first-child,.activity-note>span:first-child,.prototype-callout>span:first-child,.demo-safety-note>span:first-child,.context-warning>span:first-child{color:var(--green)}
.demo-flow-steps li>b.ui-icon-slot{width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--muted)}
.demo-flow-steps li.done>b.ui-icon-slot{color:var(--green);background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 25%,var(--line))}.demo-flow-steps li.active>b.ui-icon-slot{color:var(--green);border-color:color-mix(in srgb,var(--green) 50%,var(--line))}.demo-flow-steps li.waiting>b.ui-icon-slot{color:var(--soft)}

/* Icon-only controls keep their touch target while the glyph itself stays compact. */
.send-button.ui-icon-slot{width:34px;height:34px;min-width:34px;--ui-slot-size:16px}
#themeButton.ui-icon-slot,.mobile-nav-button.ui-icon-slot,.sidebar-dismiss.ui-icon-slot,#focusClose.ui-icon-slot,#mobileGlobalClose.ui-icon-slot,[data-close-picker].ui-icon-slot,[data-close-context].ui-icon-slot{width:34px;height:34px;min-width:34px;--ui-slot-size:17px}
.task-calendar-toolbar button.ui-icon-slot{width:30px;height:30px;min-width:30px;--ui-slot-size:15px}

@media(max-width:767px){:root{--type-display:24px;--type-title:22px}.home-quick-capture h2{font-size:17px !important}}
