/* * ORBIT by TLA - property workspace. * Light by default; .is-dark mirrors the site theme. Content-first: restrained, * high-contrast controls; subtle blueprint depth behind the data. */ .tla-orbit { --pink:#DF29D3; --purple:#6E22FF; --cyan:#17B2E2; --blue:#0A90F6; --rag-expired:#d6324b; --rag-due:#e8602c; --rag-upcoming:#e0a13a; --rag-ok:#1f9d6b; --rag-unknown:#9aa0ad; /* Light theme (default) */ --bg:#f3f6fb; --panel:rgba(255,255,255,.92); --panel-2:#f5f7fb; --line:rgba(15,23,42,.11); --text:#273248; --heading:#09111f; --muted:#667085; --grid:rgba(15,23,42,.045); --btn-bg:#ffffff; --btn-fg:#111827; --btn-bg-hover:#eef2f7; --btn-border:rgba(15,23,42,.18); --panel-shadow:0 18px 48px rgba(31,45,72,.08); --shadow:0 1px 2px rgba(13,16,38,.05), 0 22px 60px rgba(31,45,72,.10); position:relative; display:flex; min-height:78vh; width:100%; font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color:var(--text); background:var(--bg); border:1px solid var(--line); border-radius:22px; overflow:hidden; box-shadow:var(--shadow); isolation:isolate; --orbit-active-accent:#6E22FF; } .tla-orbit.is-dark { --bg:#070b15; --panel:rgba(14,20,34,.91); --panel-2:#111827; --line:rgba(255,255,255,.10); --text:#d7dfec; --heading:#ffffff; --muted:#98a5b8; --grid:rgba(255,255,255,.035); --btn-bg:#111a2b; --btn-fg:#f8fbff; --btn-bg-hover:#1a2740; --btn-border:rgba(255,255,255,.18); --panel-shadow:0 22px 58px rgba(0,0,0,.28); --shadow:0 1px 2px rgba(0,0,0,.3), 0 24px 70px rgba(0,0,0,.46); } .tla-orbit *, .tla-orbit *::before, .tla-orbit *::after { box-sizing:border-box; } .tla-orbit [hidden] { display:none !important; } /* Blueprint depth background */ .tla-orbit__bg { position:absolute; inset:0; z-index:0; pointer-events:none; background-image: radial-gradient(circle at 88% -8%, rgba(110,34,255,.12), transparent 42%), radial-gradient(circle at 2% 108%, rgba(23,178,226,.10), transparent 42%), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px); background-size:auto, auto, 28px 28px, 28px 28px; mask-image:radial-gradient(circle at 50% 30%, #000 60%, transparent 100%); } /* Rail */ .tla-orbit__rail { position:relative; z-index:1; width:236px; flex:0 0 236px; display:flex; flex-direction:column; border-right:1px solid var(--line); background:color-mix(in srgb, var(--panel) 70%, transparent); backdrop-filter:blur(4px); } .tla-orbit__brandblock { padding:20px 20px 16px; border-bottom:1px solid var(--line); } .tla-orbit__rail-logo { display:block; line-height:0; } .tla-orbit__rail-logo img { height:26px; width:auto; } .tla-orbit__brand-light { display:inline-block; } .tla-orbit__brand-dark { display:none; } .tla-orbit.is-dark .tla-orbit__brand-light { display:none; } .tla-orbit.is-dark .tla-orbit__brand-dark { display:inline-block; } .tla-orbit__version { display:block; margin-top:7px; font-size:11px; font-weight:600; letter-spacing:.08em; color:var(--muted); } .tla-orbit__nav { padding:14px 12px; display:flex; flex-direction:column; gap:3px; flex:1; overflow-y:auto; } .tla-orbit__navitem { position:relative; display:flex; align-items:center; gap:11px; width:100%; padding:10px 13px; border:0; background:transparent; color:var(--muted); font:600 14px/1 inherit; font-family:inherit; border-radius:10px; cursor:pointer; text-align:left; transition:background .15s,color .15s; } .tla-orbit__navitem:hover { background:var(--panel-2); color:var(--text); } .tla-orbit__navitem.is-active { color:var(--heading); background:color-mix(in srgb, var(--facet-accent) 12%, transparent); } .tla-orbit__navitem.is-active::before { content:""; position:absolute; left:0; top:8px; bottom:8px; width:3px; border-radius:0 3px 3px 0; background:var(--facet-accent); } .tla-orbit__navitem.is-active .tla-orbit__navicon { color:var(--facet-accent); } .tla-orbit__navicon { width:19px; height:19px; display:inline-flex; flex:0 0 auto; } .tla-orbit__navicon svg { width:100%; height:100%; } .tla-orbit__rail-foot { padding:14px 18px; border-top:1px solid var(--line); } .tla-orbit__secure { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:600; color:var(--muted); } .tla-orbit__secure svg { width:15px; height:15px; color:var(--rag-ok); } /* Content */ .tla-orbit__content { position:relative; z-index:1; flex:1; min-width:0; display:flex; flex-direction:column; } .tla-orbit__top { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 22px; border-bottom:1px solid var(--line); background:color-mix(in srgb, var(--panel) 55%, transparent); } .tla-orbit__tabs { display:flex; align-items:center; gap:6px; overflow-x:auto; min-width:0; } .tla-orbit__tab { flex:0 0 auto; padding:8px 15px; border:1px solid var(--line); background:var(--panel); color:var(--muted); font:600 13px/1 inherit; font-family:inherit; border-radius:9px; cursor:pointer; white-space:nowrap; transition:all .15s; } .tla-orbit__tab:hover { color:var(--text); } .tla-orbit__tab.is-active { background:var(--btn-bg); color:var(--btn-fg); border-color:var(--btn-bg); } .tla-orbit__tab--add { width:34px; padding:0; font-size:18px; line-height:1; color:var(--text); } .tla-orbit__top-right { display:flex; align-items:center; gap:11px; flex:0 0 auto; } .tla-orbit__tier-pill { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; padding:5px 11px; border-radius:999px; color:#fff; background:linear-gradient(90deg,var(--pink),var(--purple) 55%,var(--cyan)); } .tla-orbit__tier-pill--member { background:color-mix(in srgb,var(--purple) 16%, transparent); color:var(--purple); } .tla-orbit.is-dark .tla-orbit__tier-pill--member { color:#c9b8ff; } .tla-orbit__avatar { width:34px; height:34px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; color:#fff; background:linear-gradient(135deg,var(--purple),var(--cyan)); } .tla-orbit__main { flex:1; padding:24px 26px; overflow-y:auto; } .tla-orbit__loading { color:var(--muted); font-size:14px; padding:40px 0; text-align:center; } .tla-orbit__muted { color:var(--muted); font-size:13.5px; } /* Section head */ .tla-orbit__sectionhead { display:flex; align-items:center; gap:15px; margin-bottom:22px; } .tla-orbit__sectionicon { width:46px; height:46px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; border-radius:13px; color:var(--facet-accent); background:color-mix(in srgb, var(--facet-accent) 13%, transparent); } .tla-orbit__sectionicon svg { width:24px; height:24px; } .tla-orbit__sectionmeta { flex:1; min-width:0; } .tla-orbit__sectionmeta h1 { margin:0; font-size:23px; font-weight:800; color:var(--heading); letter-spacing:-.01em; } .tla-orbit__sectionmeta p { margin:3px 0 0; font-size:13.5px; color:var(--muted); } /* RAG bar + tiles */ .tla-orbit__ragbar { display:flex; height:10px; border-radius:999px; overflow:hidden; background:var(--panel-2); border:1px solid var(--line); margin-bottom:18px; } .tla-orbit__seg--expired { background:var(--rag-expired); } .tla-orbit__seg--due { background:var(--rag-due); } .tla-orbit__seg--upcoming { background:var(--rag-upcoming); } .tla-orbit__seg--ok { background:var(--rag-ok); } .tla-orbit__seg--empty { background:var(--line); } .tla-orbit__tiles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin-bottom:22px; } .tla-orbit__tile { padding:16px; border-radius:15px; background:var(--panel); border:1px solid var(--line); } .tla-orbit__tile-icon { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; margin-bottom:10px; } .tla-orbit__tile-icon svg { width:17px; height:17px; } .tla-orbit__tile--expired .tla-orbit__tile-icon { color:var(--rag-expired); background:color-mix(in srgb,var(--rag-expired) 14%, transparent); } .tla-orbit__tile--due .tla-orbit__tile-icon { color:var(--rag-due); background:color-mix(in srgb,var(--rag-due) 14%, transparent); } .tla-orbit__tile--upcoming .tla-orbit__tile-icon { color:var(--rag-upcoming); background:color-mix(in srgb,var(--rag-upcoming) 16%, transparent); } .tla-orbit__tile--ok .tla-orbit__tile-icon { color:var(--rag-ok); background:color-mix(in srgb,var(--rag-ok) 14%, transparent); } .tla-orbit__tile-value { display:block; font-size:27px; font-weight:800; color:var(--heading); line-height:1; } .tla-orbit__tile-label { display:block; margin-top:4px; font-size:12.5px; color:var(--muted); } /* Cards / renewals */ .tla-orbit__card { background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:18px 20px; } .tla-orbit__card-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; } .tla-orbit__card-head h2 { margin:0; font-size:15px; font-weight:800; color:var(--heading); } .tla-orbit__renewlist { list-style:none; margin:0; padding:0; } .tla-orbit__renew { display:flex; align-items:center; gap:12px; padding:12px 0; border-top:1px solid var(--line); } .tla-orbit__renew:first-child { border-top:0; } .tla-orbit__renew-icon { width:34px; height:34px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; color:var(--purple); background:var(--panel-2); } .tla-orbit__renew-icon svg { width:18px; height:18px; } .tla-orbit__renew-main { flex:1; min-width:0; display:flex; flex-direction:column; } .tla-orbit__renew-main strong { font-size:14px; color:var(--heading); font-weight:700; } .tla-orbit__renew-sub { font-size:12.5px; color:var(--muted); } .tla-orbit__renew-date { font-size:13px; color:var(--muted); white-space:nowrap; } /* Item grid */ .tla-orbit__itemgrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } .tla-orbit__item { display:flex; flex-direction:column; background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:18px; transition:transform .15s,border-color .15s; } .tla-orbit__item:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--purple) 35%, var(--line)); } .tla-orbit__item-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; } .tla-orbit__item-icon { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:11px; color:#fff; background:linear-gradient(135deg,var(--purple),var(--cyan)); } .tla-orbit__item-icon svg { width:20px; height:20px; } .tla-orbit__item-title { margin:0 0 3px; font-size:15px; font-weight:700; color:var(--heading); } .tla-orbit__item-prop { margin:0 0 8px; font-size:12.5px; color:var(--muted); } .tla-orbit__item-meta { margin:0 0 4px; font-size:12.5px; color:var(--text); } .tla-orbit__item-renew { margin:0 0 14px; font-size:12.5px; color:var(--muted); flex:1; } .tla-orbit__item-actions { display:flex; gap:14px; border-top:1px solid var(--line); padding-top:12px; } /* Pills (RAG) */ .tla-orbit__pill { font-size:11px; font-weight:700; padding:4px 9px; border-radius:999px; white-space:nowrap; } .tla-orbit__pill--expired { color:#fff; background:var(--rag-expired); } .tla-orbit__pill--due { color:#fff; background:var(--rag-due); } .tla-orbit__pill--upcoming { color:#5a4310; background:color-mix(in srgb,var(--rag-upcoming) 75%, #fff); } .tla-orbit.is-dark .tla-orbit__pill--upcoming { color:#1c1505; } .tla-orbit__pill--ok { color:#fff; background:var(--rag-ok); } .tla-orbit__pill--unknown { color:var(--muted); background:var(--panel-2); border:1px solid var(--line); } /* Partner */ .tla-orbit__partner { display:flex; align-items:center; gap:16px; padding:18px 20px; border-radius:16px; margin-bottom:18px; border:1px solid color-mix(in srgb,var(--facet-accent) 30%, var(--line)); background:color-mix(in srgb,var(--facet-accent) 7%, var(--panel)); } .tla-orbit__partner-body { flex:1; } .tla-orbit__partner-eyebrow { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--facet-accent); } .tla-orbit__partner-body h3 { margin:3px 0 4px; font-size:16px; font-weight:800; color:var(--heading); } .tla-orbit__partner-body p { margin:0; font-size:13px; color:var(--muted); } /* Empty */ .tla-orbit__empty { text-align:center; padding:40px 22px; border-radius:16px; border:1px dashed var(--line); background:color-mix(in srgb,var(--panel) 60%, transparent); } .tla-orbit__empty-icon { width:46px; height:46px; display:inline-flex; align-items:center; justify-content:center; border-radius:13px; margin-bottom:12px; color:var(--purple); background:var(--panel-2); } .tla-orbit__empty-icon svg { width:24px; height:24px; } .tla-orbit__empty h3 { margin:0 0 6px; font-size:18px; font-weight:800; color:var(--heading); } .tla-orbit__empty p { margin:0 auto 16px; max-width:440px; font-size:13.5px; line-height:1.55; color:var(--muted); } /* Disclaimer */ .tla-orbit__disclaimer { display:flex; align-items:flex-start; gap:10px; padding:13px 22px; border-top:1px solid var(--line); background:color-mix(in srgb,var(--panel) 50%, transparent); } .tla-orbit__disclaimer svg { width:17px; height:17px; flex:0 0 auto; color:var(--cyan); margin-top:1px; } .tla-orbit__disclaimer p { margin:0; font-size:12px; line-height:1.5; color:var(--muted); } .tla-orbit__disclaimer strong { color:var(--text); } /* Buttons - high contrast, content-first */ .tla-orbit__btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:11px 18px; border-radius:11px; font:700 14px/1 inherit; font-family:inherit; text-decoration:none; border:1px solid transparent; cursor:pointer; transition:background .15s,transform .12s,opacity .15s; } .tla-orbit__btn--sm { padding:9px 14px; font-size:13px; border-radius:9px; } .tla-orbit__btn-i { display:inline-flex; width:15px; height:15px; } .tla-orbit__btn-i svg { width:100%; height:100%; } .tla-orbit__btn--primary { background:var(--btn-bg); color:var(--btn-fg); border-color:var(--btn-border); } .tla-orbit__btn--primary:hover { background:var(--btn-bg-hover); color:var(--btn-fg); border-color:var(--btn-border); } .tla-orbit__btn--primary:active { transform:translateY(1px); } .tla-orbit__btn--primary:disabled { opacity:.55; cursor:default; } .tla-orbit__btn--accent { background:var(--facet-accent); color:#fff; } .tla-orbit__btn--accent:hover { color:#fff; filter:brightness(.94); } .tla-orbit__btn--ghost { background:transparent; color:var(--text); border-color:var(--line); } .tla-orbit__btn--ghost:hover { background:var(--panel-2); } .tla-orbit__textbtn { border:0; background:transparent; font:700 13px/1 inherit; font-family:inherit; color:var(--text); cursor:pointer; padding:0; } .tla-orbit__textbtn:hover { text-decoration:underline; text-underline-offset:3px; } .tla-orbit__textbtn--danger { color:var(--rag-expired); } /* Gate */ .tla-orbit--gate { align-items:center; justify-content:center; padding:54px 22px; } .tla-orbit__gate-card { position:relative; z-index:1; max-width:460px; text-align:center; display:flex; flex-direction:column; align-items:center; } .tla-orbit__gate-logo { line-height:0; } .tla-orbit__gate-logo img { height:42px; width:auto; } .tla-orbit__gate-card h2 { margin:16px 0 8px; font-size:25px; font-weight:800; background:linear-gradient(90deg,var(--pink),var(--purple) 50%,var(--cyan)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; } .tla-orbit__gate-card p { margin:0 0 20px; font-size:15px; line-height:1.55; color:var(--muted); } .tla-orbit__gate-actions { display:flex; flex-direction:column; gap:10px; width:100%; max-width:320px; } .tla-orbit__gate-secure { display:inline-flex; align-items:center; gap:7px; margin-top:18px; font-size:12px; font-weight:600; color:var(--muted); } .tla-orbit__gate-secure svg { width:15px; height:15px; } /* Modal */ .tla-orbit__modal { position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:20px; opacity:0; transition:opacity .2s; } .tla-orbit__modal.is-open { opacity:1; } .tla-orbit__modal-overlay { position:absolute; inset:0; background:rgba(5,6,18,.55); backdrop-filter:blur(2px); } .tla-orbit__modal-card { position:relative; width:100%; max-width:540px; max-height:90vh; overflow-y:auto; background:var(--panel); color:var(--text); border-radius:18px; padding:26px 26px 22px; box-shadow:0 30px 70px rgba(5,6,18,.4); border:1px solid var(--line); transform:translateY(12px) scale(.98); transition:transform .22s cubic-bezier(.2,.8,.25,1); font-family:'Inter',sans-serif; } .tla-orbit__modal.is-open .tla-orbit__modal-card { transform:none; } .tla-orbit__modal-close { position:absolute; top:14px; right:16px; width:34px; height:34px; border:0; background:transparent; font-size:26px; line-height:1; color:var(--muted); cursor:pointer; border-radius:50%; } .tla-orbit__modal-close:hover { background:var(--panel-2); color:var(--text); } .tla-orbit__modal-card h2 { margin:0 0 16px; font-size:20px; font-weight:800; color:var(--heading); } .tla-orbit__modal-error { margin-bottom:14px; padding:11px 13px; border-radius:10px; background:color-mix(in srgb,var(--rag-expired) 12%, transparent); border:1px solid color-mix(in srgb,var(--rag-expired) 35%, transparent); color:var(--rag-expired); font-size:13px; font-weight:600; } .tla-orbit__field { margin-bottom:13px; } .tla-orbit__field-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; } .tla-orbit__field label { display:block; font-size:12.5px; font-weight:600; color:var(--muted); margin-bottom:5px; } .tla-orbit__field input, .tla-orbit__field select, .tla-orbit__field textarea { width:100%; padding:10px 12px; border-radius:10px; border:1px solid var(--line); background:var(--panel-2); color:var(--text); font:14px/1.3 inherit; font-family:inherit; } .tla-orbit__field input:focus, .tla-orbit__field select:focus, .tla-orbit__field textarea:focus { outline:none; border-color:var(--purple); box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 18%, transparent); } .tla-orbit__modal-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:18px; } /* Responsive */ @media (max-width:1040px) { .tla-orbit__itemgrid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:880px) { .tla-orbit { flex-direction:column; } .tla-orbit__rail { width:100%; flex:none; border-right:0; border-bottom:1px solid var(--line); } .tla-orbit__brandblock { display:flex; align-items:center; justify-content:space-between; } .tla-orbit__version { margin-top:0; } .tla-orbit__nav { flex-direction:row; overflow-x:auto; padding:10px; } .tla-orbit__navitem.is-active::before { display:none; } .tla-orbit__rail-foot { display:none; } .tla-orbit__tiles { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:560px) { .tla-orbit__itemgrid, .tla-orbit__tiles, .tla-orbit__field-row { grid-template-columns:1fr; } .tla-orbit__main { padding:18px 15px; } .tla-orbit__partner { flex-direction:column; align-items:flex-start; } } /* ============================================================ THEME-BLEED ARMOUR Host themes (Elementor / brand CSS) often colour buttons, links and nav with brand pink and gradients, sometimes with !important. ORBIT must own its own controls, so the rules below are scoped to .tla-orbit and made authoritative. Content stays the focus; controls stay plain and high-contrast. ============================================================ */ .tla-orbit a { color: inherit; text-decoration: none; box-shadow: none; } .tla-orbit button { font-family: inherit; letter-spacing: normal; text-transform: none; } /* Left rail items: plain, never brand-coloured text */ .tla-orbit .tla-orbit__navitem, .tla-orbit .tla-orbit__navitem:hover, .tla-orbit .tla-orbit__navitem:focus { color: var(--muted) !important; background-image: none !important; box-shadow: none !important; text-decoration: none !important; } .tla-orbit .tla-orbit__navitem:hover { background: var(--panel-2) !important; color: var(--text) !important; } .tla-orbit .tla-orbit__navitem.is-active { color: var(--heading) !important; background: color-mix(in srgb, var(--facet-accent) 12%, transparent) !important; } .tla-orbit .tla-orbit__navlabel { color: inherit !important; } /* Buttons: plain, high-contrast, no inherited gradient or brand fill */ .tla-orbit .tla-orbit__btn { background-image: none !important; text-shadow: none !important; box-shadow: none !important; text-transform: none !important; letter-spacing: normal !important; } .tla-orbit .tla-orbit__btn--primary { background: var(--btn-bg) !important; color: var(--btn-fg) !important; border-color: var(--btn-border) !important; } .tla-orbit .tla-orbit__btn--primary:hover { background: var(--btn-bg-hover) !important; border-color: var(--btn-border) !important; color: var(--btn-fg) !important; } .tla-orbit .tla-orbit__btn--ghost { background: transparent !important; color: var(--text) !important; border-color: var(--line) !important; } .tla-orbit .tla-orbit__btn--ghost:hover { background: var(--panel-2) !important; } /* Text actions: plain, never pink (danger keeps a restrained red) */ .tla-orbit .tla-orbit__textbtn { color: var(--text) !important; background-image: none !important; } .tla-orbit .tla-orbit__textbtn--danger { color: var(--rag-expired) !important; } /* Tabs: plain; active uses the ink/contrast fill, not brand pink */ .tla-orbit .tla-orbit__tab { background-image: none !important; box-shadow: none !important; } .tla-orbit .tla-orbit__tab.is-active { background: var(--btn-bg) !important; color: var(--btn-fg) !important; border-color: var(--btn-border) !important; } /* Property details card actions inherit the same plain treatment */ .tla-orbit .tla-orbit__propcard a, .tla-orbit .tla-orbit__propcard button { background-image: none !important; } /* Property details card (shown in Overview when a single property is selected) */ .tla-orbit__propcard { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:18px 20px; margin-bottom:18px; } .tla-orbit__propcard-main { min-width:0; } .tla-orbit__propcard-main h2 { margin:0 0 4px; font-size:18px; font-weight:800; color:var(--heading); } .tla-orbit__propcard-main p { margin:2px 0 0; font-size:13px; color:var(--text); } .tla-orbit__propcard-main p.tla-orbit__muted { color:var(--muted); } .tla-orbit__propcard-actions { display:flex; align-items:center; gap:14px; flex:0 0 auto; } /* ============================================================ ALPHA 4 - PREMIUM CONNECTED WORKSPACE LAYER Pure CSS depth only: no bitmap backgrounds, blur-heavy imagery or external assets. The active facet subtly changes the ambient colour. ============================================================ */ .tla-orbit[data-orbit-active-facet="overview"] { --orbit-active-accent:#6E22FF; } .tla-orbit[data-orbit-active-facet="assistant"] { --orbit-active-accent:#17B2E2; } .tla-orbit[data-orbit-active-facet="insurance"] { --orbit-active-accent:#0A90F6; } .tla-orbit[data-orbit-active-facet="energy"] { --orbit-active-accent:#17B2E2; } .tla-orbit[data-orbit-active-facet="certification"] { --orbit-active-accent:#DF29D3; } .tla-orbit[data-orbit-active-facet="licensing"] { --orbit-active-accent:#7A5CFF; } .tla-orbit[data-orbit-active-facet="deposit"] { --orbit-active-accent:#0FB57E; } .tla-orbit[data-orbit-active-facet="maintenance"] { --orbit-active-accent:#F2992E; } .tla-orbit[data-orbit-active-facet="documents"] { --orbit-active-accent:#5566FF; } .tla-orbit__bg { inset:-1px; background: radial-gradient(920px 480px at 104% -7%, color-mix(in srgb,var(--orbit-active-accent) 17%, transparent), transparent 68%), radial-gradient(680px 380px at 3% 104%, rgba(23,178,226,.11), transparent 72%), linear-gradient(118deg, transparent 0 46%, rgba(10,144,246,.035) 54%, transparent 66%), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg,var(--grid) 1px,transparent 1px), linear-gradient(135deg,color-mix(in srgb,var(--bg) 96%,#fff),var(--bg)); background-size:auto,auto,auto,34px 34px,34px 34px,auto; mask-image:none; overflow:hidden; transition:background .35s ease; } .tla-orbit__bg::before, .tla-orbit__bg::after { content:""; position:absolute; pointer-events:none; } .tla-orbit__bg::before { inset:0; background: linear-gradient(112deg,transparent 18%,color-mix(in srgb,var(--orbit-active-accent) 5%,transparent) 46%,transparent 69%), repeating-linear-gradient(135deg,transparent 0 65px,rgba(255,255,255,.035) 66px 67px,transparent 68px 130px); opacity:.72; } .tla-orbit__bg::after { inset:0; background:radial-gradient(ellipse at 50% 42%,transparent 46%,color-mix(in srgb,var(--bg) 76%,transparent) 100%); } .tla-orbit.is-dark .tla-orbit__bg { background: radial-gradient(980px 500px at 102% -8%,color-mix(in srgb,var(--orbit-active-accent) 23%,transparent),transparent 68%), radial-gradient(760px 420px at 3% 106%,rgba(23,178,226,.13),transparent 72%), linear-gradient(118deg,transparent 0 43%,rgba(10,144,246,.055) 55%,transparent 70%), linear-gradient(var(--grid) 1px,transparent 1px), linear-gradient(90deg,var(--grid) 1px,transparent 1px), linear-gradient(145deg,#080d19,#050812 74%); background-size:auto,auto,auto,34px 34px,34px 34px,auto; } .tla-orbit__rail { width:270px; flex-basis:270px; background:color-mix(in srgb,var(--panel) 88%,transparent); backdrop-filter:blur(18px) saturate(125%); -webkit-backdrop-filter:blur(18px) saturate(125%); box-shadow:14px 0 42px rgba(13,22,42,.045); } .tla-orbit.is-dark .tla-orbit__rail { box-shadow:14px 0 42px rgba(0,0,0,.18); } .tla-orbit__brandblock { padding:24px 22px 20px; } .tla-orbit__rail-logo { width:100%; max-width:212px; } .tla-orbit__rail-logo img { display:block; width:100%; height:auto; max-height:66px; object-fit:contain; object-position:left center; } .tla-orbit__version { margin-top:10px; font-size:9.5px; font-weight:750; letter-spacing:.145em; text-transform:uppercase; } .tla-orbit__nav { padding:16px 13px; gap:5px; } .tla-orbit__navitem { min-height:43px; padding:11px 14px; border:1px solid transparent; border-radius:11px; } .tla-orbit__navitem.is-active { border-color:color-mix(in srgb,var(--facet-accent) 20%,var(--line)); } .tla-orbit__content { background:color-mix(in srgb,var(--bg) 64%,transparent); } .tla-orbit__top { min-height:64px; padding:13px 24px; background:color-mix(in srgb,var(--panel) 82%,transparent); backdrop-filter:blur(18px) saturate(120%); -webkit-backdrop-filter:blur(18px) saturate(120%); } .tla-orbit__main { position:relative; padding:30px 32px 34px; } .tla-orbit__main::before { content:""; position:absolute; z-index:-1; width:420px; height:260px; right:-120px; top:-100px; border-radius:50%; background:color-mix(in srgb,var(--orbit-active-accent) 11%,transparent); filter:blur(60px); pointer-events:none; } .tla-orbit__sectionhead { margin-bottom:25px; } .tla-orbit__sectionicon { box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--facet-accent) 18%,transparent); } .tla-orbit__tile, .tla-orbit__card, .tla-orbit__item, .tla-orbit__propcard, .tla-orbit__empty, .tla-orbit__partner, .tla-orbit__product-panel, .tla-orbit__assistant-panel { box-shadow:var(--panel-shadow); backdrop-filter:blur(14px) saturate(112%); -webkit-backdrop-filter:blur(14px) saturate(112%); } .tla-orbit__tile, .tla-orbit__card, .tla-orbit__item, .tla-orbit__propcard { background:color-mix(in srgb,var(--panel) 94%,transparent); } .tla-orbit__tile { min-height:132px; } .tla-orbit__item:hover { box-shadow:0 20px 46px color-mix(in srgb,var(--orbit-active-accent) 10%,transparent); } /* Calm, authoritative controls. Light mode is light with dark text. Dark mode is dark with light text. Accent is reserved for status and navigation. */ .tla-orbit .tla-orbit__btn--primary, .tla-orbit .tla-orbit__tab.is-active { background:var(--btn-bg)!important; color:var(--btn-fg)!important; border-color:var(--btn-border)!important; box-shadow:0 1px 2px rgba(15,23,42,.06)!important; } .tla-orbit .tla-orbit__btn--primary:hover, .tla-orbit .tla-orbit__tab.is-active:hover { background:var(--btn-bg-hover)!important; color:var(--btn-fg)!important; border-color:var(--btn-border)!important; } .tla-orbit.is-dark .tla-orbit__btn--primary, .tla-orbit.is-dark .tla-orbit__tab.is-active { box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important; } .tla-orbit__btn svg, .tla-orbit__assistant-external svg { width:16px; height:16px; } /* Current AI Document Studio destination */ .tla-orbit__product-panel { position:relative; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr); gap:28px; align-items:center; overflow:hidden; padding:32px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--orbit-active-accent) 7%,var(--panel))); } .tla-orbit__product-panel::after { content:""; position:absolute; width:260px; height:260px; right:-90px; top:-120px; border-radius:50%; background:color-mix(in srgb,var(--orbit-active-accent) 18%,transparent); filter:blur(48px); pointer-events:none; } .tla-orbit__product-copy, .tla-orbit__product-action { position:relative; z-index:1; } .tla-orbit__product-kicker { display:block; margin-bottom:8px; color:var(--orbit-active-accent); font-size:11px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; } .tla-orbit__product-copy h2 { margin:0 0 10px; color:var(--heading); font-size:clamp(24px,3vw,34px); line-height:1.1; letter-spacing:-.025em; } .tla-orbit__product-copy > p { max-width:720px; margin:0; color:var(--muted); font-size:15px; line-height:1.7; } .tla-orbit__product-points { display:grid; gap:10px; margin:22px 0 0; padding:0; list-style:none; } .tla-orbit__product-points li { display:flex; align-items:center; gap:10px; color:var(--text); font-size:13.5px; font-weight:650; } .tla-orbit__product-points svg { width:18px; height:18px; color:var(--orbit-active-accent); flex:0 0 auto; } .tla-orbit__product-action { display:flex; flex-direction:column; align-items:stretch; gap:12px; padding:22px; border:1px solid var(--line); border-radius:17px; background:color-mix(in srgb,var(--panel) 92%,transparent); } .tla-orbit__product-mark { display:inline-flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:15px; color:var(--orbit-active-accent); background:color-mix(in srgb,var(--orbit-active-accent) 12%,transparent); } .tla-orbit__product-mark svg { width:27px; height:27px; } .tla-orbit__product-action .tla-orbit__btn { width:100%; } .tla-orbit__product-action small { color:var(--muted); font-size:11.5px; line-height:1.45; text-align:center; } /* Native ORBIT AI Assistant section. The existing same-origin assistant is isolated inside the frame so its live behaviour remains intact. */ .tla-orbit__assistant-panel { overflow:hidden; border:1px solid var(--line); border-radius:20px; background:color-mix(in srgb,var(--panel) 95%,transparent); } .tla-orbit__assistant-bar { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 20px; border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--panel-2) 78%,transparent); } .tla-orbit__assistant-bar > div { min-width:0; } .tla-orbit__assistant-bar p { margin:3px 0 0; color:var(--muted); font-size:12.5px; } .tla-orbit__assistant-status { display:inline-flex; align-items:center; gap:8px; color:var(--heading); font-size:13px; font-weight:800; } .tla-orbit__assistant-status i { width:8px; height:8px; border-radius:50%; background:#15b87a; box-shadow:0 0 0 4px rgba(21,184,122,.12); } .tla-orbit__assistant-external { display:inline-flex; align-items:center; gap:7px; flex:0 0 auto; color:var(--text)!important; font-size:12.5px; font-weight:750; } .tla-orbit__assistant-external:hover { text-decoration:underline; text-underline-offset:3px; } .tla-orbit__assistant-framewrap { position:relative; min-height:720px; background:#0f1428; } .tla-orbit__assistant-framewrap iframe { display:block; width:100%; height:720px; border:0; opacity:0; transition:opacity .18s ease; background:#0f1428; } .tla-orbit__assistant-framewrap iframe.is-ready { opacity:1; } .tla-orbit__assistant-loading { position:absolute; inset:0; z-index:1; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.76); font-size:13px; font-weight:650; letter-spacing:.02em; background:radial-gradient(circle at 50% 35%,rgba(23,178,226,.13),transparent 50%),#0f1428; } .tla-orbit__assistant-note { margin:0; padding:12px 18px; border-top:1px solid var(--line); color:var(--muted); font-size:11.5px; line-height:1.5; } @media (max-width:1040px) { .tla-orbit__rail { width:244px; flex-basis:244px; } .tla-orbit__rail-logo { max-width:190px; } .tla-orbit__product-panel { grid-template-columns:1fr; } .tla-orbit__product-action { max-width:none; } } @media (max-width:880px) { .tla-orbit__rail { width:100%; flex-basis:auto; } .tla-orbit__brandblock { padding:16px 18px; } .tla-orbit__rail-logo { width:174px; } .tla-orbit__version { max-width:190px; text-align:right; line-height:1.35; } .tla-orbit__main { padding:24px 20px 28px; } } @media (max-width:640px) { .tla-orbit { border-radius:16px; } .tla-orbit__top { padding:11px 13px; } .tla-orbit__top-right { display:none; } .tla-orbit__main { padding:20px 14px 24px; } .tla-orbit__sectionhead { align-items:flex-start; flex-wrap:wrap; } .tla-orbit__sectionhead .tla-orbit__btn { width:100%; } .tla-orbit__product-panel { padding:22px 18px; gap:20px; } .tla-orbit__assistant-bar { align-items:flex-start; flex-direction:column; } .tla-orbit__assistant-framewrap, .tla-orbit__assistant-framewrap iframe { height:700px; min-height:700px; } .tla-orbit__assistant-external { align-self:flex-end; } .tla-orbit__propcard { flex-direction:column; } .tla-orbit__propcard-actions { width:100%; justify-content:space-between; } } @media (prefers-reduced-motion:reduce) { .tla-orbit *, .tla-orbit *::before, .tla-orbit *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } } /* ========================================================================== ORBIT 0.3.0-alpha.7 - legacy interface layer Dark mode mirrors the approved TLA AI creative: deep navy, electric cyan, blue, violet and magenta light. Light mode is the corresponding clean glass system. No bitmap background is used, so the interface stays sharp. ========================================================================== */ .tla-orbit { --orbit-active-accent:#17B2E2; --orbit-navy:#020617; --orbit-navy-2:#071127; --orbit-electric:#00C8FF; --orbit-blue:#0A90F6; --orbit-violet:#6E22FF; --orbit-magenta:#DF29D3; --orbit-glass:rgba(255,255,255,.76); --orbit-glass-strong:rgba(255,255,255,.91); --orbit-depth-shadow:0 28px 78px rgba(22,48,94,.16),0 8px 24px rgba(22,48,94,.08); min-height:82vh; background: radial-gradient(860px 520px at 92% -8%,rgba(0,200,255,.26),transparent 68%), radial-gradient(760px 520px at 6% 106%,rgba(110,34,255,.22),transparent 70%), radial-gradient(620px 420px at 68% 108%,rgba(223,41,211,.16),transparent 72%), linear-gradient(135deg,#e8f5ff 0%,#f8f8ff 43%,#eefcff 100%)!important; box-shadow:0 38px 118px rgba(18,43,88,.22),0 8px 25px rgba(18,43,88,.10)!important; } .tla-orbit.is-dark { --bg:#020617; --panel:rgba(7,17,39,.90); --panel-2:#0b1730; --line:rgba(139,196,255,.16); --text:#d8e5f7; --heading:#ffffff; --muted:#91a4c2; --grid:rgba(79,168,255,.07); --btn-bg:#0A90F6; --btn-fg:#ffffff; --btn-bg-hover:#18a5ff; --btn-border:rgba(109,206,255,.38); --orbit-glass:rgba(4,11,28,.74); --orbit-glass-strong:rgba(5,13,32,.92); --orbit-depth-shadow:0 34px 96px rgba(0,0,0,.56),0 10px 30px rgba(0,0,0,.34); background: radial-gradient(980px 620px at 94% -12%,rgba(10,144,246,.36),transparent 66%), radial-gradient(850px 590px at 4% 108%,rgba(0,200,255,.25),transparent 69%), radial-gradient(760px 520px at 82% 106%,rgba(223,41,211,.31),transparent 68%), radial-gradient(620px 460px at 56% 104%,rgba(110,34,255,.24),transparent 70%), linear-gradient(138deg,#01030d 0%,#020719 42%,#06122b 72%,#060417 100%)!important; border-color:rgba(99,184,255,.19); } .tla-orbit[data-orbit-active-facet="overview"] { --orbit-active-accent:#17B2E2; } .tla-orbit[data-orbit-active-facet="insurance"] { --orbit-active-accent:#0A90F6; } .tla-orbit[data-orbit-active-facet="energy"] { --orbit-active-accent:#DF29D3; } .tla-orbit[data-orbit-active-facet="certification"] { --orbit-active-accent:#17B2E2; } .tla-orbit[data-orbit-active-facet="licensing"] { --orbit-active-accent:#8B5CF6; } .tla-orbit[data-orbit-active-facet="deposit"] { --orbit-active-accent:#14B87A; } .tla-orbit[data-orbit-active-facet="maintenance"] { --orbit-active-accent:#F59E0B; } .tla-orbit[data-orbit-active-facet="documents"] { --orbit-active-accent:#6E22FF; } /* Deep orbital background and approved neon light language. */ .tla-orbit__bg { inset:0!important; opacity:1!important; overflow:hidden; mask-image:none!important; -webkit-mask-image:none!important; background: linear-gradient(119deg,transparent 0 31%,rgba(255,255,255,.56) 45%,rgba(23,178,226,.16) 52%,transparent 66%), radial-gradient(ellipse 64% 50% at 88% 4%,rgba(0,200,255,.28),transparent 72%), radial-gradient(ellipse 52% 45% at 11% 97%,rgba(110,34,255,.23),transparent 73%), radial-gradient(circle at 65% 102%,rgba(223,41,211,.18),transparent 38%), linear-gradient(rgba(10,144,246,.105) 1px,transparent 1px), linear-gradient(90deg,rgba(10,144,246,.105) 1px,transparent 1px), radial-gradient(circle,rgba(33,88,160,.17) 1.05px,transparent 1.2px)!important; background-size:auto,auto,auto,auto,48px 48px,48px 48px,12px 12px!important; } .tla-orbit.is-dark .tla-orbit__bg { background: linear-gradient(118deg,transparent 0 28%,rgba(10,144,246,.08) 42%,rgba(0,229,255,.15) 49%,rgba(110,34,255,.08) 57%,transparent 69%), radial-gradient(ellipse 66% 54% at 91% 2%,rgba(0,174,255,.34),transparent 72%), radial-gradient(ellipse 56% 48% at 8% 101%,rgba(0,200,255,.20),transparent 73%), radial-gradient(ellipse 52% 44% at 82% 104%,rgba(223,41,211,.31),transparent 72%), linear-gradient(rgba(91,176,255,.075) 1px,transparent 1px), linear-gradient(90deg,rgba(91,176,255,.075) 1px,transparent 1px), radial-gradient(circle,rgba(118,187,255,.14) 1px,transparent 1.2px)!important; background-size:auto,auto,auto,auto,50px 50px,50px 50px,13px 13px!important; } .tla-orbit__bg::before { content:""; position:absolute; right:-250px; bottom:-250px; width:980px; height:650px; border-radius:50%; transform:rotate(-17deg); border:2px solid color-mix(in srgb,var(--orbit-active-accent) 48%,transparent); box-shadow: 0 0 14px color-mix(in srgb,var(--orbit-active-accent) 34%,transparent), 0 0 0 36px rgba(23,178,226,.055), 0 0 0 112px rgba(110,34,255,.045), 0 0 0 190px rgba(223,41,211,.025), 0 0 150px color-mix(in srgb,var(--orbit-active-accent) 28%,transparent); opacity:.88; } .tla-orbit__bg::after { content:""; position:absolute; left:-20%; top:-32%; width:1160px; height:760px; transform:rotate(-13deg); background:conic-gradient(from 220deg at 54% 55%,transparent 0 21%,rgba(0,200,255,.16) 26%,transparent 31% 59%,rgba(223,41,211,.13) 65%,rgba(110,34,255,.10) 68%,transparent 75%); filter:blur(10px); opacity:.88; } .tla-orbit.is-dark .tla-orbit__bg::before { opacity:1; border-color:color-mix(in srgb,var(--orbit-active-accent) 72%,#00d9ff); } .tla-orbit.is-dark .tla-orbit__bg::after { opacity:1; } /* Rail and single correct logo. */ .tla-orbit__rail { width:284px; flex-basis:284px; background:linear-gradient(180deg,rgba(255,255,255,.91),rgba(244,250,255,.77) 70%,rgba(239,247,255,.84))!important; border-right-color:rgba(36,116,195,.14); box-shadow:20px 0 58px rgba(29,70,126,.10); backdrop-filter:blur(28px) saturate(145%); -webkit-backdrop-filter:blur(28px) saturate(145%); } .tla-orbit.is-dark .tla-orbit__rail { background:linear-gradient(180deg,rgba(2,7,20,.96),rgba(5,14,34,.88) 66%,rgba(5,11,28,.94))!important; border-right-color:rgba(62,177,255,.16); box-shadow:24px 0 76px rgba(0,0,0,.40),inset -1px 0 rgba(116,203,255,.055); } .tla-orbit__brandblock { display:block; padding:24px 22px 21px; background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(23,178,226,.07)); } .tla-orbit.is-dark .tla-orbit__brandblock { background:linear-gradient(145deg,rgba(0,200,255,.055),rgba(110,34,255,.055),transparent 75%); } .tla-orbit__brandblock::after { content:""; display:block; height:1px; margin-top:18px; background:linear-gradient(90deg,var(--orbit-electric),var(--orbit-violet),var(--orbit-magenta),transparent); box-shadow:0 0 14px rgba(0,200,255,.30); } .tla-orbit__rail-logo { display:block; width:100%; max-width:220px; line-height:0; } .tla-orbit__rail-logo img { width:100%; height:auto; max-height:64px; object-fit:contain; object-position:left center; } .tla-orbit__brand-light { display:block!important; } .tla-orbit__brand-dark { display:none!important; } .tla-orbit.is-dark .tla-orbit__brand-light { display:none!important; } .tla-orbit.is-dark .tla-orbit__brand-dark { display:block!important; } .tla-orbit__version { margin-top:10px; font-size:9.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .tla-orbit.is-dark .tla-orbit__version { color:#7790b4; } /* Uniform left-aligned navigation with per-section custom colour. */ .tla-orbit__nav { padding:16px 14px 12px; gap:7px; } .tla-orbit .tla-orbit__navitem { justify-content:flex-start!important; text-align:left!important; min-height:52px; padding:8px 10px!important; gap:12px; border:1px solid transparent; border-radius:14px; transform:none; transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease!important; } .tla-orbit .tla-orbit__navitem:hover { transform:translateX(3px); background:color-mix(in srgb,var(--facet-accent) 8%,var(--panel-2))!important; } .tla-orbit__navicon { width:36px; height:36px; display:grid; place-items:center; flex:0 0 36px; border-radius:11px; color:var(--facet-accent)!important; background:color-mix(in srgb,var(--facet-accent) 11%,transparent); border:1px solid color-mix(in srgb,var(--facet-accent) 24%,transparent); box-shadow:inset 0 1px rgba(255,255,255,.65); } .tla-orbit__navicon svg { width:19px; height:19px; stroke-width:1.9; } .tla-orbit__navlabel { flex:1; min-width:0; text-align:left!important; font-size:14px; font-weight:720; } .tla-orbit .tla-orbit__navitem.is-active { color:var(--heading)!important; background:linear-gradient(100deg,color-mix(in srgb,var(--facet-accent) 18%,#fff),rgba(255,255,255,.54))!important; border-color:color-mix(in srgb,var(--facet-accent) 35%,var(--line))!important; box-shadow:0 14px 34px color-mix(in srgb,var(--facet-accent) 16%,transparent),inset 3px 0 var(--facet-accent)!important; } .tla-orbit .tla-orbit__navitem.is-active::before { display:none!important; } .tla-orbit.is-dark .tla-orbit__navitem { color:#c6d4ea!important; } .tla-orbit.is-dark .tla-orbit__navicon { color:#ffffff!important; background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.10); box-shadow:none; } .tla-orbit.is-dark .tla-orbit__navitem:hover { color:#fff!important; background:color-mix(in srgb,var(--facet-accent) 13%,rgba(8,20,43,.90))!important; } .tla-orbit.is-dark .tla-orbit__navitem.is-active { color:#fff!important; background:linear-gradient(102deg,color-mix(in srgb,var(--facet-accent) 88%,#06152d),color-mix(in srgb,var(--facet-accent) 50%,#281043))!important; border-color:color-mix(in srgb,var(--facet-accent) 78%,#78e9ff)!important; box-shadow:0 14px 38px color-mix(in srgb,var(--facet-accent) 31%,transparent),inset 0 1px rgba(255,255,255,.20)!important; } .tla-orbit.is-dark .tla-orbit__navitem.is-active .tla-orbit__navicon { background:rgba(2,7,20,.24); border-color:rgba(255,255,255,.24); color:#fff!important; } /* AI remains available without forcing a broken embedded page into ORBIT. */ .tla-orbit__rail-tools { padding:13px 14px 15px; border-top:1px solid var(--line); } .tla-orbit__rail-tools-label { display:block; margin:0 4px 8px; color:var(--muted); font-size:9.5px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .tla-orbit__assistant-link { display:flex; align-items:center; gap:11px; width:100%; padding:11px 12px; border-radius:15px; color:#08111f!important; border:1px solid rgba(10,144,246,.22); background:linear-gradient(120deg,rgba(23,178,226,.17),rgba(110,34,255,.12) 58%,rgba(223,41,211,.12)); box-shadow:0 13px 32px rgba(43,80,148,.12),inset 0 1px rgba(255,255,255,.72); transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; } .tla-orbit__assistant-link:hover { transform:translateY(-2px); border-color:rgba(10,144,246,.40); box-shadow:0 18px 42px rgba(43,80,148,.18),inset 0 1px rgba(255,255,255,.82); } .tla-orbit__assistant-link-icon { width:38px; height:38px; display:grid; place-items:center; flex:0 0 38px; border-radius:12px; color:#fff; background:linear-gradient(135deg,#00C8FF,#0A90F6 45%,#6E22FF 76%,#DF29D3); box-shadow:0 10px 24px rgba(10,144,246,.24); } .tla-orbit__assistant-link-icon svg { width:20px; height:20px; } .tla-orbit__assistant-link-copy { display:flex; flex-direction:column; flex:1; min-width:0; text-align:left; } .tla-orbit__assistant-link-copy strong { color:inherit; font-size:13.5px; font-weight:850; } .tla-orbit__assistant-link-copy small { margin-top:2px; color:#62728d; font-size:10.5px; } .tla-orbit__assistant-link-arrow { width:17px; height:17px; display:inline-flex; color:#52627d; } .tla-orbit__assistant-link-arrow svg { width:100%; height:100%; } .tla-orbit.is-dark .tla-orbit__assistant-link { color:#fff!important; border-color:rgba(77,197,255,.28); background:linear-gradient(120deg,rgba(0,200,255,.16),rgba(110,34,255,.19) 58%,rgba(223,41,211,.16)); box-shadow:0 16px 42px rgba(0,0,0,.28),0 0 34px rgba(10,144,246,.08),inset 0 1px rgba(255,255,255,.08); } .tla-orbit.is-dark .tla-orbit__assistant-link-copy small { color:#91a6c6; } .tla-orbit.is-dark .tla-orbit__assistant-link-arrow { color:#dce9ff; } .tla-orbit__rail-foot { padding:13px 18px 15px; } /* Top bar and workspace glass. */ .tla-orbit__content { background:transparent!important; } .tla-orbit__top { min-height:68px; padding:13px 25px; background:linear-gradient(90deg,rgba(255,255,255,.90),rgba(240,249,255,.68),rgba(246,240,255,.72))!important; border-bottom-color:rgba(10,144,246,.13); box-shadow:0 16px 44px rgba(35,68,123,.10); backdrop-filter:blur(26px) saturate(145%); -webkit-backdrop-filter:blur(26px) saturate(145%); } .tla-orbit.is-dark .tla-orbit__top { background:linear-gradient(90deg,rgba(3,9,24,.94),rgba(5,18,42,.84),rgba(20,6,37,.82))!important; border-bottom-color:rgba(74,190,255,.16); box-shadow:0 18px 48px rgba(0,0,0,.34); } .tla-orbit__main { position:relative; z-index:1; padding:30px 32px 36px; background:transparent!important; } .tla-orbit__tab { min-height:40px; padding:9px 17px; border-radius:12px; font-weight:720; } .tla-orbit .tla-orbit__tab.is-active { background:#fff!important; color:#101828!important; border-color:rgba(15,23,42,.15)!important; box-shadow:0 7px 22px rgba(24,50,92,.11)!important; } .tla-orbit.is-dark .tla-orbit__tab { background:rgba(7,17,39,.72); color:#9fb2cf; border-color:rgba(133,196,255,.14); } .tla-orbit.is-dark .tla-orbit__tab.is-active { background:linear-gradient(100deg,#0A90F6,#6E22FF 68%,#DF29D3)!important; color:#fff!important; border-color:rgba(126,222,255,.45)!important; box-shadow:0 10px 30px rgba(10,144,246,.24),inset 0 1px rgba(255,255,255,.24)!important; } /* Cards now use the approved high-contrast glass and neon edge language. */ .tla-orbit__sectionhead { position:relative; margin-bottom:24px; padding:19px 21px!important; border-radius:20px; border:1px solid color-mix(in srgb,var(--facet-accent) 24%,rgba(40,90,160,.16)); background:radial-gradient(380px 180px at 100% 0%,color-mix(in srgb,var(--facet-accent) 18%,transparent),transparent 72%),linear-gradient(120deg,rgba(255,255,255,.90),rgba(238,249,255,.70) 62%,rgba(249,239,255,.66))!important; box-shadow:0 22px 60px color-mix(in srgb,var(--facet-accent) 13%,rgba(27,56,104,.13)),inset 0 1px rgba(255,255,255,.78); backdrop-filter:blur(22px) saturate(145%); -webkit-backdrop-filter:blur(22px) saturate(145%); } .tla-orbit__sectionhead::after { content:""; position:absolute; left:24px; right:24px; bottom:-1px; height:2px; background:linear-gradient(90deg,var(--facet-accent),var(--orbit-violet),var(--orbit-magenta),transparent); border-radius:999px; box-shadow:0 0 18px color-mix(in srgb,var(--facet-accent) 42%,transparent); } .tla-orbit.is-dark .tla-orbit__sectionhead { background:radial-gradient(400px 180px at 100% 0%,color-mix(in srgb,var(--facet-accent) 24%,transparent),transparent 72%),linear-gradient(120deg,rgba(5,15,36,.92),rgba(7,23,48,.82) 62%,rgba(23,7,42,.78))!important; border-color:color-mix(in srgb,var(--facet-accent) 34%,rgba(124,194,255,.15)); box-shadow:0 24px 72px rgba(0,0,0,.38),0 0 38px color-mix(in srgb,var(--facet-accent) 10%,transparent),inset 0 1px rgba(255,255,255,.06); } .tla-orbit__sectionicon { width:50px; height:50px; border-radius:15px; color:#fff; background:linear-gradient(135deg,color-mix(in srgb,var(--facet-accent) 86%,#00d9ff),color-mix(in srgb,var(--facet-accent) 74%,#6E22FF)); border:1px solid rgba(255,255,255,.25); box-shadow:0 12px 28px color-mix(in srgb,var(--facet-accent) 28%,transparent),inset 0 1px rgba(255,255,255,.25); } .tla-orbit__sectionmeta h1 { font-size:24px; } .tla-orbit__tile,.tla-orbit__card,.tla-orbit__item,.tla-orbit__propcard,.tla-orbit__empty,.tla-orbit__partner,.tla-orbit__product-panel { background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(239,249,255,.73) 62%,rgba(247,239,255,.68))!important; border-color:rgba(57,111,184,.15)!important; box-shadow:var(--orbit-depth-shadow),inset 0 1px rgba(255,255,255,.78)!important; backdrop-filter:blur(23px) saturate(145%); -webkit-backdrop-filter:blur(23px) saturate(145%); } .tla-orbit.is-dark .tla-orbit__tile,.tla-orbit.is-dark .tla-orbit__card,.tla-orbit.is-dark .tla-orbit__item,.tla-orbit.is-dark .tla-orbit__propcard,.tla-orbit.is-dark .tla-orbit__empty,.tla-orbit.is-dark .tla-orbit__partner,.tla-orbit.is-dark .tla-orbit__product-panel { background:linear-gradient(145deg,rgba(5,14,35,.94),rgba(6,23,48,.84) 60%,rgba(23,6,42,.80))!important; border-color:rgba(102,188,255,.16)!important; box-shadow:var(--orbit-depth-shadow),inset 0 1px rgba(255,255,255,.055)!important; } .tla-orbit__item:hover { border-color:color-mix(in srgb,var(--orbit-active-accent) 48%,var(--line))!important; box-shadow:0 26px 70px color-mix(in srgb,var(--orbit-active-accent) 17%,transparent),inset 0 1px rgba(255,255,255,.75)!important; } .tla-orbit.is-dark .tla-orbit__item:hover { box-shadow:0 30px 80px rgba(0,0,0,.48),0 0 34px color-mix(in srgb,var(--orbit-active-accent) 14%,transparent),inset 0 1px rgba(255,255,255,.07)!important; } /* Strong, legible controls. No muddy dark-on-dark buttons. */ .tla-orbit .tla-orbit__btn--primary { color:#fff!important; border-color:rgba(93,204,255,.42)!important; background:linear-gradient(105deg,#0A90F6 0%,#6E22FF 68%,#DF29D3 118%)!important; box-shadow:0 11px 28px rgba(10,144,246,.23),inset 0 1px rgba(255,255,255,.25)!important; } .tla-orbit .tla-orbit__btn--primary:hover { color:#fff!important; filter:brightness(1.08); transform:translateY(-1px); box-shadow:0 15px 36px rgba(10,144,246,.31),inset 0 1px rgba(255,255,255,.30)!important; } .tla-orbit .tla-orbit__btn--ghost { background:rgba(255,255,255,.68)!important; color:#111827!important; border-color:rgba(15,23,42,.15)!important; } .tla-orbit .tla-orbit__btn--ghost:hover { background:#fff!important; } .tla-orbit.is-dark .tla-orbit__btn--ghost { background:rgba(7,18,40,.82)!important; color:#f6f9ff!important; border-color:rgba(126,194,255,.20)!important; } .tla-orbit.is-dark .tla-orbit__btn--ghost:hover { background:rgba(12,31,63,.94)!important; } .tla-orbit.is-dark .tla-orbit__textbtn { color:#dce8f8!important; } .tla-orbit__product-action { background:rgba(255,255,255,.68)!important; } .tla-orbit.is-dark .tla-orbit__product-action { background:rgba(3,11,29,.58)!important; border-color:rgba(101,190,255,.16); } .tla-orbit__product-mark { color:#fff; background:linear-gradient(135deg,#00C8FF,#0A90F6 45%,#6E22FF 75%,#DF29D3); box-shadow:0 14px 34px rgba(10,144,246,.27); } /* Native dialog always above WordPress/TLA headers. */ body.tla-orbit-modal-open { overflow:hidden!important; } dialog.tla-orbit__modal { --panel:#ffffff; --panel-2:#f3f7fc; --line:rgba(15,23,42,.13); --text:#273248; --heading:#09111f; --muted:#667085; position:fixed!important; inset:0!important; width:min(980px,calc(100vw - 40px))!important; max-width:980px!important; height:auto!important; max-height:calc(100dvh - 40px)!important; margin:auto!important; padding:0!important; border:0!important; background:transparent!important; overflow:visible!important; color:var(--text); opacity:0; transform:translateY(14px) scale(.985); transition:opacity .18s ease,transform .20s cubic-bezier(.2,.8,.25,1); } dialog.tla-orbit__modal[open] { display:block!important; } dialog.tla-orbit__modal.is-open { opacity:1; transform:none; } dialog.tla-orbit__modal::backdrop { background:rgba(1,4,14,.82); backdrop-filter:blur(12px) saturate(125%); -webkit-backdrop-filter:blur(12px) saturate(125%); } dialog.tla-orbit__modal.is-dark { --panel:#061126; --panel-2:#0a1933; --line:rgba(124,194,255,.18); --text:#dce8f8; --heading:#fff; --muted:#94a9c7; } dialog.tla-orbit__modal .tla-orbit__modal-card { position:relative; display:flex; flex-direction:column; width:100%!important; max-width:none!important; max-height:calc(100dvh - 40px)!important; margin:0!important; padding:30px 34px 24px!important; overflow:hidden!important; border:1px solid rgba(91,191,255,.24); border-radius:26px; background:radial-gradient(580px 280px at 100% 0%,rgba(0,200,255,.16),transparent 70%),radial-gradient(500px 260px at 0% 100%,rgba(223,41,211,.10),transparent 72%),linear-gradient(145deg,var(--panel),color-mix(in srgb,#6E22FF 5%,var(--panel)))!important; box-shadow:0 54px 160px rgba(1,4,14,.66),0 14px 44px rgba(1,4,14,.34),inset 0 1px rgba(255,255,255,.50)!important; } dialog.tla-orbit__modal.is-dark .tla-orbit__modal-card { box-shadow:0 58px 170px rgba(0,0,0,.74),0 0 52px rgba(10,144,246,.10),inset 0 1px rgba(255,255,255,.06)!important; } dialog.tla-orbit__modal .tla-orbit__modal-scroll { min-height:0; overflow:auto; overscroll-behavior:contain; padding:2px 10px 8px 1px; } dialog.tla-orbit__modal .tla-orbit__modal-actions { flex:0 0 auto; } dialog.tla-orbit__modal .tla-orbit__field input,dialog.tla-orbit__modal .tla-orbit__field select,dialog.tla-orbit__modal .tla-orbit__field textarea { min-height:48px; } @media (max-width:1040px) { .tla-orbit__rail { width:250px; flex-basis:250px; } .tla-orbit__rail-logo { max-width:194px; } } @media (max-width:880px) { .tla-orbit__rail { width:100%; flex-basis:auto; } .tla-orbit__brandblock { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:16px 18px 12px; } .tla-orbit__brandblock::after { flex-basis:100%; width:100%; margin-top:0; } .tla-orbit__rail-logo { width:174px; } .tla-orbit__nav { flex-direction:row; padding:10px; } .tla-orbit .tla-orbit__navitem { width:auto; min-width:max-content; } .tla-orbit__navicon { width:34px; height:34px; flex-basis:34px; } .tla-orbit__rail-tools { border-top:0; border-left:1px solid var(--line); padding:10px; } .tla-orbit__rail-tools-label { display:none; } .tla-orbit__assistant-link { min-width:220px; } .tla-orbit__main { padding:24px 20px 28px; } dialog.tla-orbit__modal { width:calc(100vw - 24px)!important; max-height:calc(100dvh - 24px)!important; } dialog.tla-orbit__modal .tla-orbit__modal-card { max-height:calc(100dvh - 24px)!important; padding:26px 22px 20px!important; border-radius:21px; } } @media (max-width:560px) { .tla-orbit { border-radius:16px; } .tla-orbit__top { padding:11px 13px; } .tla-orbit__main { padding:20px 14px 24px; } .tla-orbit__sectionhead { align-items:flex-start; flex-wrap:wrap; } .tla-orbit__sectionhead .tla-orbit__btn { width:100%; } .tla-orbit__product-panel { padding:22px 18px; gap:20px; } .tla-orbit__rail-tools { padding:10px 12px 12px; } .tla-orbit__assistant-link { min-width:0; } dialog.tla-orbit__modal { width:calc(100vw - 12px)!important; max-height:calc(100dvh - 12px)!important; } dialog.tla-orbit__modal .tla-orbit__modal-card { max-height:calc(100dvh - 12px)!important; padding:22px 16px 16px!important; border-radius:18px; } } /* ========================================================================== ORBIT 0.3.0-alpha.8 - requested production corrections - Realistic cosmic artwork supplied by TLA - No grid, dot matrix, blueprint or synthetic orbit overlay - One-action empty states - Fixed, consistent button hover states - Logged-in member acknowledgement ========================================================================== */ .tla-orbit { background:#eaf5ff!important; } .tla-orbit.is-dark { background:#020617!important; } /* Realistic cosmic field. No generated grid or dot pattern. */ .tla-orbit__bg, .tla-orbit.is-dark .tla-orbit__bg { inset:0!important; opacity:1!important; mask-image:none!important; -webkit-mask-image:none!important; background-image: linear-gradient(115deg,rgba(239,248,255,.68) 0%,rgba(239,248,255,.54) 46%,rgba(247,241,255,.62) 100%), url('../images/orbit/orbit-cosmic-nebula.webp')!important; background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important; filter:none!important; } .tla-orbit.is-dark .tla-orbit__bg { background-image: linear-gradient(115deg,rgba(1,4,18,.45) 0%,rgba(1,5,20,.25) 48%,rgba(7,1,20,.36) 100%), url('../images/orbit/orbit-cosmic-nebula.webp')!important; background-position:center center!important; } .tla-orbit__bg::before { content:""!important; position:absolute!important; inset:0!important; width:auto!important; height:auto!important; border:0!important; border-radius:0!important; transform:none!important; background:linear-gradient(90deg,rgba(232,246,255,.42),transparent 28%,transparent 72%,rgba(245,235,255,.30))!important; box-shadow:inset 0 0 150px rgba(10,35,82,.13)!important; opacity:1!important; } .tla-orbit.is-dark .tla-orbit__bg::before { background:linear-gradient(90deg,rgba(1,5,18,.28),transparent 32%,transparent 72%,rgba(18,1,31,.22))!important; box-shadow:inset 0 0 180px rgba(0,0,0,.46)!important; } .tla-orbit__bg::after, .tla-orbit.is-dark .tla-orbit__bg::after { content:none!important; display:none!important; } /* Keep the cosmic field visible through a controlled, professional glass UI. */ .tla-orbit__rail { background:rgba(249,253,255,.84)!important; backdrop-filter:blur(20px) saturate(120%)!important; -webkit-backdrop-filter:blur(20px) saturate(120%)!important; } .tla-orbit.is-dark .tla-orbit__rail { background:rgba(3,9,25,.86)!important; } .tla-orbit__top { background:rgba(249,253,255,.78)!important; backdrop-filter:blur(20px) saturate(125%)!important; -webkit-backdrop-filter:blur(20px) saturate(125%)!important; } .tla-orbit.is-dark .tla-orbit__top { background:rgba(3,9,25,.80)!important; } .tla-orbit__sectionhead, .tla-orbit__tile, .tla-orbit__card, .tla-orbit__item, .tla-orbit__propcard, .tla-orbit__empty, .tla-orbit__partner, .tla-orbit__product-panel { backdrop-filter:blur(21px) saturate(128%)!important; -webkit-backdrop-filter:blur(21px) saturate(128%)!important; } /* Product naming and build label. */ .tla-orbit__version { margin-top:11px!important; font-size:10.5px!important; font-weight:760!important; line-height:1.45!important; letter-spacing:.055em!important; text-transform:uppercase; color:var(--text)!important; } .tla-orbit__build { display:block; margin-top:3px; font-size:10px; font-weight:650; letter-spacing:.08em; color:var(--muted); } /* Subtle member acknowledgement in the workspace header. */ .tla-orbit__user-greeting { display:flex; flex-direction:column; align-items:flex-end; line-height:1.08; white-space:nowrap; } .tla-orbit__user-greeting small { font-size:9.5px; font-weight:650; letter-spacing:.075em; text-transform:uppercase; color:var(--muted); } .tla-orbit__user-greeting strong { margin-top:3px; font-size:12.5px; font-weight:780; color:var(--heading); } /* One definitive action and stable colour states, including external theme CSS. */ .tla-orbit button.tla-orbit__btn--primary, .tla-orbit a.tla-orbit__btn--primary, .tla-orbit .tla-orbit__empty button.tla-orbit__btn--primary { color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; background:linear-gradient(105deg,#0A90F6 0%,#6E22FF 67%,#DF29D3 118%)!important; border-color:rgba(103,208,255,.48)!important; opacity:1!important; visibility:visible!important; } .tla-orbit button.tla-orbit__btn--primary:hover, .tla-orbit button.tla-orbit__btn--primary:focus, .tla-orbit button.tla-orbit__btn--primary:active, .tla-orbit a.tla-orbit__btn--primary:hover, .tla-orbit .tla-orbit__empty button.tla-orbit__btn--primary:hover { color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; background:linear-gradient(105deg,#17B2E2 0%,#0A90F6 37%,#6E22FF 78%,#DF29D3 126%)!important; border-color:rgba(151,228,255,.72)!important; box-shadow:0 16px 38px rgba(10,144,246,.31),0 0 24px rgba(110,34,255,.16),inset 0 1px rgba(255,255,255,.34)!important; filter:none!important; transform:translateY(-1px)!important; } .tla-orbit .tla-orbit__empty .tla-orbit__btn { min-width:142px; justify-content:center; } @media (max-width:720px) { .tla-orbit__user-greeting small { display:none; } .tla-orbit__user-greeting strong { margin-top:0; font-size:11.5px; } } @media (max-width:560px) { .tla-orbit__user-greeting { display:none; } } /* ========================================================================== ORBIT 0.3.0-alpha.14 - functionality lock and dedicated light cosmic system - Restores one persistent, working Add action per operational section - Uses delegated control handling so rendered buttons never lose events - Keeps the approved dark cosmic treatment unchanged - Gives light mode its own supplied pale-nebula artwork, with no grid ========================================================================== */ /* The approved dark presentation from alpha.8 remains unchanged. */ .tla-orbit:not(.is-dark) { background:#eef5ff!important; } .tla-orbit:not(.is-dark) .tla-orbit__bg { background-image:none!important; background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important; filter:none!important; opacity:1!important; } /* No milky veil and no grid. Digital depth comes from restrained orbital light, inspired by the supplied faceted-planet references. */ .tla-orbit:not(.is-dark) .tla-orbit__bg::before { content:""!important; display:block!important; position:absolute!important; inset:0!important; pointer-events:none!important; background: radial-gradient(ellipse 420px 180px at 93% 14%,transparent 0 62%,rgba(10,144,246,.12) 62.5% 63%,transparent 63.6%), radial-gradient(ellipse 520px 220px at 93% 14%,transparent 0 70%,rgba(223,41,211,.09) 70.4% 70.9%,transparent 71.5%), radial-gradient(circle 115px at 93% 14%,rgba(23,178,226,.10),rgba(110,34,255,.06) 44%,transparent 72%), radial-gradient(circle 260px at 8% 92%,rgba(10,144,246,.08),transparent 72%)!important; box-shadow:inset 0 0 110px rgba(49,77,128,.07)!important; opacity:1!important; } .tla-orbit:not(.is-dark) .tla-orbit__bg::after { content:""!important; display:block!important; position:absolute!important; inset:0!important; pointer-events:none!important; background: radial-gradient(circle 3px at 88% 28%,rgba(10,144,246,.35),transparent 70%), radial-gradient(circle 2px at 82% 18%,rgba(223,41,211,.32),transparent 72%), radial-gradient(circle 2px at 74% 38%,rgba(110,34,255,.22),transparent 72%), radial-gradient(circle 3px at 15% 82%,rgba(23,178,226,.28),transparent 72%)!important; opacity:.9!important; } /* Clean light glass, allowing the separate light artwork to remain visible. */ .tla-orbit:not(.is-dark) .tla-orbit__rail { background:rgba(250,253,255,.92)!important; backdrop-filter:blur(22px) saturate(118%)!important; -webkit-backdrop-filter:blur(22px) saturate(118%)!important; } .tla-orbit:not(.is-dark) .tla-orbit__top { background:rgba(250,253,255,.86)!important; backdrop-filter:blur(20px) saturate(122%)!important; -webkit-backdrop-filter:blur(20px) saturate(122%)!important; } .tla-orbit:not(.is-dark) .tla-orbit__sectionhead, .tla-orbit:not(.is-dark) .tla-orbit__tile, .tla-orbit:not(.is-dark) .tla-orbit__card, .tla-orbit:not(.is-dark) .tla-orbit__item, .tla-orbit:not(.is-dark) .tla-orbit__propcard, .tla-orbit:not(.is-dark) .tla-orbit__empty, .tla-orbit:not(.is-dark) .tla-orbit__partner, .tla-orbit:not(.is-dark) .tla-orbit__product-panel { background-color:rgba(255,255,255,.84)!important; backdrop-filter:blur(18px) saturate(120%)!important; -webkit-backdrop-filter:blur(18px) saturate(120%)!important; } /* Operational controls must always remain visible and clickable, regardless of Elementor, theme or optimisation CSS loaded elsewhere on the page. */ .tla-orbit button[data-orbit-add-item], .tla-orbit button[data-orbit-add-property], .tla-orbit button[data-orbit-add-property-inline], .tla-orbit button[data-orbit-edit], .tla-orbit button[data-orbit-edit-property], .tla-orbit button[data-orbit-delete], .tla-orbit button[data-orbit-delete-property], .tla-orbit button[data-orbit-save], .tla-orbit button[data-orbit-modal-close] { position:relative!important; z-index:3!important; pointer-events:auto!important; cursor:pointer!important; touch-action:manipulation; } .tla-orbit button.tla-orbit__btn--primary { appearance:none!important; -webkit-appearance:none!important; } .tla-orbit button.tla-orbit__btn--primary:hover, .tla-orbit button.tla-orbit__btn--primary:focus-visible { color:#fff!important; -webkit-text-fill-color:#fff!important; } /* Empty panels deliberately contain no duplicate CTA. The persistent section header action is the single source of truth for opening each form. */ .tla-orbit__empty { min-height:248px; display:flex; flex-direction:column; align-items:center; justify-content:center; } @media (max-width:760px) { .tla-orbit:not(.is-dark) .tla-orbit__bg { background-position:62% center!important; } .tla-orbit:not(.is-dark) .tla-orbit__bg::before { opacity:.58!important; } } /* ========================================================================== ORBIT 0.3.0-alpha.14 - overview analytics, reliable property add control, and a non-image light cosmic swirl system. ========================================================================== */ /* Light mode: remove the pale image entirely and use a crisp digital cosmic swirl treatment built only from gradients and orbital rings. */ .tla-orbit:not(.is-dark) { background:linear-gradient(135deg,#f7fbff 0%,#edf6ff 44%,#f8f1ff 100%)!important; } .tla-orbit:not(.is-dark) .tla-orbit__bg { background: radial-gradient(900px 540px at 110% -10%,rgba(10,144,246,.18),transparent 60%), radial-gradient(720px 420px at -10% 112%,rgba(223,41,211,.12),transparent 58%), radial-gradient(460px 300px at 84% 18%,rgba(110,34,255,.08),transparent 64%), linear-gradient(135deg,#f7fbff 0%,#eef7ff 46%,#f8f1ff 100%)!important; background-size:auto!important; background-position:center center!important; background-repeat:no-repeat!important; filter:none!important; opacity:1!important; mask-image:none!important; } .tla-orbit:not(.is-dark) .tla-orbit__bg::before { content:""!important; display:block!important; position:absolute!important; inset:0!important; pointer-events:none!important; background: radial-gradient(ellipse 560px 220px at 80% 22%,transparent 63%,rgba(10,144,246,.17) 63.5% 64.4%,transparent 65.2%), radial-gradient(ellipse 640px 250px at 82% 22%,transparent 71%,rgba(223,41,211,.12) 71.6% 72.3%,transparent 73%), radial-gradient(ellipse 420px 170px at 18% 82%,transparent 62%,rgba(23,178,226,.12) 62.5% 63.3%,transparent 64%), radial-gradient(ellipse 500px 200px at 20% 82%,transparent 71%,rgba(110,34,255,.08) 71.4% 72.1%,transparent 73%), radial-gradient(circle 130px at 82% 22%,rgba(255,255,255,.92),rgba(23,178,226,.15) 38%,transparent 72%), radial-gradient(circle 120px at 18% 82%,rgba(255,255,255,.80),rgba(223,41,211,.10) 36%,transparent 72%)!important; opacity:1!important; } .tla-orbit:not(.is-dark) .tla-orbit__bg::after { content:""!important; display:block!important; position:absolute!important; inset:0!important; pointer-events:none!important; background: radial-gradient(circle 3px at 84% 18%,rgba(10,144,246,.55),transparent 68%), radial-gradient(circle 2px at 79% 14%,rgba(223,41,211,.50),transparent 72%), radial-gradient(circle 3px at 74% 26%,rgba(110,34,255,.30),transparent 70%), radial-gradient(circle 2px at 17% 76%,rgba(23,178,226,.48),transparent 70%), radial-gradient(circle 2px at 22% 84%,rgba(223,41,211,.34),transparent 72%), radial-gradient(circle 1.5px at 30% 80%,rgba(10,144,246,.28),transparent 72%)!important; opacity:1!important; } /* Stronger glass panels against the new swirl background. */ .tla-orbit:not(.is-dark) .tla-orbit__rail { background:rgba(251,253,255,.93)!important; backdrop-filter:blur(20px) saturate(128%)!important; -webkit-backdrop-filter:blur(20px) saturate(128%)!important; } .tla-orbit:not(.is-dark) .tla-orbit__top { background:rgba(249,252,255,.86)!important; backdrop-filter:blur(18px) saturate(122%)!important; -webkit-backdrop-filter:blur(18px) saturate(122%)!important; } .tla-orbit:not(.is-dark) .tla-orbit__sectionhead, .tla-orbit:not(.is-dark) .tla-orbit__tile, .tla-orbit:not(.is-dark) .tla-orbit__card, .tla-orbit:not(.is-dark) .tla-orbit__item, .tla-orbit:not(.is-dark) .tla-orbit__propcard, .tla-orbit:not(.is-dark) .tla-orbit__empty, .tla-orbit:not(.is-dark) .tla-orbit__partner, .tla-orbit:not(.is-dark) .tla-orbit__product-panel { background-color:rgba(255,255,255,.86)!important; backdrop-filter:blur(16px) saturate(126%)!important; -webkit-backdrop-filter:blur(16px) saturate(126%)!important; } /* Ensure the property Add control is always clickable above any theme layers. */ .tla-orbit__tab--add { position:relative!important; z-index:6!important; pointer-events:auto!important; background:linear-gradient(135deg,#ffffff,#f4f8ff)!important; color:#6E22FF!important; border-color:rgba(110,34,255,.20)!important; box-shadow:0 8px 22px rgba(110,34,255,.12)!important; } .tla-orbit__tab--add:hover, .tla-orbit__tab--add:focus-visible { background:linear-gradient(135deg,#0A90F6,#6E22FF 72%,#DF29D3)!important; color:#fff!important; border-color:transparent!important; } .tla-orbit.is-dark .tla-orbit__tab--add { background:linear-gradient(135deg,#0A90F6,#6E22FF 72%,#DF29D3)!important; color:#fff!important; border-color:rgba(126,222,255,.35)!important; } /* Overview analytics */ .tla-orbit__overview-hero { display:grid; grid-template-columns:220px minmax(0,1fr); gap:22px; align-items:center; padding:24px 24px 22px; margin-bottom:18px; border-radius:20px; border:1px solid color-mix(in srgb,var(--line) 88%, transparent); background: radial-gradient(460px 220px at 100% 0%,color-mix(in srgb,var(--orbit-active-accent) 16%, transparent),transparent 72%), linear-gradient(145deg,rgba(255,255,255,.92),rgba(240,248,255,.78) 58%,rgba(247,240,255,.74))!important; box-shadow:0 20px 64px rgba(24,43,76,.08); } .tla-orbit.is-dark .tla-orbit__overview-hero { background: radial-gradient(420px 220px at 100% 0%,rgba(10,144,246,.20),transparent 72%), linear-gradient(145deg,rgba(6,14,34,.94),rgba(7,22,46,.86) 58%,rgba(23,8,44,.80))!important; box-shadow:0 26px 74px rgba(0,0,0,.34); } .tla-orbit__overview-score { display:flex; justify-content:center; } .tla-orbit__score-orbit { --score:0; --score-deg:0deg; position:relative; width:180px; height:180px; border-radius:50%; background:conic-gradient(#17B2E2 0deg,var(--blue) calc(var(--score-deg) * .48),var(--purple) calc(var(--score-deg) * .8),#DF29D3 var(--score-deg),rgba(148,163,184,.18) var(--score-deg),rgba(148,163,184,.18) 360deg); padding:14px; box-shadow:0 22px 64px rgba(32,72,129,.18), inset 0 0 0 1px rgba(255,255,255,.34); } .tla-orbit__score-orbit::before, .tla-orbit__score-orbit::after { content:""; position:absolute; border-radius:50%; pointer-events:none; } .tla-orbit__score-orbit::before { inset:18px; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,247,255,.92)); box-shadow:inset 0 1px 0 rgba(255,255,255,.9); } .tla-orbit.is-dark .tla-orbit__score-orbit::before { background:linear-gradient(145deg,rgba(5,15,36,.98),rgba(9,24,48,.94)); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); } .tla-orbit__score-orbit::after { left:-16px; right:-16px; top:52px; bottom:52px; border:2px solid rgba(10,144,246,.22); transform:rotate(-18deg); } .tla-orbit.is-dark .tla-orbit__score-orbit::after { border-color:rgba(223,41,211,.26); } .tla-orbit__score-orbit > span { position:absolute; inset:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-direction:column; z-index:1; text-align:center; } .tla-orbit__score-orbit strong { font-size:38px; line-height:1; font-weight:800; color:var(--heading); } .tla-orbit__score-orbit small { margin-top:4px; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); } .tla-orbit__overview-kicker { display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:#0A90F6; background:rgba(10,144,246,.10); } .tla-orbit__overview-copy h2 { margin:10px 0 10px; font-size:30px; line-height:1.05; color:var(--heading); } .tla-orbit__overview-copy p { margin:0; max-width:760px; font-size:14px; line-height:1.6; color:var(--muted); } .tla-orbit__overview-meta { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; } .tla-orbit__overview-meta span { display:inline-flex; align-items:center; gap:6px; padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.60); border:1px solid rgba(15,23,42,.08); color:var(--text); font-size:13px; } .tla-orbit.is-dark .tla-orbit__overview-meta span { background:rgba(7,18,40,.74); border-color:rgba(126,194,255,.16); } .tla-orbit__overview-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:18px; margin-bottom:18px; } .tla-orbit__progress-rows { display:flex; flex-direction:column; gap:10px; } .tla-orbit__progress-row { display:grid; grid-template-columns:minmax(220px,1.1fr) minmax(140px,1fr) 60px; gap:14px; align-items:center; width:100%; padding:12px 0; border:0; background:transparent; text-align:left; cursor:pointer; border-top:1px solid var(--line); } .tla-orbit__progress-row:first-child { border-top:0; } .tla-orbit__progress-row-label { display:flex; align-items:center; gap:12px; min-width:0; } .tla-orbit__progress-row-label strong { display:block; color:var(--heading); font-size:14px; } .tla-orbit__progress-row-label small { display:block; margin-top:2px; color:var(--muted); font-size:12px; } .tla-orbit__progress-row-icon { width:38px; height:38px; flex:0 0 auto; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg,color-mix(in srgb,var(--facet-accent) 86%,#00d9ff),color-mix(in srgb,var(--facet-accent) 76%,#6E22FF)); box-shadow:0 10px 24px color-mix(in srgb,var(--facet-accent) 24%, transparent); } .tla-orbit__progress-row-icon svg { width:18px; height:18px; } .tla-orbit__progress-bar { position:relative; height:10px; border-radius:999px; overflow:hidden; background:rgba(148,163,184,.16); border:1px solid rgba(15,23,42,.07); } .tla-orbit__progress-bar > span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#17B2E2 0%,#0A90F6 38%,#6E22FF 76%,#DF29D3 100%); box-shadow:0 0 18px color-mix(in srgb,var(--facet-accent) 28%, transparent); } .tla-orbit__progress-value { font-size:20px; font-weight:800; color:var(--heading); text-align:right; } .tla-orbit__progress-row:hover .tla-orbit__progress-value, .tla-orbit__progress-row:focus-visible .tla-orbit__progress-value { color:#0A90F6; } .tla-orbit__property-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; } .tla-orbit__property-score { padding:16px; border-radius:16px; border:1px solid var(--line); background:rgba(255,255,255,.62); text-align:left; cursor:pointer; box-shadow:0 10px 28px rgba(28,54,95,.06); } .tla-orbit.is-dark .tla-orbit__property-score { background:rgba(7,18,40,.72); border-color:rgba(126,194,255,.16); } .tla-orbit__property-score-top { display:flex; justify-content:space-between; gap:10px; align-items:center; } .tla-orbit__property-score-top strong { color:var(--heading); font-size:15px; } .tla-orbit__property-score-top em { font-style:normal; font-size:22px; font-weight:800; color:#0A90F6; } .tla-orbit__property-score small { display:block; margin-top:6px; color:var(--muted); } .tla-orbit__property-score-bar { display:block; height:10px; margin:12px 0 10px; border-radius:999px; overflow:hidden; background:rgba(148,163,184,.16); } .tla-orbit__property-score-bar > span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#17B2E2 0%,#0A90F6 38%,#6E22FF 76%,#DF29D3 100%); } .tla-orbit__property-score-meta { display:block; color:var(--muted); font-size:12.5px; } @media (max-width:1080px) { .tla-orbit__overview-grid { grid-template-columns:1fr; } } @media (max-width:760px) { .tla-orbit__overview-hero { grid-template-columns:1fr; padding:18px; } .tla-orbit__overview-score { justify-content:flex-start; } .tla-orbit__score-orbit { width:146px; height:146px; } .tla-orbit__score-orbit > span { inset:26px; } .tla-orbit__overview-copy h2 { font-size:24px; } .tla-orbit__progress-row { grid-template-columns:1fr; } .tla-orbit__progress-value { text-align:left; } } /* ========================================================================== ORBIT 0.3.0-alpha.14 - Portfolio Operations Foundation Connected workspace navigation, database views, analytics and activity. ========================================================================== */ .tla-orbit { --orbit-ink:#07101f; --orbit-surface:rgba(255,255,255,.92); --orbit-surface-soft:rgba(248,251,255,.82); --orbit-border:rgba(15,23,42,.10); } .tla-orbit.is-dark { --orbit-ink:#f7fbff; --orbit-surface:rgba(6,15,34,.90); --orbit-surface-soft:rgba(8,21,44,.78); --orbit-border:rgba(126,194,255,.15); } /* Navigation hierarchy */ .tla-orbit__rail { width:264px!important; flex-basis:264px!important; } .tla-orbit__brandblock { padding:22px 22px 18px!important; } .tla-orbit__rail-logo img { height:34px!important; } .tla-orbit__version { margin-top:10px!important; font-size:11px!important; line-height:1.35!important; letter-spacing:.055em!important; text-transform:uppercase; } .tla-orbit__build { display:block; margin-top:4px; font-size:10px; color:var(--muted); letter-spacing:.08em; } .tla-orbit__nav { padding:12px 12px 16px!important; gap:14px!important; } .tla-orbit__nav-group { display:flex; flex-direction:column; gap:4px; } .tla-orbit__nav-group-label, .tla-orbit__rail-tools-label { display:block; padding:0 10px 5px; font-size:9.5px!important; font-weight:800!important; letter-spacing:.13em!important; text-transform:uppercase; color:var(--muted); } .tla-orbit__navitem { min-height:47px; padding:8px 10px!important; gap:10px!important; border:1px solid transparent!important; border-radius:13px!important; } .tla-orbit__navitem:hover { background:rgba(255,255,255,.62)!important; border-color:rgba(15,23,42,.07)!important; } .tla-orbit.is-dark .tla-orbit__navitem:hover { background:rgba(10,28,58,.76)!important; border-color:rgba(126,194,255,.13)!important; } .tla-orbit__navitem.is-active { background:linear-gradient(100deg,color-mix(in srgb,var(--facet-accent) 14%,#fff),rgba(255,255,255,.78))!important; border-color:color-mix(in srgb,var(--facet-accent) 32%,rgba(15,23,42,.08))!important; box-shadow:0 10px 28px color-mix(in srgb,var(--facet-accent) 10%,transparent)!important; } .tla-orbit.is-dark .tla-orbit__navitem.is-active { background:linear-gradient(105deg,color-mix(in srgb,var(--facet-accent) 74%,#07172e),color-mix(in srgb,var(--facet-accent) 35%,#160827))!important; border-color:color-mix(in srgb,var(--facet-accent) 55%,rgba(126,194,255,.25))!important; color:#fff!important; box-shadow:0 10px 30px color-mix(in srgb,var(--facet-accent) 22%,transparent)!important; } .tla-orbit__navitem.is-active::before { display:none!important; } .tla-orbit__navicon { width:34px!important; height:34px!important; padding:8px; border-radius:10px; color:var(--facet-accent); background:color-mix(in srgb,var(--facet-accent) 11%,transparent); border:1px solid color-mix(in srgb,var(--facet-accent) 18%,transparent); } .tla-orbit__navitem.is-active .tla-orbit__navicon { color:#fff!important; background:linear-gradient(135deg,color-mix(in srgb,var(--facet-accent) 82%,#17B2E2),color-mix(in srgb,var(--facet-accent) 75%,#6E22FF))!important; box-shadow:0 8px 20px color-mix(in srgb,var(--facet-accent) 22%,transparent); } .tla-orbit.is-dark .tla-orbit__navicon { color:#fff!important; } .tla-orbit__navcopy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:2px; } .tla-orbit__navcopy small { max-width:145px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10.5px; font-weight:500; color:var(--muted); } .tla-orbit.is-dark .tla-orbit__navitem.is-active .tla-orbit__navcopy small { color:rgba(255,255,255,.72); } .tla-orbit__navitem--compact { min-height:40px!important; padding:5px 9px!important; } .tla-orbit__navitem--compact .tla-orbit__navicon { width:29px!important; height:29px!important; padding:7px; } .tla-orbit__navitem--compact .tla-orbit__navlabel { font-size:12.5px; } .tla-orbit__rail-tools { padding:0 12px 12px; } /* Top workspace bar */ .tla-orbit__top { min-height:68px; padding:11px 24px!important; } .tla-orbit__tabs { gap:8px!important; } .tla-orbit__tab { min-height:39px; padding:9px 14px!important; border-radius:12px!important; font-size:12.5px!important; } .tla-orbit__tab--add { width:40px!important; min-width:40px!important; padding:0!important; } .tla-orbit__tab--add svg { width:18px; height:18px; } .tla-orbit__user-greeting { display:flex; flex-direction:column; align-items:flex-end; line-height:1.1; } .tla-orbit__user-greeting small { font-size:9.5px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); } .tla-orbit__user-greeting strong { margin-top:4px; font-size:13px; color:var(--heading); } /* Cleaner light system, with restrained orbital depth rather than a page image. */ .tla-orbit:not(.is-dark) { background:linear-gradient(145deg,#f8fbff 0%,#eef6ff 48%,#f8f3ff 100%)!important; } .tla-orbit:not(.is-dark) .tla-orbit__bg { background: radial-gradient(720px 420px at 102% -8%,rgba(10,144,246,.16),transparent 62%), radial-gradient(520px 340px at -8% 104%,rgba(223,41,211,.10),transparent 62%), linear-gradient(145deg,#f8fbff 0%,#eef7ff 51%,#f8f3ff 100%)!important; } .tla-orbit:not(.is-dark) .tla-orbit__bg::before { background: radial-gradient(ellipse 560px 205px at 85% 17%,transparent 63%,rgba(10,144,246,.14) 63.5% 64.1%,transparent 64.8%), radial-gradient(ellipse 660px 245px at 85% 17%,transparent 72%,rgba(110,34,255,.09) 72.4% 73%,transparent 73.7%), radial-gradient(ellipse 410px 150px at 10% 88%,transparent 64%,rgba(223,41,211,.08) 64.4% 65%,transparent 65.8%)!important; box-shadow:none!important; } .tla-orbit:not(.is-dark) .tla-orbit__bg::after { opacity:.62!important; } /* Main workspace density */ .tla-orbit__main { padding:28px 30px 38px!important; } .tla-orbit__sectionhead { margin-bottom:18px!important; padding:20px 22px!important; border-radius:18px!important; } .tla-orbit__sectionmeta h1 { font-size:25px!important; } .tla-orbit__sectionmeta p { font-size:13px!important; } .tla-orbit__card { border-radius:18px!important; } /* KPI command strip */ .tla-orbit__kpis { display:grid; grid-template-columns:repeat(6,minmax(130px,1fr)); gap:12px; margin:0 0 18px; } .tla-orbit__kpis--compact { grid-template-columns:repeat(4,minmax(150px,1fr)); } .tla-orbit__kpi { position:relative; min-width:0; padding:15px 14px 14px; border-radius:16px; border:1px solid var(--orbit-border); background:var(--orbit-surface); box-shadow:0 14px 38px rgba(25,52,93,.06); overflow:hidden; } .tla-orbit__kpi::after { content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:linear-gradient(90deg,var(--kpi-accent),color-mix(in srgb,var(--kpi-accent) 52%,#6E22FF),transparent); } .tla-orbit.is-dark .tla-orbit__kpi { box-shadow:0 18px 46px rgba(0,0,0,.24); } .tla-orbit__kpi-icon { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; color:var(--kpi-accent); background:color-mix(in srgb,var(--kpi-accent) 11%,transparent); } .tla-orbit__kpi-icon svg { width:17px; height:17px; } .tla-orbit__kpi-value { display:block; margin-top:12px; font-size:24px; line-height:1; font-weight:800; color:var(--heading); letter-spacing:-.03em; } .tla-orbit__kpi strong { display:block; margin-top:7px; font-size:12.5px; color:var(--heading); } .tla-orbit__kpi small { display:block; margin-top:3px; min-height:28px; font-size:10.5px; line-height:1.3; color:var(--muted); } /* Transparent scoring explanation */ .tla-orbit__methodology { margin-top:14px; max-width:760px; } .tla-orbit__methodology summary { cursor:pointer; color:#0A90F6; font-size:12.5px; font-weight:700; } .tla-orbit__methodology p { margin:8px 0 0!important; font-size:12px!important; } /* Database headers, filters and tables */ .tla-orbit__data-card { padding:0!important; overflow:hidden; } .tla-orbit__data-head { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 20px; border-bottom:1px solid var(--line); } .tla-orbit__data-head h2 { margin:0; font-size:16px; color:var(--heading); } .tla-orbit__data-head p { margin:4px 0 0; font-size:12.5px; color:var(--muted); } .tla-orbit__data-head--toolbar { align-items:flex-end; } .tla-orbit__toolbar { display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap; } .tla-orbit__search { display:flex; align-items:center; gap:8px; min-width:220px; padding:9px 11px; border:1px solid var(--line); border-radius:11px; background:var(--panel); color:var(--muted); } .tla-orbit__search svg { width:16px; height:16px; flex:0 0 auto; } .tla-orbit__search input { width:100%; min-width:0; border:0!important; outline:0!important; padding:0!important; background:transparent!important; color:var(--text)!important; box-shadow:none!important; font:500 12.5px/1.2 inherit; } .tla-orbit__select { display:flex; flex-direction:column; gap:4px; } .tla-orbit__select span { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); } .tla-orbit__select select { min-width:145px; padding:9px 30px 9px 10px!important; border:1px solid var(--line)!important; border-radius:11px!important; background:var(--panel)!important; color:var(--text)!important; font-size:12.5px!important; } .tla-orbit__table-wrap { width:100%; overflow-x:auto; } .tla-orbit__table { width:100%; border-collapse:separate; border-spacing:0; min-width:860px; } .tla-orbit__table th { padding:11px 14px; border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--panel-2) 72%,transparent); font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--muted); text-align:left; white-space:nowrap; } .tla-orbit__table td { padding:14px; border-bottom:1px solid var(--line); font-size:12.5px; color:var(--text); vertical-align:middle; } .tla-orbit__table tbody tr:last-child td { border-bottom:0; } .tla-orbit__table tbody tr:hover td { background:color-mix(in srgb,var(--orbit-active-accent) 4%,transparent); } .tla-orbit__table td > strong { display:block; color:var(--heading); font-size:13px; } .tla-orbit__table td > small { display:block; margin-top:3px; color:var(--muted); font-size:10.5px; max-width:250px; } .tla-orbit__score-cell { display:flex; align-items:center; gap:9px; } .tla-orbit__score-cell b { min-width:38px; font-size:13px; color:var(--heading); } .tla-orbit__score-cell > span { width:78px; height:7px; border-radius:999px; background:rgba(148,163,184,.17); overflow:hidden; } .tla-orbit__score-cell i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#17B2E2,#0A90F6 35%,#6E22FF 75%,#DF29D3); } .tla-orbit__completeness { display:inline-flex; padding:5px 8px; border-radius:999px; background:rgba(23,178,226,.09); color:#078db4; font-weight:800; } .tla-orbit.is-dark .tla-orbit__completeness { color:#76e1ff; background:rgba(23,178,226,.14); } .tla-orbit__number { display:inline-flex; min-width:28px; height:28px; padding:0 8px; align-items:center; justify-content:center; border-radius:9px; font-weight:800; } .tla-orbit__number--danger { color:#b4233b; background:rgba(214,50,75,.10); } .tla-orbit__number--warn { color:#b65b18; background:rgba(232,96,44,.10); } .tla-orbit__table-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; white-space:nowrap; } .tla-orbit__table-action { display:inline-flex; align-items:center; gap:4px; padding:7px 9px; border:1px solid var(--line); border-radius:9px; background:var(--panel); color:var(--heading); cursor:pointer; font:700 11.5px/1 inherit; } .tla-orbit__table-action:hover { color:#0A90F6; border-color:rgba(10,144,246,.30); } .tla-orbit__table-action svg { width:13px; height:13px; } .tla-orbit__record-type { display:flex; align-items:center; gap:10px; } .tla-orbit__record-icon { width:34px; height:34px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; color:#fff; background:linear-gradient(135deg,#17B2E2,#0A90F6 45%,#6E22FF 78%,#DF29D3); } .tla-orbit__record-icon svg { width:17px; height:17px; } .tla-orbit__record-type strong { display:block; color:var(--heading); } .tla-orbit__record-type small { display:block; margin-top:2px; font-size:10.5px; color:var(--muted); } .tla-orbit__filter-empty { padding:18px 20px; margin:0; text-align:center; color:var(--muted); } /* Calendar command view */ .tla-orbit__calendar-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:18px; align-items:start; } .tla-orbit__calendar-summary { position:sticky; top:0; padding:22px; border:1px solid var(--line); border-radius:18px; background:var(--orbit-surface); box-shadow:0 18px 50px rgba(30,55,96,.07); } .tla-orbit__calendar-orbit { width:52px; height:52px; display:inline-flex; align-items:center; justify-content:center; border-radius:16px; color:#fff; background:linear-gradient(135deg,#0A90F6,#6E22FF 67%,#DF29D3); box-shadow:0 12px 30px rgba(110,34,255,.24); } .tla-orbit__calendar-orbit svg { width:24px; height:24px; } .tla-orbit__calendar-summary > strong { display:block; margin-top:18px; font-size:42px; line-height:1; color:var(--heading); } .tla-orbit__calendar-summary h2 { margin:8px 0 8px; color:var(--heading); font-size:17px; } .tla-orbit__calendar-summary p { margin:0; font-size:12.5px; line-height:1.55; color:var(--muted); } .tla-orbit__calendar-stream { display:flex; flex-direction:column; gap:16px; } .tla-orbit__calendar-month { overflow:hidden; border:1px solid var(--line); border-radius:18px; background:var(--orbit-surface); } .tla-orbit__calendar-month-head { display:flex; justify-content:space-between; align-items:center; padding:14px 17px; border-bottom:1px solid var(--line); } .tla-orbit__calendar-month-head h2 { margin:0; font-size:15px; color:var(--heading); } .tla-orbit__calendar-month-head span { font-size:11px; color:var(--muted); } .tla-orbit__agenda { display:flex; flex-direction:column; } .tla-orbit__agenda-item { display:grid; grid-template-columns:58px 36px minmax(0,1fr) auto auto; gap:12px; align-items:center; padding:13px 15px; border-bottom:1px solid var(--line); } .tla-orbit__agenda-item:last-child { border-bottom:0; } .tla-orbit__agenda-item time { display:flex; flex-direction:column; align-items:center; justify-content:center; width:48px; height:48px; border-radius:13px; color:#0A90F6; background:rgba(10,144,246,.08); } .tla-orbit__agenda-item time strong { font-size:18px; line-height:1; } .tla-orbit__agenda-item time span { margin-top:3px; font-size:9px; text-transform:uppercase; letter-spacing:.06em; } .tla-orbit__agenda-icon { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; color:#6E22FF; background:rgba(110,34,255,.09); } .tla-orbit__agenda-icon svg { width:17px; height:17px; } .tla-orbit__agenda-copy strong { display:block; color:var(--heading); font-size:13px; } .tla-orbit__agenda-copy span { display:block; margin-top:3px; color:var(--muted); font-size:11px; } /* Activity stream */ .tla-orbit__activity-card { padding:0!important; overflow:hidden; } .tla-orbit__activity-card .tla-orbit__card-head { padding:17px 19px; border-bottom:1px solid var(--line); } .tla-orbit__activity-list { display:flex; flex-direction:column; } .tla-orbit__activity-item { display:grid; grid-template-columns:40px minmax(0,1fr) auto 18px; gap:12px; align-items:center; width:100%; padding:14px 18px; border:0; border-bottom:1px solid var(--line); background:transparent; text-align:left; cursor:pointer; } .tla-orbit__activity-item:last-child { border-bottom:0; } .tla-orbit__activity-item:hover { background:color-mix(in srgb,#0A90F6 4%,transparent); } .tla-orbit__activity-icon { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:11px; color:#fff; background:linear-gradient(135deg,#17B2E2,#0A90F6 45%,#6E22FF 80%,#DF29D3); } .tla-orbit__activity-icon svg { width:18px; height:18px; } .tla-orbit__activity-copy strong { display:block; color:var(--heading); font-size:13px; } .tla-orbit__activity-copy small { display:block; margin-top:3px; color:var(--muted); font-size:11px; } .tla-orbit__activity-item time { color:var(--muted); font-size:11px; white-space:nowrap; } .tla-orbit__activity-arrow { color:var(--muted); } .tla-orbit__activity-arrow svg { width:16px; height:16px; } /* Active module accent routing */ .tla-orbit[data-orbit-active-facet="properties"] { --orbit-active-accent:#0A90F6; } .tla-orbit[data-orbit-active-facet="compliance"] { --orbit-active-accent:#6E22FF; } .tla-orbit[data-orbit-active-facet="calendar"] { --orbit-active-accent:#8B5CF6; } .tla-orbit[data-orbit-active-facet="activity"] { --orbit-active-accent:#17B2E2; } @media (max-width:1320px) { .tla-orbit__kpis { grid-template-columns:repeat(3,minmax(150px,1fr)); } } @media (max-width:1050px) { .tla-orbit__rail { width:220px!important; flex-basis:220px!important; } .tla-orbit__navcopy small { display:none; } .tla-orbit__calendar-layout { grid-template-columns:1fr; } .tla-orbit__calendar-summary { position:relative; } } @media (max-width:820px) { .tla-orbit__kpis, .tla-orbit__kpis--compact { grid-template-columns:repeat(2,minmax(145px,1fr)); } .tla-orbit__data-head { align-items:flex-start; flex-direction:column; } .tla-orbit__toolbar { width:100%; } .tla-orbit__search { flex:1; min-width:180px; } .tla-orbit__agenda-item { grid-template-columns:52px 34px minmax(0,1fr); } .tla-orbit__agenda-item .tla-orbit__pill, .tla-orbit__agenda-item .tla-orbit__table-action { grid-column:3; justify-self:start; } } @media (max-width:620px) { .tla-orbit__main { padding:18px 14px 28px!important; } .tla-orbit__kpis, .tla-orbit__kpis--compact { grid-template-columns:1fr 1fr; gap:9px; } .tla-orbit__kpi { padding:13px 12px; } .tla-orbit__kpi-value { font-size:20px; } .tla-orbit__activity-item { grid-template-columns:38px minmax(0,1fr) 16px; } .tla-orbit__activity-item time { grid-column:2; } .tla-orbit__activity-arrow { grid-column:3; grid-row:1 / span 2; } } /* ========================================================================== ORBIT 0.3.0-alpha.14 - connected properties, units, people and tenancies ========================================================================== */ /* Methodology disclosure now uses an explicit, accessible button rather than relying on the browser details element inside a layered dashboard. */ .tla-orbit__methodology { margin-top:16px; max-width:780px; } .tla-orbit__methodology > button { display:inline-flex; align-items:center; gap:6px; padding:0; border:0; background:transparent; color:#0A90F6; font:750 12.5px/1.3 inherit; font-family:inherit; cursor:pointer; } .tla-orbit__methodology > button svg { width:14px; height:14px; transition:transform .18s ease; } .tla-orbit__methodology > button[aria-expanded="true"] svg { transform:rotate(90deg); } .tla-orbit__methodology-panel { margin-top:10px; padding:13px 15px; border:1px solid rgba(10,144,246,.16); border-radius:13px; background:rgba(10,144,246,.055); } .tla-orbit__methodology-panel p { margin:0!important; font-size:12.5px!important; line-height:1.55!important; color:var(--muted)!important; } .tla-orbit__methodology-panel p + p { margin-top:8px!important; } .tla-orbit.is-dark .tla-orbit__methodology-panel { background:rgba(10,144,246,.08); border-color:rgba(62,190,255,.18); } /* Properties table interaction: a full-width, reliable View control and plain text Edit/Delete actions, exactly as requested. */ .tla-orbit__table-actions--property { display:grid; grid-template-columns:minmax(132px,1fr); gap:7px; min-width:148px; } .tla-orbit__view-action { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-height:38px; padding:9px 11px; border:1px solid rgba(10,144,246,.18); border-radius:10px; background:rgba(10,144,246,.07); color:#0A90F6; font:750 12.5px/1 inherit; font-family:inherit; cursor:pointer; pointer-events:auto!important; } .tla-orbit__view-action:hover, .tla-orbit__view-action:focus-visible { background:linear-gradient(100deg,#0A90F6,#6E22FF 72%,#DF29D3); color:#fff; border-color:transparent; } .tla-orbit__view-action svg { width:14px; height:14px; flex:0 0 auto; } .tla-orbit__plain-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; } .tla-orbit__plain-action { padding:0; border:0; background:transparent!important; box-shadow:none!important; color:var(--muted); font:700 12px/1.4 inherit; font-family:inherit; cursor:pointer; text-decoration:none; } .tla-orbit__plain-action:hover, .tla-orbit__plain-action:focus-visible { color:#0A90F6; text-decoration:underline; text-underline-offset:3px; } .tla-orbit__plain-action--danger:hover, .tla-orbit__plain-action--danger:focus-visible { color:#d6324b; } /* Connected operational status chips. */ .tla-orbit__occupancy, .tla-orbit__record-status { display:inline-flex; align-items:center; justify-content:center; min-height:25px; padding:4px 9px; border-radius:999px; font-size:11px; font-weight:800; line-height:1; white-space:nowrap; } .tla-orbit__occupancy--occupied, .tla-orbit__record-status--active, .tla-orbit__record-status--occupied, .tla-orbit__record-status--available { color:#087a50; background:rgba(20,184,122,.13); } .tla-orbit__occupancy--vacant, .tla-orbit__record-status--ending, .tla-orbit__record-status--reserved { color:#9b6505; background:rgba(245,158,11,.15); } .tla-orbit__record-status--draft { color:#5a48b8; background:rgba(110,34,255,.11); } .tla-orbit__record-status--ended, .tla-orbit__record-status--inactive, .tla-orbit__record-status--archived { color:#667085; background:rgba(148,163,184,.16); } .tla-orbit.is-dark .tla-orbit__occupancy--occupied, .tla-orbit.is-dark .tla-orbit__record-status--active, .tla-orbit.is-dark .tla-orbit__record-status--occupied, .tla-orbit.is-dark .tla-orbit__record-status--available { color:#7af0bd; } .tla-orbit.is-dark .tla-orbit__occupancy--vacant, .tla-orbit.is-dark .tla-orbit__record-status--ending, .tla-orbit.is-dark .tla-orbit__record-status--reserved { color:#ffd279; } /* Selected property workspace. */ .tla-orbit__property-hero { display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:24px; align-items:center; padding:24px; margin-bottom:16px; border-radius:20px; border:1px solid rgba(10,144,246,.16); background: radial-gradient(440px 200px at 100% 0%,rgba(10,144,246,.16),transparent 70%), linear-gradient(145deg,rgba(255,255,255,.93),rgba(239,248,255,.82) 55%,rgba(247,239,255,.78)); box-shadow:0 20px 58px rgba(32,62,112,.08); } .tla-orbit.is-dark .tla-orbit__property-hero { background: radial-gradient(440px 200px at 100% 0%,rgba(10,144,246,.20),transparent 70%), linear-gradient(145deg,rgba(5,14,35,.95),rgba(6,23,48,.86) 55%,rgba(24,7,43,.82)); box-shadow:0 24px 70px rgba(0,0,0,.34); } .tla-orbit__property-hero h2 { margin:10px 0 6px; font-size:30px; line-height:1.08; color:var(--heading); } .tla-orbit__property-hero p { margin:0; color:var(--muted); } .tla-orbit__property-facts { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; } .tla-orbit__property-facts span { padding:7px 10px; border-radius:999px; border:1px solid rgba(15,23,42,.08); background:rgba(255,255,255,.64); color:var(--text); font-size:11.5px; font-weight:700; } .tla-orbit.is-dark .tla-orbit__property-facts span { background:rgba(7,18,40,.76); border-color:rgba(126,194,255,.14); } .tla-orbit__property-health { width:160px; height:160px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; background:conic-gradient(#17B2E2,#0A90F6 38%,#6E22FF 72%,#DF29D3); padding:12px; box-shadow:0 18px 48px rgba(10,144,246,.20); position:relative; } .tla-orbit__property-health::before { content:""; position:absolute; inset:12px; border-radius:50%; background:#fff; } .tla-orbit.is-dark .tla-orbit__property-health::before { background:#071225; } .tla-orbit__property-health strong, .tla-orbit__property-health span, .tla-orbit__property-health small { position:relative; z-index:1; } .tla-orbit__property-health strong { font-size:34px; line-height:1; color:var(--heading); } .tla-orbit__property-health span { margin-top:4px; font-size:12px; font-weight:800; color:var(--text); } .tla-orbit__property-health small { margin-top:4px; font-size:10.5px; color:var(--muted); } .tla-orbit__property-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:16px; } .tla-orbit__property-metrics article { display:grid; grid-template-columns:38px minmax(0,1fr); grid-template-rows:auto auto; column-gap:10px; align-items:center; padding:14px; border:1px solid var(--line); border-radius:15px; background:var(--panel); } .tla-orbit__property-metrics article > span { grid-row:1 / 3; width:38px; height:38px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg,#17B2E2,#0A90F6 45%,#6E22FF 78%,#DF29D3); } .tla-orbit__property-metrics article > span svg { width:19px; height:19px; } .tla-orbit__property-metrics strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--heading); font-size:16px; } .tla-orbit__property-metrics small { color:var(--muted); font-size:11.5px; } .tla-orbit__workspace-columns { display:grid; grid-template-columns:1fr; gap:16px; } .tla-orbit__card-head > div h2 { margin:0; font-size:15px; color:var(--heading); } .tla-orbit__card-head > div p { margin:3px 0 0; color:var(--muted); font-size:12.5px; } .tla-orbit__small-add { display:inline-flex; align-items:center; gap:6px; padding:8px 10px; border:1px solid rgba(10,144,246,.18); border-radius:9px; background:rgba(10,144,246,.07); color:#0A90F6; font:750 12px/1 inherit; font-family:inherit; cursor:pointer; } .tla-orbit__small-add:hover { background:#0A90F6; color:#fff; } .tla-orbit__small-add svg { width:14px; height:14px; } /* People and tenancy modules. */ .tla-orbit__person-cell { display:flex; align-items:center; gap:10px; } .tla-orbit__person-avatar { width:36px; height:36px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; color:#fff; font-size:14px; font-weight:800; background:linear-gradient(135deg,#17B2E2,#0A90F6 40%,#6E22FF 74%,#DF29D3); box-shadow:0 9px 22px rgba(10,144,246,.18); } .tla-orbit__privacy-note { display:flex; align-items:center; gap:9px; padding:11px 12px; margin-bottom:14px; border:1px solid rgba(20,184,122,.18); border-radius:12px; background:rgba(20,184,122,.07); color:#087a50; font-size:12.5px; font-weight:650; } .tla-orbit.is-dark .tla-orbit__privacy-note { color:#7af0bd; background:rgba(20,184,122,.10); } .tla-orbit__privacy-note svg { width:17px; height:17px; flex:0 0 auto; } .tla-orbit__field-help { display:block; margin-top:6px; color:var(--muted); font-size:11.5px; } .tla-orbit__field select[multiple] { min-height:120px; padding:7px; } /* More room for the connected navigation while preserving compact density. */ .tla-orbit__nav-group .tla-orbit__navitem { min-height:50px; } .tla-orbit__nav-group--shortcuts .tla-orbit__navitem { min-height:40px; } @media (max-width:1180px) { .tla-orbit__property-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:760px) { .tla-orbit__property-hero { grid-template-columns:1fr; } .tla-orbit__property-health { width:132px; height:132px; } .tla-orbit__property-metrics { grid-template-columns:1fr; } .tla-orbit__table-actions--property { min-width:130px; } .tla-orbit__plain-actions { justify-content:flex-start; } } /* ========================================================================== ORBIT 0.3.0-alpha.14 - compliance intelligence, sponsor zone and top-tab UX ========================================================================== */ /* The dashboard now finishes squarely into the partner/disclaimer footer. */ .tla-orbit { border-radius:22px 22px 0 0!important; } .tla-orbit__content, .tla-orbit__rail, .tla-orbit__disclaimer, .tla-orbit__sponsor-zone { border-bottom-left-radius:0!important; border-bottom-right-radius:0!important; } /* Top property controls: full hit areas above all decorative layers. */ .tla-orbit__top, .tla-orbit__tabs { position:relative; z-index:8; } .tla-orbit__tabs { pointer-events:auto!important; } .tla-orbit__tab, .tla-orbit__tab * { pointer-events:auto!important; } .tla-orbit__tab { position:relative!important; z-index:9!important; min-height:44px; display:inline-flex; align-items:center; justify-content:center; } .tla-orbit__tab--add { min-width:44px!important; width:44px!important; height:44px!important; padding:0!important; } .tla-orbit__tab--add svg { width:19px; height:19px; } /* Sponsor and partner placement at the foot of the workspace. */ .tla-orbit__sponsor-zone { position:relative; z-index:2; display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; align-items:center; gap:16px; padding:18px 24px; border-top:1px solid rgba(10,144,246,.16); background: radial-gradient(520px 180px at 92% 0%,rgba(223,41,211,.12),transparent 70%), radial-gradient(420px 160px at 0% 100%,rgba(23,178,226,.12),transparent 72%), linear-gradient(100deg,rgba(247,252,255,.96),rgba(240,247,255,.92) 54%,rgba(249,241,255,.92)); box-shadow:inset 0 1px rgba(255,255,255,.8); } .tla-orbit.is-dark .tla-orbit__sponsor-zone { border-top-color:rgba(93,192,255,.18); background: radial-gradient(520px 180px at 92% 0%,rgba(223,41,211,.16),transparent 70%), radial-gradient(420px 160px at 0% 100%,rgba(23,178,226,.14),transparent 72%), linear-gradient(100deg,rgba(4,11,28,.98),rgba(6,20,43,.96) 54%,rgba(22,7,40,.95)); box-shadow:inset 0 1px rgba(255,255,255,.05); } .tla-orbit__sponsor-eyebrow { font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; color:#0A90F6; writing-mode:vertical-rl; transform:rotate(180deg); } .tla-orbit__sponsor-mark { width:54px; height:54px; border-radius:16px; display:flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg,#17B2E2,#0A90F6 42%,#6E22FF 72%,#DF29D3); box-shadow:0 14px 34px rgba(10,144,246,.22),inset 0 1px rgba(255,255,255,.28); } .tla-orbit__sponsor-mark svg { width:27px; height:27px; } .tla-orbit__sponsor-copy { min-width:0; } .tla-orbit__sponsor-status { display:inline-flex; margin-bottom:4px; padding:4px 8px; border-radius:999px; font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:#6E22FF; background:rgba(110,34,255,.10); } .tla-orbit.is-dark .tla-orbit__sponsor-status { color:#d8cfff; background:rgba(110,34,255,.22); } .tla-orbit__sponsor-copy h2 { margin:0; font-size:18px; color:var(--heading); } .tla-orbit__sponsor-copy p { margin:4px 0 0; max-width:760px; font-size:12.5px; line-height:1.5; color:var(--muted); } .tla-orbit__sponsor-tag { padding:8px 11px; border:1px solid var(--line); border-radius:999px; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); background:rgba(255,255,255,.48); white-space:nowrap; } .tla-orbit.is-dark .tla-orbit__sponsor-tag { background:rgba(5,14,34,.66); } /* Compliance intelligence separation. */ .tla-orbit__compliance-register { padding-bottom:10px!important; } .tla-orbit__compliance-group { margin-top:20px; padding-top:20px; border-top:1px solid var(--line); } .tla-orbit__compliance-group:first-of-type { margin-top:8px; } .tla-orbit__compliance-group-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:14px; } .tla-orbit__compliance-group-kicker { display:block; margin-bottom:5px; font-size:10px; font-weight:800; letter-spacing:.10em; text-transform:uppercase; color:#0A90F6; } .tla-orbit__compliance-group--recommended .tla-orbit__compliance-group-kicker { color:#DF29D3; } .tla-orbit__compliance-group-head h2 { margin:0; font-size:18px; color:var(--heading); } .tla-orbit__compliance-group-head p { margin:5px 0 0; max-width:760px; font-size:12.5px; line-height:1.5; color:var(--muted); } .tla-orbit__compliance-count { flex:0 0 auto; padding:7px 10px; border-radius:999px; font-size:11px; font-weight:800; color:#0A90F6; background:rgba(10,144,246,.09); } .tla-orbit__compliance-group--recommended .tla-orbit__compliance-count { color:#B817A8; background:rgba(223,41,211,.09); } .tla-orbit.is-dark .tla-orbit__compliance-count { color:#a9dcff; background:rgba(10,144,246,.18); } .tla-orbit.is-dark .tla-orbit__compliance-group--recommended .tla-orbit__compliance-count { color:#ffb5f7; background:rgba(223,41,211,.18); } .tla-orbit__table--compliance { min-width:1180px; } .tla-orbit__applicability { display:block; min-width:220px; max-width:310px; font-size:12px; line-height:1.45; color:var(--muted); } .tla-orbit__record-icon[style] { color:#fff!important; background:linear-gradient(135deg,color-mix(in srgb,var(--record-accent) 88%,#00d9ff),color-mix(in srgb,var(--record-accent) 76%,#6E22FF))!important; } .tla-orbit__compliance-group-empty { display:flex; flex-direction:column; gap:4px; padding:18px; border:1px dashed var(--line); border-radius:14px; background:color-mix(in srgb,var(--panel) 72%,transparent); } .tla-orbit__compliance-group-empty strong { color:var(--heading); font-size:14px; } .tla-orbit__compliance-group-empty span { color:var(--muted); font-size:12.5px; } /* Upcoming reform readiness is separate from current compliance. */ .tla-orbit__readiness { margin-top:18px; padding:22px; border:1px solid rgba(110,34,255,.18); border-radius:18px; background: radial-gradient(480px 180px at 100% 0%,rgba(223,41,211,.12),transparent 72%), linear-gradient(145deg,rgba(255,255,255,.90),rgba(246,241,255,.84)); box-shadow:0 18px 52px rgba(60,38,118,.08); } .tla-orbit.is-dark .tla-orbit__readiness { border-color:rgba(174,118,255,.22); background: radial-gradient(480px 180px at 100% 0%,rgba(223,41,211,.16),transparent 72%), linear-gradient(145deg,rgba(7,15,35,.96),rgba(23,8,43,.90)); box-shadow:0 24px 68px rgba(0,0,0,.28); } .tla-orbit__readiness-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:16px; } .tla-orbit__readiness-kicker { display:block; font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; color:#6E22FF; } .tla-orbit__readiness-head h2 { margin:5px 0 5px; font-size:20px; color:var(--heading); } .tla-orbit__readiness-head p { margin:0; max-width:760px; font-size:12.5px; line-height:1.5; color:var(--muted); } .tla-orbit__readiness-badge { padding:7px 10px; border-radius:999px; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#6E22FF; background:rgba(110,34,255,.10); white-space:nowrap; } .tla-orbit__readiness-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .tla-orbit__readiness-card { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; padding:15px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.58); } .tla-orbit.is-dark .tla-orbit__readiness-card { background:rgba(4,13,32,.70); } .tla-orbit__readiness-icon { width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg,#0A90F6,#6E22FF 66%,#DF29D3); box-shadow:0 10px 24px rgba(110,34,255,.18); } .tla-orbit__readiness-icon svg { width:20px; height:20px; } .tla-orbit__readiness-status { font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:#0A90F6; } .tla-orbit__readiness-card h3 { margin:4px 0 3px; font-size:15px; color:var(--heading); } .tla-orbit__readiness-card strong { display:block; font-size:11.5px; color:#6E22FF; } .tla-orbit.is-dark .tla-orbit__readiness-card strong { color:#c6b4ff; } .tla-orbit__readiness-card p { margin:7px 0 0; font-size:12px; line-height:1.5; color:var(--muted); } @media (max-width:900px) { .tla-orbit__sponsor-zone { grid-template-columns:auto auto minmax(0,1fr); } .tla-orbit__sponsor-tag { display:none; } .tla-orbit__readiness-grid { grid-template-columns:1fr; } } @media (max-width:640px) { .tla-orbit__sponsor-zone { grid-template-columns:auto minmax(0,1fr); padding:16px; } .tla-orbit__sponsor-eyebrow { display:none; } .tla-orbit__sponsor-mark { width:46px; height:46px; } .tla-orbit__compliance-group-head, .tla-orbit__readiness-head { flex-direction:column; } } /* ========================================================================== ORBIT 0.3.0-alpha.14 - relationship management and sponsor redesign ========================================================================== */ /* Premium sponsor placement. */ .tla-orbit__sponsor-zone { position:relative; z-index:2; display:block!important; padding:20px 24px 22px!important; border-top:1px solid rgba(10,144,246,.15)!important; background:linear-gradient(180deg,rgba(244,249,255,.90),rgba(249,244,255,.94))!important; } .tla-orbit.is-dark .tla-orbit__sponsor-zone { border-top-color:rgba(95,190,255,.16)!important; background:linear-gradient(180deg,rgba(4,12,29,.94),rgba(15,6,31,.96))!important; } .tla-orbit__sponsor-card { position:relative; display:grid; grid-template-columns:minmax(220px,.78fr) minmax(360px,1.55fr) minmax(170px,.52fr); align-items:stretch; gap:0; overflow:hidden; border:1px solid rgba(10,144,246,.16); border-radius:22px; background: radial-gradient(440px 240px at 100% 0%,rgba(223,41,211,.12),transparent 68%), radial-gradient(340px 220px at 0% 100%,rgba(23,178,226,.14),transparent 70%), linear-gradient(120deg,rgba(255,255,255,.96),rgba(242,249,255,.93) 52%,rgba(250,242,255,.93)); box-shadow:0 18px 50px rgba(22,55,102,.10),inset 0 1px 0 rgba(255,255,255,.92); } .tla-orbit.is-dark .tla-orbit__sponsor-card { border-color:rgba(97,193,255,.18); background: radial-gradient(460px 260px at 100% 0%,rgba(223,41,211,.16),transparent 68%), radial-gradient(360px 220px at 0% 100%,rgba(23,178,226,.16),transparent 70%), linear-gradient(120deg,rgba(4,13,31,.98),rgba(6,22,46,.96) 52%,rgba(25,7,43,.95)); box-shadow:0 22px 64px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05); } .tla-orbit__sponsor-brand, .tla-orbit__sponsor-copy, .tla-orbit__sponsor-side { position:relative; padding:24px; } .tla-orbit__sponsor-brand { display:flex; flex-direction:column; justify-content:center; border-right:1px solid rgba(10,144,246,.12); background:linear-gradient(150deg,rgba(10,144,246,.08),rgba(110,34,255,.05)); } .tla-orbit.is-dark .tla-orbit__sponsor-brand { border-right-color:rgba(126,196,255,.13); background:linear-gradient(150deg,rgba(10,144,246,.12),rgba(110,34,255,.10)); } .tla-orbit__sponsor-eyebrow { display:block!important; writing-mode:initial!important; transform:none!important; margin:0 0 13px!important; font-size:10px!important; font-weight:800!important; letter-spacing:.12em!important; text-transform:uppercase!important; color:#0A90F6!important; } .tla-orbit__sponsor-brand-row { display:flex; align-items:center; gap:14px; } .tla-orbit__sponsor-mark { width:60px!important; height:60px!important; flex:0 0 60px; border-radius:18px!important; display:flex!important; align-items:center!important; justify-content:center!important; color:#fff!important; background:linear-gradient(135deg,#17B2E2 0%,#0A90F6 38%,#6E22FF 72%,#DF29D3 100%)!important; box-shadow:0 16px 38px rgba(10,144,246,.26),0 0 34px rgba(223,41,211,.14),inset 0 1px 0 rgba(255,255,255,.30)!important; } .tla-orbit__sponsor-mark svg { width:28px!important; height:28px!important; } .tla-orbit__sponsor-name { display:flex; flex-direction:column; min-width:0; } .tla-orbit__sponsor-name strong { font-size:17px; line-height:1.18; color:var(--heading); } .tla-orbit__sponsor-name small { margin-top:5px; font-size:12px; color:var(--muted); } .tla-orbit__sponsor-copy { display:flex; flex-direction:column; justify-content:center; min-width:0; } .tla-orbit__sponsor-status { display:inline-flex!important; align-self:flex-start; margin:0 0 9px!important; padding:5px 9px!important; border-radius:999px!important; font-size:10px!important; font-weight:800!important; letter-spacing:.08em!important; text-transform:uppercase!important; color:#6E22FF!important; background:rgba(110,34,255,.10)!important; } .tla-orbit.is-dark .tla-orbit__sponsor-status { color:#d9ceff!important; background:rgba(110,34,255,.22)!important; } .tla-orbit__sponsor-copy h2 { margin:0!important; max-width:760px; font-size:21px!important; line-height:1.22; color:var(--heading)!important; } .tla-orbit__sponsor-copy p { margin:8px 0 0!important; max-width:800px!important; font-size:13px!important; line-height:1.58!important; color:var(--muted)!important; } .tla-orbit__sponsor-benefits { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; } .tla-orbit__sponsor-benefits span { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid rgba(10,144,246,.12); border-radius:999px; background:rgba(255,255,255,.58); font-size:11px; font-weight:700; color:var(--text); } .tla-orbit.is-dark .tla-orbit__sponsor-benefits span { background:rgba(5,16,37,.64); border-color:rgba(109,194,255,.14); } .tla-orbit__sponsor-benefits svg { width:13px; height:13px; color:#14B87A; } .tla-orbit__sponsor-side { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; border-left:1px solid rgba(110,34,255,.11); background:linear-gradient(145deg,rgba(110,34,255,.055),rgba(223,41,211,.055)); } .tla-orbit.is-dark .tla-orbit__sponsor-side { border-left-color:rgba(169,132,255,.13); background:linear-gradient(145deg,rgba(110,34,255,.10),rgba(223,41,211,.08)); } .tla-orbit__sponsor-tag { display:inline-flex!important; margin:0 0 12px!important; padding:6px 9px!important; border:1px solid var(--line)!important; border-radius:999px!important; font-size:9px!important; font-weight:800!important; letter-spacing:.08em!important; text-transform:uppercase!important; color:var(--muted)!important; background:rgba(255,255,255,.48)!important; white-space:normal!important; } .tla-orbit.is-dark .tla-orbit__sponsor-tag { background:rgba(5,14,34,.66)!important; } .tla-orbit__sponsor-side strong { font-size:16px; color:var(--heading); } .tla-orbit__sponsor-side small { margin-top:5px; font-size:11.5px; color:var(--muted); } /* People-to-property relationship controls. */ .tla-orbit__person-scope { margin:4px 0 18px; padding:18px; border:1px solid color-mix(in srgb,#0A90F6 20%,var(--line)); border-radius:17px; background:linear-gradient(145deg,rgba(10,144,246,.055),rgba(110,34,255,.035)); } .tla-orbit.is-dark .tla-orbit__person-scope { background:linear-gradient(145deg,rgba(10,144,246,.09),rgba(110,34,255,.08)); } .tla-orbit__person-scope-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:14px; } .tla-orbit__person-scope-head h3 { margin:0; font-size:15px; color:var(--heading); } .tla-orbit__person-scope-head p { margin:4px 0 0; font-size:12.5px; line-height:1.5; color:var(--muted); } .tla-orbit__person-scope-head > span { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:11px; color:#0A90F6; background:rgba(10,144,246,.10); } .tla-orbit__person-scope-head svg { width:19px; height:19px; } .tla-orbit__scope-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:13px; } .tla-orbit__scope-option { position:relative; display:flex; align-items:flex-start; gap:10px; padding:13px; border:1px solid var(--line); border-radius:13px; background:var(--panel); cursor:pointer; transition:border-color .15s,box-shadow .15s,transform .15s; } .tla-orbit__scope-option:hover { border-color:rgba(10,144,246,.30); transform:translateY(-1px); } .tla-orbit__scope-option:has(input:checked) { border-color:#0A90F6; box-shadow:0 0 0 3px rgba(10,144,246,.09); } .tla-orbit__scope-option.is-disabled { opacity:.48; cursor:not-allowed; } .tla-orbit__scope-option input { margin-top:2px; accent-color:#0A90F6; } .tla-orbit__scope-option span { display:flex; flex-direction:column; } .tla-orbit__scope-option strong { font-size:13px; color:var(--heading); } .tla-orbit__scope-option small { margin-top:3px; font-size:11.5px; color:var(--muted); } .tla-orbit__property-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-height:245px; overflow:auto; padding:3px; } .tla-orbit__property-check { display:flex; align-items:flex-start; gap:9px; padding:11px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.56); cursor:pointer; } .tla-orbit.is-dark .tla-orbit__property-check { background:rgba(7,18,40,.66); } .tla-orbit__property-check:has(input:checked) { border-color:rgba(110,34,255,.42); background:rgba(110,34,255,.07); } .tla-orbit__property-check input { margin-top:2px; accent-color:#6E22FF; } .tla-orbit__property-check span { display:flex; flex-direction:column; min-width:0; } .tla-orbit__property-check strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12.5px; color:var(--heading); } .tla-orbit__property-check small { margin-top:3px; font-size:11px; color:var(--muted); } .tla-orbit__contact-method { display:inline-flex; padding:6px 9px; border-radius:999px; background:rgba(23,178,226,.10); color:#087ca0; font-size:11px; font-weight:800; white-space:nowrap; } .tla-orbit.is-dark .tla-orbit__contact-method { color:#8beaff; background:rgba(23,178,226,.16); } .tla-orbit[data-orbit-active-facet="people"] .tla-orbit__table { min-width:1180px; } /* Property workspace relationship list. */ .tla-orbit__property-people { margin-top:18px; } .tla-orbit__relationship-list { display:flex; flex-direction:column; } .tla-orbit__relationship-person { display:grid; grid-template-columns:auto minmax(180px,1fr) minmax(180px,.8fr) auto; align-items:center; gap:13px; padding:13px 0; border-top:1px solid var(--line); } .tla-orbit__relationship-person:first-child { border-top:0; } .tla-orbit__relationship-main, .tla-orbit__relationship-contact { display:flex; flex-direction:column; min-width:0; } .tla-orbit__relationship-main strong, .tla-orbit__relationship-contact strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13.5px; color:var(--heading); } .tla-orbit__relationship-main small, .tla-orbit__relationship-contact small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px; font-size:11.5px; color:var(--muted); } @media (max-width:1100px) { .tla-orbit__sponsor-card { grid-template-columns:minmax(210px,.8fr) minmax(320px,1.5fr); } .tla-orbit__sponsor-side { grid-column:1 / -1; flex-direction:row; align-items:center; gap:12px; border-left:0; border-top:1px solid var(--line); padding:14px 24px; } .tla-orbit__sponsor-side .tla-orbit__sponsor-tag { margin:0!important; } .tla-orbit__sponsor-side small { margin:0; } } @media (max-width:760px) { .tla-orbit__sponsor-zone { padding:14px!important; } .tla-orbit__sponsor-card { grid-template-columns:1fr; } .tla-orbit__sponsor-brand { border-right:0; border-bottom:1px solid var(--line); } .tla-orbit__sponsor-side { grid-column:auto; flex-direction:column; align-items:flex-start; border-top:1px solid var(--line); } .tla-orbit__sponsor-brand, .tla-orbit__sponsor-copy, .tla-orbit__sponsor-side { padding:18px; } .tla-orbit__scope-options, .tla-orbit__property-picker { grid-template-columns:1fr; } .tla-orbit__relationship-person { grid-template-columns:auto minmax(0,1fr) auto; } .tla-orbit__relationship-contact { grid-column:2 / -1; } } .tla-orbit__contact-actions { display:flex; align-items:center; gap:8px; margin-top:7px; } .tla-orbit__contact-action { display:inline-flex; align-items:center; justify-content:center; padding:5px 8px; border:1px solid rgba(10,144,246,.18); border-radius:999px; font-size:10.5px; font-weight:800; line-height:1; text-decoration:none; color:#0A90F6; background:rgba(10,144,246,.06); } .tla-orbit__contact-action:hover, .tla-orbit__contact-action:focus-visible { color:#fff; background:linear-gradient(105deg,#0A90F6,#6E22FF 72%,#DF29D3); border-color:transparent; } .tla-orbit.is-dark .tla-orbit__contact-action { color:#8beaff; background:rgba(23,178,226,.11); border-color:rgba(126,222,255,.17); } /* ========================================================================== ORBIT 0.3.0-alpha.16 - elite platform foundation ========================================================================== */ .tla-orbit__module-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:-4px 0 18px; padding:14px 16px; border:1px solid var(--line); border-radius:16px; background:color-mix(in srgb,var(--panel) 84%,transparent); box-shadow:var(--panel-shadow); } .tla-orbit__module-actions > div { display:flex; flex-direction:column; min-width:86px; } .tla-orbit__module-actions > div strong { color:var(--heading); font-size:21px; line-height:1; } .tla-orbit__module-actions > div span { margin-top:4px; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.06em; } .tla-orbit__module-actions > .tla-orbit__btn { margin-left:auto; } .tla-orbit__thread-list { display:flex; flex-direction:column; gap:16px; } .tla-orbit__thread { border:1px solid var(--line); border-radius:18px; background:color-mix(in srgb,var(--panel) 92%,transparent); box-shadow:var(--panel-shadow); overflow:hidden; } .tla-orbit__thread > header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px 20px; border-bottom:1px solid var(--line); background:linear-gradient(135deg,color-mix(in srgb,#0A90F6 8%,var(--panel)),color-mix(in srgb,#6E22FF 5%,var(--panel))); } .tla-orbit__thread > header h3 { margin:5px 0 4px; color:var(--heading); font-size:17px; } .tla-orbit__thread > header p { margin:0; color:var(--muted); font-size:12px; } .tla-orbit__thread-type { color:#0A90F6; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.09em; } .tla-orbit__thread-controls { display:flex; align-items:center; gap:8px; } .tla-orbit__thread-controls select { min-width:145px; padding:8px 10px; border:1px solid var(--line); border-radius:10px; color:var(--text); background:var(--panel); } .tla-orbit__priority { display:inline-flex; padding:5px 8px; border-radius:999px; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; background:var(--panel-2); color:var(--muted); } .tla-orbit__priority--high { background:rgba(245,158,11,.15); color:#b76c00; } .tla-orbit__priority--critical { background:rgba(220,38,38,.14); color:#c51b30; } .tla-orbit__priority--low { background:rgba(20,184,122,.12); color:#0f8a5b; } .tla-orbit.is-dark .tla-orbit__priority--high { color:#ffd079; } .tla-orbit.is-dark .tla-orbit__priority--critical { color:#ff9ca9; } .tla-orbit.is-dark .tla-orbit__priority--low { color:#74e6b5; } .tla-orbit__message-list { max-height:420px; overflow:auto; padding:4px 20px; } .tla-orbit__message { padding:14px 0; border-top:1px solid var(--line); } .tla-orbit__message:first-child { border-top:0; } .tla-orbit__message-meta { display:flex; justify-content:space-between; gap:12px; } .tla-orbit__message-meta strong { color:var(--heading); font-size:12px; } .tla-orbit__message-meta time { color:var(--muted); font-size:11px; } .tla-orbit__message p { margin:7px 0 0; color:var(--text); font-size:13.5px; line-height:1.6; white-space:pre-wrap; } .tla-orbit__thread-reply { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:end; padding:14px 20px 18px; border-top:1px solid var(--line); background:color-mix(in srgb,var(--panel-2) 65%,transparent); } .tla-orbit__thread-reply textarea { min-height:58px; resize:vertical; padding:11px 12px; border:1px solid var(--line); border-radius:12px; color:var(--text); background:var(--panel); font:inherit; } .tla-orbit__automation-card { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:18px; padding:20px 22px; border:1px solid color-mix(in srgb,#6E22FF 22%,var(--line)); border-radius:18px; background:linear-gradient(135deg,color-mix(in srgb,#0A90F6 8%,var(--panel)),color-mix(in srgb,#6E22FF 7%,var(--panel)),color-mix(in srgb,#DF29D3 5%,var(--panel))); box-shadow:var(--panel-shadow); } .tla-orbit__automation-copy h2 { margin:7px 0 6px; color:var(--heading); font-size:18px; } .tla-orbit__automation-copy p { margin:0; color:var(--muted); font-size:12.5px; line-height:1.55; } .tla-orbit__automation-stats { display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; } .tla-orbit__automation-stats span { display:inline-flex; gap:5px; align-items:center; padding:7px 9px; border:1px solid var(--line); border-radius:10px; background:color-mix(in srgb,var(--panel) 70%,transparent); color:var(--muted); font-size:11px; } .tla-orbit__automation-stats strong { color:var(--heading); } .tla-orbit__module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-bottom:18px; } .tla-orbit__maintenance-list { display:flex; flex-direction:column; gap:12px; } .tla-orbit__maintenance-card { padding:16px; border:1px solid var(--line); border-radius:15px; background:color-mix(in srgb,var(--panel-2) 56%,transparent); } .tla-orbit__maintenance-top { display:flex; align-items:center; justify-content:space-between; gap:10px; } .tla-orbit__maintenance-card h3 { margin:11px 0 4px; color:var(--heading); font-size:15px; } .tla-orbit__maintenance-card p:not(.tla-orbit__muted) { margin:10px 0 0; color:var(--text); font-size:12.5px; line-height:1.55; } .tla-orbit__status-chip { display:inline-flex; padding:5px 8px; border-radius:999px; background:rgba(10,144,246,.10); color:#0A90F6; font-size:10px; font-weight:800; } .tla-orbit__row-actions { display:flex; gap:10px; margin-top:12px; } .tla-orbit__compact-table { width:100%; } .tla-orbit__compact-head, .tla-orbit__compact-row { display:grid; grid-template-columns:minmax(160px,1.3fr) repeat(3,minmax(95px,.7fr)); gap:12px; align-items:center; padding:11px 0; border-top:1px solid var(--line); } .tla-orbit__compact-head { border-top:0; padding-top:0; color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; } .tla-orbit__compact-row > span { display:flex; flex-direction:column; min-width:0; color:var(--text); font-size:12px; } .tla-orbit__compact-row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--heading); font-size:12.5px; } .tla-orbit__compact-row small { margin-top:3px; color:var(--muted); font-size:10.5px; } .tla-orbit__finance-kpis { display:grid; grid-template-columns:repeat(4,minmax(130px,1fr)) auto; gap:12px; margin-bottom:18px; } .tla-orbit__finance-kpis > div { padding:15px; border:1px solid var(--line); border-radius:15px; background:color-mix(in srgb,var(--panel) 88%,transparent); box-shadow:var(--panel-shadow); } .tla-orbit__finance-kpis span { display:block; color:var(--muted); font-size:11px; } .tla-orbit__finance-kpis strong { display:block; margin-top:5px; color:var(--heading); font-size:20px; } .tla-orbit__finance-kpis .tla-orbit__btn { align-self:stretch; } .tla-orbit__restricted { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:320px; padding:36px; text-align:center; border:1px solid var(--line); border-radius:18px; background:var(--panel); } .tla-orbit__restricted svg { width:38px; height:38px; color:#6E22FF; } .tla-orbit__restricted h2 { margin:14px 0 5px; color:var(--heading); } .tla-orbit__restricted p { margin:0; color:var(--muted); } .tla-orbit__wizard-intro { display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; padding:14px; border:1px solid rgba(10,144,246,.16); border-radius:14px; background:rgba(10,144,246,.06); } .tla-orbit__wizard-intro > span { width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; border-radius:50%; color:#fff; background:linear-gradient(135deg,#0A90F6,#6E22FF); font-weight:800; } .tla-orbit__wizard-intro strong { color:var(--heading); } .tla-orbit__wizard-intro p { margin:3px 0 0; color:var(--muted); font-size:12px; } .tla-orbit__checkline { display:flex; align-items:flex-start; gap:10px; margin-top:12px; padding:14px; border:1px solid rgba(220,38,38,.18); border-radius:13px; background:rgba(220,38,38,.05); cursor:pointer; } .tla-orbit__checkline input { margin-top:3px; accent-color:#dc2626; } .tla-orbit__checkline span { display:flex; flex-direction:column; } .tla-orbit__checkline strong { color:var(--heading); } .tla-orbit__checkline small { margin-top:3px; color:var(--muted); font-size:11.5px; line-height:1.45; } .tla-orbit__integration-note { margin-top:12px; padding:12px; border:1px solid var(--line); border-radius:12px; color:var(--muted); background:var(--panel-2); font-size:11.5px; } .tla-orbit__integration-note code { color:#6E22FF; } @media (max-width:1100px) { .tla-orbit__finance-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } .tla-orbit__finance-kpis .tla-orbit__btn { grid-column:1 / -1; } } @media (max-width:900px) { .tla-orbit__module-grid { grid-template-columns:1fr; } .tla-orbit__automation-card { align-items:flex-start; flex-direction:column; } .tla-orbit__thread > header { flex-direction:column; } } @media (max-width:700px) { .tla-orbit__module-actions > .tla-orbit__btn { width:100%; margin-left:0; } .tla-orbit__thread-reply { grid-template-columns:1fr; } .tla-orbit__compact-head { display:none; } .tla-orbit__compact-row { grid-template-columns:1fr 1fr; padding:14px 0; } .tla-orbit__finance-kpis { grid-template-columns:1fr; } } /* ========================================================================== ORBIT 0.3.0-alpha.16 - elite platform foundation Multi-role collaboration, predictive cadence, maintenance evidence, finance, lifecycle and provider-ready integration surfaces. ========================================================================== */ .tla-orbit__role-command { display:flex; align-items:center; justify-content:space-between; gap:22px; margin:0 0 18px; padding:20px 22px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(125deg,rgba(255,255,255,.90),rgba(240,248,255,.78) 62%,rgba(247,239,255,.76)); box-shadow:0 16px 46px rgba(35,62,104,.07); } .tla-orbit.is-dark .tla-orbit__role-command { background:linear-gradient(125deg,rgba(5,15,36,.94),rgba(7,24,50,.84) 62%,rgba(25,8,45,.80)); border-color:rgba(111,190,255,.16); box-shadow:0 24px 60px rgba(0,0,0,.30); } .tla-orbit__role-command h2 { margin:7px 0 6px; color:var(--heading); font-size:20px; line-height:1.2; } .tla-orbit__role-command p { margin:0; color:var(--muted); font-size:13.5px; line-height:1.55; max-width:760px; } .tla-orbit__role-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; flex:0 0 auto; } .tla-orbit__thread-attach { position:relative; display:inline-flex; align-items:center; cursor:pointer; } .tla-orbit__thread-attach input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; } .tla-orbit__thread-attach span { display:inline-flex; align-items:center; gap:6px; padding:9px 11px; border:1px solid var(--line); border-radius:10px; color:var(--text); background:var(--panel-2); font-size:12.5px; font-weight:700; } .tla-orbit__thread-attach span:hover { border-color:rgba(10,144,246,.36); color:#0A90F6; } .tla-orbit__thread-attach svg { width:15px; height:15px; } .tla-orbit__parse-card { margin-bottom:18px; } .tla-orbit__parse-list { margin-top:14px; border-top:1px solid var(--line); } .tla-orbit__parse-row { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(110px,auto); gap:12px; align-items:center; padding:10px 0; border-bottom:1px solid var(--line); color:var(--text); font-size:12.5px; } .tla-orbit__parse-row strong,.tla-orbit__parse-row small { display:block; } .tla-orbit__parse-row small { color:var(--muted); margin-top:2px; } .tla-orbit__checkline[data-approved-contractor-wrap] { margin:12px 0 18px; border-color:rgba(10,144,246,.24); background:linear-gradient(120deg,rgba(10,144,246,.07),rgba(110,34,255,.06)); } @media (max-width:900px) { .tla-orbit__role-command { align-items:flex-start; flex-direction:column; } .tla-orbit__role-actions { justify-content:flex-start; } } @media (max-width:640px) { .tla-orbit__parse-row { grid-template-columns:1fr; } .tla-orbit__thread-reply { align-items:stretch; } .tla-orbit__thread-attach span { width:100%; justify-content:center; } } .tla-orbit__audit-card { margin-bottom:18px; } .tla-orbit__integrity { display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border-radius:999px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; } .tla-orbit__integrity svg { width:15px; height:15px; } .tla-orbit__integrity--valid { color:#08744d; background:rgba(20,184,122,.12); border:1px solid rgba(20,184,122,.22); } .tla-orbit__integrity--broken { color:#b42318; background:rgba(214,50,75,.11); border:1px solid rgba(214,50,75,.22); } .tla-orbit.is-dark .tla-orbit__integrity--valid { color:#6ee7b7; } .tla-orbit.is-dark .tla-orbit__integrity--broken { color:#fda4af; } .tla-orbit__audit-list { margin-top:14px; border-top:1px solid var(--line); max-height:430px; overflow:auto; } .tla-orbit__audit-row { display:grid; grid-template-columns:10px minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px 0; border-bottom:1px solid var(--line); } .tla-orbit__audit-dot { width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,#17B2E2,#6E22FF,#DF29D3); box-shadow:0 0 14px rgba(110,34,255,.30); } .tla-orbit__audit-row strong,.tla-orbit__audit-row small { display:block; } .tla-orbit__audit-row strong { color:var(--heading); font-size:13px; } .tla-orbit__audit-row small,.tla-orbit__audit-row time { color:var(--muted); font-size:11.5px; } /* Alpha 15 wizard, work-order and invoice interaction refinements. */ .tla-orbit__role-command { display:flex; } .tla-orbit__wizard-progress { display:grid; grid-template-columns:auto 1fr auto 1fr auto; align-items:center; gap:10px; margin:0 0 20px; padding:0 4px; } .tla-orbit__wizard-progress span { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid var(--line); background:var(--panel-2); color:var(--muted); font-size:12px; font-weight:800; transition:.18s ease; } .tla-orbit__wizard-progress span.is-active { color:#fff; border-color:transparent; background:linear-gradient(135deg,#17B2E2,#0A90F6 38%,#6E22FF 74%,#DF29D3); box-shadow:0 8px 24px rgba(10,144,246,.22); } .tla-orbit__wizard-progress i { height:2px; border-radius:999px; background:linear-gradient(90deg,rgba(10,144,246,.32),rgba(110,34,255,.16)); } .tla-orbit__wizard [data-orbit-wizard-step] { animation:orbitWizardIn .18s ease both; } @keyframes orbitWizardIn { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } } .tla-orbit__wizard-nav { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; margin-top:20px; padding-top:16px; border-top:1px solid var(--line); } .tla-orbit__wizard-nav [data-wizard-back] { justify-self:start; } .tla-orbit__wizard-nav [data-wizard-next] { justify-self:end; } .tla-orbit__wizard-nav [data-wizard-label] { color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; } .tla-orbit__deposit-result { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:4px 0 16px; padding:16px 18px; border:1px solid rgba(10,144,246,.18); border-radius:15px; background:linear-gradient(120deg,rgba(23,178,226,.08),rgba(110,34,255,.07),rgba(223,41,211,.05)); } .tla-orbit__deposit-result span { color:var(--muted); font-size:12px; font-weight:700; } .tla-orbit__deposit-result strong { color:var(--heading); font-size:24px; } .tla-orbit__inline-actions { display:flex!important; flex-direction:row!important; align-items:center; gap:10px; flex-wrap:wrap; } .tla-orbit__inline-actions .tla-orbit__textbtn, .tla-orbit__inline-actions a.tla-orbit__textbtn { min-height:30px; display:inline-flex; align-items:center; padding:5px 0; } @media (max-width:700px) { .tla-orbit__wizard-nav { grid-template-columns:1fr 1fr; } .tla-orbit__wizard-nav [data-wizard-label] { grid-column:1 / -1; grid-row:1; text-align:center; } .tla-orbit__wizard-nav [data-wizard-back] { grid-column:1; } .tla-orbit__wizard-nav [data-wizard-next] { grid-column:2; } } /* ========================================================================== ORBIT 0.3.0-alpha.16 - reliable property controls and auditable TLA Support intervention. Existing member conversations remain private until support is explicitly requested. ========================================================================== */ /* The portfolio selector is an operational control, not decoration. Keep it above every background, glow and Elementor layer with a full hit target. */ .tla-orbit__top { isolation:isolate; z-index:60!important; overflow:visible!important; } .tla-orbit__tabs { position:relative!important; z-index:61!important; pointer-events:auto!important; isolation:isolate; } .tla-orbit__tab, .tla-orbit__tab * { pointer-events:auto!important; touch-action:manipulation; user-select:none; -webkit-user-select:none; } .tla-orbit__tab { position:relative!important; z-index:62!important; cursor:pointer!important; } .tla-orbit__top::before, .tla-orbit__top::after, .tla-orbit__tabs::before, .tla-orbit__tabs::after { pointer-events:none!important; } /* Noticeboard mode switcher */ .tla-orbit__notice-modes { display:inline-flex; align-items:center; gap:4px; margin:0 0 14px; padding:4px; border:1px solid var(--line); border-radius:13px; background:color-mix(in srgb,var(--panel) 84%,transparent); } .tla-orbit__notice-modes button { display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:8px 13px; border:0; border-radius:9px; background:transparent; color:var(--muted); font:750 12.5px/1 inherit; font-family:inherit; cursor:pointer; } .tla-orbit__notice-modes button:hover, .tla-orbit__notice-modes button:focus-visible { color:var(--heading); } .tla-orbit__notice-modes button.is-active { background:linear-gradient(100deg,#0A90F6,#6E22FF 72%,#DF29D3); color:#fff; box-shadow:0 8px 22px rgba(110,34,255,.18); } .tla-orbit__notice-modes button span { display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 6px; border-radius:999px; background:rgba(255,255,255,.18); font-size:10px; } .tla-orbit__workspace-chip { display:inline-flex; align-items:center; margin:0 8px 7px 0; padding:5px 9px; border-radius:999px; background:rgba(10,144,246,.10); color:#087acb; font-size:10px; font-weight:800; letter-spacing:.045em; text-transform:uppercase; } .tla-orbit.is-dark .tla-orbit__workspace-chip { background:rgba(23,178,226,.13); color:#75ddff; } .tla-orbit__support-request, .tla-orbit__support-join, .tla-orbit__support-state { display:flex; align-items:center; gap:12px; margin:0 18px 14px; padding:12px 14px; border:1px solid rgba(10,144,246,.18); border-radius:14px; background:linear-gradient(100deg,rgba(10,144,246,.075),rgba(110,34,255,.055),rgba(223,41,211,.045)); } .tla-orbit__support-request > span:first-child { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; flex:0 0 auto; border-radius:11px; background:linear-gradient(135deg,#17B2E2,#0A90F6 45%,#6E22FF 76%,#DF29D3); color:#fff; } .tla-orbit__support-request > span:first-child svg { width:18px; height:18px; } .tla-orbit__support-request > div, .tla-orbit__support-join > div { flex:1; min-width:0; } .tla-orbit__support-request strong, .tla-orbit__support-join strong { display:block; color:var(--heading); font-size:13px; } .tla-orbit__support-request small, .tla-orbit__support-join small { display:block; margin-top:3px; color:var(--muted); font-size:11px; line-height:1.45; } .tla-orbit__support-request .tla-orbit__textbtn { color:#0A90F6; white-space:nowrap; } .tla-orbit__support-join select, .tla-orbit__support-identity select { min-height:38px; padding:8px 32px 8px 10px; border:1px solid var(--line); border-radius:10px; background:var(--panel); color:var(--text); font:650 12px/1 inherit; font-family:inherit; } .tla-orbit__support-state { justify-content:space-between; } .tla-orbit__support-state span { display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; font-size:11px; font-weight:800; } .tla-orbit__support-state span.is-requested { background:rgba(245,158,11,.13); color:#b66d00; } .tla-orbit__support-state span.is-joined { background:rgba(20,184,122,.13); color:#087a50; } .tla-orbit.is-dark .tla-orbit__support-state span.is-requested { color:#ffd17b; } .tla-orbit.is-dark .tla-orbit__support-state span.is-joined { color:#75f0bd; } .tla-orbit__support-identity { display:flex; align-items:center; gap:8px; min-width:190px; } .tla-orbit__support-identity > span { color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; } .tla-orbit__message--support { border-left:3px solid #0A90F6; background:linear-gradient(100deg,rgba(10,144,246,.06),rgba(110,34,255,.045)); } .tla-orbit__message--support .tla-orbit__message-meta strong { background:linear-gradient(90deg,#0A90F6,#6E22FF 60%,#DF29D3); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; } @media (max-width:760px) { .tla-orbit__notice-modes { display:flex; width:100%; } .tla-orbit__notice-modes button { flex:1; justify-content:center; } .tla-orbit__support-request, .tla-orbit__support-join, .tla-orbit__support-state { align-items:stretch; flex-direction:column; } .tla-orbit__support-join select, .tla-orbit__support-join .tla-orbit__btn, .tla-orbit__support-request .tla-orbit__textbtn { width:100%; } .tla-orbit__support-identity { width:100%; } .tla-orbit__support-identity select { flex:1; } } /* ORBIT 0.3.0-alpha.18 syntax hotfix: visible fallback only when the external application script cannot complete booting. */ .tla-orbit__boot-fallback { display:block; opacity:0; visibility:hidden; pointer-events:none; position:absolute; z-index:20; top:118px; left:calc(50% + 110px); transform:translateX(-50%); width:min(620px,calc(100% - 300px)); padding:16px 18px; border:1px solid rgba(214,50,75,.28); border-radius:14px; background:rgba(255,244,246,.96); box-shadow:0 18px 50px rgba(90,20,35,.14); color:#9f1239; } .tla-orbit__boot-fallback strong, .tla-orbit__boot-fallback span { display:block; } .tla-orbit__boot-fallback span { margin-top:4px; font-size:13px; line-height:1.45; } .tla-orbit__boot-fallback.is-visible { opacity:1; visibility:visible; pointer-events:auto; } .tla-orbit:not(.tla-orbit--booted) .tla-orbit__boot-fallback { animation:tla-orbit-reveal-boot-error 0s linear 8s forwards; } .tla-orbit.tla-orbit--booted .tla-orbit__boot-fallback { display:none!important; animation:none!important; } .tla-orbit__noscript { padding:18px; text-align:center; color:#9f1239; background:#fff1f2; } @keyframes tla-orbit-reveal-boot-error { to { opacity:1; visibility:visible; } } @media (max-width:760px) { .tla-orbit__boot-fallback { left:16px; right:16px; top:96px; width:auto; transform:none; } } /* ===================================================================== ORBIT Patch A — alpha.23 UX fixes (appended; intentionally last so it wins the cascade). Scope: logo size, plain version label, tighter rail with full-row click, button hover contrast, modal close de-bleed. ===================================================================== */ /* Larger, more prominent ORBIT logo in the rail */ .tla-orbit__rail-logo { max-width:100%!important; } .tla-orbit__rail-logo img { max-height:88px!important; width:100%!important; } .tla-orbit__brandblock { padding-top:22px; padding-bottom:16px; } /* Version label: simple/plain/basic. Hide the long descriptor, keep a clean build tag. */ .tla-orbit__version { display:none!important; } .tla-orbit__build { display:inline-block; margin-top:10px; font-size:11px; font-weight:700; letter-spacing:.05em; color:var(--muted); opacity:.9; } /* Left rail: tighter rows, icon + label on one line, whole row clickable. */ .tla-orbit__navitem { min-height:0!important; padding:9px 12px!important; gap:10px!important; align-items:center!important; width:100%!important; } .tla-orbit__navitem .tla-orbit__navcopy { display:flex!important; flex-direction:row!important; align-items:center!important; min-width:0; pointer-events:none; /* clicks fall through to the button */ } .tla-orbit__navitem .tla-orbit__navcopy small { display:none!important; } .tla-orbit__navitem .tla-orbit__navlabel { font-size:13.5px; font-weight:650; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .tla-orbit__navitem .tla-orbit__navicon { flex:0 0 auto; pointer-events:none; } /* Button hover contrast — never light-on-light or dark-on-dark. */ .tla-orbit:not(.is-dark) .tla-orbit__btn--ghost, .tla-orbit:not(.is-dark) .tla-orbit__btn--ghost:hover, .tla-orbit:not(.is-dark) .tla-orbit__table-action, .tla-orbit:not(.is-dark) .tla-orbit__table-action:hover { color:#0c1424!important; -webkit-text-fill-color:#0c1424!important; } .tla-orbit.is-dark .tla-orbit__btn--ghost, .tla-orbit.is-dark .tla-orbit__btn--ghost:hover, .tla-orbit.is-dark .tla-orbit__table-action, .tla-orbit.is-dark .tla-orbit__table-action:hover { color:#eef4ff!important; -webkit-text-fill-color:#eef4ff!important; } .tla-orbit__btn--primary, .tla-orbit__btn--primary:hover, .tla-orbit__btn--primary:focus-visible { color:#fff!important; -webkit-text-fill-color:#fff!important; } /* Modal close: stop global TLA/Elementor button styles bleeding into the dialog (the full-width pink bar over the title). Force a small circle and give the title room so they never overlap. */ dialog.tla-orbit__modal .tla-orbit__modal-close, .tla-orbit__modal .tla-orbit__modal-close { position:absolute!important; top:14px!important; right:16px!important; width:38px!important; height:38px!important; min-width:0!important; max-width:38px!important; flex:0 0 auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0!important; margin:0!important; border:0!important; border-radius:50%!important; background:transparent!important; background-image:none!important; color:var(--muted)!important; -webkit-text-fill-color:currentColor!important; font-size:26px!important; font-weight:400!important; line-height:1!important; box-shadow:none!important; text-shadow:none!important; } dialog.tla-orbit__modal .tla-orbit__modal-close:hover, .tla-orbit__modal .tla-orbit__modal-close:hover { background:rgba(120,140,170,.18)!important; color:var(--heading)!important; } dialog.tla-orbit__modal .tla-orbit__modal-card > h2, dialog.tla-orbit__modal [data-orbit-modal-title], .tla-orbit__modal [data-orbit-modal-title] { padding-right:54px!important; margin-top:0!important; } /* ORBIT alpha.24 click-path fix. The base modal rule used display:flex on a native . That author rule overrode the browser's closed-dialog display:none behaviour, leaving an invisible modal card above the property tabs and command-centre controls. Closed dialogs are now removed from hit testing; open dialogs retain normal top-layer interaction. */ dialog.tla-orbit__modal:not([open]) { display:none!important; visibility:hidden!important; pointer-events:none!important; } dialog.tla-orbit__modal[open] { display:block!important; visibility:visible!important; pointer-events:auto!important; } /* ===================================================================== ORBIT 0.3.0-alpha.25 - low-risk UX stabilisation. Presentation only: no application state or business logic is changed. ===================================================================== */ /* Keep the wordmark prominent, correctly proportioned and immune to theme image sizing rules. */ .tla-orbit__brandblock { padding:20px 18px 14px!important; } .tla-orbit__rail-logo { display:block!important; width:min(100%,216px)!important; max-width:216px!important; line-height:0!important; } .tla-orbit__rail-logo img { display:block!important; width:100%!important; height:auto!important; max-width:100%!important; max-height:none!important; object-fit:contain!important; object-position:left center!important; } .tla-orbit__build { display:inline-block!important; margin:9px 0 0!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; font-size:11px!important; font-weight:700!important; line-height:1.25!important; letter-spacing:.04em!important; text-transform:none!important; color:var(--muted)!important; opacity:.92; } /* Dense, stable rail rows. Every descendant ignores pointer input so the button remains the single full-row hit target. */ .tla-orbit__nav { padding:10px 10px 14px!important; gap:10px!important; } .tla-orbit__nav-group { gap:3px!important; } .tla-orbit__nav-group-label, .tla-orbit__rail-tools-label { padding:0 8px 4px!important; } .tla-orbit .tla-orbit__navitem, .tla-orbit .tla-orbit__navitem:hover, .tla-orbit .tla-orbit__navitem:focus, .tla-orbit .tla-orbit__navitem:active { position:relative!important; display:flex!important; align-items:center!important; width:100%!important; min-width:0!important; min-height:42px!important; padding:6px 8px!important; gap:9px!important; transform:none!important; translate:none!important; cursor:pointer!important; touch-action:manipulation; user-select:none; -webkit-user-select:none; } .tla-orbit .tla-orbit__navitem--compact, .tla-orbit .tla-orbit__navitem--compact:hover, .tla-orbit .tla-orbit__navitem--compact:focus { min-height:36px!important; padding:4px 8px!important; } .tla-orbit__navitem > *, .tla-orbit__navitem svg { pointer-events:none!important; } .tla-orbit__navitem .tla-orbit__navicon { width:31px!important; height:31px!important; flex:0 0 31px!important; padding:7px!important; border-radius:9px!important; } .tla-orbit__navitem--compact .tla-orbit__navicon { width:28px!important; height:28px!important; flex-basis:28px!important; padding:6px!important; } .tla-orbit__navitem .tla-orbit__navcopy { flex:1 1 auto!important; min-width:0!important; } .tla-orbit__navitem .tla-orbit__navlabel { display:block!important; max-width:100%!important; font-size:13.25px!important; font-weight:680!important; line-height:1.2!important; } .tla-orbit__navitem--compact .tla-orbit__navlabel { font-size:12.5px!important; } .tla-orbit .tla-orbit__navitem:focus-visible { outline:3px solid color-mix(in srgb,var(--facet-accent) 34%,transparent)!important; outline-offset:1px!important; } /* Explicit interaction contrast. These declarations intentionally sit after theme-bleed armour and external Elementor/TLA button rules. */ .tla-orbit .tla-orbit__btn, .tla-orbit .tla-orbit__tab, .tla-orbit .tla-orbit__table-action, .tla-orbit .tla-orbit__textbtn { touch-action:manipulation; } .tla-orbit .tla-orbit__btn:focus-visible, .tla-orbit .tla-orbit__tab:focus-visible, .tla-orbit .tla-orbit__table-action:focus-visible, .tla-orbit .tla-orbit__textbtn:focus-visible { outline:3px solid color-mix(in srgb,var(--orbit-active-accent) 36%,transparent)!important; outline-offset:2px!important; } .tla-orbit:not(.is-dark) .tla-orbit__btn--ghost:hover, .tla-orbit:not(.is-dark) .tla-orbit__btn--ghost:focus-visible, .tla-orbit:not(.is-dark) .tla-orbit__table-action:hover, .tla-orbit:not(.is-dark) .tla-orbit__table-action:focus-visible { background:#ffffff!important; color:#0b1220!important; -webkit-text-fill-color:#0b1220!important; border-color:rgba(15,23,42,.24)!important; } .tla-orbit.is-dark .tla-orbit__btn--ghost:hover, .tla-orbit.is-dark .tla-orbit__btn--ghost:focus-visible, .tla-orbit.is-dark .tla-orbit__table-action:hover, .tla-orbit.is-dark .tla-orbit__table-action:focus-visible { background:#102544!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; border-color:rgba(126,194,255,.34)!important; } .tla-orbit .tla-orbit__btn--primary:hover, .tla-orbit .tla-orbit__btn--primary:focus-visible, .tla-orbit .tla-orbit__btn--primary:active, .tla-orbit .tla-orbit__btn--accent:hover, .tla-orbit .tla-orbit__btn--accent:focus-visible { color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .tla-orbit .tla-orbit__btn:disabled, .tla-orbit .tla-orbit__btn[aria-disabled="true"] { transform:none!important; filter:none!important; box-shadow:none!important; cursor:not-allowed!important; opacity:.55!important; } /* Native dialog close control: small, circular, high-z-index and fully isolated from broad site button selectors. */ dialog.tla-orbit__modal .tla-orbit__modal-close, .tla-orbit__modal .tla-orbit__modal-close { appearance:none!important; -webkit-appearance:none!important; z-index:8!important; top:14px!important; right:16px!important; width:36px!important; height:36px!important; min-width:36px!important; max-width:36px!important; min-height:36px!important; max-height:36px!important; padding:0!important; border:1px solid var(--line)!important; border-radius:999px!important; background:color-mix(in srgb,var(--panel-2) 88%,transparent)!important; background-image:none!important; color:var(--text)!important; -webkit-text-fill-color:var(--text)!important; font-family:Arial,sans-serif!important; font-size:24px!important; font-weight:400!important; line-height:32px!important; text-align:center!important; overflow:hidden!important; box-shadow:0 6px 18px rgba(8,18,38,.10)!important; transform:none!important; } dialog.tla-orbit__modal .tla-orbit__modal-close:hover, dialog.tla-orbit__modal .tla-orbit__modal-close:focus-visible, .tla-orbit__modal .tla-orbit__modal-close:hover, .tla-orbit__modal .tla-orbit__modal-close:focus-visible { background:var(--panel-2)!important; color:var(--heading)!important; -webkit-text-fill-color:var(--heading)!important; border-color:color-mix(in srgb,var(--orbit-active-accent) 32%,var(--line))!important; outline:3px solid color-mix(in srgb,var(--orbit-active-accent) 28%,transparent)!important; outline-offset:2px!important; } dialog.tla-orbit__modal .tla-orbit__modal-card > h2, dialog.tla-orbit__modal [data-orbit-modal-title], .tla-orbit__modal [data-orbit-modal-title] { min-height:36px!important; padding-right:58px!important; } @media (max-width:880px) { .tla-orbit__rail-logo { width:180px!important; max-width:180px!important; } .tla-orbit .tla-orbit__navitem, .tla-orbit .tla-orbit__navitem:hover, .tla-orbit .tla-orbit__navitem:focus { width:auto!important; min-width:max-content!important; } } @media (max-width:560px) { dialog.tla-orbit__modal .tla-orbit__modal-close, .tla-orbit__modal .tla-orbit__modal-close { top:10px!important; right:10px!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; font-size:22px!important; line-height:30px!important; } dialog.tla-orbit__modal .tla-orbit__modal-card > h2, dialog.tla-orbit__modal [data-orbit-modal-title], .tla-orbit__modal [data-orbit-modal-title] { padding-right:46px!important; } } /* ===================================================================== ORBIT 0.3.0-alpha.26 - premium command-centre redesign. UI-only foundation plus client-side property sorting / CSV controls. The alpha.24 closed-dialog hit-testing safeguard remains authoritative. ===================================================================== */ .tla-orbit { --bg:#F6F7FA; --panel:rgba(255,255,255,.94); --panel-2:#F2F5FA; --line:rgba(12,24,48,.10); --text:#344054; --heading:#07111F; --muted:#667085; --orbit-surface:rgba(255,255,255,.94); --orbit-surface-strong:#FFFFFF; --orbit-surface-tint:rgba(247,250,255,.90); --orbit-glow:0 22px 70px rgba(27,54,96,.11); --orbit-gradient:linear-gradient(105deg,#DF29D3 0%,#6E22FF 36%,#17B2E2 72%,#0A90F6 100%); min-height:820px!important; border-radius:28px!important; border-color:rgba(16,40,75,.10)!important; background:#F6F7FA!important; box-shadow:0 34px 100px rgba(25,45,80,.15),0 2px 8px rgba(12,25,48,.05)!important; } .tla-orbit.is-dark { --bg:#010012; --panel:rgba(8,10,30,.91); --panel-2:#0C1028; --line:rgba(150,178,255,.14); --text:#D8E1F0; --heading:#FFFFFF; --muted:#98A7BD; --orbit-surface:rgba(7,11,31,.92); --orbit-surface-strong:#080C23; --orbit-surface-tint:rgba(9,16,41,.88); --orbit-glow:0 28px 90px rgba(0,0,0,.44); background:#010012!important; border-color:rgba(128,167,255,.15)!important; box-shadow:0 38px 120px rgba(0,0,0,.58),0 0 70px rgba(110,34,255,.11)!important; } .tla-orbit__bg { background: radial-gradient(900px 620px at 104% -8%,rgba(110,34,255,.16),transparent 62%), radial-gradient(720px 520px at 0% 100%,rgba(23,178,226,.13),transparent 66%), radial-gradient(440px 360px at 68% 46%,rgba(223,41,211,.07),transparent 68%), linear-gradient(150deg,rgba(255,255,255,.52),rgba(239,246,255,.08) 44%,rgba(247,240,255,.16))!important; background-size:auto!important; mask-image:none!important; opacity:1!important; } .tla-orbit.is-dark .tla-orbit__bg { background: radial-gradient(940px 660px at 104% -6%,rgba(110,34,255,.25),transparent 62%), radial-gradient(720px 560px at -4% 102%,rgba(23,178,226,.18),transparent 66%), radial-gradient(520px 420px at 70% 48%,rgba(223,41,211,.12),transparent 70%), linear-gradient(150deg,#010012 0%,#04041B 52%,#071229 100%)!important; } /* Premium rail */ .tla-orbit__rail { width:258px!important; flex-basis:258px!important; background:rgba(251,253,255,.90)!important; border-right-color:rgba(16,40,75,.09)!important; backdrop-filter:blur(24px) saturate(135%)!important; -webkit-backdrop-filter:blur(24px) saturate(135%)!important; } .tla-orbit.is-dark .tla-orbit__rail { background:linear-gradient(180deg,rgba(5,7,25,.96),rgba(6,12,34,.94) 72%,rgba(12,7,35,.94))!important; border-right-color:rgba(126,168,255,.13)!important; } .tla-orbit__brandblock { padding:23px 18px 16px!important; background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(246,250,255,.18))!important; } .tla-orbit.is-dark .tla-orbit__brandblock { background:linear-gradient(135deg,rgba(12,23,52,.78),rgba(23,8,47,.38))!important; } .tla-orbit__rail-logo { width:min(100%,208px)!important; max-width:208px!important; } .tla-orbit__build { margin-top:10px!important; padding:5px 9px!important; border:1px solid rgba(110,34,255,.14)!important; border-radius:999px!important; background:rgba(110,34,255,.055)!important; color:#6941C6!important; font-size:10px!important; font-weight:800!important; letter-spacing:.035em!important; } .tla-orbit.is-dark .tla-orbit__build { border-color:rgba(134,178,255,.18)!important; background:rgba(110,34,255,.14)!important; color:#CFC4FF!important; } .tla-orbit__nav { padding:14px 11px 16px!important; gap:12px!important; scrollbar-width:thin; } .tla-orbit__nav-group-label, .tla-orbit__rail-tools-label { padding:0 10px 5px!important; font-size:9px!important; font-weight:850!important; letter-spacing:.16em!important; color:#7A889D!important; } .tla-orbit .tla-orbit__navitem, .tla-orbit .tla-orbit__navitem:hover, .tla-orbit .tla-orbit__navitem:focus, .tla-orbit .tla-orbit__navitem:active { min-height:40px!important; padding:6px 9px!important; border-radius:12px!important; border:1px solid transparent!important; transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease!important; } .tla-orbit .tla-orbit__navitem:hover { background:rgba(255,255,255,.78)!important; border-color:rgba(10,144,246,.12)!important; box-shadow:0 8px 20px rgba(30,60,105,.06)!important; } .tla-orbit.is-dark .tla-orbit__navitem:hover { background:rgba(19,31,67,.76)!important; border-color:rgba(88,183,255,.16)!important; } .tla-orbit .tla-orbit__navitem.is-active { background:linear-gradient(100deg,rgba(255,255,255,.98),color-mix(in srgb,var(--facet-accent) 10%,#F7FAFF))!important; border-color:color-mix(in srgb,var(--facet-accent) 27%,rgba(16,40,75,.08))!important; box-shadow:0 12px 30px color-mix(in srgb,var(--facet-accent) 11%,transparent)!important; } .tla-orbit.is-dark .tla-orbit__navitem.is-active { background:linear-gradient(105deg,color-mix(in srgb,var(--facet-accent) 32%,#101B3A),color-mix(in srgb,var(--facet-accent) 18%,#160A31))!important; border-color:color-mix(in srgb,var(--facet-accent) 42%,rgba(126,194,255,.18))!important; box-shadow:0 13px 34px color-mix(in srgb,var(--facet-accent) 18%,transparent)!important; } .tla-orbit__navitem .tla-orbit__navicon { width:30px!important; height:30px!important; flex-basis:30px!important; padding:6px!important; border-radius:9px!important; } .tla-orbit__navitem--compact .tla-orbit__navicon { width:27px!important; height:27px!important; flex-basis:27px!important; padding:5px!important; } .tla-orbit__navitem .tla-orbit__navlabel { font-size:13px!important; font-weight:720!important; } .tla-orbit__assistant-link { border-radius:16px!important; background:linear-gradient(120deg,rgba(10,144,246,.08),rgba(110,34,255,.09),rgba(223,41,211,.07))!important; border-color:rgba(110,34,255,.15)!important; box-shadow:0 15px 36px rgba(66,50,150,.08)!important; } .tla-orbit.is-dark .tla-orbit__assistant-link { background:linear-gradient(120deg,rgba(10,144,246,.15),rgba(110,34,255,.18),rgba(223,41,211,.12))!important; border-color:rgba(130,173,255,.19)!important; } /* Top scope bar */ .tla-orbit__top { min-height:72px!important; padding:12px 24px!important; background:rgba(251,253,255,.88)!important; border-bottom-color:rgba(16,40,75,.09)!important; backdrop-filter:blur(24px) saturate(140%)!important; -webkit-backdrop-filter:blur(24px) saturate(140%)!important; } .tla-orbit.is-dark .tla-orbit__top { background:rgba(5,8,27,.90)!important; border-bottom-color:rgba(126,168,255,.13)!important; } .tla-orbit__tabs { gap:8px!important; padding:2px!important; } .tla-orbit .tla-orbit__tab { min-height:40px!important; padding:9px 15px!important; border-radius:12px!important; background:rgba(255,255,255,.70)!important; border-color:rgba(16,40,75,.11)!important; color:#59677C!important; box-shadow:none!important; } .tla-orbit.is-dark .tla-orbit__tab { background:rgba(13,20,48,.78)!important; border-color:rgba(126,168,255,.15)!important; color:#AFBDD1!important; } .tla-orbit .tla-orbit__tab:hover { background:#FFFFFF!important; color:#07111F!important; border-color:rgba(10,144,246,.24)!important; } .tla-orbit.is-dark .tla-orbit__tab:hover { background:#111B3E!important; color:#FFFFFF!important; } .tla-orbit .tla-orbit__tab.is-active { position:relative!important; background:#FFFFFF!important; color:#111827!important; border-color:rgba(110,34,255,.22)!important; box-shadow:0 10px 28px rgba(59,45,126,.10)!important; } .tla-orbit .tla-orbit__tab.is-active::after { content:""; position:absolute; left:12px; right:12px; bottom:-2px; height:3px; border-radius:999px; background:var(--orbit-gradient); } .tla-orbit.is-dark .tla-orbit__tab.is-active { background:#111831!important; color:#FFFFFF!important; border-color:rgba(130,173,255,.26)!important; } .tla-orbit__tier-pill--staff { background:linear-gradient(100deg,#0A90F6,#6E22FF 62%,#DF29D3)!important; box-shadow:0 8px 22px rgba(110,34,255,.20)!important; } .tla-orbit__avatar { width:38px!important; height:38px!important; box-shadow:0 8px 22px rgba(69,67,190,.20)!important; } /* Core spacing and hierarchy */ .tla-orbit__main { padding:25px 28px 32px!important; } .tla-orbit__sectionhead { min-height:88px!important; margin-bottom:18px!important; padding:18px 20px!important; border-radius:20px!important; background: radial-gradient(360px 130px at 100% 0%,color-mix(in srgb,var(--facet-accent) 13%,transparent),transparent 76%), linear-gradient(125deg,rgba(255,255,255,.96),rgba(247,250,255,.88))!important; border:1px solid color-mix(in srgb,var(--facet-accent) 18%,rgba(16,40,75,.09))!important; box-shadow:0 18px 46px rgba(28,52,92,.07)!important; } .tla-orbit.is-dark .tla-orbit__sectionhead { background: radial-gradient(380px 160px at 100% 0%,color-mix(in srgb,var(--facet-accent) 23%,transparent),transparent 76%), linear-gradient(125deg,rgba(8,15,39,.96),rgba(9,20,46,.90))!important; border-color:color-mix(in srgb,var(--facet-accent) 28%,rgba(126,168,255,.13))!important; box-shadow:0 22px 60px rgba(0,0,0,.29)!important; } .tla-orbit__sectionhead::after { left:20px!important; right:20px!important; height:2px!important; } .tla-orbit__sectionicon { width:50px!important; height:50px!important; border-radius:15px!important; color:#FFFFFF!important; background:linear-gradient(135deg,color-mix(in srgb,var(--facet-accent) 80%,#17B2E2),color-mix(in srgb,var(--facet-accent) 78%,#6E22FF))!important; box-shadow:0 13px 30px color-mix(in srgb,var(--facet-accent) 22%,transparent)!important; } .tla-orbit__sectionmeta h1 { font-size:25px!important; letter-spacing:-.025em!important; } .tla-orbit__sectionmeta p { font-size:13px!important; } /* Role command banner */ .tla-orbit__role-command { position:relative; overflow:hidden; margin-bottom:16px!important; padding:18px 20px!important; border-radius:18px!important; border:1px solid rgba(99,83,205,.15)!important; background: radial-gradient(420px 180px at 100% 0%,rgba(223,41,211,.10),transparent 72%), linear-gradient(110deg,rgba(10,144,246,.075),rgba(110,34,255,.065) 58%,rgba(223,41,211,.055))!important; box-shadow:none!important; } .tla-orbit.is-dark .tla-orbit__role-command { border-color:rgba(135,171,255,.18)!important; background: radial-gradient(420px 180px at 100% 0%,rgba(223,41,211,.15),transparent 72%), linear-gradient(110deg,rgba(10,144,246,.12),rgba(110,34,255,.14) 58%,rgba(223,41,211,.10))!important; } .tla-orbit__role-command h2 { font-size:19px!important; letter-spacing:-.015em; } .tla-orbit__role-actions { gap:8px!important; } /* Branded actions */ .tla-orbit .tla-orbit__btn--primary { background:var(--orbit-gradient)!important; background-size:180% 100%!important; color:#FFFFFF!important; border-color:transparent!important; box-shadow:0 10px 26px rgba(92,61,203,.18)!important; transition:background-position .2s ease,transform .15s ease,box-shadow .2s ease!important; } .tla-orbit .tla-orbit__btn--primary:hover, .tla-orbit .tla-orbit__btn--primary:focus-visible { background-position:100% 0!important; color:#FFFFFF!important; box-shadow:0 14px 34px rgba(92,61,203,.25)!important; transform:translateY(-1px)!important; } .tla-orbit .tla-orbit__btn--ghost { background:rgba(255,255,255,.72)!important; border-color:rgba(16,40,75,.12)!important; box-shadow:0 6px 18px rgba(28,52,92,.045)!important; } .tla-orbit.is-dark .tla-orbit__btn--ghost { background:rgba(14,23,53,.82)!important; border-color:rgba(126,168,255,.16)!important; } .tla-orbit .tla-orbit__btn svg { width:16px; height:16px; } /* KPI command strip */ .tla-orbit__kpis { grid-template-columns:repeat(6,minmax(120px,1fr))!important; gap:10px!important; margin-bottom:16px!important; } .tla-orbit__kpi { position:relative; min-height:118px!important; padding:15px 14px 14px!important; border-radius:17px!important; background:rgba(255,255,255,.91)!important; border:1px solid rgba(16,40,75,.09)!important; box-shadow:0 14px 38px rgba(26,51,90,.065)!important; } .tla-orbit.is-dark .tla-orbit__kpi { background:rgba(8,14,36,.90)!important; border-color:rgba(126,168,255,.13)!important; box-shadow:0 18px 44px rgba(0,0,0,.24)!important; } .tla-orbit__kpi::after { content:""; position:absolute; left:14px; right:14px; bottom:0; height:2px; border-radius:999px; background:var(--kpi-accent); opacity:.62; } .tla-orbit__kpi-icon { width:34px!important; height:34px!important; border-radius:11px!important; } .tla-orbit__kpi-value { margin-top:9px!important; font-size:24px!important; letter-spacing:-.025em; } .tla-orbit__kpi strong { font-size:12.5px!important; } .tla-orbit__kpi small { font-size:10.5px!important; } /* Three-column command composition: score ring, narrative and live queue. */ .tla-orbit__command-deck { display:grid; grid-template-columns:minmax(0,1.9fr) minmax(280px,.72fr); gap:16px; align-items:stretch; margin-bottom:16px; } .tla-orbit__command-deck .tla-orbit__overview-hero { margin:0!important; height:100%; grid-template-columns:190px minmax(0,1fr)!important; gap:20px!important; padding:22px!important; border-radius:22px!important; background: radial-gradient(520px 260px at 105% -5%,rgba(110,34,255,.16),transparent 72%), radial-gradient(360px 220px at 0% 100%,rgba(23,178,226,.12),transparent 72%), linear-gradient(145deg,rgba(255,255,255,.97),rgba(241,247,255,.90) 58%,rgba(249,241,255,.87))!important; border:1px solid rgba(89,84,190,.14)!important; box-shadow:0 24px 70px rgba(36,52,98,.10)!important; } .tla-orbit.is-dark .tla-orbit__command-deck .tla-orbit__overview-hero { background: radial-gradient(520px 260px at 105% -5%,rgba(110,34,255,.24),transparent 72%), radial-gradient(360px 220px at 0% 100%,rgba(23,178,226,.16),transparent 72%), linear-gradient(145deg,rgba(6,10,31,.97),rgba(8,18,44,.92) 58%,rgba(22,8,43,.88))!important; border-color:rgba(134,170,255,.17)!important; box-shadow:0 28px 80px rgba(0,0,0,.37)!important; } .tla-orbit__score-orbit { width:164px!important; height:164px!important; padding:12px!important; } .tla-orbit__score-orbit > span { inset:29px!important; } .tla-orbit__score-orbit strong { font-size:36px!important; } .tla-orbit__overview-copy h2 { margin:9px 0 8px!important; font-size:27px!important; line-height:1.1!important; letter-spacing:-.025em; } .tla-orbit__overview-copy p { font-size:13px!important; line-height:1.55!important; } .tla-orbit__overview-meta { gap:8px!important; margin-top:13px!important; } .tla-orbit__overview-meta span { padding:8px 9px!important; border-radius:10px!important; font-size:11.5px!important; } .tla-orbit__methodology { margin-top:10px!important; } .tla-orbit__priority-panel { display:flex; flex-direction:column; padding:18px; border-radius:22px; border:1px solid rgba(16,40,75,.10); background:rgba(255,255,255,.93); box-shadow:0 24px 70px rgba(26,51,90,.09); } .tla-orbit.is-dark .tla-orbit__priority-panel { border-color:rgba(126,168,255,.14); background:rgba(7,13,34,.93); box-shadow:0 28px 76px rgba(0,0,0,.34); } .tla-orbit__priority-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; } .tla-orbit__priority-head h2 { margin:5px 0 0; color:var(--heading); font-size:18px; letter-spacing:-.02em; } .tla-orbit__live-dot { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border-radius:999px; background:rgba(20,184,122,.10); color:#087A50; font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; } .tla-orbit__live-dot::before { content:""; width:7px; height:7px; border-radius:50%; background:#14B87A; box-shadow:0 0 0 4px rgba(20,184,122,.10); } .tla-orbit.is-dark .tla-orbit__live-dot { color:#79F0BD; background:rgba(20,184,122,.14); } .tla-orbit__priority-list { display:flex; flex-direction:column; gap:7px; } .tla-orbit__priority-row { display:grid; grid-template-columns:36px minmax(0,1fr) auto 14px; gap:10px; align-items:center; width:100%; padding:9px 8px; border:1px solid transparent; border-radius:13px; background:transparent; color:var(--text); text-align:left; cursor:pointer; } .tla-orbit__priority-row:hover, .tla-orbit__priority-row:focus-visible { background:var(--panel-2); border-color:var(--line); } .tla-orbit__priority-icon { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border-radius:11px; } .tla-orbit__priority-icon svg { width:17px; height:17px; } .tla-orbit__priority-row--danger .tla-orbit__priority-icon { color:#D6324B; background:rgba(214,50,75,.10); } .tla-orbit__priority-row--warn .tla-orbit__priority-icon { color:#D8791D; background:rgba(232,96,44,.10); } .tla-orbit__priority-row--info .tla-orbit__priority-icon { color:#0A90F6; background:rgba(10,144,246,.10); } .tla-orbit__priority-row--ok .tla-orbit__priority-icon { color:#159267; background:rgba(20,184,122,.10); } .tla-orbit__priority-row strong { display:block; color:var(--heading); font-size:12.5px; } .tla-orbit__priority-row small { display:block; margin-top:2px; color:var(--muted); font-size:10.5px; } .tla-orbit__priority-row b { min-width:26px; text-align:center; color:var(--heading); font-size:17px; } .tla-orbit__priority-row > svg { width:14px; height:14px; color:var(--muted); } .tla-orbit__next-deadline { display:grid; grid-template-columns:38px minmax(0,1fr) 14px; gap:10px; align-items:center; margin-top:10px; padding:11px; border:1px solid rgba(110,34,255,.13); border-radius:14px; background:linear-gradient(110deg,rgba(10,144,246,.07),rgba(110,34,255,.07),rgba(223,41,211,.05)); color:var(--text); text-align:left; cursor:pointer; } .tla-orbit__next-deadline > span:first-child { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; background:var(--orbit-gradient); color:#fff; } .tla-orbit__next-deadline svg { width:17px; height:17px; } .tla-orbit__next-deadline small, .tla-orbit__next-deadline em { display:block; color:var(--muted); font-size:10px; font-style:normal; } .tla-orbit__next-deadline strong { display:block; margin:2px 0; color:var(--heading); font-size:13px; } .tla-orbit__next-deadline > svg { width:14px; height:14px; } .tla-orbit__occupancy-pulse { margin-top:auto; padding-top:13px; } .tla-orbit__occupancy-pulse > div:first-child { display:flex; justify-content:space-between; align-items:center; color:var(--muted); font-size:11px; font-weight:750; } .tla-orbit__occupancy-pulse strong { color:var(--heading); font-size:14px; } .tla-orbit__occupancy-track { height:7px; margin:7px 0 5px; border-radius:999px; overflow:hidden; background:rgba(148,163,184,.17); } .tla-orbit__occupancy-track span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#14B87A,#17B2E2,#0A90F6); } .tla-orbit__occupancy-pulse small { color:var(--muted); font-size:10px; } /* Status strip and analytics cards */ .tla-orbit__ragbar { height:7px!important; margin-bottom:12px!important; border:0!important; box-shadow:inset 0 1px 2px rgba(9,22,45,.08); } .tla-orbit__tiles { gap:10px!important; margin-bottom:16px!important; } .tla-orbit__tile { padding:14px 15px!important; border-radius:16px!important; background:rgba(255,255,255,.90)!important; border-color:rgba(16,40,75,.09)!important; box-shadow:0 13px 34px rgba(26,51,90,.055)!important; } .tla-orbit.is-dark .tla-orbit__tile { background:rgba(8,14,36,.89)!important; border-color:rgba(126,168,255,.13)!important; } .tla-orbit__tile-icon { margin:0 10px 0 0!important; vertical-align:middle; } .tla-orbit__tile-value { display:inline-block!important; vertical-align:middle; font-size:25px!important; } .tla-orbit__tile-label { margin-top:8px!important; } .tla-orbit__overview-grid { gap:16px!important; margin-bottom:16px!important; } .tla-orbit__card { border-radius:19px!important; background:rgba(255,255,255,.92)!important; border-color:rgba(16,40,75,.09)!important; box-shadow:0 17px 48px rgba(26,51,90,.065)!important; } .tla-orbit.is-dark .tla-orbit__card { background:rgba(7,13,34,.91)!important; border-color:rgba(126,168,255,.13)!important; box-shadow:0 22px 58px rgba(0,0,0,.28)!important; } .tla-orbit__progress-row { border-radius:12px; padding:10px 8px!important; border-top:0!important; } .tla-orbit__progress-row:hover { background:var(--panel-2)!important; } .tla-orbit__renew { padding:11px 0!important; } /* Property intelligence table */ .tla-orbit__data-card { border-radius:20px!important; } .tla-orbit__data-head { padding:18px 20px!important; gap:18px!important; background:linear-gradient(115deg,rgba(255,255,255,.97),rgba(245,249,255,.92))!important; border-bottom:1px solid var(--line)!important; } .tla-orbit.is-dark .tla-orbit__data-head { background:linear-gradient(115deg,rgba(8,14,36,.98),rgba(10,21,47,.92))!important; } .tla-orbit__data-head h2 { margin:5px 0 4px!important; font-size:19px!important; letter-spacing:-.02em; } .tla-orbit__data-tools { display:flex; align-items:center; gap:9px; flex-wrap:wrap; justify-content:flex-end; } .tla-orbit__search { min-width:230px!important; border-radius:12px!important; background:var(--orbit-surface-strong)!important; border-color:rgba(16,40,75,.12)!important; box-shadow:0 6px 18px rgba(26,51,90,.045)!important; } .tla-orbit.is-dark .tla-orbit__search { border-color:rgba(126,168,255,.16)!important; } .tla-orbit__export { white-space:nowrap; } .tla-orbit__table-summary { display:flex; align-items:center; gap:18px; padding:9px 20px; border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--panel-2) 62%,transparent); color:var(--muted); font-size:10.5px; } .tla-orbit__table-summary strong { color:var(--heading); } .tla-orbit__table-wrap { max-height:610px; overflow:auto!important; scrollbar-width:thin; } .tla-orbit__table--properties { min-width:1080px!important; } .tla-orbit__table thead { position:sticky; top:0; z-index:3; } .tla-orbit__table th { padding:0!important; background:rgba(247,249,253,.97)!important; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); } .tla-orbit.is-dark .tla-orbit__table th { background:rgba(10,16,40,.97)!important; } .tla-orbit__sort-button { display:flex; align-items:center; justify-content:space-between; gap:7px; width:100%; min-height:43px; padding:10px 13px; border:0; background:transparent; color:var(--muted); font:800 10px/1.1 inherit; font-family:inherit; letter-spacing:.075em; text-transform:uppercase; cursor:pointer; text-align:left; } .tla-orbit__sort-button:hover, .tla-orbit__sort-button:focus-visible, .tla-orbit__sort-button.is-active { color:var(--heading); background:color-mix(in srgb,var(--orbit-active-accent) 5%,transparent); } .tla-orbit__sort-icon { display:inline-flex; width:13px; height:13px; opacity:.35; transform:rotate(90deg); } .tla-orbit__sort-icon svg { width:100%; height:100%; } .tla-orbit__sort-button.is-active .tla-orbit__sort-icon { opacity:1; color:var(--orbit-active-accent); } .tla-orbit__sort-icon--asc { transform:rotate(-90deg); } .tla-orbit__sort-icon--desc { transform:rotate(90deg); } .tla-orbit__table td { padding:13px 13px!important; border-bottom-color:rgba(16,40,75,.075)!important; } .tla-orbit.is-dark .tla-orbit__table td { border-bottom-color:rgba(126,168,255,.09)!important; } .tla-orbit__table tbody tr { transition:background .15s ease,box-shadow .15s ease; } .tla-orbit__table tbody tr:hover { background:rgba(10,144,246,.035)!important; box-shadow:inset 3px 0 #0A90F6; } .tla-orbit.is-dark .tla-orbit__table tbody tr:hover { background:rgba(10,144,246,.075)!important; } .tla-orbit__property-cell { display:flex; align-items:center; gap:10px; min-width:240px; } .tla-orbit__property-cell-icon { width:34px; height:34px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; border-radius:11px; color:#0A90F6; background:linear-gradient(135deg,rgba(23,178,226,.11),rgba(110,34,255,.09)); border:1px solid rgba(10,144,246,.12); } .tla-orbit__property-cell-icon svg { width:17px; height:17px; } .tla-orbit__view-action { border-radius:10px!important; background:linear-gradient(110deg,rgba(10,144,246,.07),rgba(110,34,255,.07))!important; border-color:rgba(110,34,255,.14)!important; } .tla-orbit__plain-actions { opacity:.75; } .tla-orbit__table tbody tr:hover .tla-orbit__plain-actions { opacity:1; } .tla-orbit__sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } /* Global module refinement */ .tla-orbit__module-actions { border-radius:18px!important; background:rgba(255,255,255,.90)!important; border-color:rgba(16,40,75,.09)!important; box-shadow:0 15px 42px rgba(26,51,90,.06)!important; } .tla-orbit.is-dark .tla-orbit__module-actions { background:rgba(7,13,34,.91)!important; border-color:rgba(126,168,255,.13)!important; } .tla-orbit__item, .tla-orbit__propcard, .tla-orbit__maintenance-card, .tla-orbit__product-panel, .tla-orbit__automation-card, .tla-orbit__calendar-month, .tla-orbit__calendar-summary { border-radius:19px!important; border-color:rgba(16,40,75,.09)!important; box-shadow:0 16px 46px rgba(26,51,90,.065)!important; } .tla-orbit.is-dark .tla-orbit__item, .tla-orbit.is-dark .tla-orbit__propcard, .tla-orbit.is-dark .tla-orbit__maintenance-card, .tla-orbit.is-dark .tla-orbit__product-panel, .tla-orbit.is-dark .tla-orbit__automation-card, .tla-orbit.is-dark .tla-orbit__calendar-month, .tla-orbit.is-dark .tla-orbit__calendar-summary { border-color:rgba(126,168,255,.13)!important; box-shadow:0 21px 56px rgba(0,0,0,.27)!important; } .tla-orbit__item:hover, .tla-orbit__propcard:hover, .tla-orbit__maintenance-card:hover { transform:translateY(-2px); box-shadow:0 22px 58px rgba(26,51,90,.10)!important; } /* Familiar, conversation-first noticeboard language and composition. */ .tla-orbit__thread-list { gap:15px!important; } .tla-orbit__thread { border-radius:20px!important; background:rgba(255,255,255,.94)!important; border-color:rgba(16,40,75,.10)!important; box-shadow:0 18px 54px rgba(26,51,90,.075)!important; overflow:hidden; } .tla-orbit.is-dark .tla-orbit__thread { background:rgba(7,13,34,.94)!important; border-color:rgba(126,168,255,.14)!important; box-shadow:0 22px 62px rgba(0,0,0,.31)!important; } .tla-orbit__thread > header { padding:17px 19px!important; background:linear-gradient(120deg,rgba(247,250,255,.95),rgba(255,255,255,.78))!important; } .tla-orbit.is-dark .tla-orbit__thread > header { background:linear-gradient(120deg,rgba(10,18,43,.96),rgba(15,12,43,.83))!important; } .tla-orbit__message-list { max-height:480px!important; padding:14px 18px!important; background:color-mix(in srgb,var(--panel-2) 42%,transparent); } .tla-orbit__message { max-width:82%; margin:0 0 10px!important; padding:11px 13px!important; border:1px solid rgba(16,40,75,.08)!important; border-radius:15px 15px 15px 5px!important; background:#FFFFFF!important; box-shadow:0 7px 20px rgba(27,52,91,.045)!important; } .tla-orbit.is-dark .tla-orbit__message { background:#0E1735!important; border-color:rgba(126,168,255,.12)!important; } .tla-orbit__message--support { margin-left:auto!important; border-left:1px solid rgba(110,34,255,.14)!important; border-radius:15px 15px 5px 15px!important; background:linear-gradient(110deg,rgba(10,144,246,.075),rgba(110,34,255,.075),rgba(223,41,211,.055))!important; } .tla-orbit__thread-reply { grid-template-columns:minmax(0,1fr) auto auto!important; gap:9px!important; padding:14px 17px 16px!important; background:rgba(250,252,255,.92)!important; } .tla-orbit.is-dark .tla-orbit__thread-reply { background:rgba(8,14,36,.94)!important; } .tla-orbit__thread-reply textarea { min-height:46px!important; max-height:140px; border-radius:14px!important; background:var(--orbit-surface-strong)!important; box-shadow:inset 0 1px 2px rgba(12,25,48,.03); } .tla-orbit__thread-attach span { border-radius:11px!important; } .tla-orbit__support-identity { grid-column:1/-1; width:max-content; } .tla-orbit__support-identity > span { text-transform:none!important; letter-spacing:0!important; font-size:11px!important; } /* Footer surfaces */ .tla-orbit__sponsor-zone { padding:0 28px 24px!important; } .tla-orbit__sponsor-card { border-radius:22px!important; box-shadow:0 20px 60px rgba(26,51,90,.08)!important; } .tla-orbit__disclaimer { padding:14px 24px!important; background:rgba(251,253,255,.80)!important; } .tla-orbit.is-dark .tla-orbit__disclaimer { background:rgba(5,8,27,.88)!important; } @media (max-width:1280px) { .tla-orbit__kpis { grid-template-columns:repeat(3,minmax(150px,1fr))!important; } .tla-orbit__command-deck { grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr); } } @media (max-width:1080px) { .tla-orbit__command-deck { grid-template-columns:1fr; } .tla-orbit__priority-panel { min-height:0; } .tla-orbit__priority-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); } .tla-orbit__priority-row { grid-template-columns:34px minmax(0,1fr) auto; } .tla-orbit__priority-row > svg { display:none; } .tla-orbit__occupancy-pulse { margin-top:14px; } } @media (max-width:880px) { .tla-orbit { min-height:0!important; border-radius:20px!important; } .tla-orbit__rail { width:100%!important; flex-basis:auto!important; } .tla-orbit__brandblock { min-height:74px; } .tla-orbit__rail-logo { width:170px!important; max-width:170px!important; } .tla-orbit__nav { gap:7px!important; } .tla-orbit__nav-group { flex-direction:row!important; gap:7px!important; } .tla-orbit__nav-group-label { display:none!important; } .tla-orbit .tla-orbit__navitem, .tla-orbit .tla-orbit__navitem:hover, .tla-orbit .tla-orbit__navitem:focus { min-width:max-content!important; width:auto!important; padding:6px 10px!important; } .tla-orbit__top { padding:10px 14px!important; } .tla-orbit__user-greeting { display:none!important; } .tla-orbit__main { padding:18px 16px 24px!important; } .tla-orbit__sectionhead { min-height:76px!important; padding:15px 16px!important; } .tla-orbit__sponsor-zone { padding:0 16px 18px!important; } } @media (max-width:720px) { .tla-orbit__kpis { grid-template-columns:repeat(2,minmax(0,1fr))!important; } .tla-orbit__command-deck .tla-orbit__overview-hero { grid-template-columns:1fr!important; } .tla-orbit__overview-score { justify-content:flex-start!important; } .tla-orbit__priority-list { grid-template-columns:1fr; } .tla-orbit__priority-row { grid-template-columns:36px minmax(0,1fr) auto 14px; } .tla-orbit__priority-row > svg { display:block; } .tla-orbit__data-head { align-items:stretch!important; flex-direction:column!important; } .tla-orbit__data-tools { justify-content:stretch; } .tla-orbit__search { min-width:0!important; flex:1 1 100%; } .tla-orbit__export { flex:1 1 auto; } .tla-orbit__table-summary { flex-wrap:wrap; gap:8px 14px; } .tla-orbit__thread-reply { grid-template-columns:1fr!important; } .tla-orbit__message { max-width:94%; } } @media (max-width:520px) { .tla-orbit__top-right { gap:7px!important; } .tla-orbit__tier-pill { display:none!important; } .tla-orbit__tabs { width:100%; } .tla-orbit__avatar { width:34px!important; height:34px!important; } .tla-orbit__sectionicon { width:44px!important; height:44px!important; } .tla-orbit__sectionmeta h1 { font-size:21px!important; } .tla-orbit__role-command { padding:16px!important; } .tla-orbit__role-actions { width:100%; } .tla-orbit__role-actions .tla-orbit__btn { flex:1 1 100%; } .tla-orbit__kpis { grid-template-columns:1fr 1fr!important; } .tla-orbit__kpi { min-height:105px!important; } .tla-orbit__command-deck .tla-orbit__overview-hero { padding:17px!important; } .tla-orbit__overview-copy h2 { font-size:23px!important; } .tla-orbit__overview-meta span { flex:1 1 calc(50% - 8px); } .tla-orbit__tiles { grid-template-columns:1fr 1fr!important; } } /* ===================================================================== ORBIT alpha.27 — Document library + visual polish (appended last). ===================================================================== */ /* --- AI Document Studio bar (slim, secondary to the library) --- */ .tla-orbit__docstudio { display:flex; align-items:center; gap:16px; margin:0 0 18px; padding:16px 20px; border-radius:16px; border:1px solid color-mix(in srgb,#6E22FF 22%,var(--line)); background:linear-gradient(120deg,color-mix(in srgb,#6E22FF 10%,var(--panel)),color-mix(in srgb,#17B2E2 8%,var(--panel))); } .tla-orbit__docstudio-mark { flex:0 0 auto; width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; color:#fff; background:linear-gradient(135deg,#17B2E2,#0A90F6 45%,#6E22FF 78%,#DF29D3); box-shadow:0 10px 26px rgba(110,34,255,.28); } .tla-orbit__docstudio-mark svg { width:22px; height:22px; } .tla-orbit__docstudio-copy { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; } .tla-orbit__docstudio-copy strong { color:var(--heading); font-size:15px; } .tla-orbit__docstudio-copy small { color:var(--muted); font-size:12.5px; line-height:1.45; } .tla-orbit__docstudio .tla-orbit__btn { flex:0 0 auto; } /* --- Controls row --- */ .tla-orbit__docs-controls { display:flex; align-items:center; gap:12px; margin:0 0 14px; flex-wrap:wrap; } .tla-orbit__docs-search { position:relative; flex:1 1 280px; min-width:220px; display:flex; align-items:center; } .tla-orbit__docs-search span { position:absolute; left:13px; display:inline-flex; color:var(--muted); pointer-events:none; } .tla-orbit__docs-search span svg { width:16px; height:16px; } .tla-orbit__docs-search input { width:100%; height:42px; padding:0 14px 0 38px; border-radius:11px; border:1px solid var(--line); background:var(--panel); color:var(--text); font:inherit; font-size:13.5px; } .tla-orbit__docs-search input:focus { outline:none; border-color:#6E22FF; box-shadow:0 0 0 3px color-mix(in srgb,#6E22FF 18%,transparent); } .tla-orbit__docs-select { display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--muted); } .tla-orbit__docs-select select { height:42px; padding:0 12px; border-radius:11px; border:1px solid var(--line); background:var(--panel); color:var(--text); font:inherit; font-size:13.5px; cursor:pointer; } .tla-orbit__docs-count { margin-left:auto; font-size:12px; font-weight:650; color:var(--muted); } /* --- Document table --- */ .tla-orbit__docs-card { padding:6px 6px 4px; } .tla-orbit__docs-table { width:100%; border-collapse:collapse; } .tla-orbit__docs-table thead th { text-align:left; padding:12px 16px; font-size:11px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); border-bottom:1px solid var(--line); white-space:nowrap; } .tla-orbit__docs-table tbody td { padding:13px 16px; border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent); font-size:13.5px; color:var(--text); vertical-align:middle; } .tla-orbit__docs-table tbody tr:last-child td { border-bottom:0; } .tla-orbit__docs-table tbody tr:hover td { background:color-mix(in srgb,var(--facet-accent,#6E22FF) 5%,transparent); } .tla-orbit__doc-name { display:flex; align-items:center; gap:11px; min-width:0; } .tla-orbit__doc-fileicon { flex:0 0 auto; width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; color:#0A90F6; background:color-mix(in srgb,#0A90F6 12%,var(--panel-2)); } .tla-orbit__doc-fileicon svg { width:16px; height:16px; } .tla-orbit__doc-namecopy { display:flex; flex-direction:column; min-width:0; } .tla-orbit__doc-namecopy strong { color:var(--heading); font-weight:640; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:320px; } .tla-orbit__doc-namecopy small { color:var(--muted); font-size:11px; } .tla-orbit__doc-cat { display:inline-block; padding:4px 10px; border-radius:999px; font-size:11.5px; font-weight:650; white-space:nowrap; background:color-mix(in srgb,var(--muted) 16%,var(--panel)); color:var(--heading); border:1px solid color-mix(in srgb,var(--muted) 26%,transparent); } .tla-orbit__doc-cat--compliance,.tla-orbit__doc-cat--certificate { background:color-mix(in srgb,#0A90F6 14%,var(--panel)); color:#0A6FD0; border-color:color-mix(in srgb,#0A90F6 34%,transparent); } .tla-orbit__doc-cat--maintenance,.tla-orbit__doc-cat--work-order { background:color-mix(in srgb,#F5A524 16%,var(--panel)); color:#B4780F; border-color:color-mix(in srgb,#F5A524 36%,transparent); } .tla-orbit__doc-cat--inventory,.tla-orbit__doc-cat--move-in,.tla-orbit__doc-cat--move-out,.tla-orbit__doc-cat--lifecycle { background:color-mix(in srgb,#17B2E2 15%,var(--panel)); color:#0E8AAE; border-color:color-mix(in srgb,#17B2E2 34%,transparent); } .tla-orbit__doc-cat--message,.tla-orbit__doc-cat--noticeboard { background:color-mix(in srgb,#6E22FF 14%,var(--panel)); color:#5A1DD0; border-color:color-mix(in srgb,#6E22FF 32%,transparent); } .tla-orbit__doc-cat--invoice,.tla-orbit__doc-cat--tenancy { background:color-mix(in srgb,#12B76A 15%,var(--panel)); color:#0B8A50; border-color:color-mix(in srgb,#12B76A 34%,transparent); } .tla-orbit__doc-cat--document,.tla-orbit__doc-cat--studio,.tla-orbit__doc-cat--generated { background:color-mix(in srgb,#DF29D3 13%,var(--panel)); color:#B01FA6; border-color:color-mix(in srgb,#DF29D3 30%,transparent); } .tla-orbit__doc-uploader { display:inline-flex; align-items:center; gap:9px; } .tla-orbit__doc-avatar { flex:0 0 auto; width:28px; height:28px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:10.5px; font-weight:750; color:#fff; background:linear-gradient(135deg,#6E22FF,#0A90F6); letter-spacing:.02em; } .tla-orbit__doc-actioncell { text-align:right; white-space:nowrap; } .tla-orbit__docs-table .tla-orbit__table-action { display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border-radius:9px; border:1px solid var(--line); background:var(--panel); color:var(--heading); font-size:12.5px; font-weight:600; text-decoration:none; } .tla-orbit__docs-table .tla-orbit__table-action svg { width:15px; height:15px; } .tla-orbit__docs-table .tla-orbit__table-action:hover { border-color:#0A90F6; color:#0A6FD0; background:color-mix(in srgb,#0A90F6 8%,var(--panel)); } .tla-orbit.is-dark .tla-orbit__doc-namecopy strong { color:#fff; } .tla-orbit.is-dark .tla-orbit__docs-table .tla-orbit__table-action { color:#eaf2ff; } /* --- Empty state --- */ .tla-orbit__docs-empty { text-align:center; padding:44px 28px; display:flex; flex-direction:column; align-items:center; gap:10px; } .tla-orbit__docs-empty-icon { width:60px; height:60px; display:inline-flex; align-items:center; justify-content:center; border-radius:16px; color:#6E22FF; background:color-mix(in srgb,#6E22FF 12%,var(--panel-2)); } .tla-orbit__docs-empty-icon svg { width:28px; height:28px; } .tla-orbit__docs-empty h3 { margin:4px 0 0; color:var(--heading); font-size:17px; } .tla-orbit__docs-empty p { margin:0; max-width:440px; color:var(--muted); font-size:13.5px; line-height:1.5; } @media (max-width:640px) { .tla-orbit__docstudio { flex-wrap:wrap; } .tla-orbit__docs-table thead { display:none; } .tla-orbit__docs-table, .tla-orbit__docs-table tbody, .tla-orbit__docs-table tr, .tla-orbit__docs-table td { display:block; width:100%; } .tla-orbit__docs-table tr { border:1px solid var(--line); border-radius:12px; margin-bottom:10px; padding:6px 4px; } .tla-orbit__docs-table tbody td { border:0; padding:7px 14px; } .tla-orbit__doc-actioncell { text-align:left; } } /* --- Light visual polish across cards/tables (additive, non-structural) --- */ .tla-orbit__card { border-radius:18px; } .tla-orbit:not(.is-dark) .tla-orbit__card { box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 30px -18px rgba(16,24,40,.18); } .tla-orbit__kpi, .tla-orbit__overview-kpi { transition:transform .16s ease, box-shadow .16s ease; } .tla-orbit__kpi:hover, .tla-orbit__overview-kpi:hover { transform:translateY(-2px); } /* ===================================================================== ORBIT alpha.28 — Charts (SVG donuts), bars, and full polish pass. Balanced spacing (PROPIXO), theme-matched, appended last. ===================================================================== */ .tla-orbit { --donut-track:rgba(15,23,42,.09); } .tla-orbit.is-dark { --donut-track:rgba(150,185,240,.16); } /* --- Donut primitive --- */ .tla-orbit__donut { display:block; width:100%; height:100%; overflow:visible; } .tla-orbit__donut-track { stroke:var(--donut-track); } .tla-orbit__donut-arc { transition:stroke-dasharray .7s cubic-bezier(.22,.8,.25,1); } /* --- Compliance score donut --- */ .tla-orbit__score-ring { position:relative; width:148px; height:148px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; } .tla-orbit__score-ring-label { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; } .tla-orbit__score-ring-label strong { font-size:32px; font-weight:800; line-height:1; color:var(--heading); letter-spacing:-.02em; } .tla-orbit__score-ring-label small { font-size:11px; font-weight:650; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); } /* --- Occupancy ring --- */ .tla-orbit__occupancy-ring { display:flex; align-items:center; gap:14px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line); } .tla-orbit__occupancy-ring-chart { position:relative; width:66px; height:66px; flex:0 0 auto; } .tla-orbit__occupancy-ring-val { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:750; color:var(--heading); } .tla-orbit__occupancy-ring-copy { display:flex; flex-direction:column; gap:2px; } .tla-orbit__occupancy-ring-copy span { font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--muted); } .tla-orbit__occupancy-ring-copy small { font-size:12.5px; color:var(--text); } /* --- Compliance category bars: soft, rounded, gradient --- */ .tla-orbit__progress-bar { height:9px!important; border-radius:999px!important; background:color-mix(in srgb,var(--muted) 15%,transparent)!important; overflow:hidden; } .tla-orbit__progress-bar > span { height:100%!important; border-radius:999px!important; background:linear-gradient(90deg,color-mix(in srgb,var(--facet-accent) 78%,#0A90F6),var(--facet-accent))!important; transition:width .7s cubic-bezier(.22,.8,.25,1); } .tla-orbit__progress-row { border-radius:12px; transition:background .15s; } .tla-orbit__progress-value { font-variant-numeric:tabular-nums; font-weight:700; } /* --------------------------------------------------------------------- Balanced spacing + alignment polish (8px rhythm, PROPIXO-calm). Additive only — no structural or logic changes. --------------------------------------------------------------------- */ /* Consistent card padding + softer elevation */ .tla-orbit__card, .tla-orbit__progress-card, .tla-orbit__data-card, .tla-orbit__priority-panel { padding:24px!important; border-radius:18px!important; } .tla-orbit:not(.is-dark) .tla-orbit__card, .tla-orbit:not(.is-dark) .tla-orbit__progress-card, .tla-orbit:not(.is-dark) .tla-orbit__data-card, .tla-orbit:not(.is-dark) .tla-orbit__priority-panel { box-shadow:0 1px 2px rgba(16,24,40,.04),0 20px 40px -26px rgba(16,24,40,.22); border:1px solid color-mix(in srgb,var(--line) 80%,transparent); } /* Card heads: even baseline, breathing room */ .tla-orbit__card-head, .tla-orbit__data-head { margin-bottom:18px; } .tla-orbit__card-head h2, .tla-orbit__data-head h2 { font-size:16px; font-weight:750; letter-spacing:-.01em; } /* KPI row: even gaps, aligned content, calm cards */ .tla-orbit__kpis { gap:16px!important; margin-bottom:22px; } .tla-orbit__kpi { padding:18px 18px 16px!important; border-radius:16px!important; gap:6px; } .tla-orbit__kpi-value { font-size:26px; font-weight:800; letter-spacing:-.02em; line-height:1.05; } .tla-orbit__kpi strong { font-size:13px; } .tla-orbit__kpi small { font-size:11.5px; color:var(--muted); } .tla-orbit__kpi-icon { margin-bottom:4px; } /* Overview grid rhythm */ .tla-orbit__overview-grid { gap:20px!important; } .tla-orbit__overview-hero { gap:28px!important; padding:26px!important; align-items:center; } .tla-orbit__overview-copy h2 { letter-spacing:-.015em; } .tla-orbit__overview-meta { gap:10px 22px!important; } .tla-orbit__overview-meta span { font-size:12.5px; } /* Section head spacing */ .tla-orbit__sectionhead { margin-bottom:22px; } /* Table polish: consistent cell padding + vertical centring */ .tla-orbit__table thead th { padding:12px 16px; font-size:11px; letter-spacing:.06em; } .tla-orbit__table tbody td { padding:13px 16px; vertical-align:middle; } .tla-orbit__table tbody tr td:first-child { font-weight:550; } /* Main content breathing space */ .tla-orbit__main { padding:32px 34px 40px!important; } @media (max-width:880px) { .tla-orbit__main { padding:20px 16px 28px!important; } .tla-orbit__overview-hero { flex-direction:column; text-align:center; } .tla-orbit__card,.tla-orbit__progress-card,.tla-orbit__data-card,.tla-orbit__priority-panel { padding:18px!important; } } /* ===================================================================== ORBIT alpha.29 — 2026 TAKEOVER LAYER (authoritative; must remain last). Kills theme bleed, neutral reference-grade cards, tone as status dots, calm PROPIXO-style spacing. Styling only — no logic touched. ===================================================================== */ /* ---- 1. Theme-bleed armour: neutralise global TLA/Elementor button styles that were painting card-buttons salmon on hover and pink-bordered. --- */ .tla-orbit button.tla-orbit__priority-row, .tla-orbit button.tla-orbit__progress-row, .tla-orbit button.tla-orbit__activity-item, .tla-orbit button.tla-orbit__property-score, .tla-orbit a.tla-orbit__next-deadline, .tla-orbit button.tla-orbit__next-deadline { outline:0!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important; background-image:none!important; } .tla-orbit button.tla-orbit__priority-row:hover, .tla-orbit button.tla-orbit__priority-row:focus, .tla-orbit button.tla-orbit__progress-row:hover, .tla-orbit button.tla-orbit__progress-row:focus, .tla-orbit button.tla-orbit__activity-item:hover, .tla-orbit button.tla-orbit__activity-item:focus, .tla-orbit a.tla-orbit__next-deadline:hover, .tla-orbit button.tla-orbit__next-deadline:hover { filter:none!important; color:var(--heading)!important; -webkit-text-fill-color:var(--heading)!important; } /* ---- 2. Card system: one clean, calm treatment everywhere ---- */ .tla-orbit .tla-orbit__card, .tla-orbit .tla-orbit__progress-card, .tla-orbit .tla-orbit__data-card, .tla-orbit .tla-orbit__priority-panel, .tla-orbit .tla-orbit__docs-card { background:var(--panel)!important; border:1px solid var(--line)!important; border-radius:18px!important; padding:24px!important; box-shadow:0 1px 2px rgba(16,24,40,.03),0 24px 48px -32px rgba(16,24,40,.22)!important; } .tla-orbit.is-dark .tla-orbit__card, .tla-orbit.is-dark .tla-orbit__progress-card, .tla-orbit.is-dark .tla-orbit__data-card, .tla-orbit.is-dark .tla-orbit__priority-panel, .tla-orbit.is-dark .tla-orbit__docs-card { box-shadow:0 1px 2px rgba(0,0,0,.22),0 26px 56px -34px rgba(0,0,0,.55)!important; } /* ---- 3. Overview hero: clean card, subtle brand whisper, aligned donut ---- */ .tla-orbit .tla-orbit__overview-hero, .tla-orbit .tla-orbit__command-deck .tla-orbit__overview-hero { background: radial-gradient(420px 200px at 108% -10%,color-mix(in srgb,#6E22FF 8%,transparent),transparent 70%), var(--panel)!important; border:1px solid var(--line)!important; border-radius:20px!important; padding:28px!important; gap:30px!important; box-shadow:0 1px 2px rgba(16,24,40,.03),0 24px 48px -32px rgba(16,24,40,.22)!important; grid-template-columns:170px minmax(0,1fr)!important; align-items:center!important; } .tla-orbit.is-dark .tla-orbit__overview-hero, .tla-orbit.is-dark .tla-orbit__command-deck .tla-orbit__overview-hero { background: radial-gradient(420px 200px at 108% -10%,rgba(110,34,255,.16),transparent 70%), var(--panel)!important; box-shadow:0 1px 2px rgba(0,0,0,.22),0 26px 56px -34px rgba(0,0,0,.55)!important; } .tla-orbit .tla-orbit__score-ring { width:170px!important; height:170px!important; } .tla-orbit .tla-orbit__overview-copy h2 { margin:8px 0 10px!important; font-size:26px!important; line-height:1.12!important; letter-spacing:-.025em!important; } .tla-orbit .tla-orbit__overview-copy p { font-size:13.5px!important; line-height:1.55!important; color:var(--muted)!important; } .tla-orbit .tla-orbit__overview-meta { gap:10px!important; margin-top:16px!important; } .tla-orbit .tla-orbit__overview-meta span { padding:9px 12px!important; border-radius:11px!important; font-size:12px!important; background:var(--panel-2)!important; border:1px solid var(--line)!important; color:var(--text)!important; } .tla-orbit .tla-orbit__overview-meta strong { color:var(--heading)!important; } /* ---- 4. Command deck (main + sidebar) spacing ---- */ .tla-orbit .tla-orbit__command-deck { gap:18px!important; margin-bottom:18px!important; align-items:stretch!important; } .tla-orbit .tla-orbit__overview-grid { gap:18px!important; } /* ---- 5. Priority queue: clean cards + subtle status dot (no red border) ---- */ .tla-orbit .tla-orbit__priority-head h2 { font-size:17px!important; } .tla-orbit .tla-orbit__priority-list { gap:10px!important; } .tla-orbit button.tla-orbit__priority-row { position:relative!important; background:var(--panel)!important; border:1px solid var(--line)!important; border-radius:14px!important; padding:14px 34px 14px 14px!important; box-shadow:0 1px 2px rgba(16,24,40,.03)!important; transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important; } .tla-orbit.is-dark button.tla-orbit__priority-row { background:color-mix(in srgb,var(--panel) 60%,transparent)!important; } .tla-orbit button.tla-orbit__priority-row:hover { transform:translateY(-1px)!important; background:var(--panel)!important; border-color:color-mix(in srgb,var(--muted) 30%,var(--line))!important; box-shadow:0 12px 26px -16px rgba(16,24,40,.32)!important; } .tla-orbit__priority-row::after { content:""!important; position:absolute!important; top:13px!important; right:13px!important; width:8px!important; height:8px!important; border-radius:50%!important; background:var(--muted); } .tla-orbit__priority-row--danger::after { background:#D6324B; box-shadow:0 0 0 4px rgba(214,50,75,.12); } .tla-orbit__priority-row--warn::after { background:#E8862C; box-shadow:0 0 0 4px rgba(232,134,44,.12); } .tla-orbit__priority-row--info::after { background:#0A90F6; box-shadow:0 0 0 4px rgba(10,144,246,.12); } .tla-orbit__priority-row--ok::after { background:#14B87A; box-shadow:0 0 0 4px rgba(20,184,122,.12); } .tla-orbit .tla-orbit__priority-row > svg { display:none!important; } .tla-orbit .tla-orbit__priority-row strong { font-size:13px!important; } .tla-orbit .tla-orbit__priority-row small { font-size:11px!important; } /* Next-deadline: calm card, brand accent kept as a small icon tile only */ .tla-orbit .tla-orbit__next-deadline { background:var(--panel)!important; border:1px solid var(--line)!important; border-radius:14px!important; padding:14px!important; margin-top:10px!important; box-shadow:0 1px 2px rgba(16,24,40,.03)!important; color:var(--text)!important; } .tla-orbit .tla-orbit__next-deadline:hover { border-color:color-mix(in srgb,var(--muted) 30%,var(--line))!important; box-shadow:0 12px 26px -16px rgba(16,24,40,.30)!important; } .tla-orbit .tla-orbit__next-deadline strong { color:var(--heading)!important; } /* ---- 6. Progress rows: compact, clean, gradient bar ---- */ .tla-orbit button.tla-orbit__progress-row { background:transparent!important; border:0!important; border-radius:12px!important; padding:12px 12px!important; box-shadow:none!important; } .tla-orbit button.tla-orbit__progress-row:hover { background:var(--panel-2)!important; } .tla-orbit .tla-orbit__progress-row + .tla-orbit__progress-row { border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent)!important; } /* ---- 7. KPI tiles: neat, aligned, tinted icon ---- */ .tla-orbit .tla-orbit__kpis { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(148px,1fr))!important; gap:14px!important; margin-bottom:20px!important; } .tla-orbit .tla-orbit__kpi { background:var(--panel)!important; border:1px solid var(--line)!important; border-radius:16px!important; padding:18px!important; min-height:0!important; box-shadow:0 1px 2px rgba(16,24,40,.03)!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:7px!important; transition:transform .15s ease,box-shadow .15s ease!important; } .tla-orbit .tla-orbit__kpi:hover { transform:translateY(-2px)!important; box-shadow:0 14px 30px -20px rgba(16,24,40,.30)!important; } .tla-orbit .tla-orbit__kpi-icon { width:38px!important; height:38px!important; border-radius:11px!important; margin:0 0 2px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; color:var(--kpi-accent,#0A90F6)!important; background:color-mix(in srgb,var(--kpi-accent,#0A90F6) 12%,var(--panel-2))!important; } .tla-orbit .tla-orbit__kpi-icon svg { width:18px!important; height:18px!important; } .tla-orbit .tla-orbit__kpi-value { font-size:27px!important; font-weight:800!important; letter-spacing:-.02em!important; line-height:1.02!important; color:var(--heading)!important; } .tla-orbit .tla-orbit__kpi strong { font-size:13px!important; color:var(--heading)!important; } .tla-orbit .tla-orbit__kpi small { font-size:11.5px!important; color:var(--muted)!important; } /* ---- 8. Kickers, section heads, calm type ---- */ .tla-orbit .tla-orbit__product-kicker, .tla-orbit .tla-orbit__overview-kicker { display:inline-block; padding:5px 11px!important; border-radius:999px!important; font-size:10.5px!important; font-weight:800!important; letter-spacing:.08em!important; text-transform:uppercase; color:#0A6FD0!important; background:color-mix(in srgb,#0A90F6 12%,transparent)!important; } .tla-orbit .tla-orbit__card-head h2, .tla-orbit .tla-orbit__data-head h2 { font-size:16px!important; font-weight:750!important; letter-spacing:-.01em!important; } .tla-orbit .tla-orbit__card-head, .tla-orbit .tla-orbit__data-head { margin-bottom:18px!important; } .tla-orbit .tla-orbit__sectionhead { margin-bottom:22px!important; } /* ---- 9. Tables: airy, aligned ---- */ .tla-orbit .tla-orbit__table thead th { padding:12px 16px!important; font-size:11px!important; letter-spacing:.06em!important; color:var(--muted)!important; } .tla-orbit .tla-orbit__table tbody td { padding:14px 16px!important; vertical-align:middle!important; } .tla-orbit .tla-orbit__table tbody tr:hover td { background:color-mix(in srgb,#0A90F6 4%,transparent)!important; } /* ---- 10. Content breathing space ---- */ .tla-orbit .tla-orbit__main { padding:32px 34px 42px!important; } @media (max-width:880px){ .tla-orbit .tla-orbit__main { padding:20px 15px 30px!important; } .tla-orbit .tla-orbit__overview-hero, .tla-orbit .tla-orbit__command-deck .tla-orbit__overview-hero { grid-template-columns:1fr!important; text-align:center!important; justify-items:center!important; } .tla-orbit .tla-orbit__card,.tla-orbit .tla-orbit__priority-panel,.tla-orbit .tla-orbit__data-card,.tla-orbit .tla-orbit__progress-card { padding:18px!important; } } /* ===================================================================== ORBIT alpha.30 — secondary-screen alignment (Team access table, invite modal scope grid, module stats). Appended last. ===================================================================== */ /* ---- Team access table: real grid, aligned columns, spaced header ---- */ .tla-orbit .tla-orbit__access-table { display:flex; flex-direction:column; margin-top:4px; } .tla-orbit .tla-orbit__access-head, .tla-orbit .tla-orbit__access-row { display:grid!important; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.6fr) minmax(0,.9fr) minmax(0,.7fr); gap:16px; align-items:center; padding:14px 10px; } .tla-orbit .tla-orbit__access-head { border-bottom:1px solid var(--line); } .tla-orbit .tla-orbit__access-head span { font-size:11px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); } .tla-orbit .tla-orbit__access-row { border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent); } .tla-orbit .tla-orbit__access-row:last-child { border-bottom:0; } .tla-orbit .tla-orbit__access-row strong { display:block; color:var(--heading); font-size:13.5px; } .tla-orbit .tla-orbit__access-row small { display:block; color:var(--muted); font-size:11.5px; margin-top:2px; } .tla-orbit .tla-orbit__access-row > span:last-child { text-align:right; } .tla-orbit .tla-orbit__status-chip { display:inline-block; padding:4px 11px; border-radius:999px; font-size:11px; font-weight:650; background:color-mix(in srgb,#14B87A 14%,var(--panel)); color:#0B8A50; border:1px solid color-mix(in srgb,#14B87A 30%,transparent); } @media (max-width:760px){ .tla-orbit .tla-orbit__access-head { display:none!important; } .tla-orbit .tla-orbit__access-row { grid-template-columns:1fr 1fr!important; gap:6px 12px; padding:12px 6px; } .tla-orbit .tla-orbit__access-row > span:last-child { text-align:left; } } /* ---- Module stat row (active / pending + invite) as clean tiles ---- */ .tla-orbit .tla-orbit__module-actions { display:flex!important; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:18px; } .tla-orbit .tla-orbit__module-actions > div { flex:0 0 auto; min-width:130px; padding:16px 18px; border-radius:14px; border:1px solid var(--line); background:var(--panel); box-shadow:0 1px 2px rgba(16,24,40,.03); display:flex!important; flex-direction:column; gap:5px; } .tla-orbit .tla-orbit__module-actions > div strong { font-size:24px!important; color:var(--heading); line-height:1; } .tla-orbit .tla-orbit__module-actions > div span { color:var(--muted); font-size:10.5px; text-transform:uppercase; letter-spacing:.06em; } .tla-orbit .tla-orbit__module-actions > .tla-orbit__btn { margin-left:auto; } @media (max-width:640px){ .tla-orbit .tla-orbit__module-actions > .tla-orbit__btn { width:100%; margin-left:0; } } /* ---- Invite modal: property-access scope grid + checkbox reset ---- */ .tla-orbit__scope-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:10px; margin-top:4px; } dialog.tla-orbit__modal .tla-orbit__scope-option { display:flex!important; align-items:center!important; gap:12px!important; padding:14px!important; border:1px solid var(--line)!important; border-radius:13px!important; background:var(--panel)!important; } dialog.tla-orbit__modal .tla-orbit__scope-option:has(input:checked) { border-color:#0A90F6!important; box-shadow:0 0 0 3px rgba(10,144,246,.10)!important; } dialog.tla-orbit__modal .tla-orbit__scope-option input[type="checkbox"] { width:20px!important; height:20px!important; min-height:0!important; min-width:0!important; max-width:20px!important; padding:0!important; margin:0!important; flex:0 0 auto!important; border-radius:6px!important; accent-color:#0A90F6; background:var(--panel-2)!important; } dialog.tla-orbit__modal .tla-orbit__scope-option span { display:flex!important; flex-direction:column!important; text-align:left!important; gap:2px; min-width:0; } dialog.tla-orbit__modal .tla-orbit__scope-option strong { font-size:13px!important; color:var(--heading)!important; } dialog.tla-orbit__modal .tla-orbit__scope-option small { font-size:11.5px!important; color:var(--muted)!important; margin:0!important; } /* Modal fields: consistent label spacing + row gap */ dialog.tla-orbit__modal .tla-orbit__field { margin-bottom:16px!important; } dialog.tla-orbit__modal .tla-orbit__field > label { margin-bottom:6px!important; font-weight:650!important; } dialog.tla-orbit__modal .tla-orbit__field-row { gap:16px!important; } /* ===================================================================== ORBIT alpha.31 — GLOBAL button-bleed armour + register table. Covers EVERY ORBIT button class so the host theme can no longer paint them pink on any screen. Appended last. Styling only. ===================================================================== */ /* Safety net: neutralise host bleed on any ORBIT button we don't style explicitly */ .tla-orbit button:not(.tla-orbit__btn):not(.tla-orbit__btn--primary):not(.tla-orbit__btn--ghost) { background-image:none!important; text-shadow:none!important; -webkit-text-fill-color:currentColor!important; } .tla-orbit button:not(.tla-orbit__btn):not(.tla-orbit__btn--primary):hover { filter:none!important; } /* Sort headers — clean, neutral, active = subtle accent (no pink border) */ .tla-orbit .tla-orbit__sort-button { display:inline-flex!important; align-items:center!important; gap:6px!important; width:100%!important; padding:10px 12px!important; border:1px solid transparent!important; border-radius:10px!important; background:transparent!important; background-image:none!important; box-shadow:none!important; color:var(--muted)!important; -webkit-text-fill-color:currentColor!important; font-size:11px!important; font-weight:750!important; letter-spacing:.05em!important; text-transform:uppercase!important; text-align:left!important; cursor:pointer!important; } .tla-orbit .tla-orbit__sort-button:hover { background:var(--panel-2)!important; color:var(--heading)!important; border-color:var(--line)!important; } .tla-orbit .tla-orbit__sort-button.is-active { color:var(--heading)!important; background:color-mix(in srgb,#0A90F6 9%,transparent)!important; } .tla-orbit .tla-orbit__sort-icon { display:inline-flex; opacity:.7; } .tla-orbit .tla-orbit__sort-icon svg { width:13px!important; height:13px!important; } .tla-orbit .tla-orbit__sort-icon--asc { transform:rotate(180deg); } /* Plain text actions (Edit / Delete) */ .tla-orbit .tla-orbit__plain-actions { display:inline-flex; gap:8px; align-items:center; } .tla-orbit .tla-orbit__plain-action { background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; padding:5px 4px!important; color:var(--muted)!important; -webkit-text-fill-color:currentColor!important; font-size:12.5px!important; font-weight:600!important; cursor:pointer!important; } .tla-orbit .tla-orbit__plain-action:hover { color:var(--heading)!important; text-decoration:underline!important; } .tla-orbit .tla-orbit__plain-action--danger { color:#D6324B!important; } .tla-orbit .tla-orbit__plain-action--danger:hover { color:#B41E37!important; } /* Text buttons / links */ .tla-orbit .tla-orbit__textbtn { background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; padding:4px 2px!important; color:#0A6FD0!important; -webkit-text-fill-color:currentColor!important; font-weight:650!important; cursor:pointer!important; } .tla-orbit .tla-orbit__textbtn:hover { text-decoration:underline!important; } .tla-orbit .tla-orbit__textbtn--danger { color:#D6324B!important; } /* Row "Open" action */ .tla-orbit .tla-orbit__view-action { display:inline-flex!important; align-items:center!important; gap:5px!important; padding:7px 12px!important; border:1px solid var(--line)!important; border-radius:9px!important; background:var(--panel)!important; background-image:none!important; box-shadow:none!important; color:var(--heading)!important; -webkit-text-fill-color:currentColor!important; font-size:12.5px!important; font-weight:600!important; cursor:pointer!important; } .tla-orbit .tla-orbit__view-action:hover { border-color:#0A90F6!important; color:#0A6FD0!important; background:color-mix(in srgb,#0A90F6 7%,var(--panel))!important; } .tla-orbit .tla-orbit__view-action svg { width:14px!important; height:14px!important; } .tla-orbit .tla-orbit__table-actions--property { display:flex; align-items:center; gap:12px; justify-content:flex-end; } /* Fix run-together property name / address */ .tla-orbit .tla-orbit__property-cell { display:flex!important; align-items:center!important; gap:11px!important; } .tla-orbit .tla-orbit__property-cell-icon { flex:0 0 auto; width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; color:#0A90F6; background:color-mix(in srgb,#0A90F6 12%,var(--panel-2)); } .tla-orbit .tla-orbit__property-cell-icon svg { width:18px; height:18px; } .tla-orbit .tla-orbit__property-cell > span:last-child { display:flex!important; flex-direction:column!important; min-width:0; } .tla-orbit .tla-orbit__property-cell strong { display:block!important; color:var(--heading)!important; font-weight:640!important; line-height:1.25; } .tla-orbit .tla-orbit__property-cell small { display:block!important; color:var(--muted)!important; font-size:11.5px!important; margin-top:2px!important; } /* Register table cells: airy + aligned */ .tla-orbit .tla-orbit__data-card table { width:100%; border-collapse:collapse; } .tla-orbit .tla-orbit__data-card thead th { padding:6px 12px!important; text-align:left; border-bottom:1px solid var(--line); vertical-align:middle; } .tla-orbit .tla-orbit__data-card tbody td { padding:16px 12px!important; border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent); vertical-align:middle; } .tla-orbit .tla-orbit__data-card tbody tr:last-child td { border-bottom:0; } .tla-orbit .tla-orbit__data-card tbody tr:hover td { background:color-mix(in srgb,#0A90F6 4%,transparent); } .tla-orbit .tla-orbit__data-card td strong { color:var(--heading); } .tla-orbit .tla-orbit__data-card td small { display:block; color:var(--muted); font-size:11.5px; margin-top:2px; } /* ===================================================================== ORBIT 0.3.0-alpha.32 - TLA AI Document Studio visual parity. Final cascade. Styling only. No data, REST, permission or behaviour change. ===================================================================== */ /* Page canvas. Scope Elementor overrides to the main content branch only so the global TLA header and footer retain their own layout and hit testing. */ body.tla-orbit-page, body.tla-orbit-page #page, body.tla-orbit-page .site, body.tla-orbit-page .site-content, body.tla-orbit-page main:not(.tla-orbit__main), body.tla-orbit-page #primary, body.tla-orbit-page .site-main, body.tla-orbit-page article.page, body.tla-orbit-page .entry-content, body.tla-orbit-page .page-content { background:#f7f7fc!important; } html[data-tla-theme="dark"] body.tla-orbit-page, html[data-tla-theme="dark"] body.tla-orbit-page #page, html[data-tla-theme="dark"] body.tla-orbit-page .site, html[data-tla-theme="dark"] body.tla-orbit-page .site-content, html[data-tla-theme="dark"] body.tla-orbit-page main:not(.tla-orbit__main), html[data-tla-theme="dark"] body.tla-orbit-page #primary, html[data-tla-theme="dark"] body.tla-orbit-page .site-main, html[data-tla-theme="dark"] body.tla-orbit-page article.page, html[data-tla-theme="dark"] body.tla-orbit-page .entry-content, html[data-tla-theme="dark"] body.tla-orbit-page .page-content { background:#01021e!important; } body.tla-orbit-page main:not(.tla-orbit__main), body.tla-orbit-page #primary, body.tla-orbit-page .site-main, body.tla-orbit-page article.page, body.tla-orbit-page .entry-content, body.tla-orbit-page .page-content { width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; } body.tla-orbit-page .entry-content, body.tla-orbit-page .page-content { padding-left:0!important; padding-right:0!important; } body.tla-orbit-page main .elementor, body.tla-orbit-page #primary .elementor, body.tla-orbit-page .site-main .elementor, body.tla-orbit-page main .elementor-section-wrap, body.tla-orbit-page #primary .elementor-section-wrap, body.tla-orbit-page .site-main .elementor-section-wrap, body.tla-orbit-page main .elementor-widget-wrap, body.tla-orbit-page #primary .elementor-widget-wrap, body.tla-orbit-page .site-main .elementor-widget-wrap, body.tla-orbit-page main .elementor-widget-container, body.tla-orbit-page #primary .elementor-widget-container, body.tla-orbit-page .site-main .elementor-widget-container { width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; } body.tla-orbit-page main .elementor-section.elementor-section-boxed > .elementor-container, body.tla-orbit-page #primary .elementor-section.elementor-section-boxed > .elementor-container, body.tla-orbit-page .site-main .elementor-section.elementor-section-boxed > .elementor-container, body.tla-orbit-page main .e-con.e-con-boxed > .e-con-inner, body.tla-orbit-page #primary .e-con.e-con-boxed > .e-con-inner, body.tla-orbit-page .site-main .e-con.e-con-boxed > .e-con-inner { width:100%!important; max-width:none!important; } /* Shared product tokens copied from the approved Document Studio family. */ .tla-orbit { --bg:#f8f9fd; --panel:#ffffff; --panel-2:#f0f0f8; --line:rgba(10,0,50,.08); --text:#344054; --heading:#09142f; --muted:#5d6680; --grid:transparent; --btn-bg:#ffffff; --btn-fg:#09142f; --btn-bg-hover:#f3f5fb; --btn-border:rgba(31,49,98,.14); --panel-shadow:0 14px 36px rgba(25,37,79,.08); --shadow:0 24px 72px rgba(7,10,42,.14); --orbit-surface:#ffffff; --orbit-surface-strong:#ffffff; --orbit-surface-tint:#f8f9fd; --orbit-gradient:linear-gradient(90deg,#0a90f6 0%,#6350f4 50%,#df29d3 100%); --orbit-gradient-diagonal:linear-gradient(135deg,#0a90f6 0%,#624df3 55%,#df29d3 100%); position:relative!important; width:calc(100% - 32px)!important; max-width:1480px!important; min-height:780px!important; margin:32px auto 56px!important; border:1px solid rgba(16,25,70,.12)!important; border-radius:24px!important; background:#ffffff!important; box-shadow:var(--shadow)!important; overflow:hidden!important; isolation:isolate!important; color:var(--text)!important; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; -webkit-font-smoothing:antialiased; } .tla-orbit.is-dark { --bg:#07102e; --panel:#11172d; --panel-2:#171f39; --line:rgba(255,255,255,.12); --text:#dce4f4; --heading:#ffffff; --muted:#b7c0d3; --btn-bg:#171f39; --btn-fg:#ffffff; --btn-bg-hover:#202a48; --btn-border:rgba(255,255,255,.16); --panel-shadow:0 16px 42px rgba(0,0,0,.25); --shadow:0 28px 80px rgba(0,0,0,.42); --orbit-surface:#11172d; --orbit-surface-strong:#11172d; --orbit-surface-tint:#171f39; border-color:rgba(255,255,255,.12)!important; background:#050817!important; box-shadow:var(--shadow)!important; color-scheme:dark; } .tla-orbit, .tla-orbit *, .tla-orbit *::before, .tla-orbit *::after { box-sizing:border-box; } /* Quiet Document Studio background. Decorative layers never receive input. */ .tla-orbit__bg, .tla-orbit.is-dark .tla-orbit__bg { position:absolute!important; inset:0!important; z-index:0!important; pointer-events:none!important; background: radial-gradient(circle at 10% 8%,rgba(23,178,226,.12),transparent 31%), radial-gradient(circle at 88% 6%,rgba(223,41,211,.12),transparent 29%), radial-gradient(circle at 72% 92%,rgba(10,144,246,.08),transparent 34%), linear-gradient(135deg,#f8fbff 0%,#f4f6fc 52%,#faf3ff 100%)!important; background-image: radial-gradient(circle at 10% 8%,rgba(23,178,226,.12),transparent 31%), radial-gradient(circle at 88% 6%,rgba(223,41,211,.12),transparent 29%), radial-gradient(circle at 72% 92%,rgba(10,144,246,.08),transparent 34%), linear-gradient(135deg,#f8fbff 0%,#f4f6fc 52%,#faf3ff 100%)!important; background-size:auto!important; background-position:center!important; filter:none!important; opacity:1!important; mask-image:none!important; -webkit-mask-image:none!important; } .tla-orbit.is-dark .tla-orbit__bg { background: radial-gradient(circle at 8% 8%,rgba(10,144,246,.20),transparent 32%), radial-gradient(circle at 88% 10%,rgba(223,41,211,.18),transparent 33%), radial-gradient(circle at 68% 94%,rgba(83,44,230,.25),transparent 34%), linear-gradient(135deg,#07143b 0%,#06102e 52%,#211041 100%)!important; background-image: radial-gradient(circle at 8% 8%,rgba(10,144,246,.20),transparent 32%), radial-gradient(circle at 88% 10%,rgba(223,41,211,.18),transparent 33%), radial-gradient(circle at 68% 94%,rgba(83,44,230,.25),transparent 34%), linear-gradient(135deg,#07143b 0%,#06102e 52%,#211041 100%)!important; } .tla-orbit__bg::before, .tla-orbit__bg::after, .tla-orbit.is-dark .tla-orbit__bg::before, .tla-orbit.is-dark .tla-orbit__bg::after { content:none!important; display:none!important; } /* Product rail. */ .tla-orbit__rail { position:relative!important; z-index:2!important; width:292px!important; flex:0 0 292px!important; border-right:1px solid rgba(13,24,72,.08)!important; background:#ffffff!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .tla-orbit.is-dark .tla-orbit__rail { border-right-color:rgba(255,255,255,.10)!important; background:#050817!important; } .tla-orbit__brandblock { position:relative!important; padding:24px 22px 18px!important; border-bottom:1px solid rgba(13,24,72,.08)!important; background:#ffffff!important; } .tla-orbit.is-dark .tla-orbit__brandblock { border-bottom-color:rgba(255,255,255,.09)!important; background:#050817!important; } .tla-orbit__rail-logo { display:block!important; width:min(100%,184px)!important; max-width:184px!important; line-height:0!important; } .tla-orbit__rail-logo img { display:block!important; width:100%!important; height:auto!important; max-height:none!important; object-fit:contain!important; } .tla-orbit__version { display:none!important; } .tla-orbit__build { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:28px!important; margin-top:12px!important; padding:5px 11px!important; border:1px solid rgba(255,255,255,.28)!important; border-radius:8px!important; background:var(--orbit-gradient-diagonal)!important; box-shadow:0 8px 22px rgba(104,44,229,.20)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:10px!important; font-weight:850!important; letter-spacing:.055em!important; line-height:1!important; text-transform:uppercase!important; } .tla-orbit__nav { padding:18px 14px!important; gap:18px!important; background:transparent!important; scrollbar-width:thin; } .tla-orbit__nav-group { gap:5px!important; } .tla-orbit__nav-group-label, .tla-orbit__rail-tools-label { display:block!important; padding:0 10px 7px!important; color:#7a8399!important; font-size:9.5px!important; font-weight:850!important; letter-spacing:.14em!important; line-height:1.2!important; text-transform:uppercase!important; } .tla-orbit.is-dark .tla-orbit__nav-group-label, .tla-orbit.is-dark .tla-orbit__rail-tools-label { color:#8f9ab0!important; } .tla-orbit .tla-orbit__navitem, .tla-orbit .tla-orbit__navitem:hover, .tla-orbit .tla-orbit__navitem:focus, .tla-orbit .tla-orbit__navitem:active { position:relative!important; display:flex!important; align-items:center!important; width:100%!important; min-width:0!important; min-height:45px!important; padding:7px 10px!important; gap:10px!important; border:1px solid transparent!important; border-radius:12px!important; background:transparent!important; background-image:none!important; box-shadow:none!important; color:#606a80!important; -webkit-text-fill-color:currentColor!important; transform:none!important; text-decoration:none!important; } .tla-orbit .tla-orbit__navitem--compact, .tla-orbit .tla-orbit__navitem--compact:hover, .tla-orbit .tla-orbit__navitem--compact:focus { min-height:39px!important; padding:5px 10px!important; } .tla-orbit.is-dark .tla-orbit__navitem { color:#adb8cc!important; } .tla-orbit .tla-orbit__navitem:hover { border-color:rgba(83,71,239,.12)!important; background:#f6f7fb!important; color:#09142f!important; } .tla-orbit.is-dark .tla-orbit__navitem:hover { border-color:rgba(255,255,255,.12)!important; background:#11172d!important; color:#ffffff!important; } .tla-orbit .tla-orbit__navitem.is-active { border-color:rgba(83,71,239,.18)!important; background:linear-gradient(135deg,rgba(78,92,255,.11),rgba(169,73,238,.11))!important; box-shadow:0 8px 20px rgba(69,71,218,.08)!important; color:#3129a8!important; } .tla-orbit.is-dark .tla-orbit__navitem.is-active { border-color:rgba(143,124,255,.28)!important; background:linear-gradient(135deg,rgba(10,144,246,.16),rgba(110,34,255,.20),rgba(223,41,211,.13))!important; color:#ffffff!important; } .tla-orbit .tla-orbit__navitem.is-active::before { content:""!important; position:absolute!important; left:0!important; top:9px!important; bottom:9px!important; width:3px!important; border-radius:0 4px 4px 0!important; background:var(--orbit-gradient-diagonal)!important; } .tla-orbit__navitem .tla-orbit__navicon, .tla-orbit__navitem--compact .tla-orbit__navicon { display:grid!important; width:31px!important; height:31px!important; flex:0 0 31px!important; place-items:center!important; padding:6px!important; border:0!important; border-radius:9px!important; background:rgba(83,71,239,.075)!important; color:var(--facet-accent)!important; } .tla-orbit__navitem--compact .tla-orbit__navicon { width:28px!important; height:28px!important; flex-basis:28px!important; padding:5px!important; } .tla-orbit .tla-orbit__navitem.is-active .tla-orbit__navicon { background:var(--orbit-gradient-diagonal)!important; box-shadow:0 8px 18px rgba(69,71,218,.16)!important; color:#ffffff!important; } .tla-orbit__navitem .tla-orbit__navlabel { color:inherit!important; font-size:13.25px!important; font-weight:720!important; line-height:1.2!important; } .tla-orbit__navcopy small { margin-top:2px!important; color:var(--muted)!important; font-size:10.75px!important; line-height:1.35!important; } .tla-orbit__rail-tools { padding:14px!important; border-top:1px solid rgba(13,24,72,.07)!important; background:#ffffff!important; } .tla-orbit.is-dark .tla-orbit__rail-tools { border-top-color:rgba(255,255,255,.08)!important; background:#050817!important; } .tla-orbit__assistant-link { min-height:78px!important; padding:14px!important; border:1px solid rgba(83,71,239,.16)!important; border-radius:15px!important; background:linear-gradient(135deg,rgba(10,144,246,.08),rgba(98,77,243,.10),rgba(223,41,211,.08))!important; box-shadow:0 12px 28px rgba(69,71,218,.08)!important; color:#17213b!important; } .tla-orbit.is-dark .tla-orbit__assistant-link { border-color:rgba(143,124,255,.24)!important; background:linear-gradient(135deg,rgba(10,144,246,.15),rgba(98,77,243,.18),rgba(223,41,211,.12))!important; color:#ffffff!important; } .tla-orbit__assistant-link:hover { transform:translateY(-1px)!important; border-color:rgba(83,71,239,.30)!important; box-shadow:0 16px 34px rgba(69,71,218,.13)!important; } .tla-orbit__assistant-link-icon { display:grid!important; width:38px!important; height:38px!important; flex:0 0 38px!important; place-items:center!important; border-radius:11px!important; background:var(--orbit-gradient-diagonal)!important; box-shadow:0 10px 20px rgba(69,71,218,.18)!important; color:#ffffff!important; } .tla-orbit__assistant-link-copy strong { color:inherit!important; font-weight:780!important; } .tla-orbit__assistant-link-copy small { color:var(--muted)!important; } .tla-orbit__assistant-link-arrow { color:#6552e7!important; } .tla-orbit.is-dark .tla-orbit__assistant-link-arrow { color:#c6b9ff!important; } .tla-orbit__rail-foot { padding:15px 20px!important; border-top:1px solid rgba(13,24,72,.07)!important; background:#ffffff!important; } .tla-orbit.is-dark .tla-orbit__rail-foot { border-top-color:rgba(255,255,255,.08)!important; background:#050817!important; } .tla-orbit__secure { color:#667085!important; font-size:11.5px!important; font-weight:650!important; } .tla-orbit.is-dark .tla-orbit__secure { color:#aab5c9!important; } .tla-orbit__secure svg { color:#14a56f!important; } /* Main product column and masthead-like property scope bar. */ .tla-orbit__content { position:relative!important; z-index:2!important; min-width:0!important; background:#f8f9fd!important; } .tla-orbit.is-dark .tla-orbit__content { background:#07102e!important; } .tla-orbit__top { position:relative!important; z-index:10!important; min-height:82px!important; padding:16px 24px!important; border-bottom:1px solid rgba(13,24,72,.08)!important; background:rgba(255,255,255,.97)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .tla-orbit.is-dark .tla-orbit__top { border-bottom-color:rgba(255,255,255,.09)!important; background:#050817!important; } .tla-orbit__tabs { gap:8px!important; padding:2px!important; } .tla-orbit .tla-orbit__tab, .tla-orbit .tla-orbit__tab:hover, .tla-orbit .tla-orbit__tab:focus, .tla-orbit .tla-orbit__tab:active { position:relative!important; z-index:11!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:40px!important; padding:9px 15px!important; border:1px solid rgba(31,49,98,.11)!important; border-radius:10px!important; background:#f4f5f9!important; background-image:none!important; box-shadow:none!important; color:#5d6680!important; -webkit-text-fill-color:currentColor!important; font-size:12.75px!important; font-weight:720!important; text-decoration:none!important; transform:none!important; } .tla-orbit.is-dark .tla-orbit__tab { border-color:rgba(255,255,255,.12)!important; background:#11172d!important; color:#b7c0d3!important; } .tla-orbit .tla-orbit__tab:hover { border-color:rgba(83,71,239,.24)!important; background:#ffffff!important; color:#09142f!important; } .tla-orbit.is-dark .tla-orbit__tab:hover { background:#171f39!important; color:#ffffff!important; } .tla-orbit .tla-orbit__tab.is-active { border-color:rgba(83,71,239,.24)!important; background:#ffffff!important; box-shadow:0 10px 24px rgba(69,71,218,.10)!important; color:#171f3f!important; } .tla-orbit.is-dark .tla-orbit__tab.is-active { border-color:rgba(143,124,255,.34)!important; background:#171f39!important; color:#ffffff!important; } .tla-orbit .tla-orbit__tab.is-active::after { content:""!important; position:absolute!important; left:11px!important; right:11px!important; bottom:-2px!important; height:3px!important; border-radius:999px!important; background:var(--orbit-gradient)!important; } .tla-orbit .tla-orbit__tab--add, .tla-orbit .tla-orbit__tab--add:hover, .tla-orbit .tla-orbit__tab--add:focus { width:40px!important; min-width:40px!important; height:40px!important; min-height:40px!important; padding:0!important; border:0!important; background:var(--orbit-gradient-diagonal)!important; box-shadow:0 9px 22px rgba(86,69,228,.20)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .tla-orbit .tla-orbit__tab--add:hover { transform:translateY(-1px)!important; box-shadow:0 13px 27px rgba(86,69,228,.27)!important; } .tla-orbit__user-greeting small { color:#7b8499!important; font-size:10px!important; letter-spacing:.04em!important; text-transform:uppercase!important; } .tla-orbit__user-greeting strong { color:#09142f!important; font-size:13px!important; font-weight:760!important; } .tla-orbit.is-dark .tla-orbit__user-greeting strong { color:#ffffff!important; } .tla-orbit__tier-pill, .tla-orbit__tier-pill--member, .tla-orbit__tier-pill--workspace, .tla-orbit__tier-pill--staff { min-height:30px!important; padding:6px 11px!important; border:0!important; border-radius:8px!important; background:linear-gradient(135deg,rgba(78,92,255,.13),rgba(169,73,238,.13))!important; box-shadow:none!important; color:#3d35bd!important; font-size:10px!important; font-weight:900!important; letter-spacing:.045em!important; } .tla-orbit.is-dark .tla-orbit__tier-pill, .tla-orbit.is-dark .tla-orbit__tier-pill--member, .tla-orbit.is-dark .tla-orbit__tier-pill--workspace, .tla-orbit.is-dark .tla-orbit__tier-pill--staff { background:linear-gradient(135deg,rgba(10,144,246,.20),rgba(110,34,255,.24),rgba(223,41,211,.16))!important; color:#ffffff!important; } .tla-orbit__avatar { width:40px!important; height:40px!important; border:2px solid rgba(255,255,255,.86)!important; background:var(--orbit-gradient-diagonal)!important; box-shadow:0 9px 24px rgba(69,71,218,.20)!important; color:#ffffff!important; font-weight:800!important; } /* Main content and section mastheads. */ .tla-orbit__main { position:relative!important; z-index:2!important; padding:30px 30px 38px!important; background:transparent!important; } .tla-orbit__loading { padding:56px 0!important; color:var(--muted)!important; } .tla-orbit__sectionhead { position:relative!important; min-height:104px!important; margin:0 0 24px!important; padding:22px 24px!important; border:1px solid rgba(31,49,98,.10)!important; border-radius:18px!important; background: radial-gradient(circle at 91% 10%,color-mix(in srgb,var(--facet-accent) 13%,transparent),transparent 31%), linear-gradient(135deg,#ffffff 0%,#fafbff 100%)!important; box-shadow:0 14px 36px rgba(25,37,79,.08)!important; overflow:hidden!important; } .tla-orbit.is-dark .tla-orbit__sectionhead { border-color:rgba(255,255,255,.12)!important; background: radial-gradient(circle at 91% 10%,color-mix(in srgb,var(--facet-accent) 20%,transparent),transparent 34%), linear-gradient(135deg,#11172d 0%,#141c35 100%)!important; box-shadow:0 18px 44px rgba(0,0,0,.25)!important; } .tla-orbit__sectionhead::after { content:""!important; position:absolute!important; left:24px!important; right:24px!important; bottom:0!important; height:3px!important; border-radius:999px 999px 0 0!important; background:linear-gradient(90deg,var(--facet-accent),#6350f4,#df29d3)!important; opacity:.88!important; } .tla-orbit__sectionicon { display:grid!important; width:58px!important; height:58px!important; flex:0 0 58px!important; place-items:center!important; border:0!important; border-radius:15px!important; background:linear-gradient(135deg,var(--facet-accent) 0%,#6350f4 58%,#df29d3 100%)!important; box-shadow:0 12px 24px color-mix(in srgb,var(--facet-accent) 24%,transparent)!important; color:#ffffff!important; } .tla-orbit__sectionicon svg { width:29px!important; height:29px!important; } .tla-orbit__sectionmeta h1 { color:#09142f!important; font-size:clamp(1.55rem,2.2vw,2.15rem)!important; font-weight:780!important; letter-spacing:-.035em!important; line-height:1.08!important; } .tla-orbit.is-dark .tla-orbit__sectionmeta h1 { color:#ffffff!important; } .tla-orbit__sectionmeta p { margin-top:7px!important; color:#5d6680!important; font-size:13.5px!important; line-height:1.55!important; } .tla-orbit.is-dark .tla-orbit__sectionmeta p { color:#b7c0d3!important; } .tla-orbit__product-kicker, .tla-orbit__overview-kicker, .tla-orbit__readiness-kicker, .tla-orbit__compliance-group-kicker { color:#6552e7!important; font-size:10px!important; font-weight:850!important; letter-spacing:.12em!important; text-transform:uppercase!important; } .tla-orbit.is-dark .tla-orbit__product-kicker, .tla-orbit.is-dark .tla-orbit__overview-kicker, .tla-orbit.is-dark .tla-orbit__readiness-kicker, .tla-orbit.is-dark .tla-orbit__compliance-group-kicker { color:#b8aaff!important; } /* Authoritative button family. */ .tla-orbit .tla-orbit__btn, .tla-orbit .tla-orbit__table-action, .tla-orbit .tla-orbit__view-action, .tla-orbit .tla-orbit__small-add, .tla-orbit .tla-orbit__contact-action { appearance:none!important; -webkit-appearance:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; min-height:42px!important; padding:10px 16px!important; border:1px solid rgba(31,49,98,.14)!important; border-radius:9px!important; background:#ffffff!important; background-image:none!important; box-shadow:none!important; color:#17213b!important; -webkit-text-fill-color:currentColor!important; font-size:12.75px!important; font-weight:760!important; line-height:1.2!important; letter-spacing:0!important; text-transform:none!important; text-decoration:none!important; text-shadow:none!important; cursor:pointer!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease!important; } .tla-orbit.is-dark .tla-orbit__btn, .tla-orbit.is-dark .tla-orbit__table-action, .tla-orbit.is-dark .tla-orbit__view-action, .tla-orbit.is-dark .tla-orbit__small-add, .tla-orbit.is-dark .tla-orbit__contact-action { border-color:rgba(255,255,255,.15)!important; background:#171f39!important; color:#ffffff!important; } .tla-orbit .tla-orbit__btn--primary, .tla-orbit .tla-orbit__btn--accent { border-color:transparent!important; background:var(--orbit-gradient)!important; background-image:var(--orbit-gradient)!important; box-shadow:0 10px 24px rgba(86,69,228,.20)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .tla-orbit .tla-orbit__btn--primary:hover, .tla-orbit .tla-orbit__btn--primary:focus-visible, .tla-orbit .tla-orbit__btn--accent:hover, .tla-orbit .tla-orbit__btn--accent:focus-visible { border-color:transparent!important; background:var(--orbit-gradient)!important; background-image:var(--orbit-gradient)!important; box-shadow:0 14px 30px rgba(86,69,228,.28)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; transform:translateY(-1px)!important; } .tla-orbit .tla-orbit__btn--ghost:hover, .tla-orbit .tla-orbit__table-action:hover, .tla-orbit .tla-orbit__view-action:hover, .tla-orbit .tla-orbit__small-add:hover, .tla-orbit .tla-orbit__contact-action:hover { border-color:rgba(83,71,239,.27)!important; background:#f6f7fb!important; color:#3d35bd!important; -webkit-text-fill-color:#3d35bd!important; transform:translateY(-1px)!important; } .tla-orbit.is-dark .tla-orbit__btn--ghost:hover, .tla-orbit.is-dark .tla-orbit__table-action:hover, .tla-orbit.is-dark .tla-orbit__view-action:hover, .tla-orbit.is-dark .tla-orbit__small-add:hover, .tla-orbit.is-dark .tla-orbit__contact-action:hover { border-color:rgba(143,124,255,.34)!important; background:#202a48!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .tla-orbit .tla-orbit__btn--sm { min-height:34px!important; padding:7px 12px!important; font-size:11.75px!important; } .tla-orbit .tla-orbit__btn:focus-visible, .tla-orbit .tla-orbit__tab:focus-visible, .tla-orbit .tla-orbit__navitem:focus-visible, .tla-orbit .tla-orbit__table-action:focus-visible, .tla-orbit .tla-orbit__view-action:focus-visible, .tla-orbit .tla-orbit__textbtn:focus-visible, .tla-orbit a:focus-visible { outline:3px solid rgba(10,144,246,.28)!important; outline-offset:2px!important; } .tla-orbit .tla-orbit__btn:disabled, .tla-orbit .tla-orbit__btn[aria-disabled="true"] { opacity:.52!important; transform:none!important; box-shadow:none!important; cursor:not-allowed!important; } .tla-orbit .tla-orbit__textbtn, .tla-orbit .tla-orbit__plain-action { background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; color:#0a66d8!important; -webkit-text-fill-color:currentColor!important; font-weight:700!important; text-decoration:none!important; } .tla-orbit .tla-orbit__textbtn:hover, .tla-orbit .tla-orbit__plain-action:hover { color:#7b35de!important; text-decoration:underline!important; text-underline-offset:3px!important; } .tla-orbit .tla-orbit__textbtn--danger, .tla-orbit .tla-orbit__plain-action--danger { color:#c92f49!important; } /* One calm card language across every module. */ .tla-orbit__card, .tla-orbit__data-card, .tla-orbit__overview-hero, .tla-orbit__priority-panel, .tla-orbit__next-deadline, .tla-orbit__progress-card, .tla-orbit__activity-card, .tla-orbit__calendar-month, .tla-orbit__calendar-summary, .tla-orbit__audit-card, .tla-orbit__automation-card, .tla-orbit__maintenance-card, .tla-orbit__parse-card, .tla-orbit__readiness-card, .tla-orbit__propcard, .tla-orbit__docs-card, .tla-orbit__role-command, .tla-orbit__property-hero, .tla-orbit__property-check, .tla-orbit__person-scope, .tla-orbit__support-request, .tla-orbit__thread, .tla-orbit__partner, .tla-orbit__integration-note, .tla-orbit__methodology-panel { border:1px solid rgba(31,49,98,.10)!important; border-radius:18px!important; background:#ffffff!important; box-shadow:0 14px 36px rgba(25,37,79,.08)!important; color:#344054!important; } .tla-orbit.is-dark .tla-orbit__card, .tla-orbit.is-dark .tla-orbit__data-card, .tla-orbit.is-dark .tla-orbit__overview-hero, .tla-orbit.is-dark .tla-orbit__priority-panel, .tla-orbit.is-dark .tla-orbit__next-deadline, .tla-orbit.is-dark .tla-orbit__progress-card, .tla-orbit.is-dark .tla-orbit__activity-card, .tla-orbit.is-dark .tla-orbit__calendar-month, .tla-orbit.is-dark .tla-orbit__calendar-summary, .tla-orbit.is-dark .tla-orbit__audit-card, .tla-orbit.is-dark .tla-orbit__automation-card, .tla-orbit.is-dark .tla-orbit__maintenance-card, .tla-orbit.is-dark .tla-orbit__parse-card, .tla-orbit.is-dark .tla-orbit__readiness-card, .tla-orbit.is-dark .tla-orbit__propcard, .tla-orbit.is-dark .tla-orbit__docs-card, .tla-orbit.is-dark .tla-orbit__role-command, .tla-orbit.is-dark .tla-orbit__property-hero, .tla-orbit.is-dark .tla-orbit__property-check, .tla-orbit.is-dark .tla-orbit__person-scope, .tla-orbit.is-dark .tla-orbit__support-request, .tla-orbit.is-dark .tla-orbit__thread, .tla-orbit.is-dark .tla-orbit__partner, .tla-orbit.is-dark .tla-orbit__integration-note, .tla-orbit.is-dark .tla-orbit__methodology-panel { border-color:rgba(255,255,255,.12)!important; background:#11172d!important; box-shadow:0 16px 42px rgba(0,0,0,.24)!important; color:#dce4f4!important; } .tla-orbit__card:hover, .tla-orbit__data-card:hover, .tla-orbit__property-check:hover { border-color:rgba(83,71,239,.22)!important; box-shadow:0 20px 46px rgba(25,37,79,.12)!important; } .tla-orbit.is-dark .tla-orbit__card:hover, .tla-orbit.is-dark .tla-orbit__data-card:hover, .tla-orbit.is-dark .tla-orbit__property-check:hover { border-color:rgba(143,124,255,.27)!important; box-shadow:0 20px 48px rgba(0,0,0,.31)!important; } .tla-orbit__card h2, .tla-orbit__card h3, .tla-orbit__data-card h2, .tla-orbit__data-card h3, .tla-orbit__overview-hero h2, .tla-orbit__overview-hero h3, .tla-orbit__propcard h2, .tla-orbit__propcard h3, .tla-orbit__property-hero h2, .tla-orbit__property-hero h3 { color:#09142f!important; } .tla-orbit.is-dark .tla-orbit__card h2, .tla-orbit.is-dark .tla-orbit__card h3, .tla-orbit.is-dark .tla-orbit__data-card h2, .tla-orbit.is-dark .tla-orbit__data-card h3, .tla-orbit.is-dark .tla-orbit__overview-hero h2, .tla-orbit.is-dark .tla-orbit__overview-hero h3, .tla-orbit.is-dark .tla-orbit__propcard h2, .tla-orbit.is-dark .tla-orbit__propcard h3, .tla-orbit.is-dark .tla-orbit__property-hero h2, .tla-orbit.is-dark .tla-orbit__property-hero h3 { color:#ffffff!important; } .tla-orbit__card-head, .tla-orbit__data-head, .tla-orbit__compact-head, .tla-orbit__compliance-group-head { border-bottom-color:rgba(13,24,72,.08)!important; } .tla-orbit.is-dark .tla-orbit__card-head, .tla-orbit.is-dark .tla-orbit__data-head, .tla-orbit.is-dark .tla-orbit__compact-head, .tla-orbit.is-dark .tla-orbit__compliance-group-head { border-bottom-color:rgba(255,255,255,.09)!important; } /* Overview command deck, KPI and progress elements. */ .tla-orbit__role-command { background: radial-gradient(circle at 92% 12%,rgba(223,41,211,.12),transparent 32%), linear-gradient(135deg,#ffffff 0%,#f7f9ff 100%)!important; } .tla-orbit.is-dark .tla-orbit__role-command { background: radial-gradient(circle at 92% 12%,rgba(223,41,211,.16),transparent 34%), linear-gradient(135deg,#11172d 0%,#171f39 100%)!important; } .tla-orbit__kpi, .tla-orbit__tile, .tla-orbit__property-metrics > *, .tla-orbit__finance-kpis > *, .tla-orbit__module-actions > div { border:1px solid rgba(31,49,98,.09)!important; border-radius:15px!important; background:#ffffff!important; box-shadow:0 10px 26px rgba(25,37,79,.06)!important; } .tla-orbit.is-dark .tla-orbit__kpi, .tla-orbit.is-dark .tla-orbit__tile, .tla-orbit.is-dark .tla-orbit__property-metrics > *, .tla-orbit.is-dark .tla-orbit__finance-kpis > *, .tla-orbit.is-dark .tla-orbit__module-actions > div { border-color:rgba(255,255,255,.10)!important; background:#11172d!important; box-shadow:0 12px 30px rgba(0,0,0,.20)!important; } .tla-orbit__kpi-icon, .tla-orbit__tile-icon, .tla-orbit__record-icon, .tla-orbit__activity-icon, .tla-orbit__agenda-icon, .tla-orbit__priority-icon, .tla-orbit__renew-icon, .tla-orbit__item-icon, .tla-orbit__property-cell-icon, .tla-orbit__doc-fileicon, .tla-orbit__docs-empty-icon, .tla-orbit__empty-icon, .tla-orbit__readiness-icon { display:grid!important; place-items:center!important; border:0!important; border-radius:12px!important; background:linear-gradient(135deg,rgba(10,144,246,.13),rgba(98,77,243,.15),rgba(223,41,211,.11))!important; color:#4d45d1!important; } .tla-orbit.is-dark .tla-orbit__kpi-icon, .tla-orbit.is-dark .tla-orbit__tile-icon, .tla-orbit.is-dark .tla-orbit__record-icon, .tla-orbit.is-dark .tla-orbit__activity-icon, .tla-orbit.is-dark .tla-orbit__agenda-icon, .tla-orbit.is-dark .tla-orbit__priority-icon, .tla-orbit.is-dark .tla-orbit__renew-icon, .tla-orbit.is-dark .tla-orbit__item-icon, .tla-orbit.is-dark .tla-orbit__property-cell-icon, .tla-orbit.is-dark .tla-orbit__doc-fileicon, .tla-orbit.is-dark .tla-orbit__docs-empty-icon, .tla-orbit.is-dark .tla-orbit__empty-icon, .tla-orbit.is-dark .tla-orbit__readiness-icon { background:linear-gradient(135deg,rgba(10,144,246,.22),rgba(98,77,243,.25),rgba(223,41,211,.18))!important; color:#ffffff!important; } .tla-orbit__kpi-value, .tla-orbit__tile-value, .tla-orbit__progress-value, .tla-orbit__occupancy-ring-val { color:#09142f!important; font-weight:800!important; } .tla-orbit.is-dark .tla-orbit__kpi-value, .tla-orbit.is-dark .tla-orbit__tile-value, .tla-orbit.is-dark .tla-orbit__progress-value, .tla-orbit.is-dark .tla-orbit__occupancy-ring-val { color:#ffffff!important; } .tla-orbit__score-ring, .tla-orbit__occupancy-ring-chart { filter:drop-shadow(0 12px 22px rgba(83,71,239,.12))!important; } .tla-orbit__progress-bar { border-radius:999px!important; background:#eceef5!important; overflow:hidden!important; } .tla-orbit.is-dark .tla-orbit__progress-bar { background:#202a48!important; } .tla-orbit__progress-bar > span, .tla-orbit__property-score-bar > span { border-radius:999px!important; background:var(--orbit-gradient)!important; } /* Data tables and registers. */ .tla-orbit__table-wrap, .tla-orbit__tablewrap { border:1px solid rgba(31,49,98,.09)!important; border-radius:14px!important; background:#ffffff!important; overflow:auto!important; } .tla-orbit.is-dark .tla-orbit__table-wrap, .tla-orbit.is-dark .tla-orbit__tablewrap { border-color:rgba(255,255,255,.10)!important; background:#11172d!important; } .tla-orbit .tla-orbit__table, .tla-orbit .tla-orbit__docs-table, .tla-orbit .tla-orbit__data-card table { width:100%!important; border-collapse:separate!important; border-spacing:0!important; background:transparent!important; } .tla-orbit .tla-orbit__table thead th, .tla-orbit .tla-orbit__docs-table thead th, .tla-orbit .tla-orbit__data-card thead th { padding:12px 14px!important; border-bottom:1px solid rgba(13,24,72,.08)!important; background:#f7f8fc!important; color:#697287!important; font-size:10.5px!important; font-weight:820!important; letter-spacing:.055em!important; line-height:1.25!important; text-align:left!important; text-transform:uppercase!important; vertical-align:middle!important; } .tla-orbit.is-dark .tla-orbit__table thead th, .tla-orbit.is-dark .tla-orbit__docs-table thead th, .tla-orbit.is-dark .tla-orbit__data-card thead th { border-bottom-color:rgba(255,255,255,.09)!important; background:#171f39!important; color:#aeb9cc!important; } .tla-orbit .tla-orbit__table tbody td, .tla-orbit .tla-orbit__docs-table tbody td, .tla-orbit .tla-orbit__data-card tbody td { padding:15px 14px!important; border-bottom:1px solid rgba(13,24,72,.065)!important; background:transparent!important; color:#344054!important; font-size:12.75px!important; vertical-align:middle!important; } .tla-orbit.is-dark .tla-orbit__table tbody td, .tla-orbit.is-dark .tla-orbit__docs-table tbody td, .tla-orbit.is-dark .tla-orbit__data-card tbody td { border-bottom-color:rgba(255,255,255,.075)!important; color:#dce4f4!important; } .tla-orbit .tla-orbit__table tbody tr:last-child td, .tla-orbit .tla-orbit__docs-table tbody tr:last-child td, .tla-orbit .tla-orbit__data-card tbody tr:last-child td { border-bottom:0!important; } .tla-orbit .tla-orbit__table tbody tr:hover td, .tla-orbit .tla-orbit__docs-table tbody tr:hover td, .tla-orbit .tla-orbit__data-card tbody tr:hover td { background:rgba(83,71,239,.035)!important; } .tla-orbit.is-dark .tla-orbit__table tbody tr:hover td, .tla-orbit.is-dark .tla-orbit__docs-table tbody tr:hover td, .tla-orbit.is-dark .tla-orbit__data-card tbody tr:hover td { background:rgba(143,124,255,.07)!important; } .tla-orbit .tla-orbit__sort-button { border:0!important; background:transparent!important; color:#697287!important; } .tla-orbit .tla-orbit__sort-button:hover, .tla-orbit .tla-orbit__sort-button.is-active { border:0!important; background:rgba(83,71,239,.07)!important; color:#3d35bd!important; } .tla-orbit.is-dark .tla-orbit__sort-button { color:#aeb9cc!important; } .tla-orbit.is-dark .tla-orbit__sort-button:hover, .tla-orbit.is-dark .tla-orbit__sort-button.is-active { background:rgba(143,124,255,.10)!important; color:#ffffff!important; } /* Inputs, filters and wizard controls. */ .tla-orbit .tla-orbit__field label, .tla-orbit .tla-orbit__field > label { margin-bottom:7px!important; color:#4f5a72!important; font-size:12px!important; font-weight:720!important; } .tla-orbit.is-dark .tla-orbit__field label, .tla-orbit.is-dark .tla-orbit__field > label { color:#c0cadb!important; } .tla-orbit .tla-orbit__field input, .tla-orbit .tla-orbit__field select, .tla-orbit .tla-orbit__field textarea, .tla-orbit .tla-orbit__search, .tla-orbit .tla-orbit__select, .tla-orbit .tla-orbit__docs-search, .tla-orbit .tla-orbit__docs-select, .tla-orbit .tla-orbit__property-picker { width:100%; min-height:43px!important; padding:10px 12px!important; border:1px solid rgba(31,49,98,.14)!important; border-radius:9px!important; background:#ffffff!important; box-shadow:none!important; color:#17213b!important; -webkit-text-fill-color:currentColor!important; font:13px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; } .tla-orbit.is-dark .tla-orbit__field input, .tla-orbit.is-dark .tla-orbit__field select, .tla-orbit.is-dark .tla-orbit__field textarea, .tla-orbit.is-dark .tla-orbit__search, .tla-orbit.is-dark .tla-orbit__select, .tla-orbit.is-dark .tla-orbit__docs-search, .tla-orbit.is-dark .tla-orbit__docs-select, .tla-orbit.is-dark .tla-orbit__property-picker { border-color:rgba(255,255,255,.15)!important; background:#171f39!important; color:#ffffff!important; } .tla-orbit .tla-orbit__field input:focus, .tla-orbit .tla-orbit__field select:focus, .tla-orbit .tla-orbit__field textarea:focus, .tla-orbit .tla-orbit__search:focus, .tla-orbit .tla-orbit__select:focus, .tla-orbit .tla-orbit__docs-search:focus, .tla-orbit .tla-orbit__docs-select:focus, .tla-orbit .tla-orbit__property-picker:focus { outline:none!important; border-color:#6350f4!important; box-shadow:0 0 0 4px rgba(99,80,244,.12)!important; } .tla-orbit .tla-orbit__field input::placeholder, .tla-orbit .tla-orbit__field textarea::placeholder, .tla-orbit .tla-orbit__search::placeholder, .tla-orbit .tla-orbit__docs-search::placeholder { color:#98a1b4!important; opacity:1!important; } .tla-orbit__field-help { color:#7b8499!important; font-size:11.25px!important; line-height:1.5!important; } .tla-orbit.is-dark .tla-orbit__field-help { color:#9fabc0!important; } .tla-orbit input[type="checkbox"], .tla-orbit input[type="radio"] { accent-color:#6350f4!important; } .tla-orbit__wizard-progress { border-radius:999px!important; background:#eceef5!important; } .tla-orbit.is-dark .tla-orbit__wizard-progress { background:#202a48!important; } .tla-orbit__wizard-progress > span { background:var(--orbit-gradient)!important; } /* Status badges retain semantic RAG colours but use the Studio badge shape. */ .tla-orbit__pill, .tla-orbit__status-chip, .tla-orbit__record-status, .tla-orbit__priority, .tla-orbit__readiness-badge, .tla-orbit__readiness-status, .tla-orbit__workspace-chip, .tla-orbit__doc-cat, .tla-orbit__thread-type, .tla-orbit__support-state, .tla-orbit__occupancy { min-height:25px!important; padding:5px 9px!important; border-radius:8px!important; font-size:10px!important; font-weight:820!important; line-height:1.1!important; letter-spacing:.02em!important; } /* Noticeboard and conversation surfaces. */ .tla-orbit__notice-modes { padding:4px!important; border:1px solid rgba(31,49,98,.10)!important; border-radius:11px!important; background:#f1f3f9!important; } .tla-orbit.is-dark .tla-orbit__notice-modes { border-color:rgba(255,255,255,.10)!important; background:#171f39!important; } .tla-orbit__message-list, .tla-orbit__thread-list { border-radius:14px!important; background:#f7f8fc!important; } .tla-orbit.is-dark .tla-orbit__message-list, .tla-orbit.is-dark .tla-orbit__thread-list { background:#0d142b!important; } .tla-orbit__message { border:1px solid rgba(31,49,98,.09)!important; border-radius:14px!important; background:#ffffff!important; box-shadow:0 8px 20px rgba(25,37,79,.05)!important; } .tla-orbit.is-dark .tla-orbit__message { border-color:rgba(255,255,255,.10)!important; background:#171f39!important; box-shadow:0 9px 22px rgba(0,0,0,.18)!important; } .tla-orbit__message--support { border-color:rgba(83,71,239,.20)!important; background:linear-gradient(135deg,rgba(10,144,246,.05),rgba(98,77,243,.07),rgba(223,41,211,.045)),#ffffff!important; } .tla-orbit.is-dark .tla-orbit__message--support { border-color:rgba(143,124,255,.28)!important; background:linear-gradient(135deg,rgba(10,144,246,.10),rgba(98,77,243,.13),rgba(223,41,211,.08)),#171f39!important; } .tla-orbit__thread-reply { border-top:1px solid rgba(13,24,72,.08)!important; background:#ffffff!important; } .tla-orbit.is-dark .tla-orbit__thread-reply { border-top-color:rgba(255,255,255,.09)!important; background:#11172d!important; } /* Document Hub: visually connected to the AI Document Studio cards. */ .tla-orbit__docstudio { border:1px solid rgba(83,71,239,.18)!important; border-radius:16px!important; background: radial-gradient(circle at 92% 10%,rgba(223,41,211,.13),transparent 35%), linear-gradient(135deg,#f8fbff 0%,#edf4ff 52%,#f8efff 100%)!important; box-shadow:0 14px 34px rgba(69,71,218,.09)!important; } .tla-orbit.is-dark .tla-orbit__docstudio { border-color:rgba(143,124,255,.28)!important; background: radial-gradient(circle at 92% 10%,rgba(223,41,211,.18),transparent 35%), linear-gradient(135deg,#07143b 0%,#06102e 52%,#211041 100%)!important; } .tla-orbit__docstudio-mark { display:grid!important; place-items:center!important; border-radius:15px!important; background:var(--orbit-gradient-diagonal)!important; box-shadow:0 12px 24px rgba(69,71,218,.18)!important; color:#ffffff!important; } .tla-orbit__docs-count { border:0!important; border-radius:8px!important; background:linear-gradient(135deg,rgba(78,92,255,.13),rgba(169,73,238,.13))!important; color:#3d35bd!important; font-weight:850!important; } .tla-orbit.is-dark .tla-orbit__docs-count { background:rgba(143,124,255,.18)!important; color:#ffffff!important; } .tla-orbit__doc-avatar { background:var(--orbit-gradient-diagonal)!important; color:#ffffff!important; } /* Empty and restricted states. */ .tla-orbit__empty, .tla-orbit__docs-empty, .tla-orbit__restricted, .tla-orbit__filter-empty, .tla-orbit__compliance-group-empty { border:1px dashed rgba(83,71,239,.22)!important; border-radius:16px!important; background:linear-gradient(135deg,rgba(10,144,246,.035),rgba(98,77,243,.045),rgba(223,41,211,.025))!important; color:#5d6680!important; } .tla-orbit.is-dark .tla-orbit__empty, .tla-orbit.is-dark .tla-orbit__docs-empty, .tla-orbit.is-dark .tla-orbit__restricted, .tla-orbit.is-dark .tla-orbit__filter-empty, .tla-orbit.is-dark .tla-orbit__compliance-group-empty { border-color:rgba(143,124,255,.25)!important; background:linear-gradient(135deg,rgba(10,144,246,.08),rgba(98,77,243,.10),rgba(223,41,211,.06))!important; color:#b7c0d3!important; } /* Sponsor and disclaimer close the shell in the same restrained product style. */ .tla-orbit__sponsor-zone { position:relative!important; z-index:2!important; padding:0 30px 28px!important; background:transparent!important; } .tla-orbit__sponsor-card { border:1px solid rgba(83,71,239,.16)!important; border-radius:18px!important; background: radial-gradient(circle at 86% 14%,rgba(223,41,211,.12),transparent 32%), linear-gradient(135deg,#ffffff 0%,#f5f8ff 52%,#faf3ff 100%)!important; box-shadow:0 14px 36px rgba(25,37,79,.08)!important; } .tla-orbit.is-dark .tla-orbit__sponsor-card { border-color:rgba(143,124,255,.25)!important; background: radial-gradient(circle at 86% 14%,rgba(223,41,211,.17),transparent 34%), linear-gradient(135deg,#11172d 0%,#111a36 52%,#1b1135 100%)!important; box-shadow:0 16px 42px rgba(0,0,0,.24)!important; } .tla-orbit__sponsor-mark { background:var(--orbit-gradient-diagonal)!important; box-shadow:0 10px 22px rgba(69,71,218,.18)!important; color:#ffffff!important; } .tla-orbit__sponsor-eyebrow, .tla-orbit__sponsor-status, .tla-orbit__sponsor-tag { border-radius:8px!important; background:linear-gradient(135deg,rgba(78,92,255,.13),rgba(169,73,238,.13))!important; color:#3d35bd!important; } .tla-orbit.is-dark .tla-orbit__sponsor-eyebrow, .tla-orbit.is-dark .tla-orbit__sponsor-status, .tla-orbit.is-dark .tla-orbit__sponsor-tag { background:rgba(143,124,255,.18)!important; color:#ffffff!important; } .tla-orbit__disclaimer { position:relative!important; z-index:2!important; padding:18px 30px!important; border-top:1px solid rgba(13,24,72,.08)!important; border-radius:0!important; background:#ffffff!important; color:#667085!important; } .tla-orbit.is-dark .tla-orbit__disclaimer { border-top-color:rgba(255,255,255,.09)!important; background:#050817!important; color:#aeb9cc!important; } .tla-orbit__disclaimer svg { color:#6552e7!important; } .tla-orbit__disclaimer strong { color:#09142f!important; } .tla-orbit.is-dark .tla-orbit__disclaimer strong { color:#ffffff!important; } /* Access gates use the same showcase-style gradient canvas. */ .tla-orbit--gate { display:grid!important; min-height:620px!important; place-items:center!important; background: radial-gradient(circle at 10% 10%,rgba(23,178,226,.20),transparent 33%), radial-gradient(circle at 88% 12%,rgba(223,41,211,.20),transparent 31%), linear-gradient(135deg,#f8fbff 0%,#edf4ff 50%,#f8efff 100%)!important; } .tla-orbit--gate.is-dark { background: radial-gradient(circle at 8% 8%,rgba(10,144,246,.24),transparent 34%), radial-gradient(circle at 86% 12%,rgba(223,41,211,.23),transparent 35%), linear-gradient(135deg,#07143b 0%,#06102e 52%,#211041 100%)!important; } .tla-orbit__gate-card { width:min(100%,620px)!important; padding:42px!important; border:1px solid rgba(31,49,98,.11)!important; border-radius:22px!important; background:rgba(255,255,255,.96)!important; box-shadow:0 24px 72px rgba(7,10,42,.14)!important; color:#344054!important; } .tla-orbit--gate.is-dark .tla-orbit__gate-card { border-color:rgba(255,255,255,.13)!important; background:rgba(17,23,45,.96)!important; box-shadow:0 28px 80px rgba(0,0,0,.42)!important; color:#dce4f4!important; } .tla-orbit__gate-card h2 { color:#09142f!important; font-size:clamp(1.8rem,4vw,2.7rem)!important; letter-spacing:-.04em!important; } .tla-orbit--gate.is-dark .tla-orbit__gate-card h2 { color:#ffffff!important; } .tla-orbit__gate-card p { color:#5d6680!important; line-height:1.7!important; } .tla-orbit--gate.is-dark .tla-orbit__gate-card p { color:#b7c0d3!important; } /* Native dialog, kept in the browser top layer. */ dialog.tla-orbit__modal, .tla-orbit__modal { border:0!important; background:transparent!important; color:var(--text)!important; } dialog.tla-orbit__modal::backdrop { background:rgba(5,8,23,.66)!important; backdrop-filter:blur(6px)!important; } dialog.tla-orbit__modal .tla-orbit__modal-card, .tla-orbit__modal .tla-orbit__modal-card { border:1px solid rgba(31,49,98,.13)!important; border-radius:20px!important; background:#ffffff!important; box-shadow:0 30px 90px rgba(7,10,42,.30)!important; color:#344054!important; } dialog.tla-orbit__modal.is-dark .tla-orbit__modal-card, .tla-orbit__modal.is-dark .tla-orbit__modal-card { border-color:rgba(255,255,255,.14)!important; background:#11172d!important; box-shadow:0 34px 100px rgba(0,0,0,.55)!important; color:#dce4f4!important; } dialog.tla-orbit__modal .tla-orbit__modal-card h2, .tla-orbit__modal .tla-orbit__modal-card h2 { color:#09142f!important; font-weight:780!important; letter-spacing:-.025em!important; } dialog.tla-orbit__modal.is-dark .tla-orbit__modal-card h2, .tla-orbit__modal.is-dark .tla-orbit__modal-card h2 { color:#ffffff!important; } dialog.tla-orbit__modal .tla-orbit__modal-actions, .tla-orbit__modal .tla-orbit__modal-actions { border-top:1px solid rgba(13,24,72,.08)!important; background:#ffffff!important; } dialog.tla-orbit__modal.is-dark .tla-orbit__modal-actions, .tla-orbit__modal.is-dark .tla-orbit__modal-actions { border-top-color:rgba(255,255,255,.09)!important; background:#11172d!important; } dialog.tla-orbit__modal .tla-orbit__modal-close, .tla-orbit__modal .tla-orbit__modal-close { border:1px solid rgba(31,49,98,.12)!important; background:#f1f3f9!important; color:#5d6680!important; box-shadow:none!important; } dialog.tla-orbit__modal.is-dark .tla-orbit__modal-close, .tla-orbit__modal.is-dark .tla-orbit__modal-close { border-color:rgba(255,255,255,.13)!important; background:#171f39!important; color:#dce4f4!important; } dialog.tla-orbit__modal .tla-orbit__modal-close:hover, .tla-orbit__modal .tla-orbit__modal-close:hover { border-color:rgba(83,71,239,.26)!important; background:#ffffff!important; color:#3d35bd!important; } dialog.tla-orbit__modal.is-dark .tla-orbit__modal-close:hover, .tla-orbit__modal.is-dark .tla-orbit__modal-close:hover { background:#202a48!important; color:#ffffff!important; } /* Boot and no-script fallbacks remain above the shell but use product styling. */ .tla-orbit__boot-fallback, .tla-orbit__noscript { border:1px solid rgba(166,27,52,.20)!important; border-radius:12px!important; background:#fff1f3!important; color:#8f1730!important; box-shadow:0 12px 30px rgba(84,18,32,.10)!important; } .tla-orbit.is-dark .tla-orbit__boot-fallback, .tla-orbit.is-dark .tla-orbit__noscript { background:rgba(166,27,52,.20)!important; color:#ffadbb!important; } /* Responsive parity with the Document Studio canvas. */ @media (max-width:1120px) { .tla-orbit { width:calc(100% - 24px)!important; margin:24px auto 42px!important; } .tla-orbit__rail { width:260px!important; flex-basis:260px!important; } .tla-orbit__main { padding:26px 24px 34px!important; } .tla-orbit__sponsor-zone { padding:0 24px 24px!important; } } @media (max-width:920px) { .tla-orbit { flex-direction:column!important; } .tla-orbit__rail { width:100%!important; flex:none!important; border-right:0!important; border-bottom:1px solid rgba(13,24,72,.08)!important; } .tla-orbit.is-dark .tla-orbit__rail { border-bottom-color:rgba(255,255,255,.09)!important; } .tla-orbit__brandblock { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:18px 20px!important; } .tla-orbit__build { margin-top:0!important; } .tla-orbit__nav { flex-direction:row!important; gap:12px!important; padding:12px 14px!important; overflow-x:auto!important; overflow-y:hidden!important; } .tla-orbit__nav-group { display:flex!important; flex-direction:row!important; gap:5px!important; } .tla-orbit__nav-group-label { display:none!important; } .tla-orbit .tla-orbit__navitem, .tla-orbit .tla-orbit__navitem:hover, .tla-orbit .tla-orbit__navitem:focus { width:auto!important; min-width:max-content!important; } .tla-orbit__navcopy small { display:none!important; } .tla-orbit .tla-orbit__navitem.is-active::before { display:none!important; } .tla-orbit__rail-tools { display:none!important; } .tla-orbit__rail-foot { display:none!important; } .tla-orbit__top { min-height:74px!important; padding:14px 18px!important; } } @media (max-width:680px) { .tla-orbit { width:calc(100% - 12px)!important; margin:8px auto 24px!important; border-radius:18px!important; } .tla-orbit__brandblock { padding:15px 16px!important; } .tla-orbit__rail-logo { width:150px!important; max-width:150px!important; } .tla-orbit__build { min-height:25px!important; padding:5px 8px!important; font-size:9px!important; } .tla-orbit__nav { padding:10px!important; } .tla-orbit .tla-orbit__navitem, .tla-orbit .tla-orbit__navitem:hover, .tla-orbit .tla-orbit__navitem:focus { min-height:38px!important; padding:5px 9px!important; } .tla-orbit__navitem .tla-orbit__navicon, .tla-orbit__navitem--compact .tla-orbit__navicon { width:27px!important; height:27px!important; flex-basis:27px!important; padding:5px!important; } .tla-orbit__top { flex-wrap:wrap!important; gap:10px!important; padding:12px!important; } .tla-orbit__tabs { width:100%!important; order:2!important; } .tla-orbit__top-right { width:100%!important; justify-content:flex-end!important; order:1!important; } .tla-orbit__user-greeting { margin-right:auto!important; } .tla-orbit__main { padding:20px 14px 26px!important; } .tla-orbit__sectionhead { min-height:0!important; padding:18px!important; align-items:flex-start!important; flex-wrap:wrap!important; } .tla-orbit__sectionicon { width:50px!important; height:50px!important; flex-basis:50px!important; } .tla-orbit__sectionmeta h1 { font-size:1.55rem!important; } .tla-orbit__sectionhead > .tla-orbit__btn { width:100%!important; } .tla-orbit__sponsor-zone { padding:0 14px 18px!important; } .tla-orbit__sponsor-card { border-radius:16px!important; } .tla-orbit__disclaimer { padding:16px!important; } .tla-orbit__gate-card { width:calc(100% - 24px)!important; padding:28px 22px!important; border-radius:18px!important; } .tla-orbit__gate-actions { flex-direction:column!important; } .tla-orbit__gate-actions .tla-orbit__btn { width:100%!important; } } @media (max-width:480px) { .tla-orbit__user-greeting { display:none!important; } .tla-orbit__tier-pill { max-width:150px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .tla-orbit__avatar { width:36px!important; height:36px!important; } .tla-orbit__sectionmeta { flex-basis:calc(100% - 66px)!important; } .tla-orbit .tla-orbit__btn { width:100%; } .tla-orbit__inline-actions, .tla-orbit__row-actions, .tla-orbit__module-actions, .tla-orbit__docs-controls { align-items:stretch!important; flex-direction:column!important; } } @media (prefers-reduced-motion:reduce) { .tla-orbit *, .tla-orbit *::before, .tla-orbit *::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } } /* ORBIT 0.3.0-alpha.33 - authoritative record attachments and Document Hub. */ .tla-orbit__linked-files { display:grid; gap:8px; margin:0 0 12px; } .tla-orbit__linked-files > a { display:grid; grid-template-columns:34px minmax(0,1fr) 20px; align-items:center; gap:10px; padding:10px 12px; border:1px solid rgba(31,49,98,.11); border-radius:12px; background:#f8faff; color:#344054; text-decoration:none!important; transition:border-color .18s ease,background .18s ease,transform .18s ease; } .tla-orbit__linked-files > a:hover, .tla-orbit__linked-files > a:focus-visible { border-color:rgba(83,71,239,.28); background:#ffffff; transform:translateY(-1px); } .tla-orbit__linked-files > a > span:first-child { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; background:linear-gradient(135deg,rgba(10,144,246,.14),rgba(223,41,211,.14)); color:#5347ef; } .tla-orbit__linked-files > a > span:first-child svg, .tla-orbit__linked-files > a > svg { width:17px;height:17px; } .tla-orbit__linked-files > a > span:nth-child(2) { min-width:0; } .tla-orbit__linked-files strong, .tla-orbit__linked-files small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .tla-orbit__linked-files strong { color:#09142f;font-size:13px; } .tla-orbit__linked-files small { margin-top:2px;color:#667085;font-size:11px; } .tla-orbit.is-dark .tla-orbit__linked-files > a { border-color:rgba(255,255,255,.11); background:#171f39; color:#dce4f4; } .tla-orbit.is-dark .tla-orbit__linked-files > a:hover, .tla-orbit.is-dark .tla-orbit__linked-files > a:focus-visible { background:#202a48; } .tla-orbit.is-dark .tla-orbit__linked-files strong { color:#ffffff; } .tla-orbit.is-dark .tla-orbit__linked-files small { color:#aeb9cc; } .tla-orbit__docstudio-actions, .tla-orbit__doc-row-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; } .tla-orbit__doc-row-actions .tla-orbit__table-action { white-space:nowrap; } .tla-orbit__table-action--secondary { border:0; background:transparent; color:#5d6680; cursor:pointer; } .tla-orbit__table-action--secondary:hover, .tla-orbit__table-action--secondary:focus-visible { color:#3d35bd; } .tla-orbit.is-dark .tla-orbit__table-action--secondary { color:#aeb9cc; } .tla-orbit.is-dark .tla-orbit__table-action--secondary:hover, .tla-orbit.is-dark .tla-orbit__table-action--secondary:focus-visible { color:#ffffff; } .tla-orbit__docs-table td:nth-child(3) strong, .tla-orbit__docs-table td:nth-child(3) small, .tla-orbit__doc-uploader span:last-child small { display:block; } .tla-orbit__docs-table td:nth-child(3) small, .tla-orbit__doc-uploader span:last-child small { margin-top:3px; color:#7a849a; font-size:11px; } .tla-orbit__doc-uploader > span:last-child { min-width:0; } .tla-orbit__docs-empty .tla-orbit__btn { margin-top:8px; } .tla-orbit__modal input[type="file"][data-orbit-file-input] { width:100%; min-height:52px; padding:9px; border:1px dashed rgba(83,71,239,.28)!important; border-radius:12px!important; background:linear-gradient(135deg,rgba(10,144,246,.05),rgba(223,41,211,.05))!important; color:#344054!important; cursor:pointer; } .tla-orbit__modal input[type="file"][data-orbit-file-input]::file-selector-button { margin-right:12px; padding:9px 13px; border:0; border-radius:9px; background:linear-gradient(135deg,#0a90f6,#7c4dff 58%,#df29d3); color:#ffffff; font-weight:700; cursor:pointer; } .tla-orbit__modal.is-dark input[type="file"][data-orbit-file-input] { border-color:rgba(143,124,255,.30)!important; background:linear-gradient(135deg,rgba(10,144,246,.10),rgba(223,41,211,.10))!important; color:#dce4f4!important; } @media (max-width:920px) { .tla-orbit__docstudio { align-items:flex-start!important;flex-wrap:wrap!important; } .tla-orbit__docstudio-actions { width:100%;justify-content:flex-start; } .tla-orbit__docs-table { min-width:1120px; } } @media (max-width:680px) { .tla-orbit__docstudio-actions, .tla-orbit__doc-row-actions { width:100%;align-items:stretch;flex-direction:column; } .tla-orbit__docstudio-actions .tla-orbit__btn, .tla-orbit__doc-row-actions .tla-orbit__table-action { width:100%;justify-content:center; } } .tla-orbit__docs-context-filter { display:inline-flex; align-items:center; gap:10px; min-height:40px; padding:7px 8px 7px 12px; border:1px solid rgba(83,71,239,.18); border-radius:12px; background:linear-gradient(135deg,rgba(10,144,246,.07),rgba(223,41,211,.07)); color:#475467; font-size:12px; } .tla-orbit__docs-context-filter strong { color:#09142f; } .tla-orbit__docs-context-filter button { min-height:28px; padding:5px 9px; border:1px solid rgba(83,71,239,.18); border-radius:8px; background:#ffffff; color:#3d35bd; font:inherit; font-weight:700; cursor:pointer; } .tla-orbit__docs-context-filter button:hover, .tla-orbit__docs-context-filter button:focus-visible { border-color:rgba(83,71,239,.36); box-shadow:0 0 0 3px rgba(83,71,239,.10); } .tla-orbit.is-dark .tla-orbit__docs-context-filter { border-color:rgba(143,124,255,.24); background:linear-gradient(135deg,rgba(10,144,246,.11),rgba(223,41,211,.11)); color:#aeb9cc; } .tla-orbit.is-dark .tla-orbit__docs-context-filter strong { color:#ffffff; } .tla-orbit.is-dark .tla-orbit__docs-context-filter button { border-color:rgba(255,255,255,.12); background:#171f39; color:#dce4f4; } @media (max-width:680px) { .tla-orbit__docs-context-filter { width:100%;justify-content:space-between; } } /* ORBIT 0.3.0-alpha.34 - action contrast and Add Property affordance. This is intentionally the final cascade layer. It protects ORBIT controls from Elementor, site-header and optimisation CSS loaded elsewhere. */ .tla-orbit { --orbit-control-gradient:linear-gradient(135deg,#087fdc 0%,#5b3df5 55%,#c61fba 100%); --orbit-control-solid:#5b3df5; --orbit-control-focus:rgba(10,144,246,.28); --orbit-control-light-bg:#ffffff; --orbit-control-light-fg:#101828; --orbit-control-light-border:rgba(16,24,40,.18); --orbit-control-dark-bg:#172033; --orbit-control-dark-fg:#f8fafc; --orbit-control-dark-border:rgba(255,255,255,.18); } /* The top Add property action is now unambiguous and remains visible even when a host stylesheet strips gradients or applies white button colours. */ html body .tla-orbit button[data-orbit-add-property].tla-orbit__tab--add, html body .tla-orbit button[data-orbit-add-property].tla-orbit__tab--add:hover, html body .tla-orbit button[data-orbit-add-property].tla-orbit__tab--add:focus, html body .tla-orbit button[data-orbit-add-property].tla-orbit__tab--add:focus-visible, html body .tla-orbit button[data-orbit-add-property].tla-orbit__tab--add:active { width:auto!important; min-width:132px!important; height:42px!important; min-height:42px!important; padding:0 15px!important; gap:8px!important; border:1px solid rgba(255,255,255,.30)!important; border-radius:11px!important; background-color:var(--orbit-control-solid)!important; background-image:var(--orbit-control-gradient)!important; background-repeat:no-repeat!important; background-size:100% 100%!important; box-shadow:0 10px 24px rgba(73,52,205,.25),inset 0 1px 0 rgba(255,255,255,.28)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:12.75px!important; font-weight:800!important; line-height:1!important; letter-spacing:0!important; opacity:1!important; filter:none!important; isolation:isolate!important; overflow:hidden!important; text-shadow:none!important; } html body .tla-orbit button[data-orbit-add-property].tla-orbit__tab--add:hover, html body .tla-orbit button[data-orbit-add-property].tla-orbit__tab--add:focus-visible { background-color:#4338ca!important; background-image:linear-gradient(135deg,#0a90f6 0%,#5138e8 52%,#df29d3 100%)!important; box-shadow:0 14px 30px rgba(73,52,205,.32),inset 0 1px 0 rgba(255,255,255,.34)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; transform:translateY(-1px)!important; } html body .tla-orbit button[data-orbit-add-property].tla-orbit__tab--add:active { box-shadow:0 7px 18px rgba(73,52,205,.24),inset 0 1px 0 rgba(255,255,255,.24)!important; transform:translateY(0)!important; } html body .tla-orbit button[data-orbit-add-property].tla-orbit__tab--add svg { display:block!important; width:18px!important; height:18px!important; flex:0 0 18px!important; stroke:#ffffff!important; color:#ffffff!important; opacity:1!important; visibility:visible!important; filter:none!important; } .tla-orbit__tab-add-label { display:inline-block!important; position:relative!important; z-index:1!important; white-space:nowrap!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; pointer-events:none!important; } /* Primary and accent actions always use white copy on a saturated surface. */ html body .tla-orbit button.tla-orbit__btn--primary, html body .tla-orbit a.tla-orbit__btn--primary, html body .tla-orbit button.tla-orbit__btn--accent, html body .tla-orbit a.tla-orbit__btn--accent { border:1px solid rgba(255,255,255,.24)!important; background-color:var(--orbit-control-solid)!important; background-image:var(--orbit-control-gradient)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; text-shadow:none!important; opacity:1!important; filter:none!important; box-shadow:0 10px 24px rgba(73,52,205,.22),inset 0 1px 0 rgba(255,255,255,.24)!important; } html body .tla-orbit button.tla-orbit__btn--primary:hover, html body .tla-orbit button.tla-orbit__btn--primary:focus-visible, html body .tla-orbit a.tla-orbit__btn--primary:hover, html body .tla-orbit a.tla-orbit__btn--primary:focus-visible, html body .tla-orbit button.tla-orbit__btn--accent:hover, html body .tla-orbit button.tla-orbit__btn--accent:focus-visible, html body .tla-orbit a.tla-orbit__btn--accent:hover, html body .tla-orbit a.tla-orbit__btn--accent:focus-visible { background-color:#4338ca!important; background-image:linear-gradient(135deg,#0a90f6 0%,#5138e8 52%,#df29d3 100%)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; box-shadow:0 14px 32px rgba(73,52,205,.30),inset 0 1px 0 rgba(255,255,255,.30)!important; } /* Secondary controls keep a visible surface, border and text in both themes. */ html body .tla-orbit:not(.is-dark) button.tla-orbit__btn--ghost, html body .tla-orbit:not(.is-dark) a.tla-orbit__btn--ghost, html body .tla-orbit:not(.is-dark) button.tla-orbit__table-action, html body .tla-orbit:not(.is-dark) a.tla-orbit__table-action, html body .tla-orbit:not(.is-dark) .tla-orbit__docs-context-filter button, html body .tla-orbit:not(.is-dark) .tla-orbit__modal-close { border-color:var(--orbit-control-light-border)!important; background-color:var(--orbit-control-light-bg)!important; background-image:none!important; color:var(--orbit-control-light-fg)!important; -webkit-text-fill-color:var(--orbit-control-light-fg)!important; box-shadow:0 5px 14px rgba(16,24,40,.07)!important; text-shadow:none!important; } html body .tla-orbit.is-dark button.tla-orbit__btn--ghost, html body .tla-orbit.is-dark a.tla-orbit__btn--ghost, html body .tla-orbit.is-dark button.tla-orbit__table-action, html body .tla-orbit.is-dark a.tla-orbit__table-action, html body .tla-orbit.is-dark .tla-orbit__docs-context-filter button, html body .tla-orbit.is-dark .tla-orbit__modal-close { border-color:var(--orbit-control-dark-border)!important; background-color:var(--orbit-control-dark-bg)!important; background-image:none!important; color:var(--orbit-control-dark-fg)!important; -webkit-text-fill-color:var(--orbit-control-dark-fg)!important; box-shadow:0 6px 16px rgba(0,0,0,.22)!important; text-shadow:none!important; } html body .tla-orbit:not(.is-dark) button.tla-orbit__btn--ghost:hover, html body .tla-orbit:not(.is-dark) a.tla-orbit__btn--ghost:hover, html body .tla-orbit:not(.is-dark) button.tla-orbit__table-action:hover, html body .tla-orbit:not(.is-dark) a.tla-orbit__table-action:hover, html body .tla-orbit:not(.is-dark) .tla-orbit__docs-context-filter button:hover, html body .tla-orbit:not(.is-dark) .tla-orbit__modal-close:hover { border-color:rgba(91,61,245,.34)!important; background-color:#f2f4ff!important; color:#312e81!important; -webkit-text-fill-color:#312e81!important; } html body .tla-orbit.is-dark button.tla-orbit__btn--ghost:hover, html body .tla-orbit.is-dark a.tla-orbit__btn--ghost:hover, html body .tla-orbit.is-dark button.tla-orbit__table-action:hover, html body .tla-orbit.is-dark a.tla-orbit__table-action:hover, html body .tla-orbit.is-dark .tla-orbit__docs-context-filter button:hover, html body .tla-orbit.is-dark .tla-orbit__modal-close:hover { border-color:rgba(143,124,255,.42)!important; background-color:#232d47!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } /* Segmented mode buttons and sort controls use a familiar selected state. */ html body .tla-orbit .tla-orbit__notice-modes button, html body .tla-orbit .tla-orbit__sort-button { background-image:none!important; text-shadow:none!important; -webkit-text-fill-color:currentColor!important; } html body .tla-orbit:not(.is-dark) .tla-orbit__notice-modes button { color:#475467!important; background-color:transparent!important; } html body .tla-orbit.is-dark .tla-orbit__notice-modes button { color:#cbd5e1!important; background-color:transparent!important; } html body .tla-orbit .tla-orbit__notice-modes button.is-active { border-color:rgba(255,255,255,.22)!important; background-color:var(--orbit-control-solid)!important; background-image:var(--orbit-control-gradient)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; box-shadow:0 7px 18px rgba(73,52,205,.22)!important; } /* Keep all action icons as visible as their labels. */ html body .tla-orbit .tla-orbit__btn svg, html body .tla-orbit .tla-orbit__table-action svg, html body .tla-orbit .tla-orbit__modal-close svg, html body .tla-orbit .tla-orbit__notice-modes button svg, html body .tla-orbit .tla-orbit__sort-button svg { stroke:currentColor!important; color:inherit!important; opacity:1!important; visibility:visible!important; filter:none!important; } /* Strong, consistent keyboard focus without changing pointer behaviour. */ html body .tla-orbit button:focus-visible, html body .tla-orbit a.tla-orbit__btn:focus-visible, html body .tla-orbit a.tla-orbit__table-action:focus-visible { outline:3px solid var(--orbit-control-focus)!important; outline-offset:2px!important; } /* Disabled controls remain visibly disabled but never disappear into a panel. */ html body .tla-orbit button:disabled, html body .tla-orbit button[aria-disabled="true"], html body .tla-orbit a[aria-disabled="true"] { opacity:.58!important; filter:saturate(.55)!important; cursor:not-allowed!important; box-shadow:none!important; transform:none!important; } @media (max-width:760px) { html body .tla-orbit button[data-orbit-add-property].tla-orbit__tab--add, html body .tla-orbit button[data-orbit-add-property].tla-orbit__tab--add:hover, html body .tla-orbit button[data-orbit-add-property].tla-orbit__tab--add:focus, html body .tla-orbit button[data-orbit-add-property].tla-orbit__tab--add:focus-visible, html body .tla-orbit button[data-orbit-add-property].tla-orbit__tab--add:active { width:42px!important; min-width:42px!important; padding:0!important; } .tla-orbit__tab-add-label { display:none!important; } } /* ORBIT 0.3.0-alpha.35 - compliance progress row alignment. Final cascade layer: preserve a clean horizontal desktop row and prevent Elementor/TLA button rules from collapsing the progress bar into a line. */ html body .tla-orbit button.tla-orbit__progress-row { display:grid!important; grid-template-columns:minmax(220px,1.22fr) minmax(112px,.88fr) 58px!important; align-items:center!important; justify-items:stretch!important; column-gap:16px!important; row-gap:0!important; width:100%!important; min-width:0!important; min-height:64px!important; margin:0!important; padding:12px 12px!important; border:0!important; border-radius:12px!important; background:transparent!important; background-image:none!important; box-shadow:none!important; text-align:left!important; white-space:normal!important; appearance:none!important; -webkit-appearance:none!important; } html body .tla-orbit button.tla-orbit__progress-row::before, html body .tla-orbit button.tla-orbit__progress-row::after { content:none!important; display:none!important; } html body .tla-orbit .tla-orbit__progress-row + .tla-orbit__progress-row { border-top:0!important; } html body .tla-orbit .tla-orbit__progress-rows { gap:4px!important; } html body .tla-orbit .tla-orbit__progress-row-label { grid-column:1!important; grid-row:1!important; display:flex!important; align-items:center!important; gap:14px!important; min-width:0!important; width:100%!important; margin:0!important; } html body .tla-orbit .tla-orbit__progress-row-label > span:last-child { display:block!important; min-width:0!important; max-width:100%!important; } html body .tla-orbit .tla-orbit__progress-row-label strong { display:block!important; min-width:0!important; margin:0!important; color:var(--heading)!important; font-size:14px!important; font-weight:750!important; line-height:1.25!important; letter-spacing:-.01em!important; white-space:normal!important; overflow-wrap:anywhere!important; } html body .tla-orbit .tla-orbit__progress-row-label small { display:block!important; margin:3px 0 0!important; color:var(--muted)!important; font-size:12px!important; font-weight:500!important; line-height:1.25!important; white-space:nowrap!important; } html body .tla-orbit .tla-orbit__progress-row-icon { flex:0 0 44px!important; width:44px!important; height:44px!important; margin:0!important; border:0!important; border-radius:12px!important; } html body .tla-orbit .tla-orbit__progress-bar { grid-column:2!important; grid-row:1!important; display:block!important; position:relative!important; align-self:center!important; width:100%!important; min-width:112px!important; height:8px!important; min-height:8px!important; margin:0!important; padding:0!important; border:0!important; border-radius:999px!important; background:#e9edf5!important; box-shadow:inset 0 1px 2px rgba(15,23,42,.08)!important; overflow:hidden!important; } html body .tla-orbit.is-dark .tla-orbit__progress-bar { background:#202a48!important; box-shadow:inset 0 1px 2px rgba(0,0,0,.24)!important; } html body .tla-orbit .tla-orbit__progress-bar > span { display:block!important; position:relative!important; width:auto; height:100%!important; min-height:8px!important; margin:0!important; border:0!important; border-radius:inherit!important; background:var(--orbit-gradient)!important; box-shadow:none!important; } html body .tla-orbit .tla-orbit__progress-value { grid-column:3!important; grid-row:1!important; align-self:center!important; justify-self:end!important; display:block!important; width:58px!important; min-width:58px!important; margin:0!important; padding:0!important; color:#09142f!important; font-size:18px!important; font-weight:800!important; font-variant-numeric:tabular-nums!important; line-height:1!important; text-align:right!important; white-space:nowrap!important; } html body .tla-orbit.is-dark .tla-orbit__progress-value { color:#ffffff!important; } html body .tla-orbit button.tla-orbit__progress-row:hover, html body .tla-orbit button.tla-orbit__progress-row:focus-visible { background:color-mix(in srgb,#5b3df5 6%,var(--panel))!important; } html body .tla-orbit button.tla-orbit__progress-row:hover .tla-orbit__progress-value, html body .tla-orbit button.tla-orbit__progress-row:focus-visible .tla-orbit__progress-value { color:#4f46e5!important; } html body .tla-orbit.is-dark button.tla-orbit__progress-row:hover .tla-orbit__progress-value, html body .tla-orbit.is-dark button.tla-orbit__progress-row:focus-visible .tla-orbit__progress-value { color:#9ecbff!important; } /* Narrow layouts keep the percentage at the end of the heading row. The progress bar uses the full second row instead of leaving the percentage isolated or centred. */ @media (max-width:680px) { html body .tla-orbit button.tla-orbit__progress-row { grid-template-columns:minmax(0,1fr) auto!important; column-gap:12px!important; row-gap:10px!important; min-height:0!important; padding:12px 8px!important; } html body .tla-orbit .tla-orbit__progress-row-label { grid-column:1!important; grid-row:1!important; } html body .tla-orbit .tla-orbit__progress-value { grid-column:2!important; grid-row:1!important; width:auto!important; min-width:46px!important; align-self:center!important; justify-self:end!important; } html body .tla-orbit .tla-orbit__progress-bar { grid-column:1 / -1!important; grid-row:2!important; width:100%!important; min-width:0!important; } } /* ORBIT 0.3.0-alpha.36 - People, Activity and Document Hub refinement. Final cascade layer: removes host-theme salmon states, replaces the decorative filter glyph with functional controls, and explains audit integrity in plain language without changing stored records. */ /* People directory toolbar */ html body .tla-orbit .tla-orbit__people-card { padding:0!important; overflow:hidden!important; } html body .tla-orbit .tla-orbit__people-head { display:grid!important; grid-template-columns:minmax(250px,.85fr) minmax(520px,1.65fr)!important; gap:24px!important; align-items:end!important; margin:0!important; padding:22px 24px 20px!important; border-bottom:1px solid rgba(13,24,72,.08)!important; background:linear-gradient(135deg,rgba(10,144,246,.035),rgba(110,34,255,.025) 60%,rgba(223,41,211,.025))!important; } html body .tla-orbit.is-dark .tla-orbit__people-head { border-bottom-color:rgba(255,255,255,.09)!important; background:linear-gradient(135deg,rgba(10,144,246,.055),rgba(110,34,255,.045) 60%,rgba(223,41,211,.04))!important; } .tla-orbit__people-intro h2 { margin:8px 0 5px!important; color:var(--heading)!important; font-size:18px!important; letter-spacing:-.015em!important; } .tla-orbit__people-intro p { max-width:500px; margin:0!important; color:var(--muted)!important; font-size:12.5px!important; line-height:1.55!important; } html body .tla-orbit .tla-orbit__people-toolbar { display:grid!important; grid-template-columns:minmax(230px,1.65fr) repeat(4,minmax(125px,.85fr))!important; gap:10px!important; align-items:end!important; min-width:0!important; } html body .tla-orbit .tla-orbit__people-field { display:flex!important; flex-direction:column!important; gap:6px!important; min-width:0!important; margin:0!important; } html body .tla-orbit .tla-orbit__people-field > span:first-child, html body .tla-orbit .tla-orbit__people-field.tla-orbit__select > span { font-size:10px!important; font-weight:800!important; letter-spacing:.07em!important; line-height:1!important; text-transform:uppercase!important; color:var(--muted)!important; } html body .tla-orbit .tla-orbit__people-field .tla-orbit__search { width:100%!important; min-width:0!important; height:42px!important; padding:0 12px!important; border:1px solid rgba(31,49,98,.13)!important; border-radius:11px!important; background:#fff!important; box-shadow:0 5px 14px rgba(16,24,40,.045)!important; } html body .tla-orbit.is-dark .tla-orbit__people-field .tla-orbit__search { border-color:rgba(255,255,255,.13)!important; background:#171f39!important; box-shadow:none!important; } html body .tla-orbit .tla-orbit__people-field select { width:100%!important; min-width:0!important; height:42px!important; padding:0 34px 0 11px!important; border:1px solid rgba(31,49,98,.13)!important; border-radius:11px!important; background-color:#fff!important; color:#101828!important; -webkit-text-fill-color:#101828!important; box-shadow:0 5px 14px rgba(16,24,40,.045)!important; font:650 12px/1.2 inherit!important; } html body .tla-orbit.is-dark .tla-orbit__people-field select { border-color:rgba(255,255,255,.13)!important; background-color:#171f39!important; color:#f8fafc!important; -webkit-text-fill-color:#f8fafc!important; box-shadow:none!important; } html body .tla-orbit .tla-orbit__people-field .tla-orbit__search:focus-within, html body .tla-orbit .tla-orbit__people-field select:focus { border-color:rgba(83,71,239,.52)!important; box-shadow:0 0 0 3px rgba(83,71,239,.11)!important; outline:0!important; } html body .tla-orbit .tla-orbit__people-table tbody tr:hover td { background:color-mix(in srgb,#0A90F6 4%,transparent)!important; } /* Recent activity - neutral rows with a small ORBIT accent, never salmon. */ html body .tla-orbit .tla-orbit__activity-card { padding:0!important; overflow:hidden!important; } html body .tla-orbit .tla-orbit__activity-card .tla-orbit__card-head { margin:0!important; padding:18px 22px!important; border:0!important; border-bottom:1px solid rgba(13,24,72,.08)!important; background:transparent!important; } html body .tla-orbit.is-dark .tla-orbit__activity-card .tla-orbit__card-head { border-bottom-color:rgba(255,255,255,.09)!important; } html body .tla-orbit button.tla-orbit__activity-item, html body .tla-orbit button.tla-orbit__activity-item:visited { display:grid!important; grid-template-columns:42px minmax(0,1fr) auto 18px!important; gap:13px!important; align-items:center!important; width:100%!important; min-height:72px!important; margin:0!important; padding:14px 22px!important; border:0!important; border-bottom:1px solid rgba(13,24,72,.075)!important; border-radius:0!important; background:transparent!important; background-image:none!important; box-shadow:none!important; color:var(--text)!important; -webkit-text-fill-color:currentColor!important; text-align:left!important; text-shadow:none!important; transform:none!important; filter:none!important; } html body .tla-orbit.is-dark button.tla-orbit__activity-item { border-bottom-color:rgba(255,255,255,.08)!important; } html body .tla-orbit button.tla-orbit__activity-item:last-child { border-bottom:0!important; } html body .tla-orbit button.tla-orbit__activity-item:hover, html body .tla-orbit button.tla-orbit__activity-item:focus, html body .tla-orbit button.tla-orbit__activity-item:focus-visible { border-color:rgba(13,24,72,.075)!important; background:linear-gradient(90deg,rgba(10,144,246,.065),rgba(110,34,255,.035) 60%,transparent)!important; box-shadow:inset 3px 0 0 #5347ef!important; color:var(--text)!important; -webkit-text-fill-color:currentColor!important; transform:none!important; filter:none!important; } html body .tla-orbit.is-dark button.tla-orbit__activity-item:hover, html body .tla-orbit.is-dark button.tla-orbit__activity-item:focus-visible { background:linear-gradient(90deg,rgba(10,144,246,.11),rgba(110,34,255,.07) 60%,transparent)!important; } html body .tla-orbit button.tla-orbit__activity-item .tla-orbit__activity-copy strong { color:var(--heading)!important; -webkit-text-fill-color:var(--heading)!important; } html body .tla-orbit button.tla-orbit__activity-item .tla-orbit__activity-copy small, html body .tla-orbit button.tla-orbit__activity-item time, html body .tla-orbit button.tla-orbit__activity-item .tla-orbit__activity-arrow { color:var(--muted)!important; -webkit-text-fill-color:var(--muted)!important; } /* Audit trail status - explanatory rather than a detached integrity alert. */ html body .tla-orbit .tla-orbit__audit-head { margin:0 0 14px!important; padding:0!important; border:0!important; } .tla-orbit__audit-head p { max-width:780px; margin:6px 0 0!important; color:var(--muted)!important; font-size:12.5px!important; line-height:1.55!important; } html body .tla-orbit .tla-orbit__audit-status { display:grid!important; grid-template-columns:42px minmax(0,1fr) auto!important; gap:12px!important; align-items:center!important; padding:13px 14px!important; border:1px solid rgba(10,144,246,.18)!important; border-radius:14px!important; background:linear-gradient(135deg,rgba(10,144,246,.065),rgba(20,184,122,.05))!important; } html body .tla-orbit .tla-orbit__audit-status--broken { border-color:rgba(232,134,44,.25)!important; background:linear-gradient(135deg,rgba(232,134,44,.09),rgba(214,50,75,.055))!important; } .tla-orbit__audit-status-icon { display:grid!important; width:42px!important; height:42px!important; place-items:center!important; border-radius:12px!important; background:rgba(20,184,122,.12)!important; color:#08744d!important; } .tla-orbit__audit-status--broken .tla-orbit__audit-status-icon { background:rgba(232,134,44,.14)!important; color:#a64b0a!important; } .tla-orbit__audit-status-icon svg { width:20px!important; height:20px!important; } .tla-orbit__audit-status-copy { min-width:0!important; } .tla-orbit__audit-status-copy strong { display:block!important; color:var(--heading)!important; font-size:13.5px!important; } .tla-orbit__audit-status-copy small { display:block!important; margin-top:3px!important; color:var(--muted)!important; font-size:11.5px!important; line-height:1.45!important; } .tla-orbit__audit-status-badge { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:28px!important; padding:5px 10px!important; border:1px solid rgba(20,184,122,.24)!important; border-radius:999px!important; background:#fff!important; color:#08744d!important; font-size:10.5px!important; font-weight:800!important; letter-spacing:.045em!important; text-transform:uppercase!important; white-space:nowrap!important; } .tla-orbit__audit-status--broken .tla-orbit__audit-status-badge { border-color:rgba(232,134,44,.28)!important; color:#a64b0a!important; } .tla-orbit.is-dark .tla-orbit__audit-status-icon { color:#6ee7b7!important; } .tla-orbit.is-dark .tla-orbit__audit-status--broken .tla-orbit__audit-status-icon { color:#fdba74!important; } .tla-orbit.is-dark .tla-orbit__audit-status-badge { background:#171f39!important; color:#6ee7b7!important; } .tla-orbit.is-dark .tla-orbit__audit-status--broken .tla-orbit__audit-status-badge { color:#fdba74!important; } html body .tla-orbit .tla-orbit__audit-list { margin-top:14px!important; } /* Document category menus are intentionally wider for the expanded taxonomy. */ html body .tla-orbit .tla-orbit__docs-select select { min-width:220px!important; } html body .tla-orbit .tla-orbit__docs-select optgroup { font-weight:800!important; color:var(--heading)!important; } html body .tla-orbit .tla-orbit__docs-select option { font-weight:500!important; color:var(--text)!important; } @media (max-width:1280px) { html body .tla-orbit .tla-orbit__people-head { grid-template-columns:1fr!important; align-items:start!important; } html body .tla-orbit .tla-orbit__people-toolbar { grid-template-columns:minmax(230px,1.5fr) repeat(4,minmax(120px,1fr))!important; } } @media (max-width:920px) { html body .tla-orbit .tla-orbit__people-toolbar { grid-template-columns:repeat(2,minmax(0,1fr))!important; } html body .tla-orbit .tla-orbit__people-field--search { grid-column:1 / -1!important; } } @media (max-width:680px) { html body .tla-orbit .tla-orbit__people-head { padding:18px!important; gap:18px!important; } html body .tla-orbit .tla-orbit__people-toolbar { grid-template-columns:1fr!important; } html body .tla-orbit .tla-orbit__people-field--search { grid-column:auto!important; } html body .tla-orbit button.tla-orbit__activity-item { grid-template-columns:38px minmax(0,1fr) 16px!important; padding:13px 15px!important; } html body .tla-orbit button.tla-orbit__activity-item time { grid-column:2!important; } html body .tla-orbit .tla-orbit__audit-status { grid-template-columns:38px minmax(0,1fr)!important; } .tla-orbit__audit-status-icon { width:38px!important; height:38px!important; } .tla-orbit__audit-status-badge { grid-column:2!important; justify-self:start!important; } html body .tla-orbit .tla-orbit__docs-select select { min-width:0!important; width:100%!important; } } /* ================================================================ Alpha 37 - Profile, trust and TLA Portfolio Review ================================================================ */ .tla-orbit__audit-explainer { margin:10px 0 0!important; padding:10px 12px!important; border:1px solid rgba(232,134,44,.22)!important; border-radius:12px!important; background:rgba(232,134,44,.07)!important; color:var(--muted)!important; font-size:11.5px!important; line-height:1.5!important; } .tla-orbit__trust-layout { display:grid; grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr); gap:22px; align-items:start; } .tla-orbit__trust-layout > div { display:grid; gap:22px; min-width:0; } .tla-orbit__trust-profile, .tla-orbit__visibility-card, .tla-orbit__review-card { padding:24px!important; } .tla-orbit__trust-profile-main { display:grid; grid-template-columns:72px minmax(0,1fr) auto; gap:16px; align-items:center; } .tla-orbit__trust-avatar { display:grid; place-items:center; width:72px; height:72px; overflow:hidden; border-radius:22px; background:linear-gradient(135deg,#df29d3,#6e22ff,#0a90f6); box-shadow:0 14px 34px rgba(110,34,255,.22); color:#fff; font-size:22px; font-weight:900; } .tla-orbit__trust-avatar img { display:block; width:100%; height:100%; object-fit:cover; } .tla-orbit__trust-identity { min-width:0; } .tla-orbit__trust-identity h2 { margin:3px 0 5px!important; color:var(--heading)!important; font-size:24px!important; font-weight:900!important; line-height:1.12!important; letter-spacing:-.03em!important; } .tla-orbit__trust-identity p { margin:0!important; color:var(--muted)!important; font-size:12.5px!important; line-height:1.5!important; } .tla-orbit__reviewed-badge { display:inline-flex; align-items:center; gap:6px; margin-top:10px; padding:6px 10px; border:1px solid rgba(20,184,122,.24); border-radius:999px; background:rgba(20,184,122,.09); color:#08744d; font-size:10.5px; font-weight:850; letter-spacing:.035em; text-transform:uppercase; } .tla-orbit.is-dark .tla-orbit__reviewed-badge { color:#6ee7b7; } .tla-orbit__reviewed-badge svg { width:15px; height:15px; } .tla-orbit__reviewed-badge.is-expired { border-color:rgba(217,119,6,.24); background:rgba(217,119,6,.08); color:#a64b0a; } .tla-orbit.is-dark .tla-orbit__reviewed-badge.is-expired { color:#fdba74; } .tla-orbit__trust-next { margin:12px 0 0!important; padding:10px 12px!important; border:1px solid var(--line); border-radius:11px; background:var(--soft); color:var(--muted)!important; font-size:11px!important; line-height:1.45!important; } .tla-orbit__trust-next strong { color:var(--heading); } .tla-orbit__trust-intro { margin:20px 0 0!important; padding:15px 16px!important; border:1px solid var(--line)!important; border-radius:14px!important; background:var(--soft)!important; color:var(--text)!important; font-size:13px!important; line-height:1.65!important; } .tla-orbit__trust-meta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:20px; } .tla-orbit__trust-meta > span { min-width:0; padding:12px 13px; border:1px solid var(--line); border-radius:13px; background:var(--soft); } .tla-orbit__trust-meta small, .tla-orbit__trust-meta strong { display:block; } .tla-orbit__trust-meta small { margin-bottom:4px; color:var(--muted); font-size:10px; font-weight:750; letter-spacing:.05em; text-transform:uppercase; } .tla-orbit__trust-meta strong { overflow-wrap:anywhere; color:var(--heading); font-size:12px; font-weight:800; } .tla-orbit__trust-contact { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; } .tla-orbit__trust-contact a { display:inline-flex; align-items:center; min-height:34px; padding:7px 11px; border:1px solid var(--line); border-radius:999px; background:var(--panel); color:var(--heading)!important; font-size:11px; font-weight:750; } .tla-orbit__trust-contact a:hover, .tla-orbit__trust-contact a:focus-visible { border-color:#6e22ff; color:#6e22ff!important; } .tla-orbit__trust-privacy, .tla-orbit__review-disclaimer { margin:16px 0 0!important; color:var(--muted)!important; font-size:11px!important; line-height:1.55!important; } .tla-orbit__trust-hidden { display:grid; place-items:center; min-height:260px; padding:28px; text-align:center; } .tla-orbit__trust-hidden > svg { width:46px; height:46px; margin-bottom:12px; color:#6e22ff; } .tla-orbit__trust-hidden h2 { margin:0 0 8px!important; color:var(--heading)!important; } .tla-orbit__trust-hidden p { max-width:430px; margin:0!important; color:var(--muted)!important; } .tla-orbit__visibility-card .tla-orbit__card-head p { max-width:720px; margin:5px 0 0!important; color:var(--muted)!important; font-size:12px!important; line-height:1.55!important; } .tla-orbit__visibility-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:16px; } .tla-orbit__visibility-option { display:grid; grid-template-columns:20px minmax(0,1fr); gap:10px; align-items:start; padding:13px; border:1px solid var(--line); border-radius:13px; background:var(--soft); cursor:pointer; } .tla-orbit__visibility-option input { width:18px!important; height:18px!important; margin:2px 0 0!important; accent-color:#6e22ff; } .tla-orbit__visibility-option strong, .tla-orbit__visibility-option small { display:block; } .tla-orbit__visibility-option strong { color:var(--heading); font-size:12px; font-weight:800; } .tla-orbit__visibility-option small { margin-top:3px; color:var(--muted); font-size:10.5px; line-height:1.45; } .tla-orbit__trust-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:16px; } .tla-orbit__review-card { overflow:hidden; background: radial-gradient(circle at 100% 0%,rgba(223,41,211,.075),transparent 34%), radial-gradient(circle at 0% 100%,rgba(23,178,226,.07),transparent 34%), var(--panel)!important; } .tla-orbit__review-hero { display:grid; grid-template-columns:minmax(0,1fr) 142px; gap:18px; align-items:center; } .tla-orbit__review-hero h2 { margin:4px 0 7px!important; color:var(--heading)!important; font-size:27px!important; font-weight:900!important; letter-spacing:-.035em!important; } .tla-orbit__review-hero p { max-width:680px; margin:0!important; color:var(--muted)!important; font-size:12.5px!important; line-height:1.55!important; } .tla-orbit__review-score { display:grid; place-items:center; min-height:118px; padding:16px; border:1px solid rgba(110,34,255,.2); border-radius:20px; background:linear-gradient(145deg,rgba(110,34,255,.09),rgba(10,144,246,.07)); text-align:center; } .tla-orbit__review-score strong { display:block; background:linear-gradient(135deg,#df29d3,#6e22ff,#0a90f6); -webkit-background-clip:text; background-clip:text; color:transparent; font-size:32px; font-weight:950; line-height:1; } .tla-orbit__review-score span { margin-top:5px; color:var(--muted); font-size:10px; font-weight:750; line-height:1.3; text-transform:uppercase; } .tla-orbit__review-status { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:12px; align-items:center; margin-top:20px; padding:14px; border:1px solid var(--line); border-radius:15px; background:var(--soft); } .tla-orbit__review-status > span { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; background:rgba(110,34,255,.1); color:#6e22ff; } .tla-orbit__review-status > span svg { width:21px; height:21px; } .tla-orbit__review-status strong, .tla-orbit__review-status small { display:block; } .tla-orbit__review-status strong { color:var(--heading); font-size:13.5px; } .tla-orbit__review-status small { margin-top:3px; color:var(--muted); font-size:11.5px; line-height:1.45; } .tla-orbit__review-status b { padding:6px 10px; border:1px solid currentColor; border-radius:999px; font-size:10px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap; } .tla-orbit__review-status.is-success { border-color:rgba(20,184,122,.22); background:rgba(20,184,122,.07); } .tla-orbit__review-status.is-success > span, .tla-orbit__review-status.is-success b { color:#08744d; } .tla-orbit.is-dark .tla-orbit__review-status.is-success > span, .tla-orbit.is-dark .tla-orbit__review-status.is-success b { color:#6ee7b7; } .tla-orbit__review-status.is-warning { border-color:rgba(217,119,6,.22); background:rgba(217,119,6,.07); } .tla-orbit__review-status.is-warning > span, .tla-orbit__review-status.is-warning b { color:#a64b0a; } .tla-orbit.is-dark .tla-orbit__review-status.is-warning > span, .tla-orbit.is-dark .tla-orbit__review-status.is-warning b { color:#fdba74; } .tla-orbit__review-status.is-danger { border-color:rgba(220,38,38,.2); background:rgba(220,38,38,.06); } .tla-orbit__review-status.is-danger > span, .tla-orbit__review-status.is-danger b { color:#b42318; } .tla-orbit__review-status.is-info { border-color:rgba(10,144,246,.2); background:rgba(10,144,246,.06); } .tla-orbit__review-status.is-info > span, .tla-orbit__review-status.is-info b { color:#0a67b7; } .tla-orbit.is-dark .tla-orbit__review-status.is-info > span, .tla-orbit.is-dark .tla-orbit__review-status.is-info b { color:#7dd3fc; } .tla-orbit__review-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:18px; margin-top:20px; } .tla-orbit__review-grid > div, .tla-orbit__review-grid > aside { padding:17px; border:1px solid var(--line); border-radius:16px; background:var(--panel); } .tla-orbit__review-grid h3 { margin:0 0 11px!important; color:var(--heading)!important; font-size:14px!important; font-weight:850!important; } .tla-orbit__review-grid aside p { margin:0 0 15px!important; color:var(--muted)!important; font-size:11.5px!important; line-height:1.55!important; } .tla-orbit__review-grid aside .tla-orbit__review-rule { padding:11px 12px!important; border:1px solid var(--line); border-radius:11px; background:var(--soft); color:var(--text)!important; } .tla-orbit__review-checks { display:grid; gap:8px; margin:0!important; padding:0!important; list-style:none!important; } .tla-orbit__review-checks li { display:grid; grid-template-columns:25px minmax(0,1fr); gap:9px; align-items:start; padding:10px; border:1px solid var(--line); border-radius:12px; background:var(--soft); } .tla-orbit__review-checks li > span { display:grid; place-items:center; width:25px; height:25px; border-radius:8px; background:rgba(217,119,6,.1); color:#a64b0a; font-size:12px; font-weight:900; } .tla-orbit__review-checks li.is-pass > span { background:rgba(20,184,122,.11); color:#08744d; } .tla-orbit__review-checks strong, .tla-orbit__review-checks small { display:block; } .tla-orbit__review-checks strong { color:var(--heading); font-size:11.5px; } .tla-orbit__review-checks small { margin-top:2px; color:var(--muted); font-size:10.5px; line-height:1.4; } .tla-orbit__staff-review { margin-top:20px; padding:18px; border:1px solid rgba(110,34,255,.2); border-radius:16px; background:linear-gradient(135deg,rgba(110,34,255,.07),rgba(10,144,246,.045)); } .tla-orbit__staff-review-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:12px 0 14px; } .tla-orbit__staff-review-grid label { display:grid; gap:6px; color:var(--heading); font-size:11px; font-weight:800; } .tla-orbit__staff-review-grid .is-wide { grid-column:1/-1; } .tla-orbit__staff-review-grid select, .tla-orbit__staff-review-grid input, .tla-orbit__staff-review-grid textarea { width:100%!important; min-height:44px!important; padding:10px 12px!important; border:1px solid var(--line)!important; border-radius:11px!important; background:var(--panel-2)!important; color:var(--text)!important; font:inherit!important; } .tla-orbit__staff-review-grid textarea { min-height:104px!important; resize:vertical; } @media (max-width:1100px) { .tla-orbit__trust-layout { grid-template-columns:1fr; } } @media (max-width:760px) { .tla-orbit__trust-profile, .tla-orbit__visibility-card, .tla-orbit__review-card { padding:18px!important; } .tla-orbit__trust-profile-main { grid-template-columns:58px minmax(0,1fr); } .tla-orbit__trust-profile-main > .tla-orbit__btn { grid-column:1/-1; width:100%!important; } .tla-orbit__trust-avatar { width:58px; height:58px; border-radius:17px; font-size:18px; } .tla-orbit__trust-meta, .tla-orbit__visibility-grid, .tla-orbit__staff-review-grid { grid-template-columns:1fr; } .tla-orbit__review-hero, .tla-orbit__review-grid { grid-template-columns:1fr; } .tla-orbit__review-score { min-height:96px; } .tla-orbit__review-status { grid-template-columns:40px minmax(0,1fr); } .tla-orbit__review-status b { grid-column:1/-1; justify-self:start; } .tla-orbit__trust-actions .tla-orbit__btn { width:100%!important; } } .tla-orbit__trust-layout.is-profile-only { grid-template-columns:minmax(320px,760px); } /* ================================================================ Alpha 38 - Profile alignment, invitation timeline and wider canvas ================================================================ */ .tla-orbit { --soft:var(--panel-2); } /* Reclaim desktop canvas space without changing the mobile rail pattern. */ @media (min-width:921px) { .tla-orbit .tla-orbit__rail { width:244px!important; flex:0 0 244px!important; } .tla-orbit .tla-orbit__brandblock { padding:20px 18px 16px!important; } .tla-orbit .tla-orbit__rail-logo { width:min(100%,166px)!important; max-width:166px!important; } .tla-orbit .tla-orbit__nav { padding:12px 10px!important; } .tla-orbit .tla-orbit__navitem, .tla-orbit .tla-orbit__navitem:hover, .tla-orbit .tla-orbit__navitem:focus, .tla-orbit .tla-orbit__navitem:active { min-height:43px!important; padding:6px 8px!important; gap:9px!important; } .tla-orbit .tla-orbit__navitem .tla-orbit__navicon { width:30px!important; height:30px!important; flex-basis:30px!important; } .tla-orbit .tla-orbit__navitem .tla-orbit__navlabel { font-size:12.75px!important; } .tla-orbit .tla-orbit__rail-tools { padding:11px!important; } .tla-orbit .tla-orbit__assistant-link { min-height:70px!important; padding:11px!important; } } @media (min-width:921px) and (max-width:1280px) { .tla-orbit .tla-orbit__rail { width:226px!important; flex-basis:226px!important; } } /* Profile and trust alignment. The edit action no longer compresses the name. */ .tla-orbit .tla-orbit__trust-layout { grid-template-columns:minmax(360px,420px) minmax(0,1fr)!important; gap:20px!important; } .tla-orbit .tla-orbit__trust-layout > div, .tla-orbit .tla-orbit__review-card, .tla-orbit .tla-orbit__trust-profile, .tla-orbit .tla-orbit__visibility-card { min-width:0!important; } .tla-orbit .tla-orbit__trust-profile-main { grid-template-columns:64px minmax(0,1fr)!important; gap:14px!important; align-items:start!important; } .tla-orbit .tla-orbit__trust-avatar { width:64px!important; height:64px!important; border-radius:19px!important; } .tla-orbit .tla-orbit__trust-identity h2 { font-size:22px!important; line-height:1.12!important; overflow-wrap:anywhere!important; } .tla-orbit .tla-orbit__trust-profile-main > .tla-orbit__btn { grid-column:1 / -1!important; justify-self:start!important; width:auto!important; margin-top:2px!important; } .tla-orbit .tla-orbit__trust-meta { grid-template-columns:repeat(auto-fit,minmax(128px,1fr))!important; } .tla-orbit .tla-orbit__review-grid { grid-template-columns:minmax(265px,.92fr) minmax(320px,1.08fr)!important; align-items:start!important; } .tla-orbit .tla-orbit__review-grid > div, .tla-orbit .tla-orbit__review-grid > aside { min-width:0!important; } .tla-orbit .tla-orbit__review-grid aside .tla-orbit__btn { width:100%!important; white-space:normal!important; text-align:center!important; } .tla-orbit .tla-orbit__review-checks strong, .tla-orbit .tla-orbit__review-checks small { overflow-wrap:anywhere!important; } @media (max-width:1280px) and (min-width:921px) { .tla-orbit .tla-orbit__trust-layout { grid-template-columns:minmax(340px,380px) minmax(0,1fr)!important; } .tla-orbit .tla-orbit__review-grid { grid-template-columns:1fr!important; } } @media (max-width:1100px) { .tla-orbit .tla-orbit__trust-layout { grid-template-columns:1fr!important; } } @media (max-width:760px) { .tla-orbit .tla-orbit__trust-profile-main { grid-template-columns:56px minmax(0,1fr)!important; } .tla-orbit .tla-orbit__trust-avatar { width:56px!important; height:56px!important; } .tla-orbit .tla-orbit__trust-profile-main > .tla-orbit__btn { width:100%!important; } } /* Invitation and access activity log. */ .tla-orbit .tla-orbit__access-summary { grid-template-columns:repeat(3,minmax(130px,1fr)) auto!important; } .tla-orbit .tla-orbit__access-log { padding:22px!important; } .tla-orbit .tla-orbit__access-log .tla-orbit__card-head { align-items:flex-start!important; margin-bottom:16px!important; } .tla-orbit .tla-orbit__access-log .tla-orbit__card-head p { max-width:760px; margin:5px 0 0!important; color:var(--muted)!important; font-size:12px!important; line-height:1.55!important; } .tla-orbit .tla-orbit__access-cards { display:grid; gap:14px; } .tla-orbit .tla-orbit__access-card { min-width:0; padding:18px; border:1px solid var(--line); border-radius:17px; background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,#6e22ff 6%),var(--panel)); box-shadow:0 10px 30px rgba(37,42,90,.055); } .tla-orbit.is-dark .tla-orbit__access-card { background:linear-gradient(145deg,rgba(110,34,255,.07),rgba(10,144,246,.035)),var(--panel); box-shadow:none; } .tla-orbit .tla-orbit__access-card-head { display:flex; align-items:center; justify-content:space-between; gap:14px; } .tla-orbit .tla-orbit__access-person { display:flex; align-items:center; gap:11px; min-width:0; } .tla-orbit .tla-orbit__access-avatar { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:13px; background:linear-gradient(135deg,#df29d3,#6e22ff,#0a90f6); box-shadow:0 8px 20px rgba(110,34,255,.20); color:#fff; font-size:14px; font-weight:900; } .tla-orbit .tla-orbit__access-person > div { min-width:0; } .tla-orbit .tla-orbit__access-person strong, .tla-orbit .tla-orbit__access-person small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .tla-orbit .tla-orbit__access-person strong { color:var(--heading); font-size:14px; font-weight:850; } .tla-orbit .tla-orbit__access-person small { margin-top:3px; color:var(--muted); font-size:11px; } .tla-orbit .tla-orbit__invite-status { display:inline-flex; align-items:center; justify-content:center; min-height:29px; padding:6px 10px; border:1px solid currentColor; border-radius:999px; font-size:10px; font-weight:850; letter-spacing:.045em; text-transform:uppercase; white-space:nowrap; } .tla-orbit .tla-orbit__invite-status.is-neutral { color:#667085; background:rgba(102,112,133,.07); } .tla-orbit .tla-orbit__invite-status.is-info { color:#0a67b7; background:rgba(10,144,246,.07); } .tla-orbit .tla-orbit__invite-status.is-warning { color:#a64b0a; background:rgba(217,119,6,.08); } .tla-orbit .tla-orbit__invite-status.is-success { color:#08744d; background:rgba(20,184,122,.08); } .tla-orbit .tla-orbit__invite-status.is-danger { color:#b42318; background:rgba(220,38,38,.07); } .tla-orbit.is-dark .tla-orbit__invite-status.is-info { color:#7dd3fc; } .tla-orbit.is-dark .tla-orbit__invite-status.is-warning { color:#fdba74; } .tla-orbit.is-dark .tla-orbit__invite-status.is-success { color:#6ee7b7; } .tla-orbit.is-dark .tla-orbit__invite-status.is-danger { color:#fda4af; } .tla-orbit .tla-orbit__access-scope { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-top:15px; } .tla-orbit .tla-orbit__access-scope > span, .tla-orbit .tla-orbit__access-activity > span { min-width:0; padding:10px 11px; border:1px solid var(--line); border-radius:11px; background:var(--soft); } .tla-orbit .tla-orbit__access-scope small, .tla-orbit .tla-orbit__access-scope strong, .tla-orbit .tla-orbit__access-activity small, .tla-orbit .tla-orbit__access-activity strong { display:block; } .tla-orbit .tla-orbit__access-scope small, .tla-orbit .tla-orbit__access-activity small { margin-bottom:3px; color:var(--muted); font-size:9.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; } .tla-orbit .tla-orbit__access-scope strong, .tla-orbit .tla-orbit__access-activity strong { overflow-wrap:anywhere; color:var(--heading); font-size:11px; font-weight:780; line-height:1.4; } .tla-orbit .tla-orbit__invite-timeline { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:18px 0 0!important; padding:0!important; list-style:none!important; } .tla-orbit .tla-orbit__invite-timeline li { position:relative; display:grid; grid-template-columns:26px minmax(0,1fr); gap:8px; align-items:start; min-width:0; padding-right:14px; } .tla-orbit .tla-orbit__invite-timeline li:not(:last-child)::after { content:""; position:absolute; left:26px; right:0; top:12px; height:2px; background:var(--line); } .tla-orbit .tla-orbit__invite-step-dot { position:relative; z-index:1; display:grid; place-items:center; width:26px; height:26px; border:2px solid var(--line); border-radius:50%; background:var(--panel); color:var(--muted); font-size:11px; font-weight:900; } .tla-orbit .tla-orbit__invite-timeline li.is-complete .tla-orbit__invite-step-dot { border-color:#14b87a; background:#14b87a; color:#fff; } .tla-orbit .tla-orbit__invite-timeline li.is-failed .tla-orbit__invite-step-dot { border-color:#dc2626; background:#dc2626; color:#fff; } .tla-orbit .tla-orbit__invite-timeline li.is-expired .tla-orbit__invite-step-dot, .tla-orbit .tla-orbit__invite-timeline li.is-revoked .tla-orbit__invite-step-dot { border-color:#d97706; background:rgba(217,119,6,.10); color:#a64b0a; } .tla-orbit .tla-orbit__invite-timeline li.is-legacy .tla-orbit__invite-step-dot { border-style:dashed; } .tla-orbit .tla-orbit__invite-timeline strong, .tla-orbit .tla-orbit__invite-timeline small { display:block; position:relative; z-index:1; } .tla-orbit .tla-orbit__invite-timeline strong { color:var(--heading); font-size:10.5px; font-weight:820; } .tla-orbit .tla-orbit__invite-timeline small { margin-top:3px; color:var(--muted); font-size:9.5px; line-height:1.4; } .tla-orbit .tla-orbit__access-activity { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:15px; } .tla-orbit .tla-orbit__access-card-foot { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:15px; padding-top:13px; border-top:1px solid var(--line); } .tla-orbit .tla-orbit__access-card-foot > small { max-width:720px; color:var(--muted); font-size:10px; line-height:1.45; } .tla-orbit .tla-orbit__access-no-action { color:var(--muted); font-size:11px; font-weight:700; white-space:nowrap; } .tla-orbit .tla-orbit__access-empty { display:grid; place-items:center; min-height:230px; padding:28px; text-align:center; } .tla-orbit .tla-orbit__access-empty > svg { width:42px; height:42px; margin-bottom:10px; color:#6e22ff; } .tla-orbit .tla-orbit__access-empty h2 { margin:0 0 6px!important; color:var(--heading)!important; } .tla-orbit .tla-orbit__access-empty p { max-width:520px; margin:0!important; color:var(--muted)!important; } @media (max-width:1080px) { .tla-orbit .tla-orbit__access-summary { grid-template-columns:repeat(3,minmax(0,1fr))!important; } .tla-orbit .tla-orbit__access-summary > .tla-orbit__btn { grid-column:1 / -1; width:100%!important; margin-left:0!important; } .tla-orbit .tla-orbit__access-scope { grid-template-columns:repeat(2,minmax(0,1fr)); } .tla-orbit .tla-orbit__invite-timeline { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 0; } .tla-orbit .tla-orbit__invite-timeline li:nth-child(2)::after { display:none; } } @media (max-width:680px) { .tla-orbit .tla-orbit__access-summary, .tla-orbit .tla-orbit__access-scope, .tla-orbit .tla-orbit__access-activity, .tla-orbit .tla-orbit__invite-timeline { grid-template-columns:1fr!important; } .tla-orbit .tla-orbit__access-card-head, .tla-orbit .tla-orbit__access-card-foot { align-items:flex-start; flex-direction:column; } .tla-orbit .tla-orbit__invite-timeline li { padding:0 0 12px; } .tla-orbit .tla-orbit__invite-timeline li:not(:last-child)::after { left:12px; right:auto; top:26px; bottom:0; width:2px; height:auto; } .tla-orbit .tla-orbit__access-person strong, .tla-orbit .tla-orbit__access-person small { white-space:normal; overflow-wrap:anywhere; } } @media (min-width:1101px) { .tla-orbit .tla-orbit__trust-layout .tla-orbit__visibility-grid { grid-template-columns:1fr!important; } } /* ========================================================== Alpha 39 - Role-based quick documents and guided workflows ========================================================== */ .tla-orbit__quick-docs { margin-bottom: 22px; padding: 0; overflow: hidden; } .tla-orbit__quick-docs .tla-orbit__card-head { padding: 22px 24px 18px; border-bottom: 1px solid var(--orbit-border); } .tla-orbit__quick-doc-list { display: grid; } .tla-orbit__quick-doc { display: grid; grid-template-columns: 44px minmax(260px, 1fr) auto auto; gap: 14px; align-items: center; min-width: 0; padding: 14px 18px; border-bottom: 1px solid var(--orbit-border); background: var(--orbit-card); transition: background-color .16s ease, box-shadow .16s ease; } .tla-orbit__quick-doc:last-child { border-bottom: 0; } .tla-orbit__quick-doc:hover, .tla-orbit__quick-doc:focus-within { background: color-mix(in srgb, var(--orbit-card) 94%, #0A90F6 6%); box-shadow: inset 3px 0 0 #6E22FF; } .tla-orbit__quick-doc-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: #fff; background: linear-gradient(135deg, #DF29D3, #6E22FF 50%, #0A90F6); box-shadow: 0 8px 20px rgba(110,34,255,.2); } .tla-orbit__quick-doc-icon svg { width: 21px; height: 21px; } .tla-orbit__quick-doc-copy { display: block; min-width: 0; } .tla-orbit__quick-doc-copy strong { display: block; margin-bottom: 3px; color: var(--orbit-heading); font-size: 14px; font-weight: 850; line-height: 1.35; } .tla-orbit__quick-doc-copy small { display: block; color: var(--orbit-muted); font-size: 10.5px; font-weight: 750; letter-spacing: .025em; line-height: 1.45; } .tla-orbit__quick-doc-copy > span { display: block; margin-top: 5px; color: var(--orbit-muted); font-size: 11.5px; line-height: 1.5; } .tla-orbit__quick-doc-category { display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding: 5px 10px; border: 1px solid rgba(110,34,255,.16); border-radius: 999px; color: #5b21b6; background: rgba(110,34,255,.065); font-size: 10px; font-weight: 850; white-space: nowrap; } .tla-orbit.is-dark .tla-orbit__quick-doc-category { color: #d8c9ff; border-color: rgba(180,153,255,.2); background: rgba(110,34,255,.15); } .tla-orbit__quick-doc-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; } .tla-orbit__quick-doc-actions .tla-orbit__table-action { min-height: 34px; padding: 7px 10px; white-space: nowrap; } .tla-orbit__quick-doc-actions svg { width: 14px; height: 14px; } .tla-orbit__quick-doc-note { margin: 0; padding: 12px 18px; border-top: 1px solid var(--orbit-border); color: var(--orbit-muted); background: var(--orbit-soft); font-size: 10.5px; line-height: 1.55; } .tla-orbit__rent-review-intro { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 14px; align-items: start; margin-bottom: 18px; padding: 16px; border: 1px solid rgba(10,144,246,.18); border-radius: 15px; background: linear-gradient(135deg, rgba(223,41,211,.07), rgba(10,144,246,.07)); } .tla-orbit__rent-review-intro > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; color: #fff; background: linear-gradient(135deg, #DF29D3, #0A90F6); } .tla-orbit__rent-review-intro svg { width: 22px; height: 22px; } .tla-orbit__rent-review-intro strong { display: block; margin-bottom: 4px; color: var(--orbit-heading); font-size: 15px; font-weight: 850; } .tla-orbit__rent-review-intro p { margin: 0; color: var(--orbit-muted); font-size: 12px; line-height: 1.55; } .tla-orbit__rent-checks { margin-top: 16px; overflow: hidden; border: 1px solid var(--orbit-border); border-radius: 15px; background: var(--orbit-card); } .tla-orbit__rent-check-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 15px; border-bottom: 1px solid var(--orbit-border); background: var(--orbit-soft); } .tla-orbit__rent-check-head strong { color: var(--orbit-heading); font-size: 13px; font-weight: 850; } .tla-orbit__rent-check { display: grid; grid-template-columns: 25px minmax(0,1fr); gap: 10px; align-items: center; padding: 11px 15px; border-bottom: 1px solid var(--orbit-border); } .tla-orbit__rent-check:last-child { border-bottom: 0; } .tla-orbit__rent-check > span { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; font-size: 11px; font-weight: 900; } .tla-orbit__rent-check.is-pass > span { color: #08794c; background: rgba(0,160,96,.12); } .tla-orbit__rent-check.is-review > span { color: #a44b09; background: rgba(217,119,6,.13); } .tla-orbit__rent-check p { margin: 0; color: var(--orbit-text); font-size: 11.5px; font-weight: 650; line-height: 1.45; } @media (max-width: 1180px) { .tla-orbit__quick-doc { grid-template-columns: 44px minmax(220px,1fr) auto; } .tla-orbit__quick-doc-actions { grid-column: 2 / -1; justify-content: flex-start; } } @media (max-width: 720px) { .tla-orbit__quick-docs .tla-orbit__card-head { padding: 18px 16px 15px; } .tla-orbit__quick-doc { grid-template-columns: 42px minmax(0,1fr); gap: 11px; padding: 14px; } .tla-orbit__quick-doc-category { grid-column: 2; justify-self: start; } .tla-orbit__quick-doc-actions { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; } .tla-orbit__quick-doc-actions .tla-orbit__table-action { width: 100%; justify-content: center; } .tla-orbit__quick-doc-note { padding: 11px 14px; } } @media (max-width: 430px) { .tla-orbit__quick-doc-actions { grid-template-columns: 1fr; } .tla-orbit__rent-check-head { align-items: flex-start; flex-direction: column; } } .tla-orbit__maintenance-quick { display: grid; grid-template-columns: minmax(260px, 1fr) auto; gap: 18px; align-items: center; margin-bottom: 20px; padding: 18px 20px; border-color: rgba(10,144,246,.16); background: linear-gradient(135deg, rgba(223,41,211,.045), rgba(10,144,246,.055)), var(--orbit-card); } .tla-orbit__maintenance-quick h2 { margin: 2px 0 4px!important; color: var(--orbit-heading)!important; font-size: 17px!important; } .tla-orbit__maintenance-quick p { margin: 0!important; color: var(--orbit-muted)!important; font-size: 11.5px!important; line-height: 1.55!important; } .tla-orbit__maintenance-quick-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; } .tla-orbit__maintenance-quick-actions .tla-orbit__btn { white-space: nowrap; } .tla-orbit__rent-confirm { margin-top: 14px; border: 1px solid rgba(110,34,255,.16); border-radius: 14px; background: color-mix(in srgb, var(--orbit-card) 95%, #6E22FF 5%); } .tla-orbit__rent-check p small { display: block; margin-top: 2px; color: var(--orbit-muted); font-size: 10px; font-weight: 500; line-height: 1.4; } @media (max-width: 920px) { .tla-orbit__maintenance-quick { grid-template-columns: 1fr; } .tla-orbit__maintenance-quick-actions { justify-content: flex-start; } } @media (max-width: 560px) { .tla-orbit__maintenance-quick-actions { display: grid; grid-template-columns: 1fr; } .tla-orbit__maintenance-quick-actions .tla-orbit__btn { width: 100%!important; justify-content: center!important; } } .tla-orbit .tla-orbit__btn--danger { border-color: #b91c1c!important; color: #fff!important; -webkit-text-fill-color: #fff!important; background: linear-gradient(135deg, #b91c1c, #dc2626)!important; box-shadow: 0 7px 18px rgba(185,28,28,.2)!important; } .tla-orbit .tla-orbit__btn--danger:hover, .tla-orbit .tla-orbit__btn--danger:focus-visible { color: #fff!important; -webkit-text-fill-color: #fff!important; background: linear-gradient(135deg, #991b1b, #c81e1e)!important; box-shadow: 0 10px 24px rgba(185,28,28,.28)!important; } /* ================================================================ Alpha 40 - Corrected, versioned audit verification ================================================================ */ html body .tla-orbit .tla-orbit__audit-status--neutral { border-color:rgba(93,99,130,.20)!important; background:linear-gradient(135deg,rgba(93,99,130,.07),rgba(10,144,246,.04))!important; } .tla-orbit__audit-status--neutral .tla-orbit__audit-status-icon { background:rgba(93,99,130,.12)!important; color:#4d5677!important; } .tla-orbit__audit-status--neutral .tla-orbit__audit-status-badge { border-color:rgba(93,99,130,.26)!important; color:#4d5677!important; } .tla-orbit.is-dark .tla-orbit__audit-status--neutral .tla-orbit__audit-status-icon, .tla-orbit.is-dark .tla-orbit__audit-status--neutral .tla-orbit__audit-status-badge { color:#c7ccef!important; } .tla-orbit__audit-explainer--info { border-color:rgba(10,144,246,.18)!important; background:rgba(10,144,246,.055)!important; } /* ================================================================ Alpha 41 - Overview command rows The compliance score and live portfolio queue now occupy separate full-width rows so neither card inherits the other's height. ================================================================ */ .tla-orbit .tla-orbit__overview-score-row { width: 100%; margin: 0 0 18px; } .tla-orbit .tla-orbit__overview-score-row .tla-orbit__overview-hero { width: 100%; min-height: 0!important; height: auto!important; margin: 0!important; padding: 24px 30px!important; grid-template-columns: 170px minmax(0,1fr)!important; gap: 28px!important; align-items: center!important; } .tla-orbit .tla-orbit__overview-score-row .tla-orbit__overview-score { align-self: center; justify-content: center!important; } .tla-orbit .tla-orbit__overview-score-row .tla-orbit__score-ring { width: 156px!important; height: 156px!important; } .tla-orbit .tla-orbit__overview-score-row .tla-orbit__overview-copy { min-width: 0; } .tla-orbit .tla-orbit__overview-score-row .tla-orbit__overview-copy p { max-width: 920px!important; } .tla-orbit .tla-orbit__overview-priority-row { width: 100%; margin: 0 0 18px; } .tla-orbit .tla-orbit__overview-priority-row .tla-orbit__priority-panel { width: 100%; min-height: 0!important; padding: 18px 20px!important; border-radius: 18px!important; } .tla-orbit .tla-orbit__overview-priority-row .tla-orbit__priority-head { align-items: center!important; margin: 0 0 14px!important; padding: 0 0 14px; border-bottom: 1px solid var(--line); } .tla-orbit .tla-orbit__overview-priority-row .tla-orbit__priority-head h2 { margin-top: 4px!important; } .tla-orbit .tla-orbit__priority-body { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(210px,.72fr) minmax(210px,.72fr); gap: 12px; align-items: stretch; min-width: 0; } .tla-orbit .tla-orbit__priority-body .tla-orbit__priority-list { display: grid!important; grid-template-columns: repeat(3,minmax(0,1fr))!important; gap: 10px!important; min-width: 0; } .tla-orbit .tla-orbit__priority-body .tla-orbit__priority-row { height: 100%; min-height: 86px; grid-template-columns: 36px minmax(0,1fr) auto!important; align-content: center; } .tla-orbit .tla-orbit__priority-body .tla-orbit__priority-row > svg { display: none!important; } .tla-orbit .tla-orbit__priority-body .tla-orbit__next-deadline { height: 100%; min-height: 86px; margin: 0!important; align-content: center; } .tla-orbit .tla-orbit__priority-body .tla-orbit__occupancy-ring { height: 100%; min-height: 86px; margin: 0!important; padding: 10px 14px!important; border: 1px solid var(--line)!important; border-radius: 14px; background: var(--panel)!important; box-shadow: 0 1px 2px rgba(16,24,40,.03); } .tla-orbit.is-dark .tla-orbit__priority-body .tla-orbit__occupancy-ring { background: color-mix(in srgb,var(--panel) 70%,transparent)!important; } @media (max-width: 1180px) { .tla-orbit .tla-orbit__priority-body { grid-template-columns: repeat(2,minmax(0,1fr)); } .tla-orbit .tla-orbit__priority-body .tla-orbit__priority-list { grid-column: 1 / -1; } } @media (max-width: 760px) { .tla-orbit .tla-orbit__overview-score-row .tla-orbit__overview-hero { grid-template-columns: 1fr!important; justify-items: center!important; padding: 20px 18px!important; gap: 18px!important; text-align: center!important; } .tla-orbit .tla-orbit__overview-score-row .tla-orbit__score-ring { width: 146px!important; height: 146px!important; } .tla-orbit .tla-orbit__overview-score-row .tla-orbit__overview-meta { justify-content: center; } .tla-orbit .tla-orbit__overview-priority-row .tla-orbit__priority-panel { padding: 16px!important; } .tla-orbit .tla-orbit__priority-body { grid-template-columns: 1fr; } .tla-orbit .tla-orbit__priority-body .tla-orbit__priority-list { grid-column: auto; grid-template-columns: 1fr!important; } .tla-orbit .tla-orbit__priority-body .tla-orbit__priority-row { min-height: 0; grid-template-columns: 36px minmax(0,1fr) auto 14px!important; } .tla-orbit .tla-orbit__priority-body .tla-orbit__priority-row > svg { display: block!important; } } /* ========================================================= Alpha 42 - balanced Overview actions + Stripe test foundation ========================================================= */ .tla-orbit .tla-orbit__kpis--overview { display: grid!important; grid-template-columns: repeat(3,minmax(0,1fr))!important; gap: 16px!important; margin: 0 0 22px!important; align-items: stretch!important; } .tla-orbit .tla-orbit__kpis--overview .tla-orbit__kpi { appearance: none!important; -webkit-appearance: none!important; position: relative; display: flex!important; flex-direction: column!important; align-items: stretch!important; justify-content: flex-start!important; min-width: 0!important; min-height: 178px!important; margin: 0!important; padding: 19px 19px 16px!important; border: 1px solid var(--line)!important; border-radius: 18px!important; color: var(--text)!important; -webkit-text-fill-color: currentColor!important; text-align: left!important; background: linear-gradient(180deg,color-mix(in srgb,var(--kpi-accent) 5%,transparent),transparent 48%), var(--panel)!important; box-shadow: 0 12px 30px -24px rgba(18,22,48,.28)!important; cursor: pointer!important; overflow: hidden; transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease!important; } .tla-orbit .tla-orbit__kpis--overview .tla-orbit__kpi::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 0; height: 3px; border-radius: 999px 999px 0 0; background: var(--kpi-accent)!important; opacity: .78; } .tla-orbit .tla-orbit__kpis--overview .tla-orbit__kpi:hover { transform: translateY(-3px)!important; border-color: color-mix(in srgb,var(--kpi-accent) 42%,var(--line))!important; box-shadow: 0 18px 38px -24px color-mix(in srgb,var(--kpi-accent) 30%,rgba(18,22,48,.28))!important; } .tla-orbit .tla-orbit__kpis--overview .tla-orbit__kpi:focus-visible { outline: 3px solid color-mix(in srgb,var(--kpi-accent) 30%,transparent)!important; outline-offset: 3px!important; border-color: var(--kpi-accent)!important; } .tla-orbit .tla-orbit__kpis--overview .tla-orbit__kpi-top { display: flex!important; align-items: center!important; justify-content: space-between!important; gap: 14px!important; margin: 0 0 15px!important; } .tla-orbit .tla-orbit__kpis--overview .tla-orbit__kpi-icon { display: inline-grid!important; place-items: center!important; flex: 0 0 44px!important; width: 44px!important; height: 44px!important; margin: 0!important; border: 1px solid color-mix(in srgb,var(--kpi-accent) 18%,transparent)!important; border-radius: 13px!important; color: var(--kpi-accent)!important; background: color-mix(in srgb,var(--kpi-accent) 12%,var(--panel))!important; } .tla-orbit .tla-orbit__kpis--overview .tla-orbit__kpi-icon svg { width: 20px!important; height: 20px!important; } .tla-orbit .tla-orbit__kpis--overview .tla-orbit__kpi-value { display: block!important; max-width: 68%; margin: 0!important; color: var(--heading)!important; -webkit-text-fill-color: var(--heading)!important; font-size: clamp(25px,2.1vw,34px)!important; font-weight: 850!important; line-height: 1!important; letter-spacing: -.045em!important; text-align: right!important; overflow-wrap: anywhere; } .tla-orbit .tla-orbit__kpis--overview .tla-orbit__kpi > strong { display: block!important; margin: 0 0 7px!important; color: var(--heading)!important; -webkit-text-fill-color: var(--heading)!important; font-size: 14px!important; font-weight: 800!important; line-height: 1.3!important; } .tla-orbit .tla-orbit__kpis--overview .tla-orbit__kpi > small { display: block!important; flex: 1 1 auto; min-height: 0!important; margin: 0!important; color: var(--muted)!important; -webkit-text-fill-color: var(--muted)!important; font-size: 11.5px!important; font-weight: 500!important; line-height: 1.55!important; } .tla-orbit .tla-orbit__kpis--overview .tla-orbit__kpi-link { display: flex!important; align-items: center!important; justify-content: space-between!important; gap: 8px!important; margin-top: 15px!important; padding-top: 12px!important; border-top: 1px solid var(--line)!important; color: var(--kpi-accent)!important; -webkit-text-fill-color: var(--kpi-accent)!important; font-size: 11.5px!important; font-weight: 800!important; line-height: 1!important; } .tla-orbit .tla-orbit__kpis--overview .tla-orbit__kpi-link svg { width: 15px!important; height: 15px!important; transition: transform .18s ease; } .tla-orbit .tla-orbit__kpis--overview .tla-orbit__kpi:hover .tla-orbit__kpi-link svg { transform: translateX(3px); } /* Stripe Connect sandbox foundation. */ .tla-orbit .tla-orbit__payment-foundation { margin-bottom: 20px!important; padding: 22px!important; overflow: hidden; } .tla-orbit .tla-orbit__payment-foundation > .tla-orbit__card-head { align-items: flex-start!important; gap: 20px!important; padding-bottom: 17px!important; border-bottom: 1px solid var(--line)!important; } .tla-orbit .tla-orbit__payment-foundation > .tla-orbit__card-head h2 { margin: 4px 0 5px!important; } .tla-orbit .tla-orbit__payment-foundation > .tla-orbit__card-head p { max-width: 760px; margin: 0!important; color: var(--muted)!important; font-size: 12px!important; line-height: 1.55!important; } .tla-orbit .tla-orbit__test-badge { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 30px; padding: 7px 11px; border: 1px solid rgba(245,158,11,.24); border-radius: 999px; color: #a95e00; background: rgba(245,158,11,.10); font-size: 10px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; } .tla-orbit.is-dark .tla-orbit__test-badge { color: #fbbf24; } .tla-orbit .tla-orbit__payment-empty { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; gap: 16px; align-items: center; margin-top: 18px; padding: 17px; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in srgb,var(--panel) 78%,var(--surface)); } .tla-orbit .tla-orbit__payment-mark { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #6e22ff; background: linear-gradient(135deg,rgba(223,41,211,.12),rgba(10,144,246,.12)); } .tla-orbit .tla-orbit__payment-mark svg { width: 22px; height: 22px; } .tla-orbit .tla-orbit__payment-empty strong, .tla-orbit .tla-orbit__payment-account h3 { color: var(--heading); font-size: 14px; font-weight: 800; } .tla-orbit .tla-orbit__payment-empty p, .tla-orbit .tla-orbit__payment-account p { margin: 4px 0 0; color: var(--muted); font-size: 11.5px; line-height: 1.55; } .tla-orbit .tla-orbit__payment-account { margin-top: 18px; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(135deg,rgba(110,34,255,.055),rgba(23,178,226,.04)),var(--panel); } .tla-orbit .tla-orbit__payment-account-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; } .tla-orbit .tla-orbit__payment-account-head h3 { margin: 9px 0 0; } .tla-orbit .tla-orbit__payment-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; } .tla-orbit .tla-orbit__payment-readiness { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin-top: 16px; } .tla-orbit .tla-orbit__payment-readiness > span { display: flex; flex-direction: column; gap: 5px; min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: color-mix(in srgb,var(--panel) 82%,var(--surface)); } .tla-orbit .tla-orbit__payment-readiness small { color: var(--muted); font-size: 10px; line-height: 1.35; } .tla-orbit .tla-orbit__payment-readiness strong { color: var(--heading); font-size: 12px; overflow-wrap: anywhere; } .tla-orbit .tla-orbit__payment-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr); gap: 18px; margin-top: 18px; } .tla-orbit .tla-orbit__payment-grid > div { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); } .tla-orbit .tla-orbit__payment-schedules { display: grid; gap: 8px; } .tla-orbit .tla-orbit__payment-schedule { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(90px,.55fr) minmax(105px,.65fr) auto; gap: 12px; align-items: center; padding: 12px 13px; border: 1px solid var(--line); border-radius: 13px; background: color-mix(in srgb,var(--panel) 84%,var(--surface)); } .tla-orbit .tla-orbit__payment-schedule > span:not(.tla-orbit__status-chip) { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .tla-orbit .tla-orbit__payment-schedule strong { color: var(--heading); font-size: 11.5px; overflow-wrap: anywhere; } .tla-orbit .tla-orbit__payment-schedule small { color: var(--muted); font-size: 10px; line-height: 1.35; } .tla-orbit .tla-orbit__payment-events { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; } .tla-orbit .tla-orbit__payment-events li { display: grid; grid-template-columns: 9px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); } .tla-orbit .tla-orbit__payment-events li:last-child { border-bottom: 0; } .tla-orbit .tla-orbit__payment-events li > span:nth-child(2) { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .tla-orbit .tla-orbit__payment-events strong { color: var(--heading); font-size: 11px; overflow-wrap: anywhere; } .tla-orbit .tla-orbit__payment-events small { color: var(--muted); font-size: 10px; } .tla-orbit .tla-orbit__payment-events em { color: #a95e00; font-size: 9px; font-style: normal; font-weight: 800; text-transform: uppercase; } .tla-orbit .tla-orbit__event-dot { width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg,#df29d3,#0a90f6); box-shadow: 0 0 0 4px rgba(110,34,255,.07); } .tla-orbit .tla-orbit__payment-safety { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 11px; align-items: start; margin-top: 18px; padding: 13px 14px; border: 1px solid rgba(10,144,246,.16); border-radius: 13px; color: var(--muted); background: rgba(10,144,246,.055); } .tla-orbit .tla-orbit__payment-safety svg { width: 20px; height: 20px; color: #0a90f6; } .tla-orbit .tla-orbit__payment-safety p { margin: 0; font-size: 11px; line-height: 1.55; } .tla-orbit .tla-orbit__payment-safety strong { color: var(--heading); } .tla-orbit .tla-orbit__payment-modal-intro { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 13px; align-items: start; margin-bottom: 16px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(135deg,rgba(223,41,211,.07),rgba(10,144,246,.06)); } .tla-orbit .tla-orbit__payment-modal-intro > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#df29d3,#6e22ff,#0a90f6); } .tla-orbit .tla-orbit__payment-modal-intro svg { width: 20px; height: 20px; } .tla-orbit .tla-orbit__payment-modal-intro strong { display: block; color: var(--heading); font-size: 13px; } .tla-orbit .tla-orbit__payment-modal-intro p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; } @media (max-width: 1080px) { .tla-orbit .tla-orbit__payment-readiness { grid-template-columns: repeat(3,minmax(0,1fr)); } .tla-orbit .tla-orbit__payment-grid { grid-template-columns: 1fr; } } @media (max-width: 900px) { .tla-orbit .tla-orbit__kpis--overview { grid-template-columns: repeat(2,minmax(0,1fr))!important; } } @media (max-width: 760px) { .tla-orbit .tla-orbit__payment-foundation { padding: 17px!important; } .tla-orbit .tla-orbit__payment-foundation > .tla-orbit__card-head, .tla-orbit .tla-orbit__payment-account-head { flex-direction: column; align-items: stretch!important; } .tla-orbit .tla-orbit__payment-empty { grid-template-columns: 42px minmax(0,1fr); } .tla-orbit .tla-orbit__payment-empty > .tla-orbit__btn { grid-column: 1 / -1; width: 100%; } .tla-orbit .tla-orbit__payment-actions { justify-content: flex-start; } .tla-orbit .tla-orbit__payment-readiness { grid-template-columns: repeat(2,minmax(0,1fr)); } .tla-orbit .tla-orbit__payment-schedule { grid-template-columns: minmax(0,1fr) auto; } .tla-orbit .tla-orbit__payment-schedule > span:nth-child(3) { grid-column: 1; } } @media (max-width: 560px) { .tla-orbit .tla-orbit__kpis--overview { grid-template-columns: 1fr!important; gap: 11px!important; } .tla-orbit .tla-orbit__kpis--overview .tla-orbit__kpi { min-height: 160px!important; padding: 16px!important; } .tla-orbit .tla-orbit__payment-readiness { grid-template-columns: 1fr; } .tla-orbit .tla-orbit__payment-actions > * { width: 100%; justify-content: center; } } /* ========================================================================== ORBIT 0.3.0-alpha.45 - Focused AI Assistant embed ========================================================================== */ /* Keep the assistant directly after the Compliance shortcuts, inside the scrollable navigation menu rather than detached at the foot of the rail. */ .tla-orbit .tla-orbit__nav > .tla-orbit__rail-tools { flex: 0 0 auto; width: 100%; margin: 2px 0 0; padding: 13px 0 2px; border-top: 1px solid var(--line); border-left: 0; } .tla-orbit .tla-orbit__nav > .tla-orbit__rail-tools .tla-orbit__rail-tools-label { margin: 0 4px 8px; } .tla-orbit .tla-orbit__assistant-link, .tla-orbit .tla-orbit__assistant-link:hover, .tla-orbit .tla-orbit__assistant-link:focus, .tla-orbit .tla-orbit__assistant-link:active { appearance: none !important; -webkit-appearance: none !important; display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; min-height: 48px !important; margin: 0 !important; padding: 7px 9px !important; border: 1px solid rgba(83,91,219,.20) !important; border-radius: 13px !important; color: var(--heading) !important; -webkit-text-fill-color: var(--heading) !important; background: linear-gradient(115deg,rgba(10,144,246,.085),rgba(110,34,255,.075) 54%,rgba(223,41,211,.065)) !important; box-shadow: 0 9px 24px rgba(50,65,140,.08), inset 0 1px rgba(255,255,255,.72) !important; font: inherit !important; text-align: left !important; text-decoration: none !important; cursor: pointer !important; transform: none !important; } .tla-orbit .tla-orbit__assistant-link:hover { border-color: rgba(10,144,246,.42) !important; background: linear-gradient(115deg,rgba(10,144,246,.13),rgba(110,34,255,.11) 54%,rgba(223,41,211,.10)) !important; box-shadow: 0 13px 30px rgba(50,65,140,.13), inset 0 1px rgba(255,255,255,.82) !important; } .tla-orbit .tla-orbit__assistant-link:focus-visible { outline: 3px solid rgba(23,178,226,.28) !important; outline-offset: 2px !important; } .tla-orbit .tla-orbit__assistant-link-icon { width: 34px !important; height: 34px !important; flex: 0 0 34px !important; border-radius: 10px !important; } .tla-orbit .tla-orbit__assistant-link-icon svg { width: 18px !important; height: 18px !important; } .tla-orbit .tla-orbit__assistant-link-copy strong { font-size: 12.5px !important; } .tla-orbit .tla-orbit__assistant-link-copy small { font-size: 9.5px !important; } .tla-orbit .tla-orbit__assistant-link-arrow { width: 18px !important; height: 18px !important; color: #6e22ff !important; } .tla-orbit.is-dark .tla-orbit__assistant-link, .tla-orbit.is-dark .tla-orbit__assistant-link:hover, .tla-orbit.is-dark .tla-orbit__assistant-link:focus, .tla-orbit.is-dark .tla-orbit__assistant-link:active { color: #fff !important; -webkit-text-fill-color: #fff !important; border-color: rgba(77,197,255,.24) !important; background: linear-gradient(115deg,rgba(0,200,255,.12),rgba(110,34,255,.16) 54%,rgba(223,41,211,.12)) !important; box-shadow: 0 12px 30px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.07) !important; } .tla-orbit.is-dark .tla-orbit__assistant-link:hover { border-color: rgba(77,197,255,.42) !important; background: linear-gradient(115deg,rgba(0,200,255,.18),rgba(110,34,255,.22) 54%,rgba(223,41,211,.17)) !important; } /* Native top-layer assistant modal. It loads the canonical TLA AI Assistant page lazily and strips same-origin site chrome inside the embedded view. */ dialog.tla-orbit__assistant-modal:not([open]) { display: none !important; visibility: hidden !important; pointer-events: none !important; } dialog.tla-orbit__assistant-modal[open] { display: block !important; visibility: visible !important; pointer-events: auto !important; } dialog.tla-orbit__assistant-modal { width: min(780px, calc(100vw - 54px)) !important; max-width: 780px !important; height: min(780px, calc(100dvh - 46px)) !important; max-height: calc(100dvh - 46px) !important; padding: 0 !important; border: 0 !important; background: transparent !important; overflow: visible !important; } dialog.tla-orbit__assistant-modal::backdrop { background: rgba(1,4,14,.80) !important; backdrop-filter: blur(12px) saturate(125%) !important; -webkit-backdrop-filter: blur(12px) saturate(125%) !important; } .tla-orbit__assistant-modal-card { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; overflow: hidden; border: 1px solid rgba(77,162,244,.22); border-radius: 25px; background: radial-gradient(560px 260px at 100% 0%,rgba(10,144,246,.11),transparent 70%), radial-gradient(480px 240px at 0% 100%,rgba(223,41,211,.08),transparent 72%), #fff; box-shadow: 0 54px 160px rgba(1,4,14,.62), 0 14px 44px rgba(1,4,14,.30), inset 0 1px rgba(255,255,255,.72); } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-modal-card { border-color: rgba(77,197,255,.23); background: radial-gradient(560px 260px at 100% 0%,rgba(0,200,255,.13),transparent 70%), radial-gradient(480px 240px at 0% 100%,rgba(223,41,211,.10),transparent 72%), #061126; box-shadow: 0 58px 170px rgba(0,0,0,.72), 0 0 52px rgba(10,144,246,.09), inset 0 1px rgba(255,255,255,.055); } .tla-orbit__assistant-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex: 0 0 auto; padding: 18px 20px; border-bottom: 1px solid rgba(15,23,42,.10); background: rgba(255,255,255,.82); backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-modal-head { border-bottom-color: rgba(124,194,255,.14); background: rgba(5,15,36,.84); } .tla-orbit__assistant-modal-identity { display: flex; align-items: center; gap: 13px; min-width: 0; } .tla-orbit__assistant-modal-mark { display: grid; place-items: center; width: 45px; height: 45px; flex: 0 0 45px; border-radius: 14px; color: #fff; background: linear-gradient(135deg,#00c8ff,#0a90f6 42%,#6e22ff 73%,#df29d3); box-shadow: 0 12px 28px rgba(10,144,246,.25), inset 0 1px rgba(255,255,255,.24); } .tla-orbit__assistant-modal-mark svg { width: 22px; height: 22px; } .tla-orbit__assistant-modal-kicker { display: block; margin-bottom: 2px; color: #0a90f6; font-size: 9.5px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-modal-kicker { color: #7dd3fc; } .tla-orbit__assistant-modal-head h2 { margin: 0 !important; color: #09111f !important; -webkit-text-fill-color: #09111f !important; background: none !important; font: 850 20px/1.15 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important; letter-spacing: -.025em !important; } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-modal-head h2 { color: #fff !important; -webkit-text-fill-color: #fff !important; } .tla-orbit__assistant-modal-head p { margin: 3px 0 0 !important; color: #667085 !important; -webkit-text-fill-color: #667085 !important; font-size: 11.5px !important; line-height: 1.45 !important; } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-modal-head p { color: #aabbd2 !important; -webkit-text-fill-color: #aabbd2 !important; } .tla-orbit__assistant-modal-actions { display: flex; align-items: center; gap: 9px; flex: 0 0 auto; } .tla-orbit__assistant-full-link { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 9px 13px; border: 1px solid rgba(15,23,42,.14); border-radius: 999px; color: #172033 !important; -webkit-text-fill-color: #172033 !important; background: rgba(255,255,255,.74); font-size: 11px; font-weight: 800; text-decoration: none !important; } .tla-orbit__assistant-full-link:hover { border-color: #0a90f6; color: #0a90f6 !important; -webkit-text-fill-color: #0a90f6 !important; } .tla-orbit__assistant-full-link span { display: inline-flex; width: 14px; height: 14px; } .tla-orbit__assistant-full-link svg { width: 100%; height: 100%; } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-full-link { color: #eef5ff !important; -webkit-text-fill-color: #eef5ff !important; border-color: rgba(124,194,255,.20); background: rgba(7,20,43,.78); } .tla-orbit__assistant-modal-close, .tla-orbit__assistant-modal-close:hover, .tla-orbit__assistant-modal-close:focus, .tla-orbit__assistant-modal-close:active { appearance: none !important; -webkit-appearance: none !important; display: grid !important; place-items: center !important; width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; margin: 0 !important; padding: 0 0 2px !important; border: 1px solid rgba(15,23,42,.14) !important; border-radius: 50% !important; color: #172033 !important; -webkit-text-fill-color: #172033 !important; background: rgba(255,255,255,.82) !important; box-shadow: none !important; font: 400 27px/1 Arial,sans-serif !important; cursor: pointer !important; transform: none !important; } .tla-orbit__assistant-modal-close:hover { border-color: rgba(223,41,211,.40) !important; color: #df29d3 !important; -webkit-text-fill-color: #df29d3 !important; } .tla-orbit__assistant-modal-close:focus-visible { outline: 3px solid rgba(23,178,226,.28) !important; outline-offset: 2px !important; } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-modal-close { color: #fff !important; -webkit-text-fill-color: #fff !important; border-color: rgba(124,194,255,.20) !important; background: rgba(7,20,43,.86) !important; } .tla-orbit__assistant-modal .tla-orbit__assistant-framewrap { position: relative !important; display: block !important; flex: 1 1 auto !important; min-height: 0 !important; height: auto !important; overflow: hidden !important; background: #f5f7fb !important; } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-framewrap { background: #060b19 !important; } .tla-orbit__assistant-modal .tla-orbit__assistant-framewrap iframe { display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; border: 0 !important; opacity: 0; background: #f5f7fb; transition: opacity .2s ease; } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-framewrap iframe { background: #060b19; } .tla-orbit__assistant-modal .tla-orbit__assistant-framewrap iframe.is-ready { opacity: 1; } .tla-orbit__assistant-modal .tla-orbit__assistant-loading { position: absolute !important; inset: 0 !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; color: #45526a !important; background: radial-gradient(circle at 50% 34%,rgba(23,178,226,.12),transparent 48%),#f5f7fb !important; font-size: 12px !important; font-weight: 750 !important; } .tla-orbit__assistant-modal .tla-orbit__assistant-loading[hidden] { display: none !important; } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-loading { color: rgba(255,255,255,.76) !important; background: radial-gradient(circle at 50% 34%,rgba(23,178,226,.14),transparent 48%),#060b19 !important; } .tla-orbit__assistant-spinner { width: 20px; height: 20px; border: 2px solid rgba(10,144,246,.18); border-top-color: #0a90f6; border-radius: 50%; animation: tlaOrbitAssistantSpin .8s linear infinite; } @keyframes tlaOrbitAssistantSpin { to { transform: rotate(360deg); } } .tla-orbit__assistant-frame-error { position: absolute; inset: 0; z-index: 3; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 9px; padding: 28px; color: #172033; background: #f7f8fc; text-align: center; } .tla-orbit__assistant-frame-error[hidden] { display: none !important; } .tla-orbit__assistant-frame-error strong { font-size: 17px; } .tla-orbit__assistant-frame-error p { margin: 0 0 5px; color: #667085; font-size: 12px; } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-frame-error { color: #fff; background: #060b19; } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-frame-error p { color: #aabbd2; } .tla-orbit__assistant-modal-more { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex: 0 0 auto; padding: 10px 15px; border-top: 1px solid rgba(15,23,42,.09); color: #667085; background: #f8faff; font-size: 10.5px; line-height: 1.4; } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-modal-more { border-top-color: rgba(124,194,255,.13); color: #9fb0c9; background: #07152c; } .tla-orbit__assistant-modal-more .tla-orbit__assistant-full-link { flex: 0 0 auto; min-height: 34px; padding: 8px 12px; } .tla-orbit__assistant-modal-foot { display: grid; grid-template-columns: 17px minmax(0,1fr); gap: 9px; align-items: start; flex: 0 0 auto; padding: 10px 17px 11px; border-top: 1px solid rgba(15,23,42,.09); color: #667085; background: #fff; } .tla-orbit__assistant-modal-foot svg { width: 16px; height: 16px; color: #0a90f6; } .tla-orbit__assistant-modal-foot p { margin: 0; font-size: 10px; line-height: 1.45; } .tla-orbit__assistant-modal-foot strong { color: #172033; } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-modal-foot { border-top-color: rgba(124,194,255,.13); color: #9fb0c9; background: #061126; } .tla-orbit__assistant-modal.is-dark .tla-orbit__assistant-modal-foot strong { color: #fff; } @media (max-width: 880px) { .tla-orbit .tla-orbit__nav > .tla-orbit__rail-tools { width: auto; min-width: 218px; margin: 0; padding: 0 0 0 10px; border-top: 0; border-left: 1px solid var(--line); } .tla-orbit .tla-orbit__nav > .tla-orbit__rail-tools .tla-orbit__rail-tools-label { display: none; } dialog.tla-orbit__assistant-modal { width: calc(100vw - 24px) !important; height: calc(100dvh - 24px) !important; max-height: calc(100dvh - 24px) !important; } .tla-orbit__assistant-modal-card { border-radius: 21px; } } @media (max-width: 640px) { dialog.tla-orbit__assistant-modal { width: calc(100vw - 12px) !important; height: calc(100dvh - 12px) !important; max-height: calc(100dvh - 12px) !important; } .tla-orbit__assistant-modal-card { border-radius: 17px; } .tla-orbit__assistant-modal-head { align-items: flex-start; padding: 14px; } .tla-orbit__assistant-modal-mark { width: 40px; height: 40px; flex-basis: 40px; border-radius: 12px; } .tla-orbit__assistant-modal-head p { display: none; } .tla-orbit__assistant-modal-more { align-items: stretch; flex-direction: column; gap: 8px; padding: 9px 12px; } .tla-orbit__assistant-modal-more .tla-orbit__assistant-full-link { display: inline-flex; width: 100%; } .tla-orbit__assistant-modal-close, .tla-orbit__assistant-modal-close:hover, .tla-orbit__assistant-modal-close:focus { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; } .tla-orbit__assistant-modal-foot { padding: 9px 12px; } } @media (prefers-reduced-motion: reduce) { .tla-orbit__assistant-spinner { animation: none !important; } } /* ================================================================ Alpha 46 - RRA 2025 Rent Review Guard ================================================================ */ dialog.tla-orbit__modal.tla-orbit__modal--rent-guard .tla-orbit__modal-card { width: min(980px, calc(100vw - 36px)) !important; max-width: 980px !important; } .tla-orbit__rent-source-strip { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: -4px 0 14px; padding: 10px 12px; border: 1px solid var(--orbit-border); border-radius: 12px; background: var(--orbit-soft); } .tla-orbit__rent-source-strip strong { margin-right: auto; color: var(--orbit-heading); font-size: 11px; font-weight: 850; } .tla-orbit__rent-source-strip a, .tla-orbit__benchmark-source, .tla-orbit__rent-guard-links a { color: #0A70C8 !important; -webkit-text-fill-color: #0A70C8 !important; font-size: 10.5px; font-weight: 800; text-decoration: none; } .tla-orbit.is-dark .tla-orbit__rent-source-strip a, .tla-orbit.is-dark .tla-orbit__benchmark-source, .tla-orbit.is-dark .tla-orbit__rent-guard-links a, dialog.tla-orbit__modal.is-dark .tla-orbit__rent-source-strip a, dialog.tla-orbit__modal.is-dark .tla-orbit__benchmark-source { color: #7DD3FC !important; -webkit-text-fill-color: #7DD3FC !important; } .tla-orbit__rent-source-strip a:hover, .tla-orbit__benchmark-source:hover, .tla-orbit__rent-guard-links a:hover { text-decoration: underline; text-underline-offset: 3px; } .tla-orbit__rent-guard-note { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 8px 12px; align-items: start; margin-bottom: 16px; padding: 13px 14px; border: 1px solid rgba(10,144,246,.22); border-left: 4px solid #0A90F6; border-radius: 12px; background: rgba(10,144,246,.055); } .tla-orbit__rent-guard-note strong { color: var(--orbit-heading); font-size: 12px; } .tla-orbit__rent-guard-note span { color: var(--orbit-muted); font-size: 11.5px; line-height: 1.55; } .tla-orbit__rent-guard-section { margin-top: 14px; padding: 16px; border: 1px solid var(--orbit-border); border-radius: 16px; background: var(--orbit-card); } .tla-orbit__rent-guard-heading { display: flex; align-items: center; gap: 11px; margin-bottom: 14px; } .tla-orbit__rent-guard-heading > span { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 9px; color: #fff; background: linear-gradient(135deg,#DF29D3,#6E22FF,#0A90F6); font-size: 11px; font-weight: 900; } .tla-orbit__rent-guard-heading strong { display: block; color: var(--orbit-heading); font-size: 14px; font-weight: 850; } .tla-orbit__rent-guard-heading small { display: block; margin-top: 2px; color: var(--orbit-muted); font-size: 10.5px; line-height: 1.4; } .tla-orbit__benchmark-btn { margin-bottom: 10px !important; } .tla-orbit__benchmark-status { padding: 10px 12px; border-radius: 10px; color: var(--orbit-muted); background: var(--orbit-soft); font-size: 10.5px; line-height: 1.5; } .tla-orbit__rent-benchmark-grid, .tla-orbit__rent-guard-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; } .tla-orbit__rent-benchmark-grid > div, .tla-orbit__rent-guard-summary > div { min-width: 0; padding: 12px; border: 1px solid var(--orbit-border); border-radius: 12px; background: var(--orbit-soft); } .tla-orbit__rent-benchmark-grid span, .tla-orbit__rent-guard-summary span { display: block; margin-bottom: 4px; color: var(--orbit-muted); font-size: 9.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .045em; } .tla-orbit__rent-benchmark-grid strong, .tla-orbit__rent-guard-summary strong { display: block; color: var(--orbit-heading); font-size: 13px; font-weight: 850; overflow-wrap: anywhere; } .tla-orbit__rent-benchmark-grid strong small, .tla-orbit__rent-guard-summary strong small { display: block; margin-top: 3px; color: var(--orbit-muted); font-size: 9.5px; font-weight: 650; } .tla-orbit__benchmark-source { display: inline-flex; margin-top: 10px; } .tla-orbit__rent-comparables { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-bottom: 12px; } .tla-orbit__rent-comparable { min-width: 0; padding: 12px; border: 1px solid var(--orbit-border); border-radius: 12px; background: var(--orbit-soft); } .tla-orbit__rent-comparable > strong { display: block; margin-bottom: 10px; color: var(--orbit-heading); font-size: 11.5px; font-weight: 850; } .tla-orbit__rent-comparable .tla-orbit__field { margin-bottom: 9px; } .tla-orbit__rent-comparable .tla-orbit__field:last-child { margin-bottom: 0; } .tla-orbit__evidence-ceiling { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 14px; align-items: center; margin-top: 12px; padding: 14px; border: 1px solid rgba(110,34,255,.2); border-radius: 13px; background: linear-gradient(135deg,rgba(223,41,211,.06),rgba(10,144,246,.06)); } .tla-orbit__evidence-ceiling span { color: var(--orbit-muted); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .05em; } .tla-orbit__evidence-ceiling strong { color: var(--orbit-heading); font-size: 16px; font-weight: 900; text-align: right; } .tla-orbit__evidence-ceiling small { grid-column: 1 / -1; color: var(--orbit-muted); font-size: 10px; line-height: 1.45; } .tla-orbit__rent-checks h4 { margin: 0; padding: 10px 15px 7px; color: var(--orbit-muted); background: var(--orbit-card); font-size: 9.5px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; } .tla-orbit__guard-state { display: inline-flex !important; align-items: center; justify-content: center; min-height: 27px; padding: 5px 10px; border: 1px solid transparent; border-radius: 999px; font-size: 9.5px !important; font-weight: 900 !important; line-height: 1.2; white-space: nowrap; } .tla-orbit__guard-state--ready { color: #08794c !important; background: rgba(0,160,96,.10); border-color: rgba(0,160,96,.2); } .tla-orbit__guard-state--evidence-required { color: #9A4A06 !important; background: rgba(217,119,6,.11); border-color: rgba(217,119,6,.22); } .tla-orbit__guard-state--blocked { color: #B42318 !important; background: rgba(220,38,38,.09); border-color: rgba(220,38,38,.2); } .tla-orbit__rent-guard-card { margin-bottom: 16px; } .tla-orbit__rent-guard-card .tla-orbit__card-head { align-items: flex-start; } .tla-orbit__rent-guard-card .tla-orbit__card-head p { max-width: 720px; } .tla-orbit__rent-guard-summary { padding: 0 18px 16px; } .tla-orbit__rent-guard-empty { margin: 0 18px 16px; padding: 14px; border: 1px dashed var(--orbit-border); border-radius: 12px; background: var(--orbit-soft); } .tla-orbit__rent-guard-empty strong { display: block; margin-bottom: 4px; color: var(--orbit-heading); font-size: 12px; } .tla-orbit__rent-guard-empty p { margin: 0; color: var(--orbit-muted); font-size: 11px; line-height: 1.5; } .tla-orbit__rent-guard-links { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 11px 18px; border-top: 1px solid var(--orbit-border); background: var(--orbit-soft); } .tla-orbit__rent-guard-links span { margin-left: auto; color: var(--orbit-muted); font-size: 10px; line-height: 1.4; } @media (max-width: 860px) { .tla-orbit__rent-benchmark-grid, .tla-orbit__rent-guard-summary { grid-template-columns: repeat(2,minmax(0,1fr)); } .tla-orbit__rent-comparables { grid-template-columns: 1fr; } .tla-orbit__rent-guard-links span { width: 100%; margin-left: 0; } } @media (max-width: 620px) { dialog.tla-orbit__modal.tla-orbit__modal--rent-guard .tla-orbit__modal-card { width: calc(100vw - 12px) !important; max-width: none !important; } .tla-orbit__rent-source-strip { align-items: flex-start; } .tla-orbit__rent-source-strip strong { width: 100%; } .tla-orbit__rent-guard-note { grid-template-columns: 1fr; } .tla-orbit__rent-guard-section { padding: 13px; } .tla-orbit__rent-benchmark-grid, .tla-orbit__rent-guard-summary { grid-template-columns: 1fr; } .tla-orbit__evidence-ceiling { grid-template-columns: 1fr; } .tla-orbit__evidence-ceiling strong { text-align: left; } } /* ================================================================ Alpha 47 - RRA-linked test rent schedule controls ================================================================ */ .tla-orbit .tla-orbit__payment-schedule-card { display: grid; gap: 12px; padding: 14px; border: 1px solid var(--border); border-radius: 15px; background: var(--card); box-shadow: 0 5px 18px rgba(10, 0, 50, 0.04); } .tla-orbit .tla-orbit__payment-schedule-card + .tla-orbit__payment-schedule-card { margin-top: 9px; } .tla-orbit .tla-orbit__payment-schedule-main, .tla-orbit .tla-orbit__payment-schedule-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .tla-orbit .tla-orbit__payment-schedule-main > div { min-width: 0; } .tla-orbit .tla-orbit__payment-schedule-main strong { display: block; color: var(--heading); font-size: 13px; font-weight: 850; } .tla-orbit .tla-orbit__payment-schedule-main small { display: block; margin-top: 3px; color: var(--muted); font-size: 10.5px; line-height: 1.4; } .tla-orbit .tla-orbit__payment-schedule-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .tla-orbit .tla-orbit__payment-schedule-facts > span { display: flex; min-width: 0; flex-direction: column; gap: 3px; padding: 10px; border: 1px solid var(--border); border-radius: 11px; background: var(--soft); } .tla-orbit .tla-orbit__payment-schedule-facts small { color: var(--muted); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; } .tla-orbit .tla-orbit__payment-schedule-facts strong { color: var(--heading); font-size: 12px; font-weight: 850; } .tla-orbit .tla-orbit__payment-schedule-facts em { color: var(--muted); font-size: 9.5px; font-style: normal; line-height: 1.35; } .tla-orbit .tla-orbit__rent-source, .tla-orbit .tla-orbit__schedule-guard { display: inline-flex; align-items: center; align-self: flex-start; min-height: 25px; padding: 5px 9px; border: 1px solid rgba(10, 144, 246, 0.20); border-radius: 999px; color: #0a6ecb; background: rgba(10, 144, 246, 0.07); font-size: 9.5px; font-weight: 850; line-height: 1; } .tla-orbit .tla-orbit__rent-source.is-rra { border-color: rgba(223, 41, 211, 0.22); color: #b018a7; background: rgba(223, 41, 211, 0.08); } .tla-orbit .tla-orbit__schedule-guard { border-color: rgba(217, 119, 6, 0.24); color: #a95e00; background: rgba(217, 119, 6, 0.08); } .tla-orbit .tla-orbit__schedule-guard.is-ready { border-color: rgba(0, 160, 96, 0.22); color: #007d4b; background: rgba(0, 160, 96, 0.08); } html[data-tla-theme="dark"] .tla-orbit .tla-orbit__payment-schedule-card { box-shadow: 0 6px 22px rgba(0, 0, 0, 0.20); } html[data-tla-theme="dark"] .tla-orbit .tla-orbit__rent-source { color: #7dd3fc; } html[data-tla-theme="dark"] .tla-orbit .tla-orbit__rent-source.is-rra { color: #f0abfc; } html[data-tla-theme="dark"] .tla-orbit .tla-orbit__schedule-guard { color: #fbbf24; } html[data-tla-theme="dark"] .tla-orbit .tla-orbit__schedule-guard.is-ready { color: #86efac; } @media (max-width: 860px) { .tla-orbit .tla-orbit__payment-schedule-facts { grid-template-columns: 1fr 1fr; } .tla-orbit .tla-orbit__payment-schedule-facts > span:last-child { grid-column: 1 / -1; } } @media (max-width: 560px) { .tla-orbit .tla-orbit__payment-schedule-main, .tla-orbit .tla-orbit__payment-schedule-foot { align-items: flex-start; flex-direction: column; } .tla-orbit .tla-orbit__payment-schedule-facts { grid-template-columns: 1fr; } .tla-orbit .tla-orbit__payment-schedule-facts > span:last-child { grid-column: auto; } .tla-orbit .tla-orbit__payment-schedule-foot .tla-orbit__inline-actions { width: 100%; } } /* ========================================================================== ORBIT 0.3.0-alpha.48 - rent ledger quality and charge-period clarity ========================================================================== */ .tla-orbit .tla-orbit__ledger-quality { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:15px; align-items:start; margin:0 0 18px; padding:18px; border:1px solid color-mix(in srgb,#17B2E2 24%,var(--line)); border-radius:18px; background:linear-gradient(135deg,color-mix(in srgb,#17B2E2 7%,var(--panel)),color-mix(in srgb,#6E22FF 5%,var(--panel))); box-shadow:var(--panel-shadow); } .tla-orbit .tla-orbit__ledger-quality--warning { border-color:color-mix(in srgb,#d97706 30%,var(--line)); background:linear-gradient(135deg,color-mix(in srgb,#d97706 7%,var(--panel)),color-mix(in srgb,#DF29D3 4%,var(--panel))); } .tla-orbit .tla-orbit__ledger-quality-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; color:#00a060; background:rgba(0,160,96,.10); } .tla-orbit .tla-orbit__ledger-quality--warning .tla-orbit__ledger-quality-icon { color:#b45309; background:rgba(217,119,6,.12); } .tla-orbit .tla-orbit__ledger-quality-icon svg { width:22px; height:22px; } .tla-orbit .tla-orbit__ledger-quality-copy { min-width:0; } .tla-orbit .tla-orbit__ledger-quality-copy h2 { margin:5px 0 5px; color:var(--heading); font-size:18px; line-height:1.25; } .tla-orbit .tla-orbit__ledger-quality-copy > p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; } .tla-orbit .tla-orbit__ledger-quality-facts { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; } .tla-orbit .tla-orbit__ledger-quality-facts span { display:inline-flex; align-items:center; gap:5px; padding:7px 10px; border:1px solid var(--line); border-radius:10px; color:var(--muted); background:color-mix(in srgb,var(--panel) 78%,transparent); font-size:10.5px; } .tla-orbit .tla-orbit__ledger-quality-facts strong { color:var(--heading); font-size:12px; } .tla-orbit .tla-orbit__ledger-quality-copy ul { display:grid; gap:7px; margin:12px 0 0; padding:0; list-style:none; } .tla-orbit .tla-orbit__ledger-quality-copy li { display:flex; flex-direction:column; gap:2px; padding:9px 11px; border:1px solid color-mix(in srgb,#d97706 24%,var(--line)); border-radius:11px; background:rgba(217,119,6,.055); } .tla-orbit .tla-orbit__ledger-quality-copy li strong { color:var(--heading); font-size:11px; } .tla-orbit .tla-orbit__ledger-quality-copy li span { color:var(--muted); font-size:10.5px; line-height:1.45; } .tla-orbit .tla-orbit__quality-repair { margin-top:10px!important; color:#007a49!important; font-weight:700; } .tla-orbit .tla-orbit__finance-kpis { grid-template-columns:repeat(5,minmax(120px,1fr)) auto; } .tla-orbit .tla-orbit__finance-kpis > div { min-width:0; } .tla-orbit .tla-orbit__finance-kpis small { display:block; margin-top:5px; color:var(--muted); font-size:9.5px; line-height:1.35; } .tla-orbit .tla-orbit__module-grid > .tla-orbit__card { min-width:0; overflow:hidden; } .tla-orbit .tla-orbit__compact-table { min-width:0; overflow:hidden; } .tla-orbit .tla-orbit__card-head--wrap { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:12px; } .tla-orbit .tla-orbit__card-head--wrap > div:first-child { min-width:220px; flex:1; } .tla-orbit .tla-orbit__card-head--wrap p { margin:4px 0 0; color:var(--muted); font-size:10.5px; line-height:1.45; } .tla-orbit .tla-orbit__charge-filters { display:flex; flex-wrap:wrap; gap:6px; } .tla-orbit .tla-orbit__charge-filters button { min-height:32px; padding:7px 10px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:var(--panel); font-size:10px; font-weight:750; cursor:pointer; } .tla-orbit .tla-orbit__charge-filters button:hover, .tla-orbit .tla-orbit__charge-filters button:focus-visible, .tla-orbit .tla-orbit__charge-filters button.is-active { border-color:#6E22FF; color:#5a1fe0; background:rgba(110,34,255,.08); } .tla-orbit .tla-orbit__rent-charge-row > span:first-child strong { white-space:normal; overflow:visible; text-overflow:clip; } .tla-orbit .tla-orbit__charge-status { display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; min-height:28px; padding:6px 9px; border-radius:999px; font-style:normal; font-size:10px; font-weight:800; white-space:nowrap; } .tla-orbit .tla-orbit__charge-status--good { color:#007a49; background:rgba(0,160,96,.11); } .tla-orbit .tla-orbit__charge-status--warning { color:#9a4d00; background:rgba(217,119,6,.13); } .tla-orbit .tla-orbit__charge-status--danger { color:#b42318; background:rgba(220,38,38,.10); } .tla-orbit .tla-orbit__charge-status--neutral { color:#4d45d1; background:rgba(110,34,255,.09); } html[data-tla-theme="dark"] .tla-orbit .tla-orbit__charge-filters button.is-active { color:#d8c7ff; } html[data-tla-theme="dark"] .tla-orbit .tla-orbit__quality-repair { color:#86efac!important; } @media (max-width:1320px) { .tla-orbit .tla-orbit__finance-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } .tla-orbit .tla-orbit__finance-kpis .tla-orbit__btn { grid-column:auto; } } @media (max-width:900px) { .tla-orbit .tla-orbit__ledger-quality { grid-template-columns:auto minmax(0,1fr); } .tla-orbit .tla-orbit__ledger-quality > .tla-orbit__btn { grid-column:1 / -1; width:100%; } .tla-orbit .tla-orbit__finance-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } .tla-orbit .tla-orbit__finance-kpis .tla-orbit__btn { grid-column:1 / -1; } } @media (max-width:620px) { .tla-orbit .tla-orbit__ledger-quality { grid-template-columns:1fr; padding:15px; } .tla-orbit .tla-orbit__finance-kpis { grid-template-columns:1fr; } .tla-orbit .tla-orbit__charge-filters { width:100%; } .tla-orbit .tla-orbit__charge-filters button { flex:1 1 calc(50% - 6px); } } /* ============================================================== Alpha 49 - Finance row separation and guarded collection timing ============================================================== */ .tla-orbit .tla-orbit__finance-section { width: 100%; margin-top: 18px; } .tla-orbit .tla-orbit__finance-section + .tla-orbit__finance-section { margin-top: 18px; } .tla-orbit .tla-orbit__finance-section .tla-orbit__card-head > div { min-width: 0; } .tla-orbit .tla-orbit__finance-section .tla-orbit__card-head p { margin: 4px 0 0; max-width: 820px; color: var(--muted); font-size: 10.5px; line-height: 1.5; } .tla-orbit .tla-orbit__finance-kpis--compact { grid-template-columns: repeat(4, minmax(120px, 1fr)) auto; } @media (max-width: 1180px) { .tla-orbit .tla-orbit__finance-kpis--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tla-orbit .tla-orbit__finance-kpis--compact .tla-orbit__btn { grid-column: 1 / -1; } } @media (max-width: 620px) { .tla-orbit .tla-orbit__finance-kpis--compact { grid-template-columns: 1fr; } } /* ============================================================== Alpha 50 - Beta 1.3 brand lockup, review scheduling and trust UX ============================================================== */ .tla-orbit .tla-orbit__brandblock { padding-top: 24px; } .tla-orbit .tla-orbit__brand-img { display:flex; align-items:center; gap:12px; width:100%; max-width:230px; line-height:0; } .tla-orbit .tla-orbit__orbit-core { display:block; flex:1 1 auto; min-width:0; } .tla-orbit .tla-orbit__orbit-core img { display:block; width:100%; height:auto; max-height:72px; object-fit:contain; object-position:left center; } .tla-orbit .tla-orbit__brand-separator { flex:0 0 1px; width:1px; height:34px; background:var(--line); } .tla-orbit .tla-orbit__tla-brand { display:flex; align-items:center; justify-content:center; flex:0 0 58px; min-width:58px; height:42px; overflow:hidden; } .tla-orbit .tla-orbit__tla-brand img { display:block; max-width:58px; max-height:40px; width:auto; height:auto; object-fit:contain; } .tla-orbit .tla-orbit__tla-fallback { display:inline-flex; align-items:center; justify-content:center; font-size:17px; font-weight:950; letter-spacing:-.05em; line-height:1; background:linear-gradient(135deg,#17B2E2,#0A90F6,#DF29D3); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; } .tla-orbit .tla-orbit__tla-brand.has-official-logo .tla-orbit__tla-fallback { display:none; } .tla-orbit .tla-orbit__version { margin-top:11px; font-size:9px; line-height:1.45; letter-spacing:.12em; } .tla-orbit .tla-orbit__build { display:inline-flex; align-items:center; justify-content:center; margin-top:9px; padding:7px 11px; border:1px solid rgba(110,34,255,.16); border-radius:999px; background:linear-gradient(135deg,rgba(10,144,246,.10),rgba(223,41,211,.11)); color:#5030bf; font-size:9.5px; font-weight:850; letter-spacing:.075em; text-transform:uppercase; white-space:nowrap; } html[data-tla-theme="dark"] .tla-orbit .tla-orbit__build, .tla-orbit.is-dark .tla-orbit__build { border-color:rgba(255,255,255,.12); color:#d8c7ff; background:linear-gradient(135deg,rgba(10,144,246,.16),rgba(223,41,211,.18)); } .tla-orbit .tla-orbit__review-banner { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:13px; width:100%; margin:0 0 18px; padding:14px 16px; border:1px solid color-mix(in srgb,#6E22FF 20%,var(--line)); border-radius:15px; background:linear-gradient(135deg,color-mix(in srgb,#0A90F6 7%,var(--panel)),color-mix(in srgb,#DF29D3 6%,var(--panel))); color:var(--heading); text-align:left; cursor:pointer; box-shadow:var(--panel-shadow); } .tla-orbit .tla-orbit__review-banner:hover, .tla-orbit .tla-orbit__review-banner:focus-visible { border-color:#6E22FF; transform:translateY(-1px); } .tla-orbit .tla-orbit__review-banner-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; color:#5a27df; background:rgba(110,34,255,.10); } .tla-orbit .tla-orbit__review-banner-icon svg { width:20px; height:20px; } .tla-orbit .tla-orbit__review-banner strong { display:block; font-size:12.5px; } .tla-orbit .tla-orbit__review-banner small { display:block; margin-top:3px; color:var(--muted); font-size:10.5px; } .tla-orbit .tla-orbit__review-banner b { color:#5a27df; font-size:10.5px; white-space:nowrap; } .tla-orbit .tla-orbit__review-banner > svg { width:17px; height:17px; color:var(--muted); } .tla-orbit .tla-orbit__review-banner.is-warning { border-color:rgba(217,119,6,.30); background:rgba(217,119,6,.07); } .tla-orbit .tla-orbit__review-banner.is-warning .tla-orbit__review-banner-icon { color:#b45309; background:rgba(217,119,6,.12); } .tla-orbit .tla-orbit__review-price { display:block; margin-top:9px; color:var(--muted); font-size:10.5px; line-height:1.45; } .tla-orbit .tla-orbit__upgrade-inline { display:grid; gap:7px; padding:13px; border:1px solid rgba(110,34,255,.18); border-radius:13px; background:rgba(110,34,255,.06); } .tla-orbit .tla-orbit__upgrade-inline strong { color:var(--heading); font-size:12px; } .tla-orbit .tla-orbit__upgrade-inline span { color:var(--muted); font-size:10.5px; line-height:1.45; } /* Keep profile identity aligned even with long organisation names and buttons. */ .tla-orbit .tla-orbit__trust-profile-main { grid-template-columns:auto minmax(0,1fr); align-items:start; } .tla-orbit .tla-orbit__trust-profile-main > .tla-orbit__btn { grid-column:2; justify-self:start; margin-top:10px; } .tla-orbit .tla-orbit__trust-identity { min-width:0; } .tla-orbit .tla-orbit__trust-identity h2 { overflow-wrap:anywhere; } .tla-orbit .tla-orbit__staff-review-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .tla-orbit .tla-orbit__staff-review-grid label.is-wide { grid-column:1 / -1; } @media (max-width:760px) { .tla-orbit .tla-orbit__brand-img { max-width:205px; gap:9px; } .tla-orbit .tla-orbit__orbit-core img { max-height:58px; } .tla-orbit .tla-orbit__tla-brand { flex-basis:48px; min-width:48px; } .tla-orbit .tla-orbit__tla-brand img { max-width:48px; max-height:34px; } .tla-orbit .tla-orbit__review-banner { grid-template-columns:auto minmax(0,1fr) auto; } .tla-orbit .tla-orbit__review-banner b { display:none; } .tla-orbit .tla-orbit__staff-review-grid { grid-template-columns:1fr; } .tla-orbit .tla-orbit__staff-review-grid label.is-wide { grid-column:auto; } }