/* Platform visual system. Loaded after the shared suite palette; product apps keep their theme. */
:root {
  --tickora-bg: #f5f6fb;
  --tickora-surface: #fff;
  --tickora-surface-alt: #f8f9fd;
  --tickora-sidebar: #11172a;
  --tickora-text: #202940;
  --tickora-muted: #7d869c;
  --tickora-border: #e8ebf3;
  --tickora-primary: #6854df;
  --tickora-accent: #6854df;
  --tickora-primary-hover: #5642ca;
  --tickora-primary-soft: #f1eefe;
  --tickora-focus: #6854df;
  --tickora-nav-text: #a3adc6;
  --tickora-nav-hover: #1b233c;
  --tickora-nav-active-bg: #2a254b;
  --tickora-nav-active-text: #d9d2ff;
  --tickora-icon-bg: transparent;
  --border: #e8ebf3;
  --bs-primary-rgb: 104,84,223;
  --bs-primary: #6854df;
  color-scheme: light;
  font-family: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  font-synthesis: none;
  accent-color: #6854df;
}
body { font-size:14px; line-height:1.55; -webkit-font-smoothing:antialiased; }
button, input, select, textarea { font:inherit; }
button, a, input, select, summary { -webkit-tap-highlight-color:transparent; }
button, a, summary { transition:background .18s, border-color .18s, box-shadow .18s, color .18s, transform .18s; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible {
  outline:3px solid #c0b5ff; outline-offset:3px;
}
button:disabled { opacity:.42; cursor:not-allowed; }
[hidden] { display:none !important; }
.ui-icon { width:20px; height:20px; flex-shrink:0; vertical-align:middle; }
a { color:var(--tickora-primary); text-underline-offset:3px; }
h1,h2,h3 { color:#202940; letter-spacing:-.65px; }
h1 { font-size:25px; font-weight:700; line-height:1.25; }
h2 { font-size:23px; font-weight:700; }
h3 { font-size:16px; font-weight:650; }
.layout { grid-template-columns:244px minmax(0,1fr); }
.layout > .sidebar { position:sticky; top:0; height:100dvh; padding:34px 20px 20px; display:flex; flex-direction:column; overflow:auto; }
.sidebar .brand { display:flex; gap:12px; align-items:center; color:white; text-decoration:none; padding:0 12px; font-size:29px; letter-spacing:-1.3px; font-weight:750; line-height:1.1; }
.sidebar .brand-caption { display:block; font-size:7px; color:#7783a4; font-weight:650; letter-spacing:1.7px; margin-top:8px; }
.sidebar .mark { width:39px; height:39px; border-radius:12px; background:linear-gradient(145deg,#9987ff,#6854df); box-shadow:0 6px 18px #060a1733; flex-shrink:0; }
.mark svg { width:29px; height:29px; }
.sidebar-label { margin:43px 14px 15px; font-size:9px; letter-spacing:1.8px; color:#66728f; font-weight:700; }
.sidebar nav { display:flex; flex-direction:column; gap:6px; margin:0; }
.sidebar nav button { width:100%; min-height:46px; padding:10px 13px; border-radius:9px; font-size:12px; font-weight:500; gap:12px; position:relative; }
.sidebar nav button:nth-last-child(3) { margin-top:17px; }
.layout > .sidebar .nav-icon { width:21px; height:23px; color:inherit !important; background:none !important; }
.nav-icon .ui-icon { width:19px; height:19px; }
.nav-active-dot { margin-left:auto; width:5px; height:5px; border-radius:50%; background:#a698ff; flex-shrink:0; }
.sidebar nav button.active::before { content:""; position:absolute; left:-20px; top:11px; bottom:11px; width:3px; border-radius:0 3px 3px 0; background:#a292ff; }
.sidebar-bottom { margin-top:auto; padding-top:50px; }
.workspace-note { background:linear-gradient(135deg,#212943,#1a2137); border:1px solid #2b3450; padding:14px 11px; border-radius:12px; display:flex; align-items:flex-start; gap:8px; }
.workspace-note .ui-icon { color:#a99afa; width:17px; height:17px; margin-top:2px; }
.workspace-note strong { display:block; font-size:10px; color:#d5dcf0; font-weight:550; }
.workspace-note span { display:block; margin-top:3px; font-size:9px; color:#7985a3; }
.sidebar-company { display:flex; gap:10px; align-items:center; margin-top:23px; padding:16px 2px 0; border-top:1px solid #252d43; min-width:0; }
.company-avatar { width:32px; height:32px; border-radius:10px; background:#2b3350; color:#d3d9f1; display:grid; place-items:center; font-size:12px; flex-shrink:0; }
.sidebar-company div { min-width:0; }
.sidebar-company strong { display:block; font-size:10px; color:#c1cae0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sidebar-company div span { display:block; color:#6d7a98; font-size:9px; margin-top:3px; }
.main { padding:0; }
.topbar { min-height:105px; margin:0; padding:22px 34px; background:#ffffffdf; border-bottom:1px solid #e8ebf3; display:flex; gap:20px; align-items:center; position:sticky; top:0; z-index:20; backdrop-filter:blur(18px); }
.eyebrow { color:#929bad; font-size:9px; letter-spacing:1.05px; margin-bottom:8px; font-weight:600; }
.eyebrow span { margin:0 8px; color:#c4cad8; }
.user-menu { margin-left:auto; gap:22px; min-width:0; }
.user-menu > select { border:0; border-radius:8px; background:#f6f7fb; min-height:37px; color:#67728a; font-size:11px; width:175px; padding:0 10px; }
.account-menu { position:relative; }
.account-menu summary { display:flex; gap:11px; align-items:center; cursor:pointer; list-style:none; border-radius:10px; padding:4px; }
.account-menu summary::-webkit-details-marker { display:none; }
.account-menu summary > .ui-icon { width:14px; color:#929bb0; }
.user-avatar { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:#ebe6ff; color:#6c54cf; font-weight:650; font-size:11px; border:3px solid #f6f3ff; flex-shrink:0; }
.account-name { font-size:11px; font-weight:600; white-space:nowrap; max-width:145px; overflow:hidden; text-overflow:ellipsis; }
.account-name small { display:block; color:#8e97a9; font-size:9px; font-weight:400; margin-top:2px; }
.account-dropdown { position:absolute; right:0; top:calc(100% + 14px); min-width:220px; padding:9px; border:1px solid #e6e9f2; border-radius:14px; box-shadow:0 14px 50px #1b22441f; background:white; z-index:40; }
.account-dropdown .ghost { width:100%; display:flex; align-items:center; justify-content:flex-start; gap:11px; border:0; font-size:12px; min-height:40px; }
.account-dropdown .ghost:hover { background:#f4f2ff; }
.account-dropdown #logout { border-top:1px solid #edf0f5; border-radius:0 0 7px 7px; margin-top:5px; color:#b95565; }
.workspace-content { width:100%; max-width:1580px; padding:33px 34px 40px; margin:auto; }
.primary,.secondary,.ghost { min-height:39px; padding:0 15px; border-radius:8px; font-size:12px; font-weight:550; display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.primary { box-shadow:0 4px 10px #6854df1f; }
.primary:hover { box-shadow:0 6px 15px #6854df30; transform:translateY(-1px); }
.secondary { border-color:#e1e5ef; box-shadow:0 2px 3px #20294004; color:#54617a; }
.secondary:hover,.ghost:hover { background:#f3f1fc; border-color:#dcd5fa; color:#6854df; }
.ghost { border-color:transparent; color:#7a849b; }
.primary .ui-icon,.secondary .ui-icon,.ghost .ui-icon { width:15px; height:15px; }
.section,.org-panel,.page-head { padding:24px; border:1px solid #e7eaf2; border-radius:15px; box-shadow:0 4px 18px #1a234003; }
.page-head { background:none; padding:0; border:0; box-shadow:none; margin:0 0 24px; }
.page-head h2 { margin-bottom:7px; }
.page-head p { font-size:12px; }
.section-head { gap:16px; flex-wrap:wrap; }
.section-head h2 { margin-bottom:0; font-size:17px; }
.product-grid { gap:20px; }
.product-card { position:relative; border-radius:14px; border-color:#e7eaf2; padding:24px; background:white; transition:box-shadow .2s,transform .2s; }
.product-card:hover { box-shadow:0 12px 28px #2430520b; transform:translateY(-3px); }
.product-card h2,.product-card h3 { margin-bottom:0; font-size:19px; }
.product-card p { font-size:12px; line-height:1.7; }
.product-icon { background:#f1edff; color:#7b66dc; border-radius:12px; width:48px; height:48px; }
.product-card .primary,.product-card .secondary { width:100%; }
.status { font-size:10px; font-weight:550; padding:4px 9px; }
.metric-grid span,.plan-card,.current-product { border-color:#e8ebf3; border-radius:11px; }
.metric-grid span { font-size:11px; background:#fafbfe; }
.table { border-color:#e8ebf3; border-radius:12px; overflow:auto; }
.table-row { padding:15px 18px; font-size:12px; border-color:#eef0f6; }
.table-head { background:#f8f9fd; font-size:10px; font-weight:650; color:#8b94a9; text-transform:uppercase; letter-spacing:.6px; }
input,select,textarea { border:1px solid #e0e5ef; border-radius:8px; background:white; color:#34415b; min-height:40px; padding:0 12px; }
input::placeholder,textarea::placeholder { color:#a3abbe; }
label { color:#65718b; font-size:11px; font-weight:550; gap:7px; }
.form-grid,.invite-panel,.settings-grid { gap:20px; }
.empty-state { border:1px dashed #dce1ee; border-radius:13px; background:#fafbfe; padding:36px; text-align:center; }
.empty-state p { font-size:12px; color:#8a94a9; margin-bottom:0; }
.workspace-welcome { border:1px solid #e4dff6; border-radius:18px; background:radial-gradient(ellipse at 85% 0,#e6e0ff,transparent 60%),linear-gradient(120deg,#f3f0ff,#fff 68%); padding:35px 38px; gap:28px; }
.workspace-welcome .entry-eyebrow { color:#8b7bc6; font-size:9px; }
.workspace-welcome h2 { font-size:clamp(26px,3vw,38px); letter-spacing:-1.4px; }
.workspace-summary { border-left:1px solid #e4dff6; padding-left:35px; min-width:200px; }
.workspace-summary .entry-mark { background:#7864de; border-radius:12px; }
.workspace-summary strong { color:#5d4aaf; }
.workspace-summary small { color:#8d85a6; }
.workspace-kicker { color:#8e83b4; font-size:9px; letter-spacing:1.7px; font-weight:650; margin:0 0 9px; }
.people-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:26px; }
.people-intro h2 { font-size:27px; margin-bottom:8px; letter-spacing:-1px; }
.people-intro p:last-child { font-size:12px; color:#9099ac; margin:0; }
.sync-indicator { display:flex; align-items:center; gap:7px; white-space:nowrap; border:1px solid #e3e7ee; border-radius:30px; background:#fff; color:#8b94a8; font-size:10px; padding:7px 12px; }
.sync-indicator > span { width:6px; height:6px; border-radius:50%; background:#9da6b8; }
.sync-indicator.is-enabled > span { background:#43ad92; box-shadow:0 0 0 3px #43ad9211; }
.directory-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:17px; margin-bottom:26px; }
.directory-metric { padding:19px 20px 18px; background:white; border:1px solid #e7eaf2; border-radius:12px; box-shadow:0 3px 8px #19243e02; }
.directory-metric > div { display:flex; align-items:center; justify-content:space-between; gap:9px; color:#7c879c; font-size:11px; }
.directory-metric > div .ui-icon { color:#b7aecf; width:16px; height:16px; }
.directory-metric:nth-child(2) > div .ui-icon { color:#86b6ab; }
.directory-metric:nth-child(3) > div .ui-icon { color:#b8a2d2; }
.directory-metric:nth-child(4) > div .ui-icon { color:#cfb58d; }
.directory-metric strong { display:block; font-size:29px; font-weight:600; line-height:1.2; margin:13px 0 7px; letter-spacing:-1px; }
.directory-metric small { color:#a0a8b8; font-size:9px; }
.directory-panel { border:1px solid #e5e9f2; background:white; border-radius:16px; overflow:hidden; box-shadow:0 4px 16px #29325403; }
.directory-toolbar { display:flex; justify-content:space-between; align-items:center; padding:23px 26px; gap:15px; border-bottom:1px solid #eef0f6; }
.directory-toolbar h3 { display:flex; align-items:center; gap:9px; font-size:14px; letter-spacing:-.25px; margin:0 0 4px; }
.directory-toolbar p { font-size:10px; color:#9ba3b6; margin:0; }
.record-count { display:inline-grid; place-items:center; min-width:22px; height:20px; border-radius:5px; background:#f1edff; color:#8d7aca; font-size:10px; font-weight:600; }
.directory-toolbar .secondary { font-size:10px; min-height:33px; padding:0 12px; }
.directory-empty { display:flex; align-items:center; flex-direction:column; padding:20px 24px 34px; text-align:center; background:radial-gradient(ellipse at 50% 25%,#f9f7ff,transparent 55%); }
.connection-map { position:relative; width:330px; max-width:100%; height:173px; margin:0 0 8px; }
.connection-halo { position:absolute; inset:10px 36px 4px; border-radius:50%; background:radial-gradient(ellipse,#eee9fc70,transparent 70%); }
.connection-lines { position:absolute; inset:0; width:100%; height:100%; color:#c7c0e7; }
.connection-center { position:absolute; top:10px; left:calc(50% - 24px); height:48px; width:48px; display:grid; place-items:center; border-radius:15px; background:linear-gradient(145deg,#9b87f8,#6d58d2); color:white; box-shadow:0 8px 20px #7b64ce29,0 0 0 7px #f1edfc; }
.connection-center > svg { width:34px; height:34px; }
.connection-nodes { position:absolute; bottom:4px; left:12px; right:12px; display:flex; justify-content:space-between; }
.connection-node { display:flex; flex-direction:column; align-items:center; gap:7px; width:63px; }
.connection-node > span { display:grid; place-items:center; height:43px; width:43px; border:1px solid #e7e2f5; background:white; border-radius:13px; box-shadow:0 5px 12px #6a5b8e0a; }
.connection-node strong { color:#9298ad; font-size:9px; font-weight:550; }
.connection-node.crm { color:#9581d0; }.connection-node.invoice { color:#d6a66a; }.connection-node.hrms { color:#769abf; }
.connection-node .ui-icon { width:21px; height:21px; }
.empty-eyebrow { font-size:8px; font-weight:650; color:#a29ab6; letter-spacing:1.5px; margin-top:5px; }
.directory-empty h3 { font-size:29px; line-height:1.2; font-weight:650; letter-spacing:-1px; margin:13px 0 13px; }
.directory-empty > p { color:#9ba3b6; font-size:11px; line-height:1.9; margin-bottom:20px; max-width:470px; }
.directory-empty > .primary { padding:0 19px; min-height:38px; font-size:11px; }
.empty-hint { display:flex; align-items:center; gap:5px; color:#b1b7c5; font-size:9px; margin-top:16px; }
.empty-hint .ui-icon { width:11px; height:11px; }
.directory-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:20px 26px; gap:20px; background:#fafbfe; border-top:1px solid #edf0f6; }
.directory-steps > div { display:flex; gap:10px; align-items:flex-start; }
.directory-steps > div > span { color:#a99acb; background:#f0ecfa; width:25px; height:25px; display:grid; place-items:center; border-radius:7px; flex-shrink:0; font-size:9px; }
.directory-steps p { color:#a0a8ba; font-size:9px; line-height:1.6; margin:0; }
.directory-steps strong { display:block; color:#737e95; font-size:10px; font-weight:600; margin-bottom:2px; }
.directory-pagination { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 24px; border-top:1px solid #edf0f6; }
.directory-pagination > span { display:flex; gap:5px; align-items:center; color:#a7afbf; font-size:9px; }
.directory-pagination .ui-icon { width:12px; height:12px; }
.directory-pagination > div { display:flex; gap:8px; }
.directory-pagination button { font-size:10px; min-height:29px; padding:0 7px; }
.pagination-caption { margin-left:6px; }
.directory-footnote { display:flex; align-items:center; justify-content:center; gap:6px; font-size:9px; color:#a0a8bb; margin:18px 0 0; text-align:center; }
.directory-footnote .ui-icon { width:12px; height:12px; }
.directory-result:empty { display:none; }.directory-result:not(:empty),.directory-notice { margin:15px 24px; padding:13px 16px; border:1px solid #efd9ad; background:#fffbf2; color:#9b7939; border-radius:9px; font-size:11px; }
.directory-notice { margin:0 0 20px; display:flex; align-items:center; gap:9px; }
.directory-filters { display:flex; align-items:center; gap:14px; padding:18px 24px 4px; }
.directory-search { flex:1; position:relative; display:flex; align-items:center; gap:9px; background:#fafbfe; border:1px solid #e8ebf2; padding-left:12px; border-radius:8px; color:#a4adbf; }
.directory-search > .ui-icon { width:15px; height:15px; }.directory-search input { width:100%; padding:0 10px 0 0; border:0; min-height:35px; font-size:11px; background:transparent; }
.directory-filters > select { font-size:10px; min-height:36px; }
.people-grid { padding:20px 24px; gap:17px; grid-template-columns:repeat(auto-fit,minmax(min(100%,335px),1fr)); }
.people-card { padding:20px; margin:0; border:1px solid #e5e9f2; border-radius:13px; box-shadow:none; }
.person-heading { display:flex; align-items:center; gap:10px; }
.person-avatar { width:36px; height:36px; border-radius:11px; background:#f0ecfc; color:#9c88ce; display:grid; place-items:center; font-weight:600; font-size:10px; flex-shrink:0; }
.person-heading h3 { margin:0 0 2px; font-size:13px; letter-spacing:-.2px; }.person-heading div > span { font-size:9px; color:#a6aec0; }
.person-source { margin-left:auto; font-size:8px; color:#9a90b7; background:#f6f3fc; padding:3px 7px; border-radius:4px; }
.person-contact { display:flex; flex-wrap:wrap; gap:7px 12px; margin:17px 0; color:#949eb3; font-size:10px; }.person-contact > span { display:flex; align-items:center; gap:5px; }.person-contact .ui-icon { width:12px; height:12px; }
.people-link { display:flex; gap:10px; padding:13px 0; margin:0; border-color:#eef0f6; }
.linked-app-icon { width:30px; height:30px; border-radius:8px; display:grid; place-items:center; background:#f3f0fc; color:#a18dce; flex-shrink:0; }.linked-app-icon.invoice { background:#fff6e9; color:#c5a16a; }.linked-app-icon.hrms { background:#edf4fc; color:#86a5c6; }.linked-app-icon .ui-icon { width:17px; height:17px; }
.linked-app-name { display:grid; gap:2px; }.linked-app-name > strong { font-size:10px; color:#69768e; font-weight:600; }
.link-state { font-size:8px; color:#a1a9ba; }.link-state.state-synced { color:#64a792; }.link-state.state-needs_review { color:#c2926d; }.link-state.state-retry_pending { color:#bb9b6b; }
.link-actions { margin-left:auto; }.link-actions a { display:flex; align-items:center; gap:3px; font-size:9px; font-weight:550; text-decoration:none; }.link-actions .ui-icon { width:12px; height:12px; }.link-actions .secondary { min-height:28px; font-size:9px; padding:0 9px; }.link-actions small { font-size:8px; color:#aab1c1; }
.link-complete { color:#70b19a; background:#edf8f2; display:grid; place-items:center; width:21px; height:21px; border-radius:50%; }
.existing-record-link { font-size:9px; min-height:24px; margin-left:38px; padding:0; color:#a99ac8; }.people-link .link-warning { margin-left:38px; color:#b79b71; font-size:9px; }
.record-details { border-top:1px solid #edf0f6; padding-top:13px; margin-top:5px; font-size:9px; color:#a8afbf; }.record-details summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; list-style:none; }.record-details summary .ui-icon { width:11px; height:11px; }.record-details p { margin:8px 0 0; }.record-details code { display:block; color:#929caf; font-size:9px; margin-top:3px; }
.directory-panel [data-form]:not(:empty) { margin:20px 24px; padding:23px; background:#f9f8fe; border:1px solid #e9e4f7; border-radius:12px; }
.directory-panel [data-form] h3,.directory-panel [data-form] p { grid-column:1/-1; margin-bottom:0; }.directory-panel [data-form] p { font-size:11px; color:#9199ac; }.directory-panel [data-form] h3 { font-size:18px; }.directory-panel [data-form] form { margin:0; }
.filter-empty { margin:20px 24px 30px; padding:20px; background:#fafbfe; text-align:center; border-radius:10px; color:#9aa4b8; font-size:12px; }
.login-screen { background:radial-gradient(ellipse at 30% 0,#e5dffd,transparent 55%),#f5f6fb; }.login-panel { border:1px solid #e7e5f0; padding:40px; border-radius:20px; box-shadow:0 20px 65px #2734570d; }.login-panel h1 { font-size:29px; margin-top:25px; }.login-panel p { color:#8b94a9; font-size:13px; margin-top:15px; }
/* Public catalog, registration and company setup use the same Platform palette. */
.entry-mark { background:#6854df; }.entry-primary { background:var(--tickora-primary); border-color:var(--tickora-primary); border-radius:9px; }.entry-primary:hover { background:var(--tickora-primary-hover); border-color:var(--tickora-primary-hover); }.entry-hero { background:radial-gradient(ellipse at 20% 30%,#f1edff,transparent 45%),radial-gradient(ellipse at 85% 20%,#eaf1fb,transparent 45%),#fff; }.entry-hero h1 em,.entry-header nav a:hover,.entry-signin:hover { color:#6854df; }.entry-eyebrow { color:#8f80b8; }.entry-eyebrow>span { background:#8e7bd6; }.entry-proof span::before { color:#9184b3; }.entry-product { border-radius:18px; border-color:#e7e9f3; box-shadow:0 4px 20px #25314c04; }.entry-product-icon { color:#8571ca; background:#f3effc; }.entry-filters .selected { color:#7760c1; background:#f2eefe; border-color:#ded5f7; }.entry-signup,.entry-company { background:radial-gradient(ellipse at 0 20%,#ebe5ff,transparent 60%),#f5f7fc; }.entry-registration { border-radius:23px; border-color:#e6e3ef; box-shadow:0 20px 70px #222a4c08; }.entry-intro h1 em { color:#6854df; }.entry-activation { background:#f5f1ff; border-color:#e2d9f4; }
@media (min-width:1600px) { .workspace-content { padding:40px 46px; }.topbar { padding-inline:46px; }.directory-empty { padding-top:32px; padding-bottom:44px; } }
@media (max-width:1180px) { .account-name { display:none; }.user-menu { gap:12px; }.topbar { padding-inline:25px; }.workspace-content { padding:28px 25px; }.directory-metrics { gap:12px; }.directory-metric { padding:16px 14px; }.directory-steps { gap:14px; padding-inline:20px; } }
@media (max-width:960px) { .layout { grid-template-columns:76px minmax(0,1fr); }.layout > .sidebar { padding:26px 12px; }.sidebar .brand { padding:0 6px; }.sidebar .brand > span:last-child,.sidebar-label,.sidebar-bottom,.sidebar nav button > span:not(.nav-icon) { display:none; }.sidebar nav { margin-top:36px; }.sidebar nav button { padding:12px; justify-content:center; }.sidebar nav button.active::before { left:-12px; }.sidebar .brand .mark { width:38px; height:38px; }.directory-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.directory-steps { gap:20px; }.workspace-summary { min-width:140px; padding-left:24px; }.product-grid,.plan-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr)); }.topbar { flex-direction:row; align-items:center; }.people-intro h2 { font-size:24px; } }
@media (max-width:680px) { .layout { display:block; }.layout > .sidebar { position:static; height:auto; padding:15px 16px 10px; overflow:visible; }.sidebar .brand { font-size:24px; gap:9px; padding:0; }.sidebar .brand > span:last-child { display:block; }.sidebar .brand-caption { display:none; }.sidebar .brand .mark { width:30px; height:30px; border-radius:9px; }.sidebar nav { display:flex; flex-direction:row; overflow-x:auto; gap:5px; margin-top:15px; padding-bottom:2px; scrollbar-width:none; }.sidebar nav button { width:43px; min-height:36px; flex-shrink:0; padding:8px; }.sidebar nav button:nth-last-child(3) { margin-top:0; }.sidebar nav button.active::before { display:none; }.topbar { padding:18px; min-height:0; flex-wrap:wrap; gap:13px; position:static; }.topbar > div:first-child { width:100%; }.eyebrow { font-size:8px; margin-bottom:6px; }h1 { font-size:23px; }.user-menu { width:100%; margin:0; justify-content:space-between; }.user-menu > select { width:calc(100% - 65px); max-width:250px; }.account-menu summary { padding:0; }.user-avatar { width:31px; height:31px; }.workspace-content { padding:24px 16px; }.people-intro { align-items:flex-start; gap:12px; margin-bottom:20px; flex-wrap:wrap; }.people-intro h2 { font-size:23px; }.people-intro p:last-child { font-size:11px; line-height:1.7; }.sync-indicator { font-size:9px; padding:5px 9px; }.directory-metrics { gap:10px; margin-bottom:20px; }.directory-metric { padding:15px 13px; }.directory-metric > div { font-size:10px; }.directory-metric strong { font-size:26px; }.directory-metric small { font-size:8px; }.directory-metric .ui-icon { width:13px !important; }.directory-toolbar { padding:18px 16px; }.directory-toolbar h3 { font-size:12px; }.directory-toolbar p { font-size:9px; max-width:180px; }.directory-toolbar .secondary { padding:0 9px; font-size:9px; }.directory-empty { padding:12px 15px 30px; }.directory-empty h3 { font-size:26px; }.directory-empty > p { font-size:10px; }.directory-empty > p br { display:none; }.connection-map { width:290px; height:153px; }.connection-center { width:43px; height:43px; left:calc(50% - 21px); }.connection-nodes { left:8px; right:8px; }.empty-eyebrow { font-size:7px; }.empty-hint { font-size:8px; }.directory-steps { grid-template-columns:1fr; padding:20px; gap:17px; }.directory-steps strong { font-size:11px; }.directory-steps p { font-size:10px; }.directory-pagination { padding:13px 14px; gap:8px; }.directory-pagination > span { font-size:8px; }.pagination-caption { display:none; }.directory-pagination .ghost { padding:0 5px; font-size:9px; }.directory-footnote { font-size:8px; align-items:flex-start; line-height:1.7; }.directory-filters { flex-wrap:wrap; padding:15px; gap:9px; }.directory-search { flex-basis:100%; }.directory-filters select { width:100%; }.people-grid { padding:15px; gap:13px; }.people-card { padding:16px; }.directory-panel [data-form]:not(:empty) { margin:15px; padding:18px; }.section { padding:19px; }.workspace-welcome { padding:25px; flex-wrap:wrap; }.workspace-summary { border-left:0; border-top:1px solid #e4dff6; padding:20px 0 0; width:100%; flex-direction:row; align-items:center; gap:15px; }.workspace-summary strong { flex-direction:row; gap:10px; }.workspace-summary small { max-width:100px; }.workspace-welcome h2 { font-size:29px; }.workspace-summary>span:last-child { display:none; }.entry-header { padding:18px 20px; }.entry-hero h1 { font-size:39px; }.entry-section-heading h2 { font-size:26px; }.account-dropdown { min-width:210px; } }
/* Keep secondary information readable on normal-density business displays. */
.entry-steps { background:#f5f2fd; }
.entry-steps li>span,.entry-text-button,.entry-signin span,.entry-step-caption,.entry-product-label svg,.entry-email-symbol { color:#7861c8; }
.entry-company-apps>div.chosen { background:#f3effd; color:#7861c8; border-color:#ded5f4; }
.entry-registration input:focus,.entry-registration select:focus { outline-color:#e3dcfb; border-color:#9b87db; }
.sidebar nav button { font-size:13px; }
.sidebar .brand-caption { font-size:8px; letter-spacing:1.2px; }
.workspace-note strong,.sidebar-company strong { font-size:11px; }
.workspace-note span,.sidebar-company div span { font-size:10px; }
.account-name,.user-menu > select { font-size:12px; }
.account-name small { font-size:10px; }
.people-intro p:last-child,.product-card p { font-size:13px; color:#727e96; }
.directory-metric > div { font-size:12px; color:#69758c; }
.directory-metric small { font-size:11px; color:#78839a; }
.directory-toolbar h3 { font-size:15px; }
.directory-toolbar p { font-size:12px; color:#7d879c; }
.directory-toolbar .secondary { font-size:12px; }
.directory-empty > p { font-size:13px; color:#747f96; line-height:1.8; }
.empty-hint { font-size:11px; color:#7c879c; }
.directory-empty > .primary { font-size:12px; min-height:40px; }
.connection-node strong { font-size:11px; color:#7c869c; }
.directory-steps p { font-size:11px; color:#7d879c; }
.directory-steps strong { font-size:12px; color:#5e6c86; }
.directory-pagination > span,.directory-pagination button,.directory-footnote { font-size:11px; color:#7d879c; }
.directory-search input,.directory-filters > select { font-size:12px; }
.person-heading h3 { font-size:15px; }
.person-heading div > span { font-size:11px; color:#7a859b; }
.person-contact { font-size:12px; color:#707d95; }
.linked-app-name > strong { font-size:12px; }
.link-state { font-size:11px; }
.link-state.state-synced { color:#39876c; }
.link-actions a,.link-actions .secondary,.existing-record-link { font-size:11px; }
.record-details,.record-details code { font-size:11px; color:#7b869c; }
.directory-panel [data-form] p { color:#6e7b93; font-size:12px; }
@media(max-width:680px) {
  .directory-toolbar h3 { font-size:13px; }.directory-toolbar p { font-size:11px; }
  .directory-empty > p,.directory-metric > div { font-size:12px; }
  .directory-metric small,.directory-pagination > span,.directory-footnote { font-size:10px; }
  .directory-toolbar .secondary { font-size:10px; }.empty-hint { font-size:9px; }
  .directory-pagination button { font-size:10px; }.link-actions .secondary,.existing-record-link { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

/* Immediate account-loading feedback; no simulated percentage or artificial delay. */
.boot-screen { min-height:100vh; min-height:100svh; display:grid; place-items:center; padding:24px; box-sizing:border-box; background:radial-gradient(ellipse at top left,#eeebff,transparent 60%),var(--tickora-bg); }
.boot-card { width:min(440px,100%); padding:36px; border:1px solid var(--tickora-border); border-radius:24px; text-align:center; background:var(--tickora-surface); box-shadow:0 24px 80px #29234c0b; }
.boot-mark { display:grid; place-items:center; width:56px; height:56px; padding:12px; margin:0 auto 24px; border-radius:17px; background:var(--tickora-primary); color:white; box-shadow:0 0 0 7px var(--tickora-primary-soft); }
.boot-mark svg { width:100%; height:100%; }
.boot-eyebrow { color:var(--tickora-primary); font-size:10px; font-weight:700; letter-spacing:.14em; }
.boot-card h1 { font-size:25px; line-height:1.25; margin:14px 0; letter-spacing:-.035em; color:var(--tickora-text); }
.boot-card p:not(.boot-eyebrow) { font-size:13px; line-height:1.7; color:var(--tickora-muted); }
.boot-progress { display:block; width:108px; height:4px; margin:28px auto 0; border-radius:4px; background:linear-gradient(90deg,#ece8fc 20%,#8572ef 45%,#6854df 55%,#ece8fc 80%); background-size:250% 100%; animation:tickora-boot 1.8s ease-in-out infinite; }
@keyframes tickora-boot { from { background-position:100% 0; } to { background-position:-66% 0; } }
@media(prefers-reduced-motion:reduce) { .boot-progress { animation:none; background:#b4a8ef; } }
:root .plan-card.plan-professional { border: 2px solid #6854df; box-shadow: 0 12px 35px #6854df14; }
:root .plan-highlight { display: inline-flex; align-self: flex-start; border-radius: 999px; padding: 5px 10px; color: #6854df; background: #f0edff; font-size: 11px; font-weight: 700; }
:root .plan-features { list-style: none; margin: 18px 0 22px; padding: 0; display: grid; gap: 13px; }
:root .plan-features li { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: #424d68; line-height: 1.5; }
:root .plan-features li > span:first-child { color: #6854df; font-weight: 800; }
:root .plan-features li.excluded { color: #8991a5; }
:root .plan-features small { display: block; font-size: 11px; color: #6854df; }