/* Migrated module geometry. Compatibility layer; do not add new primitives here. */

body[data-ui-trial]{--trial-accent:var(--color-brand);--trial-accent-dark:var(--color-brand-hover);--trial-soft:var(--color-brand-soft);--trial-ink:var(--color-text);--trial-muted:var(--color-muted);--trial-line:var(--color-border);--trial-canvas:var(--color-canvas);--ui-primary:var(--color-brand);--ui-primary-hover:var(--color-brand-hover);--ui-secondary:var(--color-text);--ui-info:var(--color-brand);--ui-accent:var(--color-brand);--ui-accent-soft:var(--color-brand-soft);--ui-bg:var(--color-canvas);--ui-surface:var(--color-white);--ui-surface-muted:var(--color-subtle);--ui-border:var(--color-border);--ui-text:var(--color-text);--ui-text-muted:var(--color-muted);--ui-radius-sm:10px;--ui-radius:14px;--ui-radius-lg:16px;--ui-shadow-sm:0 3px 15px color-mix(in srgb,var(--color-text) 1.18%,transparent);--ui-shadow:0 12px 32px color-mix(in srgb,var(--color-text) 3.14%,transparent);--ui-ring:0 0 0 4px color-mix(in srgb,var(--color-brand) 10.2%,transparent);margin:0;background:var(--trial-canvas);color:var(--trial-ink);font-family:"SBS Jakarta",system-ui,sans-serif;font-size:var(--text-ui);line-height:1.65;font-synthesis:none;-webkit-font-smoothing:antialiased}
body[data-ui-trial] :where(button,input,select,textarea){font-family:inherit}
body[data-ui-trial] :where(a,button){touch-action:manipulation}
body[data-ui-trial] :where(a,button,[role=button]):focus-visible{outline:3px solid var(--color-info-border);outline-offset:3px}
body[data-ui-trial] [hidden]{display:none!important}
.trial-icon{width:20px;height:20px;flex-shrink:0}
.trial-kicker{display:inline-flex;align-items:center;gap:9px;font-size:var(--text-caption);font-weight:var(--weight-heading);letter-spacing:.12em;text-transform:uppercase;color:var(--trial-muted)}
.trial-brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0;color:var(--trial-ink)}
.trial-brand-mark{display:grid;width:41px;height:41px;place-items:center;border-radius:12px;background:var(--trial-accent);color:var(--color-white);flex-shrink:0}
.trial-brand-mark .trial-icon{width:25px;height:25px}
.trial-brand strong{display:block;font-size:24px;line-height:1.12;font-weight:var(--weight-heading);letter-spacing:-1px}
.trial-brand small{display:block;margin-top:5px;font-size:var(--text-caption);font-weight:500;color:var(--trial-muted);letter-spacing:.02em}
.trial-brand-dot{color:var(--trial-accent)}
.trial-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border:1px solid transparent;border-radius:10px;font-size:var(--text-meta);font-weight:var(--weight-heading);line-height:1.4;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s;cursor:pointer}
.trial-button--primary{background:var(--trial-accent);color:var(--color-white);box-shadow:0 4px 10px color-mix(in srgb,var(--color-brand) 8.24%,transparent)}
.trial-button--primary:hover{background:var(--trial-accent-dark);box-shadow:0 5px 14px color-mix(in srgb,var(--color-brand) 14.51%,transparent)}
.trial-button--outline{background:var(--color-white);color:var(--trial-ink);border-color:var(--trial-line)}
.trial-button--outline:hover{background:var(--color-subtle);border-color:var(--color-brand-border)}
.trial-button .trial-icon{width:17px;height:17px}
.trial-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--trial-accent);font-size:var(--text-meta);font-weight:var(--weight-heading);min-height:44px}
.trial-text-link .trial-icon{width:16px;height:16px}
.trial-icon-button{display:inline-flex;width:40px;height:40px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--trial-line);border-radius:10px;background:var(--color-white);color:var(--trial-muted);cursor:pointer}
.trial-icon-button:hover{color:var(--trial-accent);border-color:var(--color-brand-border);background:var(--color-canvas)}
.trial-local-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--color-border);border-radius:6px;padding:4px 8px;white-space:nowrap;background:var(--color-subtle);color:var(--color-muted);font-size:var(--text-caption);line-height:1.6;font-weight:600}
.trial-local-badge>span,.trial-online-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:100%;background:var(--color-caption)}
.trial-skip{position:fixed;left:16px;top:-100px;z-index:10001;padding:12px 18px;border-radius:10px;background:var(--color-brand);color:var(--color-white)}
.trial-skip:focus{top:16px}
/* One visual language for every inherited business module. */
body[data-ui-trial] .ui-card{border-color:var(--trial-line);border-radius:16px;box-shadow:0 3px 16px color-mix(in srgb,var(--color-text) 1.18%,transparent)}
body[data-ui-trial] .ui-card-header{padding:22px 24px;border-color:var(--trial-line)}
body[data-ui-trial] .ui-btn{min-height:44px;border-radius:10px;font-weight:var(--weight-label);box-shadow:none}
body[data-ui-trial] .ui-btn-primary{background:var(--trial-accent);color:var(--color-white);border-color:var(--trial-accent)}
body[data-ui-trial] .ui-btn-primary:hover{background:var(--trial-accent-dark)}
body[data-ui-trial] .ui-btn-outline{background:var(--color-white);border-color:var(--color-control);color:var(--trial-ink)}
body[data-ui-trial] .ui-btn-ghost{color:var(--trial-accent)}
body[data-ui-trial] .ui-section-title{font-size:var(--text-subtitle);font-weight:var(--weight-heading);letter-spacing:-.025em}
body[data-ui-trial] .ui-eyebrow{font-size:var(--text-caption);color:var(--color-muted);font-weight:var(--weight-label);letter-spacing:.09em}
body[data-ui-trial] .ui-page-heading{border:0;background:transparent;box-shadow:none;padding:0 0 22px;border-radius:0;margin-bottom:8px}
body[data-ui-trial] .ui-page-heading h1{font-size:var(--text-title);font-weight:var(--weight-heading);letter-spacing:-.045em;color:var(--trial-ink)}
body[data-ui-trial] .ui-page-heading p{color:var(--trial-muted);line-height:1.8}
body[data-ui-trial] main :where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){border-radius:10px;border-color:var(--color-control);min-height:44px;box-shadow:none;font-family:inherit}
body[data-ui-trial] main input:focus,body[data-ui-trial] main select:focus,body[data-ui-trial] main textarea:focus{border-color:var(--color-brand);outline:2px solid color-mix(in srgb,var(--color-brand) 18.82%,transparent);outline-offset:1px}
body[data-ui-trial] .ui-table{font-size:var(--text-meta)}
body[data-ui-trial] .ui-table thead{background:var(--color-subtle);color:var(--color-muted)}
body[data-ui-trial] .ui-table th{font-size:var(--text-caption);font-weight:var(--weight-heading);letter-spacing:.06em}
body[data-ui-trial] .ui-table :where(th,td){padding:15px 20px;border-color:var(--color-border)}
body[data-ui-trial] .ui-table tbody tr:hover{background:var(--color-subtle)}
body[data-ui-trial] .ui-badge{font-size:var(--text-caption);line-height:1.5;font-weight:var(--weight-label);border-radius:6px;padding:5px 9px}
body[data-ui-trial] .finance-hero,body[data-ui-trial] .vendor-hero{background:var(--color-text);background-image:none;border-radius:18px}
body[data-ui-trial] .planning-panel{border-color:var(--trial-line);border-radius:16px}
body[data-ui-trial] .planning-metric-featured{background:var(--color-text)}
body[data-ui-trial][data-lumina-variant] .lumina-page-hero{background:var(--color-brand-soft);background-image:none;border:1px solid var(--color-brand-border);color:var(--color-text);box-shadow:none}
body[data-ui-trial][data-lumina-variant] .lumina-page-hero :is(h1,h2,h3){color:var(--color-text)}
body[data-ui-trial][data-lumina-variant] .lumina-page-hero :is(p,.lumina-hero-description){color:var(--color-muted)}
/* Workspace shell. The original navigation behavior and permission checks remain. */
body[data-ui-trial][data-admin-shell] #admin-sidebar{width:260px;border-right:1px solid var(--color-border);background:var(--color-white)!important;color:var(--color-text)!important;box-shadow:none}
body[data-ui-trial][data-admin-shell] #admin-sidebar>div:first-child{height:89px;border-color:var(--color-border);padding:0 24px}
body[data-ui-trial][data-admin-shell] #admin-sidebar .trial-brand{color:var(--color-text)!important}
body[data-ui-trial][data-admin-shell] #admin-sidebar .trial-brand small{color:var(--color-muted)!important}
body[data-ui-trial][data-admin-shell] #admin-sidebar nav{padding:17px 14px}
body[data-ui-trial][data-admin-shell] #admin-sidebar nav section>p{padding:0 12px;color:var(--color-muted)!important;font-size:var(--text-caption);letter-spacing:.13em;font-weight:var(--weight-heading);margin-bottom:8px}
body[data-ui-trial][data-admin-shell] #admin-sidebar nav a{position:relative;min-height:43px;margin-bottom:3px;padding:10px 13px;border:0;border-radius:9px;color:var(--color-muted)!important;background:transparent;box-shadow:none;font-size:var(--text-meta);font-weight:550;gap:12px}
body[data-ui-trial][data-admin-shell] #admin-sidebar nav a:hover{background:var(--color-subtle);color:var(--color-brand-hover)!important}
body[data-ui-trial][data-admin-shell] #admin-sidebar nav a[aria-current=page]{background:var(--color-brand-soft)!important;color:var(--color-brand)!important;font-weight:var(--weight-heading);box-shadow:none}
body[data-ui-trial][data-admin-shell] #admin-sidebar nav a .trial-icon{width:18px;height:18px}
body[data-ui-trial][data-admin-shell] #admin-sidebar nav a[aria-current=page]::after{content:"";position:absolute;right:0;top:13px;width:3px;height:18px;background:var(--color-brand);border-radius:4px}
body[data-ui-trial][data-admin-shell] #admin-sidebar .safe-bottom{background:white!important;border-color:var(--color-border);padding:18px 22px}
body[data-ui-trial][data-admin-shell] #admin-sidebar .safe-bottom a{color:var(--color-text)!important;font-size:var(--text-meta)}
body[data-ui-trial][data-admin-shell] #admin-sidebar .safe-bottom p{color:var(--color-muted)!important;font-size:var(--text-caption)}
body[data-ui-trial][data-admin-shell] #admin-sidebar .safe-bottom button{color:var(--color-muted);background:var(--color-subtle);border:1px solid var(--color-border);font-size:var(--text-caption);border-radius:9px;min-height:40px}
body[data-ui-trial][data-admin-shell] #admin-sidebar-close{color:var(--color-caption)}
.trial-workspace-switcher{padding:17px 19px 0}
.trial-workspace-switcher>label{display:block;font-size:var(--text-caption);font-weight:var(--weight-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin-bottom:8px}
.trial-workspace-select{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-subtle);color:var(--color-brand)}
.trial-workspace-select .trial-icon{width:17px;height:17px}
.trial-workspace-select select{width:100%;min-width:0;border:0;background:transparent;font-size:var(--text-caption);font-weight:var(--weight-heading);color:var(--color-muted);min-height:24px;padding:0;cursor:pointer}
body[data-ui-trial][data-admin-shell] #admin-app-header{height:76px;min-height:76px;background:color-mix(in srgb,var(--color-white) 92.94%,transparent)!important;border-bottom:1px solid var(--color-border);box-shadow:none;padding:0 32px;gap:15px}
body[data-ui-trial][data-admin-shell] #admin-app-header .workspace-header-identity p:first-child{font-size:var(--text-caption);color:var(--color-control);font-weight:var(--weight-label);letter-spacing:.06em}
body[data-ui-trial][data-admin-shell] #admin-app-header .workspace-header-identity p:last-child{font-size:var(--text-ui);letter-spacing:-.02em;color:var(--color-featured)}
body[data-ui-trial][data-admin-shell] #admin-app-header .workspace-header-account button>span:last-child{background:var(--color-brand-soft);color:var(--color-brand);border-radius:10px}
body[data-ui-trial][data-admin-shell] #admin-app-header .workspace-header-account .text-sm{font-size:var(--text-caption)}
body[data-ui-trial][data-admin-shell] #admin-app-header .workspace-header-account .text-xs{font-size:var(--text-caption)}
.trial-menu-search{display:flex;align-items:center;gap:9px;border:1px solid var(--color-border);background:var(--color-subtle);border-radius:9px;padding:9px 11px;color:var(--color-muted);min-width:176px;font-size:var(--text-caption);min-height:38px;cursor:pointer}
.trial-menu-search .trial-icon{width:16px;height:16px}
.trial-menu-search kbd{margin-left:auto;border:1px solid var(--color-border);border-radius:4px;padding:1px 4px;font-family:inherit;font-size:var(--text-caption);background:var(--color-white)}
body[data-ui-trial][data-admin-shell] main#main-content{padding:30px 32px;max-width:1600px;background:var(--trial-canvas)}
.trial-page-intro{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px}
.trial-page-intro h1{font-size:var(--text-metric);letter-spacing:-.045em;line-height:1.3;font-weight:var(--weight-heading);margin:7px 0 9px;color:var(--trial-ink)}
.trial-page-intro p{margin:0;color:var(--trial-muted);font-size:var(--text-meta)}
.trial-intro-actions{display:flex;gap:13px;align-items:center;flex-shrink:0}
.trial-date{display:flex;gap:7px;align-items:center;font-size:var(--text-caption);color:var(--color-caption);white-space:nowrap}
.trial-date .trial-icon{width:15px;height:15px}
.trial-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}
.trial-metric{min-width:0;padding:20px 22px;border:1px solid var(--trial-line);background:var(--color-white);border-radius:14px}
.trial-metric-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--color-muted);font-size:var(--text-caption);font-weight:600}
.trial-metric-icon{display:grid;width:31px;height:31px;place-items:center;background:var(--color-brand-soft);color:var(--color-brand);border-radius:9px;flex-shrink:0}
.trial-metric-icon .trial-icon{width:17px;height:17px}
.trial-metric>strong{display:block;margin:17px 0 9px;font-size:var(--text-metric);line-height:1.25;letter-spacing:-.055em;font-weight:var(--weight-heading);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.trial-metric>strong.small,.trial-metric>strong.trial-metric-money{font-size:var(--text-title)}
.trial-metric>strong small{font-size:var(--text-caption);letter-spacing:0;margin-left:7px;color:var(--color-muted);font-weight:500}
.trial-metric footer{font-size:var(--text-caption);color:var(--color-muted)}
.trial-metric--featured{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-white);box-shadow:0 9px 23px color-mix(in srgb,var(--color-brand) 10.2%,transparent)}
.trial-metric--featured .trial-metric-label,.trial-metric--featured footer{color:var(--color-border)}
.trial-metric--featured .trial-metric-icon{background:color-mix(in srgb,var(--color-white) 12.55%,transparent);color:var(--color-white)}
.trial-metric--featured>strong{color:var(--color-white)}
.trial-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:23px}
.trial-dashboard-primary,.trial-dashboard-secondary{display:flex;flex-direction:column;gap:22px;min-width:0}
.trial-panel{background:var(--color-white);border:1px solid var(--trial-line);border-radius:15px;min-width:0;box-shadow:0 3px 14px color-mix(in srgb,var(--color-text) 0.78%,transparent)}
.trial-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px}
.trial-panel-head h2{font-size:var(--text-body);font-weight:var(--weight-heading);letter-spacing:-.025em;color:var(--trial-ink);margin:0}
.trial-panel-head p{color:var(--color-muted);font-size:var(--text-caption);margin:5px 0 0}
.trial-soft-badge{padding:5px 9px;border-radius:6px;background:var(--color-brand-soft);color:var(--color-caption);font-size:var(--text-caption);font-weight:600;white-space:nowrap}
.trial-progress-content{display:flex;gap:38px;padding:6px 24px 28px;align-items:center}
.trial-progress-number{flex-shrink:0}
.trial-progress-number strong{font-size:48px;letter-spacing:-.065em;line-height:1.3;color:var(--color-brand-hover);font-weight:var(--weight-heading)}
.trial-progress-number strong span{font-size:var(--text-section);margin-left:3px;font-weight:500}
.trial-progress-number p{font-size:var(--text-caption);color:var(--color-caption);margin:3px 0 0}
.trial-progress-detail{flex:1;min-width:0}
.trial-progress-label{display:flex;justify-content:space-between;font-size:var(--text-caption);margin-bottom:9px}
.trial-progress-label span{color:var(--color-muted)}
.trial-progress-label strong{color:var(--color-brand-hover);font-weight:600}
.trial-progress-track{height:10px;border-radius:9px;background:var(--color-brand-soft);overflow:hidden}
.trial-progress-track>span{display:block;min-width:2px;height:100%;background:var(--color-brand);border-radius:9px}
.trial-progress-scale{display:flex;justify-content:space-between;color:var(--color-caption);font-size:var(--text-caption);margin-top:7px}
.trial-progress-detail>p{font-size:var(--text-caption);color:var(--color-muted);margin:14px 0 0}
.trial-table-scroll{overflow-x:auto;scrollbar-width:thin;border-radius:0 0 15px 15px}
.trial-project-table table{width:100%}
.trial-project-table .ui-table :where(th,td){padding:14px 23px}
.trial-project-table .ui-table th{font-size:var(--text-caption);text-transform:none;font-weight:600;letter-spacing:0}
.trial-project-table td{font-size:var(--text-caption);color:var(--color-muted)}
.trial-project-name{display:flex;align-items:center;gap:11px;min-width:200px}
.trial-project-monogram{display:grid;width:34px;height:34px;flex-shrink:0;border-radius:9px;background:var(--color-brand-soft);color:var(--color-control);font-size:var(--text-ui);font-weight:var(--weight-label)}
.trial-project-name strong{display:block;white-space:normal;font-size:var(--text-caption);line-height:1.5;color:var(--color-featured);font-weight:600;max-width:235px}
.trial-project-name small{display:block;font-size:var(--text-caption);color:var(--color-muted);margin-top:3px}
.trial-project-table .trial-icon-button{border:0;background:transparent;width:28px;height:32px}
.trial-project-table .trial-icon-button svg{width:16px}
.trial-cash-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 23px;border-top:1px solid var(--color-canvas);font-size:var(--text-caption)}
.trial-cash-row>span{display:flex;align-items:center;gap:8px;color:var(--color-muted)}
.trial-cash-row strong{font-size:var(--text-caption);font-weight:var(--weight-label);color:var(--color-featured);font-variant-numeric:tabular-nums}
.trial-dot{width:7px;height:7px;border-radius:100%;flex-shrink:0}
.trial-dot--green{background:var(--color-caption)}.trial-dot--orange{background:var(--color-danger-border)}
.trial-finance-link{display:flex;justify-content:space-between;align-items:center;margin:7px 22px 18px;padding:10px 12px;background:var(--color-subtle);border-radius:9px;font-size:var(--text-caption);font-weight:var(--weight-label);color:var(--color-brand);min-height:42px}
.trial-finance-link .trial-icon{width:16px}
.trial-receivable{padding:23px;background:var(--color-brand-soft);border-color:var(--color-border)}
.trial-receivable .trial-kicker{font-size:var(--text-caption);color:var(--color-control)}
.trial-receivable h2{font-size:var(--text-ui);margin:10px 0;font-weight:600}
.trial-receivable>strong{display:block;font-size:var(--text-title);color:var(--color-brand-pressed);font-weight:var(--weight-heading);letter-spacing:-.04em}
.trial-receivable>p{font-size:var(--text-caption);color:var(--color-muted);margin:6px 0 0}
.trial-receivable .trial-text-link{margin-top:8px;font-size:var(--text-caption)}
.trial-dashboard-alerts .ui-card-header{padding:19px 20px}
.trial-dashboard-alerts .ui-section-title{font-size:var(--text-ui)}
.trial-dashboard-alerts .ui-card-header p{font-size:var(--text-caption)}
.trial-dashboard-alerts .ui-btn-ghost{font-size:var(--text-caption);padding:3px;white-space:normal;text-align:right}
.trial-dashboard-alerts .text-2xl{font-size:var(--text-section)}.trial-dashboard-alerts .text-xs{font-size:var(--text-caption)}
.trial-attention{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 20px;border:1px solid var(--color-featured-muted);background:var(--color-warning-soft);color:var(--color-warning);border-radius:11px;margin-bottom:23px;font-size:var(--text-caption)}
.trial-attention>span{display:flex;align-items:center;gap:10px}
.trial-attention .trial-icon{width:17px}
.trial-page-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:27px;padding-top:19px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--text-caption)}
.trial-page-footer>span:first-child{display:flex;gap:7px;align-items:center}
.trial-empty{padding:35px;text-align:center;color:var(--color-control);font-size:var(--text-meta)}.trial-empty strong{display:block;color:var(--color-featured)}
/* Developer overview, planning and ongoing retain their real business routes. */
.trial-development-flow{margin-bottom:29px}
.trial-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 24px 24px}
.trial-flow-grid>a{position:relative;display:block;padding:16px 19px;border-left:1px solid var(--color-border)}
.trial-flow-grid>a:first-child{border:0;padding-left:0}
.trial-flow-number{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--color-brand-soft);color:var(--color-brand);font-size:var(--text-caption);font-weight:var(--weight-heading)}
.trial-flow-grid h3{font-size:var(--text-meta);font-weight:var(--weight-heading);margin:14px 0 7px}
.trial-flow-grid p{color:var(--color-muted);font-size:var(--text-caption);line-height:1.8;margin:0}
.trial-flow-arrow{display:block;margin-top:16px;color:var(--color-control)}
.trial-flow-arrow .trial-icon{width:17px}
.trial-flow-grid>a:hover h3{color:var(--color-brand)}
.trial-section-heading{margin:30px 0 17px}.trial-section-heading h2{font-size:var(--text-section);font-weight:var(--weight-heading);letter-spacing:-.03em;margin:5px 0 0}
.trial-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.trial-module-card{display:flex;gap:14px;padding:24px;align-items:flex-start;transition:border-color .2s}
.trial-module-card:hover{border-color:var(--color-brand-border)}
.trial-module-icon{display:grid;width:36px;height:36px;place-items:center;background:var(--color-brand-soft);color:var(--color-brand);border-radius:10px;flex-shrink:0}
.trial-module-card h3{margin:0;font-size:var(--text-ui);font-weight:var(--weight-heading)}
.trial-module-card p{font-size:var(--text-caption);line-height:1.8;color:var(--color-muted);margin:7px 0 0}
.trial-module-arrow{margin-left:auto;color:var(--color-muted)}.trial-module-arrow .trial-icon{width:15px}
/* Login. */
.trial-login{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}
.trial-login-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:43px 56px 25px;background:var(--color-brand-soft);min-width:0}
.trial-login-story .trial-brand-mark{width:46px;height:46px}
.trial-login-copy{margin:45px 0 34px;max-width:480px}
.trial-login-copy .trial-kicker{color:var(--color-control);font-size:var(--text-caption)}
.trial-login-copy h1{font-size:clamp(33px,3.7vw,55px);line-height:1.18;font-weight:var(--weight-heading);letter-spacing:-.065em;margin:15px 0 20px;color:var(--color-featured)}
.trial-login-copy h1 span{color:var(--color-brand)}
.trial-login-copy p{font-size:var(--text-meta);line-height:1.95;color:var(--color-muted);max-width:390px;margin:0}
.trial-login-visual{position:relative;width:100%;max-width:570px;min-width:0;aspect-ratio:1.9;border-radius:17px;isolation:isolate}
.trial-login-visual>img{width:100%;height:100%;object-fit:cover;border-radius:17px;filter:saturate(.65)}
.trial-login-photo-label{position:absolute;bottom:18px;left:19px;display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:7px;background:color-mix(in srgb,var(--color-white) 93.73%,transparent);color:var(--color-muted);font-size:var(--text-caption);z-index:1}
.trial-login-float{position:absolute;right:-19px;top:-18px;display:flex;gap:10px;align-items:center;border-radius:11px;background:var(--color-white);padding:14px 17px;border:1px solid var(--color-border);box-shadow:0 10px 35px color-mix(in srgb,var(--color-muted) 6.27%,transparent)}
.trial-login-float>svg{display:block;padding:6px;width:32px;height:32px;background:var(--color-success-soft);color:var(--color-caption);border-radius:8px}
.trial-login-float strong,.trial-login-float small{display:block}.trial-login-float strong{font-size:var(--text-caption);font-weight:var(--weight-label);color:var(--color-muted)}.trial-login-float small{font-size:var(--text-caption);color:var(--color-control);margin-top:4px}
.trial-login-story>footer{margin-top:28px;font-size:var(--text-caption);color:var(--color-muted)}
.trial-login-form-panel{display:flex;flex-direction:column;justify-content:space-between;background:var(--color-white);min-width:0;padding:40px 48px 25px}
.trial-login-top{display:flex;justify-content:space-between;align-items:center;gap:15px}
.trial-login-top>a{font-size:var(--text-caption);color:var(--color-muted);min-height:40px;display:flex;align-items:center}
.trial-login-form{width:100%;max-width:358px;margin:48px auto}
.trial-login-form>.trial-kicker{font-size:var(--text-caption);color:var(--color-muted)}
.trial-login-form h2{font-size:var(--text-metric);line-height:1.35;margin:13px 0 8px;font-weight:var(--weight-heading);letter-spacing:-.05em;color:var(--color-featured)}
.trial-login-form>p{color:var(--color-muted);font-size:var(--text-caption);margin:0 0 30px}
.trial-field{margin:0 0 21px}
.trial-field>label{display:block;color:var(--color-muted);font-size:var(--text-caption);font-weight:var(--weight-label);margin-bottom:8px}
.trial-field input{display:block;width:100%;min-height:48px;padding:13px 14px;border:1px solid var(--color-border);background:var(--color-white);border-radius:9px;font-size:var(--text-caption);outline:none;color:var(--color-muted)}
.trial-field input::placeholder{color:var(--color-caption)}
.trial-field input:focus{border-color:var(--color-control);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-brand) 4.31%,transparent)}
.trial-password{position:relative}
.trial-password input{padding-right:48px}
.trial-password>button{position:absolute;right:2px;top:2px;width:44px;height:44px;display:grid;place-items:center;color:var(--color-muted);border:0;background:transparent;border-radius:8px;cursor:pointer}
.trial-password .trial-icon{width:17px;height:17px}
.trial-login-submit{width:100%;min-height:48px;margin-top:5px;font-size:var(--text-caption);justify-content:center}
.trial-demo-card{display:flex;align-items:flex-start;gap:12px;padding:17px;margin-top:28px;background:var(--color-subtle);border:1px solid var(--color-brand-soft);border-radius:11px}
.trial-demo-icon{width:29px;height:29px;display:grid;place-items:center;background:var(--color-brand-soft);border-radius:8px;color:var(--color-control);flex-shrink:0}
.trial-demo-icon .trial-icon{width:17px;height:17px}
.trial-demo-card strong{display:block;font-size:var(--text-caption);font-weight:var(--weight-label);color:var(--color-caption)}
.trial-demo-card p{font-size:var(--text-caption);color:var(--color-muted);margin:4px 0 7px;line-height:1.6}
.trial-demo-card button{display:inline-flex;gap:6px;align-items:center;padding:0;border:0;min-height:30px;background:transparent;color:var(--color-control);font-size:var(--text-caption);font-weight:var(--weight-label);cursor:pointer}
.trial-demo-card button .trial-icon{width:13px;height:13px}
.trial-login-form .trial-login-fine{font-size:var(--text-caption);text-align:center;color:var(--color-muted);margin:19px 0 0}
.trial-login-form-panel>footer{font-size:var(--text-caption);color:var(--color-muted);text-align:center}
/* Command menu. Native dialog supplies keyboard focus trapping and Escape. */
.trial-command{width:min(540px,calc(100vw - 32px));max-height:80dvh;border:1px solid var(--color-border);border-radius:18px;padding:0;color:var(--trial-ink);background:var(--color-white);box-shadow:0 35px 120px color-mix(in srgb,var(--color-text) 20.78%,transparent);margin:14vh auto auto}
.trial-command::backdrop{background:color-mix(in srgb,var(--color-text) 33.33%,transparent);backdrop-filter:blur(3px)}
.trial-command-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:23px 24px}
.trial-command-head h2{font-size:var(--text-subtitle);letter-spacing:-.04em;font-weight:var(--weight-heading);margin:5px 0 0}
.trial-command-input{display:flex;align-items:center;gap:10px;margin:0 24px 18px;background:var(--color-subtle);border:1px solid var(--color-border);border-radius:10px;padding:11px 13px;color:var(--color-muted)}
.trial-command-input input{width:100%;border:0;outline:0;background:transparent;font-size:var(--text-meta);min-height:24px;color:var(--color-muted)}
.trial-command-results{max-height:40vh;overflow-y:auto;padding:0 13px 13px}
.trial-command-results>a{display:flex;align-items:center;gap:12px;border-radius:9px;min-height:45px;padding:10px 14px;font-size:var(--text-meta);color:var(--color-caption)}
.trial-command-results>a:hover,.trial-command-results>a:focus{background:var(--color-brand-soft);color:var(--color-brand)}
.trial-command footer{padding:12px 24px;background:var(--color-subtle);border-top:1px solid var(--color-brand-soft);font-size:var(--text-caption);color:var(--color-muted);display:flex;gap:6px;align-items:center}
.trial-command footer kbd{margin-left:auto;border:1px solid var(--color-border);border-radius:4px;padding:2px 5px;font-family:inherit;font-size:var(--text-caption)}
.trial-command-empty{padding:15px 24px 25px;font-size:var(--text-meta);color:var(--color-control)}
/* Customer portal. */
body[data-ui-trial].customer-portal{--customer-canvas:var(--color-canvas);--customer-ink:var(--color-text);--customer-muted:var(--color-caption);--customer-line:var(--color-border);--customer-accent:var(--color-brand);--customer-accent-text:var(--color-brand);--customer-accent-soft:var(--color-brand-soft);--customer-accent-border:var(--color-border);--customer-shadow:0 3px 15px color-mix(in srgb,var(--color-text) 1.18%,transparent)}
body[data-ui-trial] .customer-sidebar{background:var(--color-white);background-image:none;border-right:1px solid var(--color-border);color:var(--color-featured)}
body[data-ui-trial] .customer-brand-mark{background:var(--color-brand);border-radius:12px;color:var(--color-white)}
body[data-ui-trial] .customer-navigation{padding-top:7px}
body[data-ui-trial] .customer-nav-link{border-radius:10px;color:var(--color-caption);font-size:var(--text-meta)}
body[data-ui-trial] .customer-nav-link[aria-current=page]{background:var(--color-brand-soft);color:var(--color-brand)}
body[data-ui-trial] .customer-account{background:var(--color-subtle);border-color:var(--color-border);color:var(--color-featured)}
body[data-ui-trial] .customer-logout{color:var(--color-caption);border-color:var(--color-border)}
body[data-ui-trial] .customer-topbar{background:var(--color-white);box-shadow:none}
body[data-ui-trial] .customer-content{background:var(--color-canvas);background-image:none}
body[data-ui-trial] .customer-card,body[data-ui-trial] .customer-summary-card{border-radius:15px;border-color:var(--color-border);box-shadow:none}
/* Public website. Content and claims continue to come from the copied CMS. */
body[data-ui-trial=public]{background:var(--color-white)}
.trial-public-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--color-white) 92.94%,transparent);border-bottom:1px solid var(--color-brand-soft);backdrop-filter:blur(12px)}
.trial-public-nav-inner{max-width:1320px;margin:auto;padding:21px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.trial-public-nav{display:flex;gap:30px;align-items:center;font-size:var(--text-caption);color:var(--color-caption);font-weight:550}
.trial-public-nav a:hover{color:var(--color-brand)}
.trial-public-nav-actions{display:flex;align-items:center;gap:8px}
.trial-public-nav-actions .trial-button{font-size:var(--text-caption);min-height:40px;padding:9px 13px}
.trial-public-menu{display:none}
.trial-public-mobile-nav{padding:10px 24px 20px;border-top:1px solid var(--color-brand-soft)}
.trial-public-mobile-nav a{display:block;padding:12px;font-size:var(--text-meta)}
.trial-public-hero{display:grid;grid-template-columns:1.02fr 1fr;gap:65px;align-items:center;max-width:1320px;margin:auto;padding:72px 48px 64px}
.trial-public-hero-copy h1{font-size:clamp(36px,3.6vw,58px);font-weight:var(--weight-heading);letter-spacing:-.06em;line-height:1.18;margin:20px 0 24px;color:var(--color-featured);max-width:560px}
.trial-public-hero-copy>p{font-size:var(--text-ui);line-height:1.95;color:var(--color-control);max-width:445px}
.trial-public-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}
.trial-public-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:31px;color:var(--color-muted);font-size:var(--text-caption)}
.trial-public-proof>span{display:flex;align-items:center;gap:6px}
.trial-public-proof .trial-icon{width:14px;height:14px;color:var(--color-brand)}
.trial-public-hero-photo{position:relative;aspect-ratio:1.03;border-radius:25px 25px 85px 25px;background:var(--color-brand-soft)}
.trial-public-hero-photo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;filter:saturate(.78)}
.trial-public-photo-caption{position:absolute;left:-25px;bottom:29px;padding:19px 25px;background:var(--color-white);border:1px solid var(--color-border);box-shadow:0 10px 35px color-mix(in srgb,var(--color-text) 5.1%,transparent);border-radius:12px}
.trial-public-photo-caption span,.trial-public-photo-caption strong{display:block}
.trial-public-photo-caption span{font-size:var(--text-caption);color:var(--color-muted)}
.trial-public-photo-caption strong{font-size:var(--text-subtitle);letter-spacing:-.025em;color:var(--color-featured);margin-top:6px;font-weight:var(--weight-heading)}
.trial-public-photo-number{position:absolute;right:25px;top:24px;color:var(--color-white);font-size:var(--text-caption);letter-spacing:.15em;background:color-mix(in srgb,var(--color-text) 43.92%,transparent);padding:7px 9px;border-radius:6px}
.trial-public-services-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:35px;padding:28px 30px;border-top:1px solid var(--color-brand-soft);border-bottom:1px solid var(--color-brand-soft);background:var(--color-white);color:var(--color-muted);font-size:var(--text-caption);font-weight:var(--weight-label);letter-spacing:-.01em}
.trial-public-services-strip i{width:4px;height:4px;border-radius:50%;background:var(--color-featured-muted)}
body[data-ui-trial=public] #about{padding-top:84px;padding-bottom:84px}
body[data-ui-trial=public] #about h2{text-transform:none;font-size:35px;letter-spacing:-.055em;font-weight:var(--weight-heading)}
body[data-ui-trial=public] #about img{border-radius:20px;filter:saturate(.8)}
body[data-ui-trial=public] #services{background:var(--color-subtle)}
body[data-ui-trial=public] #services>div{padding-top:75px;padding-bottom:75px}
body[data-ui-trial=public] #services h2{font-size:var(--text-metric);letter-spacing:-.05em;font-weight:var(--weight-heading)}
body[data-ui-trial=public] #services article{border-color:var(--color-brand-soft);box-shadow:none;border-radius:16px;overflow:hidden;padding:0;transform:none}
body[data-ui-trial=public] #services article:hover{border-color:var(--color-brand-border);transform:none}
.trial-service-image{width:100%;height:175px;object-fit:cover;filter:saturate(.8)}
.trial-service-info{padding:22px}
body[data-ui-trial=public] #services article .trial-service-number{font-size:var(--text-caption);letter-spacing:.1em;color:var(--color-control);background:var(--color-brand-soft);width:30px;height:30px;border-radius:7px;display:grid;place-items:center}
body[data-ui-trial=public] #services article h3{font-size:var(--text-subtitle);letter-spacing:-.03em;margin-top:17px}
body[data-ui-trial=public] #services article p{font-size:var(--text-meta);line-height:1.9;color:var(--color-muted)}
body[data-ui-trial=public] #advantages{background:var(--color-subtle)}
body[data-ui-trial=public] #contact{background:var(--color-canvas)}
body[data-ui-trial=public] #contact h2{font-size:var(--text-metric);letter-spacing:-.05em}
body[data-ui-trial=public] #contact .bg-white{border-color:var(--color-border);border-radius:14px;box-shadow:none}
body[data-ui-trial=public] main>footer{background:var(--color-featured)}
body[data-ui-trial=public] main>section:not(#hero) :is(h2,h3){letter-spacing:-.035em}
@media(min-width:1024px){.trial-admin-main{left:var(--sidebar-width)!important}}
@media(min-width:1700px){.trial-login-story{padding-left:85px;padding-right:85px}.trial-login-form{max-width:400px}.trial-login-form h2{font-size:var(--text-metric)}.trial-metric>strong.trial-metric-money{font-size:var(--text-metric)}}
@media(max-width:1250px){.trial-date{display:none}.trial-dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.trial-metric{padding:17px}.trial-metric>strong.trial-metric-money{font-size:var(--text-section)}.trial-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trial-login-story{padding-left:36px;padding-right:36px}.trial-login-form-panel{padding-left:35px;padding-right:35px}.trial-public-hero{gap:40px}.trial-public-nav{gap:20px}}
@media(max-width:1023px){body[data-ui-trial][data-admin-shell] #admin-sidebar{width:min(280px,calc(100vw - 32px));box-shadow:5px 0 30px color-mix(in srgb,var(--color-text) 8.24%,transparent)}body[data-ui-trial][data-admin-shell] main#main-content{padding:24px}body[data-ui-trial][data-admin-shell] #admin-app-header{height:68px;min-height:68px;padding:0 24px}.trial-menu-search{min-width:145px}.trial-local-badge{display:none}.trial-page-intro h1{font-size:var(--text-title)}.trial-metrics{gap:14px}.trial-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trial-flow-grid>a{border:0;background:var(--color-subtle);border-radius:10px;padding:15px!important}.trial-public-nav-inner{padding:18px 30px}.trial-public-nav{display:none}.trial-public-menu{display:flex}.trial-public-hero{padding:45px 30px;gap:35px}.trial-login-copy h1{font-size:38px}}
@media(max-width:767px){.trial-login{grid-template-columns:1fr}.trial-login-story{padding:25px 25px 32px;min-height:0}.trial-login-story .trial-brand strong{font-size:var(--text-section)}.trial-login-copy{margin:29px 0 0}.trial-login-copy h1{font-size:var(--text-metric);margin-bottom:14px}.trial-login-copy p{max-width:430px;font-size:var(--text-caption)}.trial-login-visual,.trial-login-story>footer{display:none}.trial-login-form-panel{padding:22px 25px 26px}.trial-login-form{margin:34px auto 27px;max-width:480px}.trial-login-form h2{font-size:var(--text-title)}.trial-login-top .trial-local-badge{display:inline-flex}.trial-field>label,.trial-login-submit{font-size:var(--text-meta)}.trial-field input{font-size:var(--text-body)}.trial-demo-card strong{font-size:var(--text-caption)}.trial-demo-card p,.trial-demo-card button{font-size:var(--text-caption)}.trial-demo-card button{min-height:35px}.trial-login-fine{font-size:var(--text-caption)!important}.trial-login-copy .trial-kicker{font-size:var(--text-caption)}.trial-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.trial-metric>strong{font-size:var(--text-metric)}.trial-metric>strong.trial-metric-money{font-size:var(--text-title)}.trial-metric-label{font-size:var(--text-caption)}.trial-metric footer{font-size:var(--text-caption)}.trial-dashboard-grid{grid-template-columns:1fr}.trial-dashboard-secondary{display:grid;grid-template-columns:1fr 1fr;align-items:start}.trial-dashboard-alerts{grid-column:1/-1}.trial-page-intro{align-items:flex-start}.trial-intro-actions .trial-button{font-size:var(--text-caption);padding:10px 12px}.trial-page-intro h1{font-size:var(--text-title)}.trial-page-intro p{font-size:var(--text-caption)}.trial-menu-search{min-width:0;width:35px;height:35px;padding:9px;border:0;background:transparent}.trial-menu-search>span,.trial-menu-search kbd{display:none}.trial-progress-number strong{font-size:43px}.trial-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trial-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trial-module-card{padding:17px;gap:10px}.trial-module-arrow{display:none}.trial-attention{align-items:flex-start;font-size:var(--text-caption)}.trial-attention>span:last-child{display:none}.trial-public-hero{grid-template-columns:1fr;padding:36px 25px 47px;gap:35px}.trial-public-hero-copy h1{font-size:40px;max-width:550px}.trial-public-hero-photo{aspect-ratio:1.6;border-radius:20px 20px 60px 20px;margin-left:15px}.trial-public-photo-caption{left:-15px;padding:14px 18px;bottom:20px}.trial-public-services-strip{gap:14px;font-size:var(--text-caption);padding:22px}.trial-public-services-strip i{display:none}.trial-public-nav-inner{padding:18px 25px}.trial-public-nav-actions .trial-button{font-size:var(--text-caption);padding:8px 10px}.trial-public-nav-inner .trial-brand small{max-width:110px;font-size:var(--text-caption)}.trial-public-nav-inner .trial-brand strong{font-size:var(--text-section)}.trial-public-nav-inner .trial-brand-mark{width:34px;height:34px}.trial-public-proof{font-size:var(--text-caption);gap:15px}body[data-ui-trial=public] #about{padding-top:50px;padding-bottom:50px}body[data-ui-trial=public] #services>div{padding-top:50px;padding-bottom:50px}body[data-ui-trial=public] #about h2,body[data-ui-trial=public] #services h2,body[data-ui-trial=public] #contact h2{font-size:var(--text-title)}body[data-ui-trial] main :where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:var(--text-body)}}
@media(max-width:479px){body[data-ui-trial][data-admin-shell] main#main-content{padding:21px 16px}body[data-ui-trial][data-admin-shell] #admin-app-header{padding:0 15px}.trial-page-intro{display:block;margin-bottom:22px}.trial-page-intro h1{font-size:var(--text-title)}.trial-intro-actions{margin-top:16px}.trial-metric{padding:15px}.trial-metric>strong.trial-metric-money{font-size:var(--text-section)}.trial-metric-icon{width:27px;height:27px}.trial-metric-label{font-size:var(--text-caption)}.trial-metric footer{font-size:var(--text-caption)}.trial-panel-head{padding:18px}.trial-panel-head h2{font-size:var(--text-ui)}.trial-progress-content{padding:0 18px 23px;gap:22px}.trial-progress-number strong{font-size:35px}.trial-progress-number p{font-size:var(--text-caption)}.trial-dashboard-secondary{display:flex}.trial-project-table .ui-table :where(th,td){padding:12px 17px}.trial-project-name{min-width:190px}.trial-page-footer{align-items:flex-start;font-size:var(--text-caption)}.trial-page-footer>span:last-child{max-width:135px;text-align:right}.trial-module-grid{grid-template-columns:1fr}.trial-public-hero-copy h1{font-size:35px}.trial-public-hero-copy>p{font-size:var(--text-meta)}.trial-public-nav-inner{padding:16px 18px;gap:12px}.trial-public-nav-actions .trial-button .trial-icon{display:none}.trial-public-nav-actions .trial-button{font-size:var(--text-caption)}.trial-public-nav-inner .trial-brand{gap:8px}.trial-public-nav-inner .trial-brand small{font-size:var(--text-caption)}.trial-public-hero-photo{aspect-ratio:1.35}.trial-public-photo-caption strong{font-size:var(--text-ui)}}
@media(prefers-reduced-motion:reduce){body[data-ui-trial] *,body[data-ui-trial] *::before,body[data-ui-trial] *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.trial-menu-search,.trial-local-badge,.trial-workspace-switcher,.trial-command,.trial-page-footer{display:none!important}body[data-ui-trial]{background:var(--color-white)}.trial-panel,.trial-metric{box-shadow:none}}
/* Readable type scale for operational work. */
body[data-ui-trial][data-admin-shell] #admin-sidebar nav a{font-size:var(--text-ui)}
body[data-ui-trial][data-admin-shell] #admin-sidebar nav section>p{font-size:var(--text-caption)}
.trial-workspace-select select{font-size:var(--text-meta)}.trial-workspace-switcher>label{font-size:var(--text-caption)}
.trial-metric-label{font-size:var(--text-meta)}.trial-metric footer{font-size:var(--text-caption);line-height:1.65}.trial-metric>strong{font-size:var(--text-metric)}.trial-metric>strong small{font-size:var(--text-meta)}
.trial-page-intro h1{font-size:var(--text-metric)}.trial-page-intro p{font-size:var(--text-ui)}.trial-kicker{font-size:var(--text-caption)}.trial-date{font-size:var(--text-meta)}
.trial-panel-head h2{font-size:var(--text-subtitle)}.trial-panel-head p{font-size:var(--text-meta)}.trial-soft-badge{font-size:var(--text-caption)}
.trial-progress-number p,.trial-progress-detail>p,.trial-progress-label{font-size:var(--text-caption)}.trial-progress-scale{font-size:var(--text-caption)}
.trial-project-table td{font-size:var(--text-meta)}.trial-project-table .ui-table th{font-size:var(--text-caption)}.trial-project-name strong{font-size:var(--text-ui)}.trial-project-name small{font-size:var(--text-caption)}
.trial-cash-row{font-size:var(--text-meta)}.trial-cash-row strong{font-size:var(--text-ui)}.trial-finance-link{font-size:var(--text-meta)}.trial-receivable .trial-kicker{font-size:var(--text-caption)}.trial-receivable h2{font-size:var(--text-body)}.trial-receivable>p,.trial-receivable .trial-text-link{font-size:var(--text-meta)}
.trial-dashboard-alerts .ui-section-title{font-size:var(--text-body)}.trial-dashboard-alerts .ui-card-header p,.trial-dashboard-alerts .text-xs{font-size:var(--text-caption)}.trial-dashboard-alerts .ui-btn-ghost{font-size:var(--text-caption)}.trial-attention{font-size:var(--text-meta)}.trial-page-footer{font-size:var(--text-caption)}
.trial-flow-grid h3{font-size:var(--text-ui)}.trial-flow-grid p{font-size:var(--text-meta)}.trial-module-card h3{font-size:var(--text-body)}.trial-module-card p{font-size:var(--text-meta)}.trial-menu-search{font-size:var(--text-meta)}.trial-menu-search kbd{font-size:var(--text-caption)}
.trial-login-copy p{font-size:var(--text-ui)}.trial-login-form h2{font-size:var(--text-metric)}.trial-login-form>p{font-size:var(--text-ui)}.trial-field>label{font-size:var(--text-ui)}.trial-field input{font-size:var(--text-ui)}.trial-login-submit{font-size:var(--text-ui)}.trial-demo-card strong{font-size:var(--text-meta)}.trial-demo-card p,.trial-demo-card button{font-size:var(--text-caption)}.trial-login-form .trial-login-fine{font-size:var(--text-caption)}.trial-login-top>a{font-size:var(--text-meta)}.trial-login-form-panel>footer,.trial-login-story>footer{font-size:var(--text-caption)}
.trial-public-nav{font-size:var(--text-ui)}.trial-public-nav-actions .trial-button{font-size:var(--text-meta)}.trial-public-hero-copy>p{font-size:var(--text-body)}.trial-public-proof{font-size:var(--text-caption)}.trial-public-services-strip{font-size:var(--text-ui)}.trial-public-photo-caption span{font-size:var(--text-caption)}
@media(max-width:767px){.trial-field input{font-size:var(--text-body)}.trial-page-intro h1{font-size:var(--text-title)}.trial-metric>strong.trial-metric-money{font-size:var(--text-title)}.trial-metric-label{font-size:var(--text-caption)}.trial-public-nav-actions .trial-button{font-size:var(--text-caption)}.trial-public-services-strip{font-size:var(--text-caption)}}
@media(max-width:479px){.trial-page-intro h1{font-size:var(--text-title)}.trial-metric-label{font-size:var(--text-caption)}.trial-metric footer{font-size:var(--text-caption)}.trial-metric>strong.trial-metric-money{font-size:var(--text-section)}.trial-page-footer{font-size:var(--text-caption)}.trial-public-nav-actions .trial-button{font-size:var(--text-caption)}}
/* Adapter for the inherited module selectors with stronger cascade specificity. */
body[data-ui-trial] #main-content .ui-page-heading{background:transparent;background-image:none;border:0;border-radius:0;box-shadow:none;padding:0 0 22px;overflow:visible}
body[data-ui-trial] #main-content .ui-page-heading::before{display:none}
body[data-ui-trial] #main-content .ui-page-heading h1{color:var(--trial-ink);font-size:var(--text-title);font-weight:var(--weight-heading);line-height:1.35;letter-spacing:-.04em}
body[data-ui-trial] #main-content .ui-page-heading p:not(.ui-eyebrow){color:var(--trial-muted);font-size:var(--text-ui);line-height:1.8}
body[data-ui-trial] #main-content .ui-page-heading .ui-eyebrow{color:var(--trial-muted)}
body[data-ui-trial] #main-content .ui-btn-primary{background:var(--trial-accent);border-color:var(--trial-accent);color:var(--color-white);box-shadow:none}
body[data-ui-trial] #main-content .ui-btn-primary:hover{background:var(--trial-accent-dark);border-color:var(--trial-accent-dark)}
body[data-ui-trial] #main-content .ui-btn-outline{background:var(--color-white);border-color:var(--color-border);color:var(--color-caption);box-shadow:none}
body[data-ui-trial] #main-content .ui-btn-outline:hover{background:var(--color-canvas);border-color:var(--color-brand-border)}
body[data-ui-trial] #main-content .ui-stats-panel{border:1px solid var(--trial-line);border-radius:12px;box-shadow:none;overflow:hidden;background:var(--color-white)}
body[data-ui-trial] #main-content .ui-stats-panel>summary{background:var(--color-brand-soft);background-image:none;color:var(--color-caption);min-height:48px;font-weight:var(--weight-label);font-size:var(--text-meta)}
body[data-ui-trial] #main-content .ui-stats-panel__toggle{background:var(--color-white);border:1px solid var(--color-border);color:var(--color-brand)}
body[data-ui-trial] #main-content .ui-stat-card{background:var(--color-white);background-image:none;border-color:var(--trial-line);box-shadow:none;border-radius:14px;color:var(--trial-ink)}
body[data-ui-trial] #main-content .ui-stat-card__label{color:var(--color-caption);font-size:var(--text-caption);font-weight:600}
body[data-ui-trial] #main-content .ui-stat-card__value{color:var(--color-muted);font-size:var(--text-title);letter-spacing:-.04em;font-weight:var(--weight-heading)}
body[data-ui-trial] #main-content .ui-stat-card__description{color:var(--color-control);font-size:var(--text-caption)}
body[data-ui-trial] #main-content .construction-project-table thead{background:var(--color-subtle);background-image:none;border-bottom:1px solid var(--color-border)}
body[data-ui-trial] #main-content .construction-project-table thead th{color:var(--color-caption);border-color:var(--color-brand-soft);font-size:var(--text-caption);font-weight:var(--weight-label)}
body[data-ui-trial] #main-content .construction-project-table tbody tr:nth-child(even){background:var(--color-white)}
body[data-ui-trial] #main-content .construction-project-table td{font-size:var(--text-meta);padding:20px 15px}
body[data-ui-trial] #main-content .construction-project-mobile-list{background:var(--color-subtle);padding:12px;gap:10px}
body[data-ui-trial] #main-content .construction-project-mobile-card{border:1px solid var(--color-border);border-radius:12px;box-shadow:none;padding:15px;background:var(--color-white)}
body[data-ui-trial] #main-content .construction-project-mobile-card:hover{border-color:var(--color-brand-border)}
body[data-ui-trial] #main-content .construction-project-mobile-meta small{color:var(--color-control);font-weight:600;font-size:var(--text-caption);letter-spacing:.02em}
body[data-ui-trial] #main-content .construction-project-mobile-card>strong{color:var(--trial-ink);font-size:var(--text-ui);line-height:1.5;font-weight:var(--weight-label)}
body[data-ui-trial] #main-content .construction-project-mobile-detail{color:var(--color-control);font-size:var(--text-meta);line-height:1.6}
body[data-ui-trial] #main-content .construction-project-mobile-bottom{color:var(--color-muted);border-color:var(--color-border);font-size:var(--text-caption);padding-top:10px}
body[data-ui-trial] #main-content .construction-project-overview-head{background:var(--color-brand-soft);background-image:none;border-color:var(--color-border);border-radius:15px 15px 0 0}
body[data-ui-trial] #main-content .construction-project-overview-head h2{color:var(--color-featured)}
body[data-ui-trial] #main-content .construction-project-overview-head p{color:var(--color-control)}
body[data-ui-trial] #main-content .construction-project-overview-head .ui-btn-danger{border-color:var(--color-border);background:var(--color-danger-soft);color:var(--color-danger)}
@media(max-width:639px){body[data-ui-trial] #main-content .ui-page-heading h1{font-size:var(--text-title)}body[data-ui-trial] #main-content .ui-page-heading p:not(.ui-eyebrow){font-size:var(--text-meta)}body[data-ui-trial] #main-content .ui-page-heading .ui-btn{min-height:44px}body[data-ui-trial] #main-content .ui-stat-card__value{font-size:var(--text-title)}}
body[data-ui-trial] #main-content .ui-stat-card__value.trial-stat-money{font-size:clamp(15px,1.35vw,22px);white-space:nowrap;letter-spacing:-.04em}
@media(min-width:640px) and (max-width:1023px){body[data-ui-trial] #main-content .ui-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-ui-trial] #main-content .ui-stat-card__value.trial-stat-money{font-size:var(--text-section)}}
.trial-marketing-workspace{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;max-width:1280px;margin:70px auto;padding:55px 55px;background:var(--color-brand-soft);border-radius:22px;border:1px solid var(--color-border)}
.trial-marketing-workspace h2{font-size:35px;font-weight:var(--weight-heading);letter-spacing:-.05em;line-height:1.25;margin:14px 0 20px;color:var(--color-featured)}
.trial-marketing-workspace p{font-size:var(--text-ui);line-height:1.9;color:var(--color-muted);max-width:405px;margin-bottom:24px}
.trial-workspace-preview{padding:24px;background:var(--color-white);border:1px solid var(--color-border);border-radius:15px}
.trial-workspace-preview-label{display:block;font-size:var(--text-caption);font-weight:var(--weight-heading);letter-spacing:.1em;color:var(--color-caption);margin-bottom:19px}
.trial-workspace-preview article{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid var(--color-brand-soft)}
.trial-workspace-preview article>svg:first-child{display:block;background:var(--color-brand-soft);color:var(--color-brand);padding:10px;box-sizing:content-box;border-radius:10px}
.trial-workspace-preview article>svg:last-child{margin-left:auto;color:var(--color-control);width:16px}
.trial-workspace-preview strong,.trial-workspace-preview small{display:block}.trial-workspace-preview strong{font-size:var(--text-ui);font-weight:var(--weight-heading);color:var(--color-muted)}.trial-workspace-preview small{font-size:var(--text-caption);color:var(--color-control);margin-top:5px}
body[data-ui-trial][data-housing-workspace] .trial-menu-search{display:none}
@media(max-width:1023px){.trial-marketing-workspace{gap:30px;margin:40px 24px;padding:35px}.trial-marketing-workspace h2{font-size:var(--text-metric)}}
@media(max-width:767px){.trial-marketing-workspace{grid-template-columns:1fr;padding:25px;margin:35px 20px}.trial-marketing-workspace h2{font-size:var(--text-title)}.trial-workspace-preview{padding:19px}.trial-workspace-preview strong{font-size:var(--text-meta)}.trial-workspace-preview small{font-size:var(--text-caption)}.trial-workspace-preview article>svg:first-child{width:16px;height:16px;padding:8px}}

body[data-ui-trial] .trial-brand-mark--official{background:var(--color-white);border:1px solid var(--color-border);box-shadow:0 2px 8px color-mix(in srgb,var(--color-text) 1.18%,transparent)}
.trial-brand-mark--official img{width:32px;height:32px;object-fit:contain;display:block}
body[data-ui-trial][data-lumina-variant="ongoing"] #main-content{max-width:none}
@media(max-width:1023px){body[data-ui-trial] .customer-mobile-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;padding:8px}body[data-ui-trial] .customer-mobile-nav-link{min-width:0;padding:7px 2px;font-size:var(--text-caption)}body[data-ui-trial] .customer-mobile-nav-link span{white-space:normal;text-align:center;line-height:1.4}}

/* SBS Workspace: complete component layer. Keep business status and chart colors. */
body[data-ui-trial][data-trial-version="2"] {
  --ui-primary:var(--color-brand); --ui-primary-hover:var(--color-brand-hover); --ui-secondary:var(--color-text);
  --ui-border:var(--color-border); --ui-text:var(--color-text); --ui-text-muted:var(--color-muted);
  --lumina-text:var(--color-text); --lumina-muted:var(--color-muted); --lumina-border:var(--color-border); --lumina-control:var(--color-control); --lumina-surface:var(--color-white);
  --planning-canvas:var(--color-canvas); --planning-surface:var(--color-white); --planning-text:var(--color-text); --planning-muted:var(--color-muted);
  --planning-border:var(--color-border); --planning-control:var(--color-control); --planning-accent:var(--color-brand); --planning-accent-text:var(--color-brand-hover);
  --planning-accent-soft:var(--color-brand-soft); --planning-phase-surface:var(--color-brand-soft); --planning-phase-text:var(--color-brand-hover); --planning-phase-border:var(--color-brand-border);
  --planning-featured:var(--color-text); --planning-featured-muted:var(--color-border); --planning-sidebar:var(--color-white); --planning-sidebar-text:var(--color-text);
  --planning-sidebar-muted:var(--color-muted); --planning-sidebar-border:var(--color-border); --planning-subtle:var(--color-subtle);
  --customer-canvas:var(--color-canvas); --customer-surface:var(--color-white); --customer-ink:var(--color-text); --customer-muted:var(--color-muted);
  --customer-line:var(--color-border); --customer-control:var(--color-control); --customer-accent:var(--color-brand); --customer-accent-text:var(--color-brand-hover);
  --customer-accent-soft:var(--color-brand-soft); --customer-accent-border:var(--color-brand-border); --customer-hero-end:var(--color-subtle);
  font-size:var(--text-ui); line-height:1.65;
}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) { color:var(--trial-ink); }
body[data-ui-trial][data-trial-version="2"] :is(.trial-module-title,.ui-page-heading h1,.invoice-page__heading h1) {font-size:var(--text-title);font-weight:var(--weight-heading);line-height:1.3;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;color:var(--trial-ink)}
body[data-ui-trial][data-trial-version="2"] :is(.ui-label,.trial-form-label,.planning-label,.customer-field-label){font-size:var(--text-ui);font-weight:var(--weight-label);line-height:1.6;color:var(--color-muted)}
body[data-ui-trial][data-trial-version="2"] :is(.ui-helper,.planning-muted,.planning-caption,.customer-caption,.customer-description){font-size:var(--text-meta);line-height:1.7;color:var(--trial-muted)}
body[data-ui-trial][data-trial-version="2"] :is(.ui-eyebrow,.planning-eyebrow,.customer-eyebrow){font-size:var(--text-caption);line-height:1.6;letter-spacing:.085em;font-weight:var(--weight-label)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.ui-section-title,.customer-section-heading h2){font-size:var(--text-subtitle);line-height:1.45;font-weight:var(--weight-heading);letter-spacing:-.025em}
body[data-ui-trial][data-trial-version="2"] :is(.text-xs,.text-\[10px\],.text-\[11px\]){font-size:var(--text-meta)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .text-slate-400{color:var(--color-muted)}
body[data-ui-trial][data-trial-version="2"] :is(.ui-btn,.trial-action,.customer-button,.trial-button){min-height:44px;border-radius:10px;font-size:var(--text-ui);font-weight:var(--weight-label);line-height:1.4;letter-spacing:0;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .trial-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid transparent;text-align:center;box-shadow:none}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.ui-btn-primary,.trial-action--primary){background:var(--color-brand);border-color:var(--color-brand);color:var(--color-white);background-image:none;box-shadow:0 3px 8px color-mix(in srgb,var(--color-brand) 7.06%,transparent)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.ui-btn-primary,.trial-action--primary):hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.ui-btn-outline,.trial-action--secondary){background:var(--color-white);border-color:var(--color-control);color:var(--color-muted);background-image:none;box-shadow:none}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.ui-btn-outline,.trial-action--secondary):hover{background:var(--color-brand-soft);border-color:var(--color-viewer-muted);color:var(--color-brand-hover)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .trial-action--danger{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .trial-action--danger:hover{background:var(--color-danger-soft);border-color:var(--color-danger-border)}
body[data-ui-trial][data-trial-version="2"] :is(button:disabled,[aria-disabled="true"]){cursor:not-allowed;opacity:.55}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.construction-action-toggle,.funding-action-toggle,.cashflow-btn--primary,.spr-applicant-submit,.floating-action-menu__trigger){min-height:44px;border:1px solid var(--color-brand);border-radius:10px;background:var(--color-brand);background-image:none;color:var(--color-white);box-shadow:0 3px 8px color-mix(in srgb,var(--color-brand) 7.06%,transparent);font-weight:var(--weight-label);font-size:var(--text-ui)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.construction-action-toggle,.funding-action-toggle,.cashflow-btn--primary,.spr-applicant-submit,.floating-action-menu__trigger):hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover)}
body[data-ui-trial][data-trial-version="2"] #admin-app-header .ui-btn-primary{background:var(--color-brand-soft);border-color:var(--color-brand-border);color:var(--color-brand);box-shadow:none}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.construction-action-popover,.funding-action-popover,.floating-action-menu__panel){border:1px solid var(--color-border);border-radius:14px;background:var(--color-white);box-shadow:0 16px 40px color-mix(in srgb,var(--color-text) 9.41%,transparent)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.construction-finance-tabs,.unit-construction-tabs,.tl-mode-tabs) :is(a,button).is-active{background:var(--color-brand-soft);border-color:var(--color-brand-border);color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] :is(.ui-icon-btn,.trial-icon-button,.ui-alert-dismiss){min-width:44px;min-height:44px}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.trial-control,.ui-field,.ui-input,.customer-field):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]){min-height:46px;max-width:100%;border:1px solid var(--color-control);border-radius:10px;background:var(--color-white);color:var(--color-text);font-size:var(--text-ui);line-height:1.5;padding-block:10px;box-shadow:0 1px 2px color-mix(in srgb,var(--color-text) 1.18%,transparent)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) select.trial-control{padding-right:34px}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.trial-control,.ui-field):focus{border-color:var(--color-brand);outline:3px solid color-mix(in srgb,var(--color-brand) 10.98%,transparent);outline-offset:1px;box-shadow:none}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.trial-control,.ui-field)[aria-invalid="true"]{border-color:var(--color-danger);background:var(--color-danger-soft);outline-color:color-mix(in srgb,var(--color-danger) 12.55%,transparent)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.trial-control,.ui-field):disabled{background:var(--color-canvas);color:var(--color-muted);opacity:1;cursor:not-allowed}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.trial-control,.ui-field)[readonly]{background:var(--color-canvas);color:var(--color-caption)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) input:is([type="checkbox"],[type="radio"]){accent-color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) input[type="file"]::file-selector-button{border:0;border-radius:7px;margin-right:12px;padding:8px 12px;background:var(--color-brand-soft);color:var(--color-brand-hover);font-weight:var(--weight-label);cursor:pointer}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.ui-card,.trial-surface,.planning-panel,.customer-card,.customer-summary-card){border-color:var(--color-border);border-radius:16px;background:var(--color-white);background-image:none;box-shadow:0 3px 12px color-mix(in srgb,var(--color-text) 1.18%,transparent)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.ui-card-header,.customer-card-header){padding:22px 24px;border-color:var(--color-border);background:var(--color-white);border-radius:16px 16px 0 0}
body[data-ui-trial][data-trial-version="2"] #main-content .ui-card>[class~="border-b"]:first-child:not([class*="bg-rose"]):not([class*="bg-amber"]):not([class*="bg-emerald"]){background:var(--color-subtle);background-image:none;border-color:var(--color-border);box-shadow:none}
body[data-ui-trial][data-trial-version="2"] #main-content .ui-card>[class~="border-b"]:first-child::before{display:none}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .trial-editor-form{border-top:3px solid var(--color-brand);padding:28px}
body[data-ui-trial][data-trial-version="2"] .trial-editor-section{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--color-border);margin-bottom:4px}
.trial-editor-section>span{display:grid;place-items:center;flex:none;width:34px;height:34px;background:var(--color-brand-soft);color:var(--color-brand-hover);font-size:var(--text-meta);font-weight:var(--weight-heading);border-radius:10px}
.trial-editor-section h2{font-size:var(--text-subtitle);font-weight:var(--weight-heading);color:var(--color-text);margin:0;letter-spacing:-.02em}.trial-editor-section p{font-size:var(--text-ui);color:var(--color-muted);margin:4px 0 0}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .trial-filter-form{gap:12px}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.ui-table,.trial-data-table){width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-ui);line-height:1.6;color:var(--color-muted)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.ui-table,.trial-data-table)>thead{background:var(--color-subtle);background-image:none;color:var(--color-muted)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.ui-table,.trial-data-table)>thead>tr>th{padding:13px 16px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-size:var(--text-caption);line-height:1.5;font-weight:var(--weight-heading);letter-spacing:.035em;color:var(--color-muted);background:var(--color-subtle);vertical-align:middle}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.ui-table,.trial-data-table)>tbody>tr>td{padding:15px 16px;border-bottom:1px solid var(--color-border);vertical-align:top;font-variant-numeric:tabular-nums}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.ui-table,.trial-data-table)>tbody>tr:hover{background:var(--color-subtle)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.ui-table,.trial-data-table)>tfoot{background:var(--color-brand-soft);font-weight:var(--weight-heading);color:var(--color-brand-pressed)}
body[data-ui-trial][data-trial-version="2"] :is(.ui-table-wrap,.trial-table-region){max-width:100%;overflow:auto;overscroll-behavior-inline:contain;border-radius:12px;scrollbar-width:thin}
body[data-ui-trial][data-trial-version="2"] :is(.ui-table-wrap,.trial-table-region):focus-visible{outline:3px solid var(--color-info-border);outline-offset:2px}
body[data-ui-trial][data-trial-version="2"] .ui-badge{font-size:var(--text-meta);line-height:1.5;padding:4px 9px;font-weight:var(--weight-label);border-radius:7px}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .ui-stat-card{padding:20px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-white);box-shadow:none}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .ui-stat-card__signal{width:28px;height:28px;border-radius:8px;background:var(--color-brand-soft);color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .ui-stat-card__label{font-size:var(--text-meta);letter-spacing:0;color:var(--color-caption);text-transform:none;font-weight:550}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .ui-stat-card__description{font-size:var(--text-meta);color:var(--color-caption);line-height:1.6}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .ui-stat-card--success .ui-stat-card__value{color:var(--color-success)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .ui-stat-card--danger .ui-stat-card__value{color:var(--color-danger)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .ui-stat-card--warning .ui-stat-card__value{color:var(--color-warning)}
/* The same context hierarchy is used by project detail and each operational tab. */
body[data-ui-trial][data-trial-version="2"] #main-content[data-project-page]{--project-primary:var(--color-brand);--project-primary-dark:var(--color-brand-hover);--project-ink:var(--color-text);--project-border:var(--color-border);--project-surface-soft:var(--color-canvas);--project-accent:var(--color-brand);--project-accent-soft:var(--color-brand-soft)}
body[data-ui-trial][data-trial-version="2"] #main-content .project-workspace-head{background:var(--color-subtle);background-image:none}
body[data-ui-trial][data-trial-version="2"] #main-content .project-workspace::before{background:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] #main-content .project-workspace-tab.is-active::after{display:none}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.project-workspace,.project-workspace-desktop,.project-workspace-mobile){background:var(--color-white);border:1px solid var(--color-border);border-radius:16px;box-shadow:none;color:var(--color-text)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.project-workspace-kicker,.project-workspace-label){color:var(--color-control);font-size:var(--text-caption);letter-spacing:.06em}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.project-workspace-tab,.project-workspace-mobile-link){background:transparent;border-color:var(--color-border);color:var(--color-muted);font-size:var(--text-ui);font-weight:600;min-height:44px;border-radius:9px}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.project-workspace-tab,.project-workspace-mobile-link).is-active{background:var(--color-brand-soft);border-color:var(--color-brand-border);color:var(--color-brand);box-shadow:none}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.project-workspace-tab,.project-workspace-mobile-link):hover{background:var(--color-brand-soft);color:var(--color-brand-hover)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.project-workspace-menu-icon,.project-workspace-icon){background:var(--color-brand-soft);color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.trial-context-panel,.finance-hero,.vendor-hero,.lumina-planning-list-intro){background:var(--color-brand-soft);background-image:none;color:var(--color-text);border:1px solid var(--color-border);box-shadow:none;border-radius:16px}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.trial-context-panel,.finance-hero,.vendor-hero,.lumina-planning-list-intro) :is(h1,h2,h3,.text-white,.text-slate-950){color:var(--color-text)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.trial-context-panel,.finance-hero,.vendor-hero,.lumina-planning-list-intro) :is(p,.text-slate-300,.text-slate-400){color:var(--color-muted)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.trial-context-panel,.finance-hero,.vendor-hero,.lumina-planning-list-intro) :is(.ui-btn-primary,.trial-action--primary){color:var(--color-white)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.finance-hero__metric,.vendor-hero__metric){background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.finance-hero__metric,.vendor-hero__metric) span{color:var(--color-muted);font-size:var(--text-meta)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.finance-hero__metric,.vendor-hero__metric) strong{color:var(--color-text);font-size:var(--text-section);line-height:1.45}
body[data-ui-trial][data-trial-version="2"] #main-content .finance-hero__metric--danger strong{color:var(--color-danger)}
body[data-ui-trial][data-trial-version="2"] #main-content .finance-filter{min-height:44px;border-radius:9px;font-size:var(--text-meta)}
body[data-ui-trial][data-trial-version="2"] #main-content .finance-filter.is-active{background:var(--color-brand-soft);border-color:var(--color-brand-border);color:var(--color-brand);box-shadow:none}
body[data-ui-trial][data-trial-version="2"] #main-content .finance-filter.is-active strong{background:var(--color-white);color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.cashflow-overview,[data-cms-page]){--cf-ink:var(--color-text);--cf-ink-soft:var(--color-muted);--cf-line:var(--color-border);--cf-muted:var(--color-muted);--cms-ink:var(--color-text);--cms-muted:var(--color-muted);--cms-line:var(--color-border)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.finance-hero__eyebrow,.vendor-hero__eyebrow){color:var(--color-brand)}
/* Planning stays compact; operational workspaces keep their spacious header. */
body[data-ui-trial][data-trial-version="2"][data-lumina-variant="planning"] #main-content :is(.ui-page-heading,.lumina-planning-list-intro){background:transparent;border:0;box-shadow:none;padding:0 0 24px;border-radius:0}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.housing-planning-card,.lumina-planning-list-card){border:1px solid var(--color-border);border-radius:16px;background:var(--color-white);box-shadow:0 3px 12px color-mix(in srgb,var(--color-text) 1.18%,transparent);transition:border-color .16s,box-shadow .16s;transform:none}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.housing-planning-card,.lumina-planning-list-card):hover{border-color:var(--color-viewer-muted);box-shadow:0 8px 24px color-mix(in srgb,var(--color-brand) 3.53%,transparent);transform:none}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.housing-planning-card-title,.lumina-planning-list-card h2){font-size:var(--text-section);font-weight:var(--weight-heading);line-height:1.4;color:var(--color-text)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.planning-metric,.housing-metric){border-radius:14px;border-color:var(--color-border);box-shadow:none}
body[data-ui-trial][data-trial-version="2"] #main-content .planning-metric-featured{background:var(--color-text);color:var(--color-white)}
body[data-ui-trial][data-trial-version="2"] #main-content .planning-metric-featured :is(strong,h2,h3){color:var(--color-white)}
body[data-ui-trial][data-trial-version="2"] #main-content .lumina-page-hero{background:linear-gradient(110deg,var(--color-brand-soft),var(--color-subtle));border:1px solid var(--color-border);border-radius:20px;box-shadow:none;padding:30px}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.housing-active-kicker,.housing-sales-kicker){font-size:var(--text-caption);letter-spacing:.09em;font-weight:var(--weight-label)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.housing-sales-card,.housing-crm-card,.housing-booking-card){border-color:var(--color-border);border-radius:16px;box-shadow:0 3px 12px color-mix(in srgb,var(--color-text) 1.18%,transparent)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.lumina-list-toolbar,.housing-sales-toolbar){background:var(--color-white);border:1px solid var(--color-border);border-radius:14px;padding:16px;gap:12px}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.lumina-list-search,.lumina-list-filter) label{font-size:var(--text-meta);color:var(--color-muted)}
body[data-ui-trial][data-trial-version="2"] #main-content .cms-workspace-nav{background:var(--color-white);border:1px solid var(--color-border);box-shadow:none;border-radius:14px;color:var(--color-text);padding:14px}
body[data-ui-trial][data-trial-version="2"] #main-content .cms-workspace-nav nav a{min-height:44px;color:var(--color-muted);border-radius:9px;font-size:var(--text-ui);padding:11px 14px}
body[data-ui-trial][data-trial-version="2"] #main-content .cms-workspace-nav nav a.is-active{background:var(--color-brand-soft);color:var(--color-brand);box-shadow:none}
body[data-ui-trial][data-trial-version="2"] #main-content .cms-workspace-nav__brand>span{background:var(--color-brand-soft);color:var(--color-brand);border-radius:9px}
body[data-ui-trial][data-trial-version="2"] #main-content .cms-preview-link{color:var(--color-brand);border-color:var(--color-brand-border)}
body[data-ui-trial][data-trial-version="2"] #main-content .cms-overview-hero{background:var(--color-brand-soft);background-image:none;color:var(--color-text);border:1px solid var(--color-border);border-radius:16px;box-shadow:none}
body[data-ui-trial][data-trial-version="2"] #main-content .cms-overview-hero::before{display:none}
body[data-ui-trial][data-trial-version="2"] #main-content .cms-overview-hero :is(h1,h2,h3){color:var(--color-text);font-size:var(--text-title);line-height:1.4;font-weight:var(--weight-heading)}
body[data-ui-trial][data-trial-version="2"] #main-content .cms-overview-hero p{color:var(--color-muted);font-size:var(--text-ui);line-height:1.7}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.cms-module-card,.cms-stat){border-color:var(--color-border);background:var(--color-white);border-radius:14px;box-shadow:none;color:var(--color-text)}
body[data-ui-trial][data-trial-version="2"] #main-content .cms-module-card:hover{border-color:var(--color-viewer-muted);background:var(--color-subtle);transform:none}
body[data-ui-trial][data-trial-version="2"] #main-content .trial-context-panel .text-emerald-300{color:var(--color-brand)}
/* Dialogs keep their existing focus, validation and submission handlers. */
body[data-ui-trial][data-trial-version="2"] #app-dialog .app-dialog-panel{background:var(--color-white);color:var(--color-text);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 24px 80px color-mix(in srgb,var(--color-text) 14.12%,transparent)}
body[data-ui-trial][data-trial-version="2"] #app-dialog .app-dialog-backdrop{background:color-mix(in srgb,var(--color-text) 43.92%,transparent)}
body[data-ui-trial][data-trial-version="2"] #app-dialog .app-dialog-actions{background:var(--color-subtle);border-color:var(--color-border)}
body[data-ui-trial][data-trial-version="2"] #app-dialog .app-dialog-confirm-info{background:var(--color-brand);color:var(--color-white);border-color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] #app-dialog .app-dialog-confirm-danger{background:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}
body[data-ui-trial][data-trial-version="2"] #main-content .ui-btn-outline.text-rose-700{color:var(--color-danger);border-color:var(--color-featured-muted);background:var(--color-danger-soft)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.trial-control,.ui-field):user-invalid{border-color:var(--color-danger);background:var(--color-danger-soft)}
body[data-ui-trial][data-trial-version="2"] dialog:not(.photo-viewer-dialog){border-color:var(--color-border);border-radius:18px;color:var(--color-text);background:var(--color-white);box-shadow:0 24px 80px color-mix(in srgb,var(--color-text) 14.12%,transparent)}
body[data-ui-trial][data-trial-version="2"] dialog::backdrop{background:color-mix(in srgb,var(--color-text) 43.92%,transparent);backdrop-filter:blur(3px)}
body[data-ui-trial][data-trial-version="2"] :is(.lumina-form-header,.funding-entry-modal__header,.lumina-form-footer){border-color:var(--color-border);background:var(--color-white)}
body[data-ui-trial][data-trial-version="2"] :is(.lumina-stepper-progress,.invoice-stepper){background:var(--color-subtle);border-color:var(--color-border);border-radius:12px}
body[data-ui-trial][data-trial-version="2"] .lumina-stepper-progress [aria-current="step"]{color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] .lumina-stepper-progress [aria-current="step"]>span{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-white)}
body[data-ui-trial][data-trial-version="2"] :is(.ui-empty,.customer-empty){padding:38px 24px;background:var(--color-subtle);border:1px dashed var(--color-control);border-radius:14px;color:var(--color-muted)}
body[data-ui-trial][data-trial-version="2"] .ui-empty>span{background:var(--color-brand-soft);color:var(--color-control);width:48px;height:48px;border-radius:14px}
body[data-ui-trial][data-trial-version="2"] .ui-alert{font-size:var(--text-ui);line-height:1.65;border-radius:12px;padding:14px 16px;box-shadow:none}
body[data-ui-trial][data-trial-version="2"] :is(.invoice-page__step,.invoice-list__tab.is-active){background:var(--color-brand-soft);color:var(--color-brand);border-color:var(--color-brand-border)}
body[data-ui-trial][data-trial-version="2"] :is(.customer-page-hero,.customer-project-hero){background:var(--color-brand-soft);background-image:none;border:1px solid var(--color-border);border-radius:18px;color:var(--color-text);box-shadow:none}
body[data-ui-trial][data-trial-version="2"] .customer-button--primary{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-white)}
body[data-ui-trial][data-trial-version="2"] .customer-nav-link.is-active{background:var(--color-brand-soft);color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] .customer-mobile-nav-link{min-height:48px}
/* Public secondary pages and CMS sections share the same editorial hierarchy. */
body[data-ui-trial="public"][data-trial-version="2"] main :is(.trial-surface,.ui-card){border-radius:18px;border-color:var(--color-border);box-shadow:0 5px 20px color-mix(in srgb,var(--color-text) 1.57%,transparent)}
body[data-ui-trial="public"][data-trial-version="2"] :is(#advantages,#testimonials,#projects,#gallery) h2{font-size:var(--text-metric);line-height:1.3;font-weight:var(--weight-heading);letter-spacing:-.04em}
body[data-ui-trial="public"][data-trial-version="2"] :is(#advantages,#testimonials,#projects,#gallery) p{font-size:var(--text-ui);line-height:1.8}
body[data-ui-trial][data-trial-version="2"] .trial-document .toolbar{display:flex;gap:10px;margin-bottom:20px}
body[data-ui-trial][data-trial-version="2"] .trial-document .toolbar .btn{min-height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;background:var(--color-white);border:1px solid var(--color-control);color:var(--color-muted);font-size:var(--text-ui);font-weight:var(--weight-label)}
body[data-ui-trial][data-trial-version="2"] .trial-document .toolbar .primary{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-white)}
@media(max-width:1023px){
 body[data-ui-trial][data-trial-version="2"] #main-content .lumina-page-hero{padding:24px}
 body[data-ui-trial][data-trial-version="2"] :is(.trial-module-title,.ui-page-heading h1){font-size:var(--text-title)}
}
@media(max-width:639px){
 body[data-ui-trial][data-trial-version="2"][data-housing-workspace] #admin-app-header{height:auto;min-height:112px;flex-wrap:wrap;padding:10px 16px;gap:8px}
 body[data-ui-trial][data-trial-version="2"][data-housing-workspace] #admin-app-header .workspace-header-identity{flex:1 1 100%;min-width:0}
 body[data-ui-trial][data-trial-version="2"][data-housing-workspace] #admin-app-header .workspace-header-actions{flex:1 1 100%;min-width:0;width:100%;justify-content:flex-end;gap:6px}
 body[data-ui-trial][data-trial-version="2"][data-housing-workspace] #admin-app-header [data-housing-workspace-search]{flex:1 1 0;min-width:0;width:auto}
 body[data-ui-trial][data-trial-version="2"] #admin-sidebar-open{min-width:44px;min-height:44px}
 body[data-ui-trial][data-trial-version="2"] :is(.trial-module-title,.ui-page-heading h1,.invoice-page__heading h1){font-size:var(--text-title)}
 body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) :is(.trial-control,.ui-field,.ui-input,.customer-field):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]){font-size:var(--text-body);min-height:46px}
 body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .trial-editor-form{padding:20px}
 body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .ui-card-header{padding:18px 20px}
 body[data-ui-trial][data-trial-version="2"] #main-content .lumina-page-hero{padding:22px 20px;border-radius:16px}
 body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) .trial-filter-form{flex-wrap:wrap}
 body[data-ui-trial][data-trial-version="2"] .trial-filter-form>*{max-width:100%;min-width:0}
 body[data-ui-trial][data-trial-version="2"] :is(.trial-action,.ui-btn,.customer-button){white-space:normal;overflow-wrap:anywhere}
 body[data-ui-trial][data-trial-version="2"] .trial-editor-section{gap:10px;padding-bottom:16px}
}
@media(prefers-reduced-motion:reduce){body[data-ui-trial][data-trial-version="2"] :is(.trial-action,.housing-planning-card,.lumina-planning-list-card){transition:none}}
@media print{body[data-ui-trial][data-trial-version="2"]{background:var(--color-white)}body[data-ui-trial][data-trial-version="2"] .trial-document .toolbar{display:none}}

