/* Focused component refinements. Preserve the sunset, charcoal, imagery and copy. */
:root{--page-muted:#b7aaa0;--page-faint:#aa9e93}
.prompt-examples{gap:8px;margin-top:8px}.prompt-examples button{min-height:44px;min-width:44px;padding:10px 9px;font-size:11px;line-height:1.3;border-bottom:0;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#fff0e23d;color:#f1dfd0}.prompt-examples>span{color:#d5c2b5}
.review-controls button{min-height:44px;min-width:44px;padding:10px 12px;font-size:12px;line-height:1.3;color:#e1cdbd;justify-content:center}.review-controls{gap:8px}#tour-text,.force-mobile #tour-text{display:inline}#tour-icon{font-family:Arial,sans-serif}.scene-tabs button{min-height:44px;padding:10px 0}.scene-tabs{gap:20px}.console-caption{padding-bottom:7px}
#workflow-replay{min-width:108px;min-height:44px;padding:10px 9px;font-size:11px;line-height:1.3;color:#e1cbb1;border:1px solid #d9c09f30;border-radius:7px}.quiet-control{min-height:44px;padding:10px 0;font-size:11px;line-height:1.3;color:#b7a99b}.text-link{min-height:44px}.quiet-control:disabled,.review-controls button:disabled{opacity:1;color:#a99a8a}
button:focus-visible,a:focus-visible{outline:2px solid #e3c9a7;outline-offset:4px}
.feature-button>span,.feature-button i{color:#b0a192}.preview-chrome>span:last-child,.preview-foot,.fp-head small,.fp-search,.fp-person small,.fp-note,.fp-app small,.fp-compose-foot span{color:#afa296;font-size:11px}.preview-chrome{font-size:12px}.preview-foot{line-height:1.4;padding:12px 20px}.fp-person b,.fp-app b{font-size:12px}.fp-row>span:last-child{font-size:10px}.fp-compose-head{font-size:11px}.fp-calendar-days{color:#bcb0a3;font-size:11px}.fp-event{font-size:11px;color:#e0d1c2;padding:9px 5px}.fp-event.warm{color:#f0d5b4}
.fp-calendar-agenda,.calendar-day-label{display:none}
.demo-eyebrow{font-size:11px;color:#c0b1a0}.demo-eyebrow>span{font-size:10px;color:#afa294}.calendar-note,.workflow-status,.chart-labels{font-size:11px;color:#b4a491;line-height:1.45}.workflow-status{padding:12px 0}.workflow-demo{height:auto;min-height:320px;padding-bottom:16px}.flow-node.trigger,.flow-node.child{font-size:11px;color:#beae9a}.flow-node{font-size:11px}.flow-node.principal{font-size:11px}.analytics-period button{font-size:11px;color:#c3af96;min-height:36px}.analytics-top small{font-size:11px}.bento-copy>span{font-size:11px;color:#bc9f81}.bento-copy p{color:#b5a79a}.week-head{font-size:11px;color:#b9aa9a}.week-head b{color:#dbcdba}.mini-event{font-size:11px;color:#d1c2b0;padding:7px 5px}.mini-event small{font-size:10px}.bento-calendar .bento-demo{height:330px}.calendar-note{margin-top:10px}.console-foot{font-size:11px;color:#c5b6a8}.site-footer,.site-footer>small{font-size:11px;color:#b6a592}.prototype-bar{font-size:10px;color:#ac9e91}.pricing-draft,.pricing-inquiry>p,.inquiry-disclosure{color:#b4a394}.console-frame .sh[data-app-scheme=dark]{--app-ink-faint:#aaa093}
/* Compact feature chooser: stable controls, then the active copy beside its preview in reading order. */
#workspaces[data-feature-layout=compact] .feature-layout{display:block}
#workspaces[data-feature-layout=compact] .feature-accordion{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
#workspaces[data-feature-layout=compact] .feature-item{padding:0;border:1px solid #eed7c124;border-radius:8px;overflow:visible}
#workspaces[data-feature-layout=compact] .feature-item.active{background:#d6b89a0b;border-color:#e7ccb43a}
#workspaces[data-feature-layout=compact] .feature-button{min-height:76px;height:100%;padding:13px 11px 13px 31px;gap:0;align-items:center}
#workspaces[data-feature-layout=compact] .feature-button>span{left:10px;top:16px;font-size:10px}
#workspaces[data-feature-layout=compact] .feature-button strong{font-size:13px;line-height:1.35;font-weight:450}
#workspaces[data-feature-layout=compact] .feature-button i{display:none}
#workspaces[data-feature-layout=compact] .feature-progress{left:0;right:0;top:-1px;border-radius:8px}
#workspaces[data-feature-layout=compact] #feature-autoplay{grid-column:1/-1;justify-self:start;padding:10px 3px}
.feature-mobile-copy{padding:20px 20px 8px;min-height:218px;border-bottom:1px solid var(--page-rule)}
.feature-mobile-copy h3{font-size:20px;font-weight:400;letter-spacing:-.025em;line-height:1.15;margin:0 0 12px;color:#f4e8dc}
.feature-mobile-copy p{font-size:13px;line-height:1.55;color:#bfb0a2;margin:0 0 8px;max-width:38ch}
.feature-mobile-copy .text-link{margin:0;font-size:12px}
#workspaces[data-feature-layout=compact] .feature-stage{width:100%}
#workspaces[data-feature-layout=compact] .feature-preview{height:320px;padding:20px}
#workspaces[data-feature-layout=compact] .fp-head{display:block;margin-bottom:14px}
#workspaces[data-feature-layout=compact] .fp-head h3{font-size:21px;line-height:1.2}
#workspaces[data-feature-layout=compact] .fp-head small{display:block;margin-top:5px}
#workspaces[data-feature-layout=compact] .fp-row{padding:12px 0}
#workspaces[data-feature-layout=compact] .fp-search{padding:8px 10px;margin-bottom:12px}
#workspaces[data-feature-layout=compact] .fp-note{display:none}
#workspaces[data-feature-layout=compact] .fp-app{height:111px;padding:14px 12px}
#workspaces[data-feature-layout=compact] .fp-app span{margin-bottom:8px}
#workspaces[data-feature-layout=compact] .fp-app small{font-size:10px;line-height:1.35}
#workspaces[data-feature-layout=compact] .fp-compose-body{padding:15px;font-size:12px}
#workspaces[data-feature-layout=compact] .fp-compose-head{padding:10px 12px;flex-wrap:wrap;gap:4px}
#workspaces[data-feature-layout=compact] .fp-compose-foot{padding:10px 12px}
#workspaces[data-feature-layout=compact] .fp-calendar-days,#workspaces[data-feature-layout=compact] .fp-calendar-body{display:none}
#workspaces[data-feature-layout=compact] .fp-calendar-agenda{display:block}
.fp-calendar-agenda>div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;min-height:43px;border-top:1px solid var(--page-rule);font-size:12px;color:#c0af9e}
.fp-calendar-agenda strong{font-size:12px;font-weight:450;line-height:1.35;color:#e1ceba}
/* Mobile agendas present the same sample events without squeezed or clipped columns. */
.site-wrap[data-compact-layout=true] .console-caption{flex-wrap:wrap;gap:4px 10px}.site-wrap[data-compact-layout=true] .review-controls{margin-left:auto;gap:4px}.site-wrap[data-compact-layout=true] .review-controls button{padding:10px 8px;font-size:11px}.site-wrap[data-compact-layout=true] .scene-tabs{gap:17px}.site-wrap[data-compact-layout=true] .prompt-examples{gap:4px}.site-wrap[data-compact-layout=true] .prompt-examples button{padding:10px 6px;font-size:11px}.site-wrap[data-compact-layout=true] .console-foot{font-size:10px;line-height:1.5}
.site-wrap[data-compact-layout=true] .bento-calendar .bento-demo{height:auto;min-height:348px;padding-bottom:18px}
.site-wrap[data-compact-layout=true] .week-head{display:none}.site-wrap[data-compact-layout=true] .week-body{display:flex;flex-direction:column;gap:6px;height:auto;margin-top:0;border:0;background:none}
.site-wrap[data-compact-layout=true] .week-body>div:not(.mini-now){display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;border-right:0}
.site-wrap[data-compact-layout=true] .calendar-day-label{display:block;font-size:11px;line-height:1.4;color:#c9b6a1}
.site-wrap[data-compact-layout=true] .mini-event{position:static;height:auto;min-height:44px;padding:11px 10px;font-size:12px;line-height:1.4;overflow:visible;display:block}
.site-wrap[data-compact-layout=true] .mini-event.proposed{width:100%;min-height:56px}.site-wrap[data-compact-layout=true] .mini-event small{display:inline;margin-left:8px;font-size:11px}.site-wrap[data-compact-layout=true] .mini-event br{display:none}.site-wrap[data-compact-layout=true] .mini-now{display:none}.site-wrap[data-compact-layout=true] .calendar-note{text-align:left;font-size:11px}
@media(prefers-reduced-motion:reduce){.feature-mobile-copy{scroll-behavior:auto}}

.mini-week{height:auto;overflow:visible}
#workspaces[data-feature-layout=compact] .feature-preview{height:360px}
#workspaces[data-feature-layout=compact] .fp-compose-body{padding:12px;line-height:1.5}
#workspaces[data-feature-layout=compact] .fp-compose-body h4{font-size:18px;line-height:1.2;margin:5px 0 10px}
#workspaces[data-feature-layout=compact] .fp-compose-body p{font-size:12px;line-height:1.45;margin:10px 0 0}
#workspaces[data-feature-layout=compact] .fp-compose-body small{font-size:11px}

#workspaces[data-feature-layout=compact] .feature-preview{height:368px}

/* Suite refinements: functional focus, readable alternate console scheme, resilient symbols. */
.skip-link{position:fixed;left:16px;top:12px;z-index:10000;transform:translateY(-180%);padding:12px 18px;border-radius:8px;background:#eddbc3;color:#211b16;font-size:14px}.skip-link:focus{transform:translateY(0)}
.ui-arrow{width:14px;height:14px;flex:none;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.customer-toolbar label:focus-within{outline:2px solid var(--app-focus);outline-offset:3px;border-radius:var(--app-r-field)}
.console-frame>.sh[data-app-scheme=light]{--app-base-l:.96;--app-base-c:.0093;--app-base-h:100;--color-base-200:oklch(92.5% .0107 112);--color-base-300:oklch(83% .013 112);--app-accent:oklch(54% .21 33);--app-ink-faint:color-mix(in oklab,var(--app-ink) 62%,var(--color-base-100))}
.console-frame>.sh[data-app-scheme=light] .person-label{color:var(--app-ink-body)}
.prompt[aria-invalid=true],.prompt:has(input[aria-invalid=true]){outline:2px solid #e3b697;outline-offset:3px}

.nav-cta{min-height:44px}.prompt button{min-height:44px;min-width:44px}.voice-wave>button{width:44px;height:44px;min-width:44px;min-height:44px}#tour-icon{display:inline-flex;align-items:center}#workflow-replay .ui-arrow{width:12px;height:12px;margin-left:3px}
.console-frame>.sh[data-app-scheme=light] .person-avatar{color:var(--app-ink);background:color-mix(in oklab,var(--person-color) 30%,var(--color-base-100))}.console-frame>.sh[data-app-scheme=light] .demo-app .app-icon{color:var(--app-accent);background:color-mix(in oklab,var(--app-accent) 8%,var(--color-base-100))}
/* Keep every desktop preview inside its card when the component itself narrows. */
.feature-stage{container-type:inline-size;container-name:revent-preview}
@container revent-preview (max-width:360px){#workspaces[data-feature-layout=desktop] .feature-preview{height:460px}#workspaces[data-feature-layout=desktop] .fp-head{display:block}#workspaces[data-feature-layout=desktop] .fp-head small{display:block;margin-top:6px}}