/* Document previews use the workspace identity on screen. Print rules stay owned by each document. */
@media screen {
 body[data-trial-document]{background:var(--color-canvas);color:var(--color-text);font-family:"SBS Jakarta",system-ui,sans-serif;font-size:var(--text-ui);line-height:1.65;margin:28px auto}
 body[data-trial-document] :is(.paper,.sheet,.receipt-paper){background:var(--color-white);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 12px 32px color-mix(in srgb,var(--color-text) 3.92%,transparent)}
 body[data-trial-document] :is(.toolbar,.actions,.receipt-toolbar){display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:12px 0;margin-bottom:16px}
 body[data-trial-document] :is(.toolbar,.actions,.receipt-toolbar) :is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--color-control);border-radius:10px;background:var(--color-white);color:var(--color-muted);font:650 13px/1.4 "SBS Jakarta",system-ui,sans-serif;text-decoration:none;cursor:pointer;box-shadow:none}
 body[data-trial-document] :is(.toolbar,.actions,.receipt-toolbar) :is(button,a):hover{background:var(--color-brand-soft);border-color:var(--color-viewer-muted);color:var(--color-brand-hover)}
 body[data-trial-document] :is(.toolbar,.actions,.receipt-toolbar) :is(button,a):focus-visible{outline:3px solid var(--color-info-border);outline-offset:3px}
 body[data-trial-document] :is(.head,.letterhead){background:var(--color-text);color:var(--color-white);border-bottom-color:var(--color-brand)}
 body[data-trial-document] :is(.body,.letter-body){background:var(--color-white);color:var(--color-text)}
 body[data-trial-document] :is(.summary,.account,.payment-card){background:var(--color-subtle);border-color:var(--color-brand);color:var(--color-text)}
 body[data-trial-document] :is(.items,.receipt-items) th{background:var(--color-canvas);color:var(--color-muted);border-color:var(--color-border)}
 body[data-trial-document] :is(.items,.receipt-items) th:first-child{border-left-color:var(--color-brand)}
 body[data-trial-document] :is(.items,.receipt-items) td{border-color:var(--color-border)}
 body[data-trial-document] :is(.summary .remaining,.remaining){background:var(--color-brand-soft);color:var(--color-brand-hover)}
 body[data-trial-document] .receipt-letterhead{border-color:var(--color-brand-border);background:var(--color-subtle)}
 body[data-trial-document] .receipt-paper{overflow:hidden}
 body[data-trial-document] .receipt-title{color:var(--color-text)}
}
@media screen and (max-width:639px){
 body[data-trial-document]{margin:0;max-width:100%;padding:0}
 body[data-trial-document] :is(.toolbar,.actions,.receipt-toolbar){padding:12px 16px}
 body[data-trial-document] :is(.paper,.sheet,.receipt-paper){border-radius:0;border-left:0;border-right:0;box-shadow:none}
}

/* Gallery workspace: shared catalog, project folders, upload and photo viewer. */
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:24px;padding:24px;background:var(--color-white);background-image:none;border-color:var(--color-border)}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-toolbar{box-shadow:none}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-toolbar::before,body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-toolbar::after{display:none}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-toolbar h1{font-size:var(--text-title);line-height:1.35;white-space:normal;text-wrap:balance;overflow:visible;text-overflow:clip;max-width:100%}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-toolbar p{font-size:var(--text-meta);line-height:1.65}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;max-width:560px;min-width:0}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-project-select{width:300px;max-width:100%;flex:0 1 300px;min-width:0}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-body{padding:24px}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-project-card{border:1px solid var(--color-border);border-radius:14px;padding:20px;background:var(--color-white);box-shadow:none;gap:14px;transform:none}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-project-card:hover{background:var(--color-subtle);border-color:var(--color-brand-border);transform:none}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-project-card>span{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--color-brand-soft);color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-project-card strong{font-size:var(--text-ui);line-height:1.6;font-weight:var(--weight-label)}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-project-card small{font-size:var(--text-meta);line-height:1.6;color:var(--color-muted)}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-path{padding:12px 24px;background:var(--color-subtle);border-color:var(--color-border);font-size:var(--text-meta)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.global-gallery-folder-jump,.global-gallery-search){background:var(--color-subtle);border:1px solid var(--color-border);border-radius:12px;gap:12px;padding:16px}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-folder-jump{margin:20px 24px 0}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-location-nav a{min-height:44px;border:1px solid var(--color-control);border-radius:9px;background:var(--color-white);color:var(--color-muted);font-size:var(--text-ui);font-weight:var(--weight-label)}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-location-nav a.is-active{background:var(--color-brand-soft);border-color:var(--color-brand-border);color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.gallery-folder-card,.gallery-folder-list a){border-color:var(--color-border);border-radius:12px;background:var(--color-white);box-shadow:none}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.gallery-folder-card,.gallery-folder-list a):hover{border-color:var(--color-brand-border);background:var(--color-subtle)}
body[data-ui-trial][data-trial-version="2"] #main-content .gallery-folder-list a.is-active{background:var(--color-brand-soft);border-color:var(--color-brand-border);color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] #main-content .gallery-folder-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:10px;background:var(--color-brand-soft);color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] #main-content .gallery-folder-icon::before,body[data-ui-trial][data-trial-version="2"] #main-content .gallery-folder-icon::after{display:none}
body[data-ui-trial][data-trial-version="2"] #main-content .gallery-folder-icon .trial-icon{width:22px;height:22px}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.gallery-folder-copy,.gallery-folder-list) strong{font-size:var(--text-ui);font-weight:var(--weight-label);line-height:1.6}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.gallery-folder-copy,.gallery-folder-list) small{font-size:var(--text-meta);color:var(--color-muted);line-height:1.6}
body[data-ui-trial][data-trial-version="2"] #main-content .gallery-file-card{border:1px solid var(--color-border);border-radius:14px;background:var(--color-white);box-shadow:0 3px 12px color-mix(in srgb,var(--color-text) 1.18%,transparent);transform:none}
body[data-ui-trial][data-trial-version="2"] #main-content .gallery-file-card:hover{border-color:var(--color-brand-border);box-shadow:0 8px 20px color-mix(in srgb,var(--color-text) 3.14%,transparent);transform:none}
body[data-ui-trial][data-trial-version="2"] #main-content .gallery-file-preview{background:var(--color-canvas);border-radius:13px 13px 0 0}
body[data-ui-trial][data-trial-version="2"] #main-content .gallery-file-pdf{background:var(--color-brand-soft);color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] #main-content .gallery-file-pdf small{color:var(--color-muted)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.global-gallery-file-location,.gallery-file-copy small){color:var(--color-muted);font-size:var(--text-meta)}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-file-location{display:flex;align-items:center;gap:6px}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-file-location .trial-icon{width:16px;height:16px;color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.gallery-file-picker,.global-gallery-dropzone){border:1px dashed var(--color-control);border-radius:14px;background:var(--color-subtle);color:var(--color-muted);box-shadow:none}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.gallery-file-picker,.global-gallery-dropzone):is(:hover,.is-dragging,.is-selected){border-color:var(--color-control);background:var(--color-brand-soft);box-shadow:none}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.gallery-file-picker,.global-gallery-dropzone)>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--color-brand-soft);color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.gallery-file-picker,.global-gallery-dropzone) strong{font-size:var(--text-ui);font-weight:var(--weight-label)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.gallery-file-picker,.global-gallery-dropzone) small{font-size:var(--text-meta);color:var(--color-muted);line-height:1.65}
body[data-ui-trial][data-trial-version="2"] #main-content .trial-gallery-upload{margin:0 24px 24px;padding:20px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-white)}
body[data-ui-trial][data-trial-version="2"] #main-content .trial-gallery-upload>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
body[data-ui-trial][data-trial-version="2"] #main-content .trial-gallery-upload h3{font-size:var(--text-subtitle);font-weight:var(--weight-heading);color:var(--color-text);margin-top:4px}
body[data-ui-trial][data-trial-version="2"] #main-content .trial-gallery-upload>footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}
body[data-ui-trial][data-trial-version="2"] #main-content .trial-gallery-upload>footer p{font-size:var(--text-meta);color:var(--color-muted)}
body[data-ui-trial][data-trial-version="2"] #main-content .gallery-upload-preview-item{border-color:var(--color-border);border-radius:10px;background:var(--color-white)}
body[data-ui-trial][data-trial-version="2"] #main-content .gallery-upload-preview-item figcaption{padding:10px}
body[data-ui-trial][data-trial-version="2"] #main-content .gallery-upload-preview-item figcaption strong{font-size:var(--text-meta);color:var(--color-text)}
body[data-ui-trial][data-trial-version="2"] #main-content .gallery-upload-preview-item figcaption small{font-size:var(--text-meta);color:var(--color-muted)}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.global-gallery-checkbox,.gallery-folder-add,.gallery-folder-actions>summary,.gallery-file-actions>summary){min-width:44px;min-height:44px;border-radius:10px;border-color:var(--color-control);color:var(--color-muted);background:var(--color-white)}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-checkbox:has(input:checked){background:var(--color-brand);border-color:var(--color-brand);color:var(--color-white)}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-checkbox:has(input:focus-visible){outline:3px solid var(--color-info-border);outline-offset:3px}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.gallery-file-actions,.gallery-folder-actions)[open]{z-index:8}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.global-gallery-selection-bar,.global-gallery-dialog footer){border-color:var(--color-border);background:var(--color-subtle)}
body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-dialog header button{width:44px;height:44px;border-radius:10px}
body[data-ui-trial][data-trial-version="2"] #main-content .project-gallery-header{background:var(--color-white);background-image:none;border-color:var(--color-border);padding:22px;box-shadow:none}
body[data-ui-trial][data-trial-version="2"] #main-content .project-gallery-header::before,body[data-ui-trial][data-trial-version="2"] #main-content .project-gallery-header::after,body[data-ui-trial][data-trial-version="2"] #main-content .project-gallery-view-switch a::after{display:none}
body[data-ui-trial][data-trial-version="2"] #main-content :is(.project-gallery-view-switch a,.gallery-folder-popover,.gallery-folder-action-menu,.gallery-file-action-menu){border-color:var(--color-border);border-radius:10px;background:var(--color-white);box-shadow:none;color:var(--color-muted)}
body[data-ui-trial][data-trial-version="2"] #main-content .project-gallery-heading{padding:0}
body[data-ui-trial][data-trial-version="2"] #main-content .project-gallery-title-row h2{color:var(--color-text);font-size:var(--text-title);font-weight:var(--weight-heading);line-height:1.4}
body[data-ui-trial][data-trial-version="2"] #main-content .project-gallery-path a{color:var(--color-muted);min-height:28px;display:inline-flex;align-items:center}
body[data-ui-trial][data-trial-version="2"] #main-content .project-gallery-view-switch{gap:8px;flex-wrap:wrap}
body[data-ui-trial][data-trial-version="2"] #main-content .project-gallery-view-switch a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;font-size:var(--text-meta);font-weight:var(--weight-label)}
body[data-ui-trial][data-trial-version="2"] #main-content .project-gallery-view-switch a.is-active{background:var(--color-brand-soft);border-color:var(--color-brand-border);color:var(--color-brand)}
body[data-ui-trial][data-trial-version="2"] dialog[data-project-gallery-viewer]{background:var(--color-viewer);color:var(--color-white);border-color:var(--color-viewer-surface);box-shadow:0 24px 80px color-mix(in srgb,var(--color-viewer) 37.65%,transparent)}
body[data-ui-trial][data-trial-version="2"] dialog[data-project-gallery-viewer]::backdrop{background:color-mix(in srgb,var(--color-viewer) 92.94%,transparent);backdrop-filter:blur(4px)}
body[data-ui-trial][data-trial-version="2"] dialog[data-project-gallery-viewer] .project-gallery-viewer-shell{background:var(--color-viewer-surface);color:var(--color-white);border:0;border-radius:0;box-shadow:none}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) dialog[data-project-gallery-viewer] [data-gallery-label]{color:var(--color-canvas);font-size:var(--text-ui)}
body[data-ui-trial][data-trial-version="2"] :is(#main-content,#customer-content) dialog[data-project-gallery-viewer] :is([data-gallery-counter],footer){color:var(--color-viewer-muted);font-size:var(--text-meta)}
body[data-ui-trial][data-trial-version="2"] dialog[data-project-gallery-viewer] .project-gallery-viewer-stage{background:var(--color-viewer)}
body[data-ui-trial][data-trial-version="2"] dialog[data-project-gallery-viewer] :is([data-gallery-close],[data-gallery-previous],[data-gallery-next]){display:grid;place-items:center;width:44px;height:44px;background:color-mix(in srgb,var(--color-viewer-surface) 74.9%,transparent);color:var(--color-white);border:1px solid color-mix(in srgb,var(--color-white) 14.9%,transparent);border-radius:12px}
body[data-ui-trial][data-trial-version="2"] dialog[data-project-gallery-viewer] [data-gallery-download]{min-height:44px;background:var(--color-brand-soft);color:var(--color-brand);border-color:var(--color-brand-soft)}
@media(max-width:1199px){body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-toolbar{grid-template-columns:1fr;gap:16px}body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-actions{max-width:none;justify-content:flex-start}}
@media(max-width:639px){
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-toolbar{padding:20px 16px;gap:14px}
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-toolbar h1{font-size:var(--text-title)}
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-project-select{flex:1 1 100%;width:100%}
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-actions>.ui-btn{flex:1 1 auto}
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-body{padding:16px}
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-path{padding:12px 16px}
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-folder-jump{margin:16px 16px 0;padding:12px}
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-project-grid{grid-template-columns:minmax(0,1fr)}
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-project-card{padding:16px}
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-folder-section .gallery-folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-folder-section .gallery-folder-card{display:flex;align-items:center;gap:8px;width:auto;min-width:0;padding:12px;min-height:82px}
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-folder-section .gallery-folder-icon{width:34px;height:34px}
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-folder-section .gallery-folder-copy{min-width:0;flex:1}
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-card .global-gallery-dropzone{margin:0 16px 16px;padding:18px 14px}
 body[data-ui-trial][data-trial-version="2"] #main-content .trial-gallery-upload{margin:0 16px 16px;padding:16px}
 body[data-ui-trial][data-trial-version="2"] #main-content .trial-gallery-upload>footer .ui-btn{width:100%}
 body[data-ui-trial][data-trial-version="2"] #main-content .trial-gallery-upload .gallery-upload-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-ui-trial][data-trial-version="2"] #main-content :is(.global-gallery-folder-jump,.global-gallery-search)>div{width:100%;min-width:0}
 body[data-ui-trial][data-trial-version="2"] #main-content .global-gallery-selection-bar{flex-wrap:wrap;gap:8px;padding:12px 16px}
}
@media(prefers-reduced-motion:reduce){body[data-ui-trial][data-trial-version="2"] #main-content :is(.gallery-file-card,.global-gallery-project-card,.gallery-file-preview img){transition:none;transform:none}}

/* SBS design tokens. Colors belong here; components consume semantic roles. */
@font-face{font-family:"SBS Jakarta";src:url("../fonts/plus-jakarta-sans-latin.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap}
body[data-ui-trial][data-design-system="4"]{
 --color-white:#ffffff;--color-canvas:#f4f6fa;--color-surface:#ffffff;--color-subtle:#f8fafc;
 --color-text:#172033;--color-muted:#475569;--color-caption:#52627a;
 --color-border:#dce3ed;--color-control:#8996a8;
 --color-brand:#4f46e5;--color-brand-hover:#3730a3;--color-brand-pressed:#312e81;
 --color-brand-soft:#eef2ff;--color-brand-border:#c7d2fe;--color-on-brand:#ffffff;
 --color-success:#047857;--color-success-soft:#ecfdf5;--color-success-border:#86efac;
 --color-warning:#a16207;--color-warning-soft:#fffbeb;--color-warning-border:#fcd34d;
 --color-danger:#be123c;--color-danger-soft:#fff1f2;--color-danger-border:#fda4af;
 --color-info:#1d4ed8;--color-info-soft:#eff6ff;--color-info-border:#93c5fd;
 --color-featured:#243044;--color-featured-muted:#d0d6df;
 --color-viewer:#0b1020;--color-viewer-surface:#111827;--color-viewer-muted:#b4bed3;
 --color-scrim:color-mix(in srgb,var(--color-text) 55%,transparent);
 --color-focus:var(--color-brand);--color-focus-soft:color-mix(in srgb,var(--color-brand) 15%,transparent);
 --font-sans:"SBS Jakarta",system-ui,sans-serif;
 --text-caption:.75rem;--text-meta:.8125rem;--text-ui:.875rem;--text-body:1rem;
 --text-subtitle:1.125rem;--text-section:1.25rem;--text-title:1.875rem;--text-metric:2rem;
 --weight-normal:400;--weight-medium:500;--weight-label:600;--weight-heading:700;
 --leading-body:1.6;--leading-ui:1.5;--leading-heading:1.3;
 --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;
 --space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;
 --radius-control:.625rem;--radius-panel:1rem;--radius-dialog:1.25rem;--radius-pill:999px;
 --control-height:2.75rem;--icon-size:1.25rem;--page-gutter:2rem;--sidebar-width:17.5rem;
 --shadow-panel:0 2px 8px color-mix(in srgb,var(--color-text) 3%,transparent);
 --shadow-overlay:0 16px 48px color-mix(in srgb,var(--color-text) 16%,transparent);
 --duration-fast:120ms;--duration-control:180ms;--duration-overlay:240ms;--ease-out:cubic-bezier(.2,.8,.2,1);
 /* Compatibility aliases have one owner. Module geometry is separate from theme. */
 --trial-accent:var(--color-brand);--trial-accent-dark:var(--color-brand-hover);--trial-soft:var(--color-brand-soft);
 --trial-ink:var(--color-text);--trial-muted:var(--color-muted);--trial-line:var(--color-border);--trial-canvas:var(--color-canvas);
 --ui-primary:var(--color-brand);--ui-primary-hover:var(--color-brand-hover);--ui-secondary:var(--color-featured);
 --ui-info:var(--color-info);--ui-accent:var(--color-brand);--ui-accent-soft:var(--color-brand-soft);
 --ui-bg:var(--color-canvas);--ui-surface:var(--color-surface);--ui-surface-muted:var(--color-subtle);
 --ui-border:var(--color-border);--ui-text:var(--color-text);--ui-text-muted:var(--color-muted);
 --ui-radius-sm:var(--radius-control);--ui-radius:var(--radius-panel);--ui-radius-lg:var(--radius-dialog);
 --ui-shadow-sm:var(--shadow-panel);--ui-shadow:var(--shadow-overlay);--ui-ring:0 0 0 4px var(--color-focus-soft);
 --lumina-text:var(--color-text);--lumina-muted:var(--color-muted);--lumina-border:var(--color-border);--lumina-control:var(--color-control);--lumina-surface:var(--color-surface);
 --planning-canvas:var(--color-canvas);--planning-surface:var(--color-surface);--planning-text:var(--color-text);--planning-muted:var(--color-muted);
 --planning-border:var(--color-border);--planning-control:var(--color-control);--planning-accent:var(--color-brand);--planning-accent-text:var(--color-brand-hover);
 --planning-accent-soft:var(--color-brand-soft);--planning-phase-surface:var(--color-brand-soft);--planning-phase-text:var(--color-brand-hover);--planning-phase-border:var(--color-brand-border);
 --planning-featured:var(--color-featured);--planning-featured-muted:var(--color-featured-muted);--planning-sidebar:var(--color-surface);--planning-sidebar-text:var(--color-text);
 --planning-sidebar-muted:var(--color-muted);--planning-sidebar-border:var(--color-border);--planning-subtle:var(--color-subtle);
 --customer-canvas:var(--color-canvas);--customer-surface:var(--color-surface);--customer-ink:var(--color-text);--customer-muted:var(--color-muted);
 --customer-line:var(--color-border);--customer-control:var(--color-control);--customer-accent:var(--color-brand);--customer-accent-text:var(--color-brand-hover);
 --customer-accent-soft:var(--color-brand-soft);--customer-accent-border:var(--color-brand-border);--customer-hero-end:var(--color-subtle);
}

/* Screen typography and interaction contract. Print documents keep their own scale. */
@media screen{
 body[data-ui-trial][data-design-system="4"]{font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-normal);line-height:var(--leading-body);color:var(--color-text);background:var(--color-canvas)}
 body[data-ui-trial][data-design-system="4"] :where(button,input,textarea,select){font-family:inherit;font-size:var(--text-ui);line-height:var(--leading-ui)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is(.text-xs,.text-\[10px\],.text-\[11px\],.text-\[9px\]){font-size:var(--text-meta);line-height:var(--leading-body)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) small{font-size:var(--text-meta);line-height:var(--leading-body)}
 body[data-ui-trial][data-design-system="4"] :is(.sidebar-attention-badge,.project-workspace-alert-badge){font-size:var(--text-caption);min-width:20px;min-height:20px;line-height:20px;background:var(--color-danger);color:var(--color-white);box-shadow:none}
 body[data-ui-trial][data-design-system="4"] #main-content .table-sort-button>span{font-size:var(--text-ui)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is(.ui-page-heading h1,.trial-module-title,.trial-welcome h1,.customer-page-hero h1){font-size:var(--text-title);font-weight:var(--weight-heading);line-height:var(--leading-heading);letter-spacing:-.03em;text-wrap:balance;color:var(--color-text)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is(.ui-section-title,.trial-panel-heading h2,.customer-section-heading h2,.planning-title){font-size:var(--text-section);font-weight:var(--weight-heading);line-height:var(--leading-heading);letter-spacing:-.02em}
 body[data-ui-trial][data-design-system="4"] :is(.trial-kicker,.ui-eyebrow,.planning-eyebrow,.customer-eyebrow,.ui-meta){font-size:var(--text-meta);line-height:var(--leading-ui);font-weight:var(--weight-medium);letter-spacing:0;text-transform:none;color:var(--color-caption)}
 body[data-ui-trial][data-design-system="4"] :is(.ui-helper,.customer-description,.planning-muted){font-size:var(--text-ui);line-height:var(--leading-body);color:var(--color-muted)}
 body[data-ui-trial][data-design-system="4"] :is(.ui-label,.trial-form-label,.planning-label,.customer-field-label){font-size:var(--text-ui);line-height:var(--leading-ui);font-weight:var(--weight-label);color:var(--color-text)}
 body[data-ui-trial][data-design-system="4"] :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;scroll-margin-block:7rem 5rem}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) [data-row-link]:focus-visible{outline-offset:-3px;background:var(--color-brand-soft)}
 body[data-ui-trial][data-design-system="4"] :where(button,summary,[role=button]){cursor:pointer;touch-action:manipulation}
 body[data-ui-trial][data-design-system="4"] :is([aria-disabled=true],button:disabled){cursor:not-allowed}
 body[data-ui-trial][data-design-system="4"] .trial-icon{width:var(--icon-size);height:var(--icon-size);stroke-width:1.8}
 body[data-ui-trial][data-design-system="4"] [hidden]{display:none!important}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :where(dialog){max-width:calc(100vw - 2rem);border-radius:var(--radius-dialog)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :where(dialog)::backdrop{background:var(--color-scrim);backdrop-filter:blur(3px)}
 body[data-ui-trial][data-design-system="4"] :where(.ui-text-link,a.ui-text-link){color:var(--color-brand-hover);text-decoration:underline;text-underline-offset:3px}
}
@media screen and (max-width:639px){
 body[data-ui-trial][data-design-system="4"]{--text-title:1.625rem;--page-gutter:1rem}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is(input,select,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]){font-size:var(--text-body)}
}
@media(prefers-reduced-motion:reduce){body[data-ui-trial][data-design-system="4"]{--duration-fast:0ms;--duration-control:0ms;--duration-overlay:0ms;scroll-behavior:auto}body[data-ui-trial][data-design-system="4"] :where(*, *::before, *::after){transition-duration:0ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Shared component roles. Variants describe intent; state never changes geometry. */
@media screen{
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is([data-ui-component=button],.ui-btn,.trial-button,.customer-button){
  --button-bg:var(--color-surface);--button-text:var(--color-text);--button-border:var(--color-control);--button-hover:var(--color-subtle);--button-pressed:var(--color-brand-soft);
  display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);max-width:100%;padding:10px 16px;border:1px solid var(--button-border);border-radius:var(--radius-control);
  background:var(--button-bg);background-image:none;color:var(--button-text);font-size:var(--text-ui);font-weight:var(--weight-label);line-height:var(--leading-ui);letter-spacing:0;text-transform:none;text-decoration:none;box-shadow:none;
  transition:background var(--duration-control) var(--ease-out),border-color var(--duration-control) var(--ease-out),box-shadow var(--duration-control) var(--ease-out);cursor:pointer;
 }
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is([data-ui-variant=primary],.ui-btn-primary,.trial-button--primary,.trial-action--primary,.customer-button--primary){--button-bg:var(--color-brand);--button-text:var(--color-on-brand);--button-border:var(--color-brand);--button-hover:var(--color-brand-hover);--button-pressed:var(--color-brand-pressed);background:var(--button-bg);color:var(--button-text);border-color:var(--button-border)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is([data-ui-variant=danger],.ui-btn-danger,.trial-action--danger){--button-bg:var(--color-danger-soft);--button-text:var(--color-danger);--button-border:var(--color-danger-border);--button-hover:var(--color-danger-soft);--button-pressed:var(--color-danger-soft);background:var(--button-bg);color:var(--button-text);border-color:var(--button-border)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is([data-ui-variant=ghost],.ui-btn-ghost){--button-bg:transparent;--button-text:var(--color-brand-hover);--button-border:transparent;--button-hover:var(--color-brand-soft);--button-pressed:var(--color-brand-soft);background:var(--button-bg);color:var(--button-text);border-color:var(--button-border)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is([data-ui-component=button],.ui-btn,.trial-button,.customer-button):hover:not(:disabled):not([aria-disabled=true]){background:var(--button-hover);color:var(--button-text);border-color:var(--button-border);box-shadow:var(--shadow-panel)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is([data-ui-component=button],.ui-btn,.trial-button,.customer-button):active:not(:disabled):not([aria-disabled=true]){background:var(--button-pressed);color:var(--button-text);box-shadow:inset 0 0 0 1px var(--button-border);transform:none}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is([data-ui-component=button],.ui-btn,.trial-button,.customer-button):is(:disabled,[aria-disabled=true]){opacity:.55;box-shadow:none;cursor:not-allowed}
 body[data-ui-trial][data-design-system="4"] [data-ui-size=icon]{min-width:var(--control-height);width:var(--control-height);padding:10px}
 body[data-ui-trial][data-design-system="4"] [data-ui-component=button][aria-busy=true]::before{content:"";width:1rem;height:1rem;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-spin .7s linear infinite}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) [data-ui-component=field]:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]){min-height:var(--control-height);max-width:100%;border:1px solid var(--color-control);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);padding:10px 12px;padding-inline-start:var(--field-padding-start,12px);font-size:var(--text-ui);line-height:var(--leading-ui);box-shadow:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) [data-ui-component=field]:is(:focus,[aria-invalid=false]:focus){border-color:var(--color-focus);outline:0;box-shadow:0 0 0 3px var(--color-focus-soft)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) [data-ui-component=field][aria-invalid=true]{border-color:var(--color-danger);background:var(--color-danger-soft);box-shadow:none}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) [data-ui-component=field]:disabled{background:var(--color-subtle);color:var(--color-muted);cursor:not-allowed}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) [data-ui-component=field][readonly]{background:var(--color-subtle)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) [data-ui-component=field]::placeholder{color:var(--color-caption);opacity:1}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) select[data-ui-component=field]{padding-right:32px}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is(input[type=checkbox],input[type=radio]){accent-color:var(--color-brand);min-width:18px;min-height:18px}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) label:has(>input:is([type=checkbox],[type=radio])){min-height:var(--control-height);align-items:center;gap:var(--space-2)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is(.ui-card,.trial-surface,.planning-panel,.customer-card,.ui-panel){border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-panel)}
 body[data-ui-trial][data-design-system="4"] #main-content .ui-card-header{padding:var(--space-6);background:var(--color-surface);background-image:none;border-color:var(--color-border);box-shadow:none}
 body[data-ui-trial][data-design-system="4"] #main-content .ui-card-header::before,body[data-ui-trial][data-design-system="4"] #main-content .ui-card-header::after{display:none}
 body[data-ui-trial][data-design-system="4"] .ui-panel__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--color-border)}
 body[data-ui-trial][data-design-system="4"] .ui-panel__body{padding:var(--space-6)}
 body[data-ui-trial][data-design-system="4"] .ui-panel__header h2{font-size:var(--text-section);font-weight:var(--weight-heading)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is(.ui-table,.trial-data-table,.planning-data-table,[data-ui-component=data-table]){font-size:var(--text-ui);line-height:var(--leading-ui);font-variant-numeric:tabular-nums}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is(.ui-table,.trial-data-table,.planning-data-table)>thead>tr>th{background:var(--color-subtle);color:var(--color-muted);font-size:var(--text-meta);font-weight:var(--weight-label);letter-spacing:0;text-transform:none;padding:14px 16px}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is(.ui-table,.trial-data-table,.planning-data-table)>tbody>tr>td{padding:16px;border-color:var(--color-border);vertical-align:middle}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) :is(.ui-table,.trial-data-table,.planning-data-table)>tbody>tr:hover{background:var(--color-subtle)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) .ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 9px;border-radius:6px;font-size:var(--text-caption);font-weight:var(--weight-label);line-height:var(--leading-ui);letter-spacing:0;white-space:normal}
 body[data-ui-trial][data-design-system="4"] :is(.ui-badge-success,.trial-status--ACTIVE){background:var(--color-success-soft);color:var(--color-success);border-color:var(--color-success-border)}
 body[data-ui-trial][data-design-system="4"] :is(.ui-badge-warning,.trial-status--PLANNED){background:var(--color-warning-soft);color:var(--color-warning);border-color:var(--color-warning-border)}
 body[data-ui-trial][data-design-system="4"] :is(.ui-badge-danger,.trial-status--CANCELLED){background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger-border)}
 body[data-ui-trial][data-design-system="4"] :is(.ui-badge-info,.trial-status--COMPLETED){background:var(--color-info-soft);color:var(--color-info);border-color:var(--color-info-border)}
 body[data-ui-trial][data-design-system="4"] .ui-feedback{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-info-border);border-radius:var(--radius-control);color:var(--color-info);background:var(--color-info-soft);font-size:var(--text-ui)}
 body[data-ui-trial][data-design-system="4"] .ui-feedback[data-ui-tone=success]{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-success)}
 body[data-ui-trial][data-design-system="4"] .ui-feedback[data-ui-tone=warning]{border-color:var(--color-warning-border);background:var(--color-warning-soft);color:var(--color-warning)}
 body[data-ui-trial][data-design-system="4"] .ui-feedback[data-ui-tone=danger]{border-color:var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-danger)}
 body[data-ui-trial][data-design-system="4"] .ui-field-error{display:block;margin-top:var(--space-2);font-size:var(--text-meta);color:var(--color-danger)}
 body[data-ui-trial][data-design-system="4"] .ui-empty{padding:var(--space-8);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-panel);background:var(--color-subtle)}
 body[data-ui-trial][data-design-system="4"] .ui-empty__icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto var(--space-4);border-radius:var(--radius-control);background:var(--color-brand-soft);color:var(--color-brand-hover)}
 body[data-ui-trial][data-design-system="4"] .ui-empty__title{font-size:var(--text-subtitle);font-weight:var(--weight-label);color:var(--color-text)}
 body[data-ui-trial][data-design-system="4"] .ui-empty__description{max-width:48ch;margin:var(--space-2) auto 0;font-size:var(--text-ui);color:var(--color-muted);line-height:var(--leading-body)}
 body[data-ui-trial][data-design-system="4"] .ui-empty__action{margin-top:var(--space-4)}
 body[data-ui-trial][data-design-system="4"] .ui-stat-card{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--shadow-panel)}
 body[data-ui-trial][data-design-system="4"] .ui-stat-card__label{font-size:var(--text-ui);font-weight:var(--weight-medium);color:var(--color-muted);line-height:var(--leading-ui)}
 body[data-ui-trial][data-design-system="4"] .ui-stat-card__value{font-size:var(--text-metric);line-height:var(--leading-heading);font-weight:var(--weight-heading);color:var(--color-text);letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 body[data-ui-trial][data-design-system="4"] .ui-stat-card__description{font-size:var(--text-meta);line-height:var(--leading-body);color:var(--color-muted)}
 body[data-ui-trial][data-design-system="4"] .ui-stat-card__signal{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-control);background:var(--color-brand-soft);color:var(--color-brand-hover)}
 body[data-ui-trial][data-design-system="4"] .ui-stat-card__signal::before,body[data-ui-trial][data-design-system="4"] .ui-stat-card__signal::after{display:none}
 body[data-ui-trial][data-design-system="4"] .ui-stats-grid{gap:var(--space-4)}
 body[data-ui-trial][data-design-system="4"] .ui-stats-panel>summary{font-size:var(--text-ui);min-height:var(--control-height)}
 body[data-ui-trial][data-design-system="4"] :is(.trial-filter-form,.ui-filter-bar){gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel)}
 body[data-ui-trial][data-design-system="4"] :is(.ui-page-heading,.ui-page-header){display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);padding:0 0 var(--space-6);margin-bottom:var(--space-2);border:0;background:transparent;box-shadow:none}
 body[data-ui-trial][data-design-system="4"] .ui-page-header__description{max-width:68ch;margin-top:var(--space-2);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-muted)}
 body[data-ui-trial][data-design-system="4"] .ui-page-header__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);flex-shrink:0}
 body[data-ui-trial][data-design-system="4"] [data-ui-component=tabs]{display:flex;gap:var(--space-2);flex-wrap:wrap}
 body[data-ui-trial][data-design-system="4"] [data-ui-component=tabs] :is(a,button){min-height:var(--control-height);padding:10px 14px;font-size:var(--text-ui);font-weight:var(--weight-label);border-radius:var(--radius-control);color:var(--color-muted)}
 body[data-ui-trial][data-design-system="4"] [data-ui-component=tabs] :is(.is-active,[aria-current=page],[aria-selected=true]){background:var(--color-brand-soft);color:var(--color-brand-hover)}
}
@keyframes ui-spin{to{transform:rotate(360deg)}}
@media screen and (max-width:639px){
 body[data-ui-trial][data-design-system="4"] :is(.ui-page-heading,.ui-page-header){flex-direction:column;gap:var(--space-4)}
 body[data-ui-trial][data-design-system="4"] .ui-page-header__actions{width:100%;justify-content:flex-start;flex-shrink:1}
 body[data-ui-trial][data-design-system="4"] .ui-panel__header,body[data-ui-trial][data-design-system="4"] .ui-panel__body{padding:var(--space-4)}
 body[data-ui-trial][data-design-system="4"] :is(#main-content,#customer-content,.trial-login-form-panel,main) [data-ui-component=field]:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]){font-size:var(--text-body)}
}

@media screen{
 body[data-ui-trial][data-design-system="4"][data-admin-shell] #admin-sidebar{width:var(--sidebar-width)}
 body[data-ui-trial][data-design-system="4"][data-admin-shell] #admin-sidebar nav a{min-height:var(--control-height);font-size:var(--text-ui);font-weight:var(--weight-medium);padding:11px 12px;margin-bottom:4px;gap:var(--space-3)}
 body[data-ui-trial][data-design-system="4"][data-admin-shell] #admin-sidebar nav section>p{font-size:var(--text-caption);font-weight:var(--weight-label);letter-spacing:.02em;text-transform:none;margin-bottom:var(--space-2)}
 body[data-ui-trial][data-design-system="4"][data-admin-shell] #admin-sidebar .safe-bottom :is(a,button){font-size:var(--text-ui);min-height:var(--control-height)}
 body[data-ui-trial][data-design-system="4"][data-admin-shell] #admin-sidebar .safe-bottom p{font-size:var(--text-caption)}
 body[data-ui-trial][data-design-system="4"] .trial-workspace-switcher>label{font-size:var(--text-caption);letter-spacing:.02em;text-transform:none;color:var(--color-caption)}
 body[data-ui-trial][data-design-system="4"] .trial-workspace-select select{font-size:var(--text-ui)}
 body[data-ui-trial][data-design-system="4"] .trial-brand small{font-size:var(--text-caption)}
 body[data-ui-trial][data-design-system="4"] #admin-app-header :is(.workspace-phase-identity>p:first-child,.workspace-header-title span){font-size:var(--text-caption);line-height:var(--leading-ui);letter-spacing:0;text-transform:none}
 body[data-ui-trial][data-design-system="4"] #admin-app-header .workspace-phase-identity>p:last-child{font-size:var(--text-ui)}
 body[data-ui-trial][data-design-system="4"] .trial-menu-search{min-height:var(--control-height);font-size:var(--text-ui)}
 body[data-ui-trial][data-design-system="4"] .trial-menu-search kbd{font-size:var(--text-caption)}
 body[data-ui-trial][data-design-system="4"] .trial-local-badge{font-size:var(--text-caption);line-height:var(--leading-ui)}
 body[data-ui-trial][data-design-system="4"] .trial-workspace-body{margin-left:0}
 body[data-ui-trial][data-design-system="4"] #main-content{padding:var(--page-gutter);max-width:1600px}
 body[data-ui-trial][data-design-system="4"] .customer-navigation a{font-size:var(--text-ui);min-height:var(--control-height)}
 body[data-ui-trial][data-design-system="4"] :is(.customer-nav-caption,.customer-workspace-label){font-size:var(--text-caption);letter-spacing:0;text-transform:none}
 body[data-ui-trial][data-design-system="4"] .customer-page-hero p{font-size:var(--text-body)}
 body[data-ui-trial][data-design-system="4"] .trial-metric-label{font-size:var(--text-ui);line-height:var(--leading-ui)}
 body[data-ui-trial][data-design-system="4"] .trial-metric>p{font-size:var(--text-meta);color:var(--color-muted)}
 body[data-ui-trial][data-design-system="4"] .trial-metric>strong{font-size:var(--text-metric);font-weight:var(--weight-heading);line-height:var(--leading-heading)}
 body[data-ui-trial][data-design-system="4"] .trial-metric{padding:var(--space-6)}
 body[data-ui-trial][data-design-system="4"] .trial-dash-grid{gap:var(--space-6)}
 body[data-ui-trial][data-design-system="4"] :is(.trial-panel,.trial-table-panel){border-radius:var(--radius-panel)}
 body[data-ui-trial][data-design-system="4"] .trial-panel-heading h2{font-size:var(--text-section)}
 body[data-ui-trial][data-design-system="4"] .trial-panel-heading p{font-size:var(--text-ui);line-height:var(--leading-body)}
 body[data-ui-trial][data-design-system="4"] .trial-metric.trial-metric--featured{background:var(--color-featured);color:var(--color-white)}
 body[data-ui-trial][data-design-system="4"] .trial-metric--featured :is(p,strong,.trial-metric-label){color:var(--color-white)}
 body[data-ui-trial][data-design-system="4"] .trial-shell-design-link{display:flex;align-items:center;gap:var(--space-2);padding:10px 12px;border-radius:var(--radius-control);font-size:var(--text-ui);color:var(--color-brand-hover)}
}
@media screen and (max-width:639px){body[data-ui-trial][data-design-system="4"] #main-content{padding:var(--space-4)}body[data-ui-trial][data-design-system="4"] .trial-metric{padding:var(--space-4)}body[data-ui-trial][data-design-system="4"] .trial-metric>strong{font-size:1.75rem}}

@media screen{
 body[data-ui-trial][data-design-system="4"] .ui-system-hero{padding:var(--space-10);border:1px solid var(--color-brand-border);border-radius:var(--radius-dialog);background:var(--color-brand-soft);margin-bottom:var(--space-6)}
 body[data-ui-trial][data-design-system="4"] .ui-system-hero h1{font-size:clamp(1.875rem,3.2vw,2.5rem);font-weight:var(--weight-heading);line-height:1.2;letter-spacing:-.04em;color:var(--color-text);margin:var(--space-4) 0}
 body[data-ui-trial][data-design-system="4"] .ui-system-hero>p{font-size:var(--text-body);line-height:var(--leading-body);max-width:65ch;color:var(--color-muted)}
 body[data-ui-trial][data-design-system="4"] .ui-system-hero-actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}
 body[data-ui-trial][data-design-system="4"] .ui-system-version{font-size:var(--text-meta);font-weight:var(--weight-label);color:var(--color-brand-hover)}
 body[data-ui-trial][data-design-system="4"] .ui-system-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}
 body[data-ui-trial][data-design-system="4"] .ui-system-nav a{display:flex;align-items:center;min-height:var(--control-height);padding:10px 16px;border-radius:var(--radius-control);font-size:var(--text-ui);font-weight:var(--weight-label);color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border)}
 body[data-ui-trial][data-design-system="4"] .ui-system-nav a:hover{color:var(--color-brand-hover);border-color:var(--color-brand-border);background:var(--color-brand-soft)}
 body[data-ui-trial][data-design-system="4"] .ui-system-section{margin-top:var(--space-10);scroll-margin-top:7rem}
 body[data-ui-trial][data-design-system="4"] .ui-system-section-heading{margin-bottom:var(--space-6)}
 body[data-ui-trial][data-design-system="4"] .ui-system-section-heading h2{font-size:var(--text-section);font-weight:var(--weight-heading);line-height:var(--leading-heading);color:var(--color-text);margin:var(--space-2) 0}
 body[data-ui-trial][data-design-system="4"] .ui-system-section-heading p{font-size:var(--text-ui);max-width:72ch;color:var(--color-muted)}
 body[data-ui-trial][data-design-system="4"] .ui-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
 body[data-ui-trial][data-design-system="4"] .ui-system-grid>*{min-width:0}
 body[data-ui-trial][data-design-system="4"] .ui-system-type{display:grid;gap:var(--space-4)}
 body[data-ui-trial][data-design-system="4"] .ui-system-type-title{font-size:var(--text-title);font-weight:var(--weight-heading);line-height:var(--leading-heading);letter-spacing:-.03em}
 body[data-ui-trial][data-design-system="4"] .ui-system-type-section{font-size:var(--text-section);font-weight:var(--weight-heading)}
 body[data-ui-trial][data-design-system="4"] .ui-system-type-body{font-size:var(--text-body);line-height:var(--leading-body)}
 body[data-ui-trial][data-design-system="4"] .ui-system-type-ui{font-size:var(--text-ui);font-weight:var(--weight-label)}
 body[data-ui-trial][data-design-system="4"] .ui-system-type-meta{font-size:var(--text-meta);color:var(--color-muted)}
 body[data-ui-trial][data-design-system="4"] .ui-system-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
 body[data-ui-trial][data-design-system="4"] .ui-system-swatch{min-width:0}
 body[data-ui-trial][data-design-system="4"] .ui-system-swatch>span{display:block;height:64px;border-radius:var(--radius-control);margin-bottom:var(--space-2)}
 body[data-ui-trial][data-design-system="4"] [data-ui-swatch=brand]{background:var(--color-brand)}
 body[data-ui-trial][data-design-system="4"] [data-ui-swatch=text]{background:var(--color-text)}
 body[data-ui-trial][data-design-system="4"] [data-ui-swatch=success]{background:var(--color-success)}
 body[data-ui-trial][data-design-system="4"] [data-ui-swatch=warning]{background:var(--color-warning)}
 body[data-ui-trial][data-design-system="4"] [data-ui-swatch=danger]{background:var(--color-danger)}
 body[data-ui-trial][data-design-system="4"] [data-ui-swatch=info]{background:var(--color-info)}
 body[data-ui-trial][data-design-system="4"] .ui-system-swatch strong{display:block;font-size:var(--text-meta);font-weight:var(--weight-label)}
 body[data-ui-trial][data-design-system="4"] .ui-system-swatch small{display:block;font-size:var(--text-caption);color:var(--color-muted)}
 body[data-ui-trial][data-design-system="4"] .ui-system-button-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}
 body[data-ui-trial][data-design-system="4"] .ui-system-demo{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}
 body[data-ui-trial][data-design-system="4"] .ui-system-feedback-stack{display:grid;gap:var(--space-4)}
 body[data-ui-trial][data-design-system="4"] .ui-system-table-region{overflow:auto}
 body[data-ui-trial][data-design-system="4"] .ui-numeric{text-align:right;font-variant-numeric:tabular-nums}
 body[data-ui-trial][data-design-system="4"] .ui-table-meta{display:block;margin-top:var(--space-1);font-size:var(--text-meta);color:var(--color-muted)}
 body[data-ui-trial][data-design-system="4"] .ui-system-form{display:grid;gap:var(--space-2)}
 body[data-ui-trial][data-design-system="4"] .ui-system-form>label:not(:first-child){margin-top:var(--space-4)}
 body[data-ui-trial][data-design-system="4"] .ui-system-form-actions{margin-top:var(--space-4)}
 body[data-ui-trial][data-design-system="4"] [data-ui-component=button][aria-busy=true]{position:relative;color:transparent!important}
 body[data-ui-trial][data-design-system="4"] [data-ui-component=button][aria-busy=true]::before{position:absolute;left:calc(50% - .5rem);top:calc(50% - .5rem);color:var(--button-text)}
 body[data-ui-trial][data-design-system="4"] [data-ui-component=button][aria-busy=true]>svg{opacity:0}
 body[data-ui-trial][data-design-system="4"] #main-content .construction-project-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2) var(--space-3);padding:var(--space-4)}
 body[data-ui-trial][data-design-system="4"] #main-content .construction-project-search>label{grid-column:1/-1;position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal}
 body[data-ui-trial][data-design-system="4"] #main-content .construction-project-search>input{grid-column:1}
 body[data-ui-trial][data-design-system="4"] .trial-welcome{margin-bottom:var(--space-8)}
 body[data-ui-trial][data-design-system="4"] .trial-metrics{gap:var(--space-4);margin-bottom:var(--space-6)}
 body[data-ui-trial][data-design-system="4"] .trial-bottom-grid{gap:var(--space-6);margin-top:var(--space-6)}
 body[data-ui-trial][data-design-system="4"] #main-content :is(.cms-stat strong,.cms-module-card p,.cms-section-heading p){font-size:var(--text-ui);line-height:var(--leading-body)}
 body[data-ui-trial][data-design-system="4"] #main-content .cms-module-number{font-size:var(--text-caption)}
 body[data-ui-trial][data-design-system="4"] #main-content .cms-workspace-nav__brand>span{font-size:var(--text-meta)}
 body[data-ui-trial][data-design-system="4"] #main-content .cms-preview-link{font-size:var(--text-ui);min-height:var(--control-height);display:inline-flex;align-items:center;gap:var(--space-2)}
 body[data-ui-trial][data-design-system="4"] #main-content .cms-preview-link span{font-size:var(--text-ui)}
 body[data-ui-trial][data-design-system="4"] #main-content .finance-attention-panel p{font-size:var(--text-ui);line-height:var(--leading-body)}
 body[data-ui-trial][data-design-system="4"] #main-content .finance-attention-projects b{font-size:var(--text-meta)}
 body[data-ui-trial][data-design-system="4"] #main-content .finance-filter strong{font-size:var(--text-caption)}
 body[data-ui-trial][data-design-system="4"] #main-content .leaflet-control-attribution{font-size:var(--text-caption);line-height:var(--leading-ui)}
}
@media screen and (max-width:899px){body[data-ui-trial][data-design-system="4"] .ui-system-grid{grid-template-columns:minmax(0,1fr)}}
@media screen and (max-width:639px){body[data-ui-trial][data-design-system="4"] .ui-system-hero{padding:var(--space-6)}body[data-ui-trial][data-design-system="4"] .ui-system-section{margin-top:var(--space-8)}body[data-ui-trial][data-design-system="4"] .ui-system-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Construction workspace patterns. Planning and On Going are outside this module. */
@media screen{
 body[data-ui-trial][data-workspace-product="construction"] #main-content .ui-stat-card::before,body[data-ui-trial][data-workspace-product="construction"] #main-content .ui-stat-card::after{display:none}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-command-card{padding:var(--space-6);gap:var(--space-6)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-command-card h2{font-size:var(--text-section);font-weight:var(--weight-heading);line-height:var(--leading-heading)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-command-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-command-meta>span:first-child{font-size:var(--text-meta);color:var(--color-muted)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-project-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card{padding:var(--space-6);min-width:0}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card__label{font-size:var(--text-ui);font-weight:var(--weight-medium);color:var(--color-muted)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card__value{font-size:clamp(1.375rem,2vw,1.75rem);font-weight:var(--weight-heading);line-height:var(--leading-heading);letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin:var(--space-3) 0;white-space:nowrap;color:var(--color-text)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card__description{font-size:var(--text-meta);line-height:var(--leading-body);color:var(--color-muted)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card--net{background:var(--color-featured);border-color:var(--color-featured)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card--net .rab-summary-card__value{color:var(--color-white)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card--net :is(.rab-summary-card__label,.rab-summary-card__description){color:var(--color-featured-muted)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-section-heading h2{font-size:var(--text-section);font-weight:var(--weight-heading)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-section-heading p{font-size:var(--text-ui);color:var(--color-muted);line-height:var(--leading-body);max-width:60ch}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-section-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}
 body[data-ui-trial][data-workspace-product="construction"] #main-content [data-rab-modal-close],body[data-ui-trial][data-workspace-product="construction"] #main-content [data-rab-save-master-close]{min-width:var(--control-height);width:var(--control-height);min-height:var(--control-height);padding:10px;border-color:transparent;color:var(--color-muted)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-project-mobile-list,body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-recent-mobile{padding:var(--space-4);gap:var(--space-3)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-project-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);text-decoration:none;color:var(--color-text);transition:border-color var(--duration-control),background var(--duration-control)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-project-card:hover{background:var(--color-subtle);border-color:var(--color-brand-border)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-project-card__meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-meta);color:var(--color-caption)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-project-card__title{font-size:var(--text-body);line-height:var(--leading-ui);font-weight:var(--weight-label);overflow-wrap:anywhere}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-project-card__client{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-ui);color:var(--color-muted)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-project-card__client svg{width:18px;height:18px}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-project-card__location{font-size:var(--text-meta);color:var(--color-muted);line-height:var(--leading-body)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-project-card__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-meta);color:var(--color-brand-hover)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-recent-mobile{display:none}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-quotation-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-4)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-quotation-strip h2{font-size:var(--text-ui);font-weight:var(--weight-label);margin:0}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-quotation-strip .ui-eyebrow{display:none}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-quotation-strip .ui-helper{font-size:var(--text-meta);margin-top:var(--space-1);line-height:var(--leading-ui)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-list-mobile{display:none}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-list-mode{display:none}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-record-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-record-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-record-card__title{display:block;margin-top:var(--space-1);font-size:var(--text-body);font-weight:var(--weight-label);line-height:var(--leading-ui);color:var(--color-text);overflow-wrap:anywhere}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-record-card>dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-record-card dt{font-size:var(--text-caption);color:var(--color-muted)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-record-card dd{margin-top:var(--space-1);font-size:var(--text-ui);font-weight:var(--weight-medium);color:var(--color-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-record-card__wide{grid-column:1/-1}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-record-card>footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-record-card>footer .ui-btn-ghost{padding-inline:0}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .ui-field-with-icon{--field-padding-start:44px}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-vendor-filter{align-items:end;padding:0;border:0;background:transparent;box-shadow:none}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-filter-field{display:grid;gap:var(--space-2)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-filter-field .ui-field{width:100%}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .ui-badge-success{background:var(--color-success-soft);color:var(--color-success);border-color:var(--color-success-border)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .ui-badge-warning{background:var(--color-warning-soft);color:var(--color-warning);border-color:var(--color-warning-border)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .ui-badge-danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger-border)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .ui-badge-info{background:var(--color-info-soft);color:var(--color-info);border-color:var(--color-info-border)}
}
@media screen and (max-width:1199px){body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-project-metrics{grid-template-columns:minmax(0,1fr)}body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-section-heading{flex-direction:column}}
@media screen and (max-width:639px){
 body[data-ui-trial][data-workspace-product="construction"] #main-content .trial-project-table .trial-table-scroll{display:none}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-recent-mobile{display:grid}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card,body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-command-card{padding:var(--space-4)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-project-metrics{display:block;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-1) var(--space-3);min-height:0;padding:var(--space-3) 0;border:0;border-radius:0;box-shadow:none;background:transparent}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card__value{grid-column:2;grid-row:1/3;font-size:1.125rem;margin:0;color:var(--color-text)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card__description{grid-column:1;font-size:var(--text-caption)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card--net{margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card--net .rab-summary-card__value{color:var(--color-brand-hover);font-weight:var(--weight-heading)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card--net .rab-summary-card__label{color:var(--color-text);font-weight:var(--weight-label)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-summary-card--net .rab-summary-card__description{color:var(--color-muted)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-quotation-strip{flex-direction:row;align-items:center}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-quotation-strip>div{flex:1}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-quotation-strip .ui-btn{padding:10px 12px;font-size:var(--text-ui);max-width:120px;flex-shrink:0;text-align:center}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-section-actions{width:100%}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-section-actions>.ui-btn:first-child{flex:1 1 100%}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .rab-section-actions>.ui-btn:not(:first-child){flex:1}
 body[data-ui-trial][data-workspace-product="construction"] #main-content form .ui-field::placeholder{font-size:var(--text-ui)}
}
@media screen and (max-width:1199px){
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-list-mobile{display:grid;gap:var(--space-3);padding:var(--space-4)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-list-mode{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .construction-desktop-table{display:none}
 body[data-ui-trial][data-workspace-product="construction"] #main-content [data-construction-list].is-table-view .construction-desktop-table{display:block}
 body[data-ui-trial][data-workspace-product="construction"] #main-content [data-construction-list].is-table-view .construction-list-mobile{display:none}
 body[data-ui-trial][data-workspace-product="construction"] #main-content .table-sort-button{min-height:var(--control-height)}
}