/* Shared colour presets. Dark mode has its own surface and accent scale below. */
body { --mono:ui-monospace,'SFMono-Regular',Consolas,monospace; --rose:#f4dce5; --soft-ink:#33403a; --muted:#626a60; --shadow-soft:0 8px 28px #18241a09; color-scheme:light; }
body[data-theme=fern] { --canvas:#ecf1ed;--paper:#fdfffd;--paper-2:#f2f7f3;--ink:#21392d;--muted:#607267;--line:#d7e3da;--accent:#69cba4;--accent-ink:#163c2e;--tint:#e0f0e7;--violet:#e1dcf0;--blue:#d9e9e7;--peach:#efe7ce;--rail:#1d3028;--focus:#236147; }
body[data-theme=butter] { --canvas:#f0efe9;--paper:#fffefa;--paper-2:#f7f6f0;--ink:#353447;--muted:#6d6c76;--line:#e3e1d8;--accent:#efdf8d;--accent-ink:#39351f;--tint:#f5efcf;--violet:#e3dff1;--blue:#dcecea;--peach:#f0e1d1;--rail:#2b2a39;--focus:#75650e; }
body[data-theme=orchid] { --canvas:#efedf4;--paper:#fffefd;--paper-2:#f6f3f9;--ink:#362c49;--muted:#70657d;--line:#e2dcea;--accent:#7855d5;--accent-ink:#fff;--tint:#ece5f9;--violet:#e5dff6;--blue:#dcebe6;--peach:#efe7d0;--rail:#2d243e;--focus:#6540ba; }
body[data-theme=ruby] { --canvas:#f3edf0;--paper:#fffdfd;--paper-2:#f8f2f5;--ink:#402b37;--muted:#786672;--line:#e8dce2;--accent:#b83e65;--accent-ink:#fff;--tint:#f4e2e9;--violet:#e4ddf1;--blue:#ddece5;--peach:#f0e4cf;--rail:#362630;--focus:#a1375b; }
body[data-theme=orchid] .collection-amount,body[data-theme=orchid] .owner-brand>.icon { color:#c9b7fc; }
body[data-theme=ruby] .collection-amount,body[data-theme=ruby] .owner-brand>.icon { color:#f2b0c6; }
body[data-theme=cobalt] .collection-amount { color:#bacaff; }

/* Review room chrome stays quiet so the product studies lead. */
.studio-layout { grid-template-columns:172px minmax(0,1fr); }
.studio-sidebar { padding-left:13px;padding-right:13px; }
#main { padding:26px 25px 36px;max-width:1660px; }
.design-controls { align-items:flex-start;gap:18px; }
.theme-switch { flex-wrap:wrap;gap:2px;padding:4px;border-radius:14px; }
.theme-switch button { padding:8px 10px;font-size:10px;min-height:34px; }
.control-right { padding-top:4px;flex-shrink:0; }
.layout-controls { margin-top:17px;margin-bottom:30px;padding-bottom:22px; }
.layout-switch button { font-size:11px;padding:10px 12px;border-radius:8px; }
.layout-switch .icon { width:15px;height:15px; }
#layout-description { font-size:10px; }
.micro-label { display:block;font-size:9px;font-weight:600;line-height:1.6;letter-spacing:.08em;color:var(--muted); }
.round-three-intro { display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;margin:42px 0 35px; }
.round-three-intro h1 { font:600 clamp(38px,4.5vw,66px)/1.04 var(--display);letter-spacing:-2.8px;margin:17px 0; }
.round-three-intro h1 span { color:var(--muted); }
.round-three-intro p { font-size:12px;line-height:1.8;color:var(--muted); }
.review-direction-note { border-left:1px solid var(--line);padding-left:30px; }
.review-direction-note p { margin:15px 0 18px; }
.review-direction-note strong { color:var(--ink); }
.review-direction-note .text-button { font-size:10px; }
.interface-studies { display:grid;grid-template-columns:1fr 1fr;gap:23px; }
.interface-study { min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:19px;overflow:hidden; }
.interface-study.selected { border-color:var(--ink); }
.interface-study>header { display:flex;align-items:center;justify-content:space-between;padding:23px 25px 20px; }
.interface-study>header h2 { font-size:30px;letter-spacing:-1px;margin-top:7px; }
.study-letter { width:37px;height:37px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line); }
.study-letter .icon { width:19px; }
.interface-thumbnail { height:257px;overflow:hidden;background:var(--paper-2);padding:17px;position:relative;border-block:1px solid var(--line); }
.thumbnail-workspace { width:900px;transform:scale(.46);transform-origin:top left;background:var(--paper-2);padding:24px;border-radius:20px;box-shadow:var(--shadow-soft); }
.interface-thumbnail[data-ui=signal] .thumbnail-workspace { background:var(--paper); }
.interface-thumbnail[data-ui=glass] { background:linear-gradient(130deg,var(--tint),var(--paper-2)); }
.interface-thumbnail[data-ui=glass] .thumbnail-workspace { background:color-mix(in srgb,var(--paper),transparent 15%);border:1px solid var(--line); }
.thumb-toolbar { display:flex;justify-content:space-between;font-size:20px;margin-bottom:20px; }
.thumb-toolbar span { font-size:14px;color:var(--muted); }
.interface-study-copy { padding:23px 25px; }
.interface-study-copy h3 { font-size:16px;letter-spacing:-.4px; }
.interface-study-copy p { font-size:11px;line-height:1.85;color:var(--muted);margin:13px 0 20px;min-height:61px; }
.interface-study-copy .button { font-size:10px;padding:11px 12px;border-radius:9px; }
.interface-study-copy .button .icon { width:14px;height:14px; }
.screen-map { display:grid;grid-template-columns:1fr 1.6fr;gap:34px;margin:48px 0;padding:30px 0;border-block:1px solid var(--line); }
.screen-map h2 { font-size:29px;letter-spacing:-1px;margin:10px 0; }
.screen-map p { font-size:12px;color:var(--muted);line-height:1.7; }
.screen-map>div:last-child { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.screen-map button { background:var(--paper);border:1px solid var(--line);padding:15px;border-radius:11px;display:flex;text-align:left;align-items:center;gap:12px; }
.screen-map button>.icon { width:20px;height:20px;flex-shrink:0; }
.screen-map button>.icon:last-child { width:13px;margin-left:auto; }
.screen-map button strong { font-size:11px;display:block; }
.screen-map button small { display:block;font-size:9px;color:var(--muted);margin-top:6px;line-height:1.5; }
.palette-grid { grid-template-columns:repeat(3,1fr); }
.palette-bars { height:70px; }
.combination-note { display:flex;gap:22px;border:1px solid var(--line);background:var(--paper);padding:30px;border-radius:16px;margin-top:40px; }
.combination-note>span { background:var(--tint);color:var(--ink);padding:13px;border-radius:12px;height:fit-content; }
.combination-note h3 { font-size:21px;letter-spacing:-.5px; }
.combination-note p { font-size:12px;line-height:1.9;color:var(--muted);max-width:660px;margin-top:10px; }

/* Shared product surfaces and the richer workspace navigation. */
.owner-v2 .app-content { padding:24px; }
.owner-v2 { grid-template-columns:160px minmax(0,1fr); }
.owner-v2-nav .app-nav-button { font-size:10px;gap:8px;padding:10px 8px; }
.owner-v2-nav .app-nav-button>.icon { width:17px;height:17px;flex-shrink:0; }
.owner-v2-nav .nav-count { font-size:8px; }
.owner-rail { padding-inline:10px;gap:22px; }
.owner-brand { font-size:20px; }
.owner-workspace { container-type:inline-size; }
.product-shortcuts { display:flex;gap:5px;padding:10px 22px;background:var(--paper);border-bottom:1px solid var(--line);overflow-x:auto; }
.product-shortcuts button { display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:6px;background:none;color:var(--muted);font-size:10px;white-space:nowrap; }
.product-shortcuts button[aria-current=page] { background:var(--tint);color:var(--ink); }
.product-shortcuts .icon { width:14px;height:14px; }
.product-shortcuts button>span { font-size:8px;background:var(--paper-2);border:1px solid var(--line);padding:1px 4px;border-radius:4px; }
.work-page-title { display:flex;justify-content:space-between;gap:20px;align-items:center;margin:5px 0 26px; }
.work-page-title h2 { font-size:34px;letter-spacing:-1.5px;line-height:1.15;margin:10px 0 12px; }
.work-page-title p { font-size:11px;line-height:1.8;color:var(--muted);max-width:470px; }
.work-page-title>.button { font-size:10px;padding:11px 13px;flex-shrink:0; }
.paper-section { background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:21px;min-width:0; }
.paper-section .panel-header h3 { font-size:17px;letter-spacing:-.5px;margin-top:5px; }
.metrics-ribbon { display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--paper);border:1px solid var(--line);border-radius:13px;margin-bottom:22px;overflow:hidden; }
.metrics-ribbon>div { padding:18px 16px;border-right:1px solid var(--line);min-width:0; }
.metrics-ribbon>div:last-child { border:0; }
.metrics-ribbon>div>span { display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);white-space:nowrap; }
.metrics-ribbon .icon { width:13px;height:13px; }
.metrics-ribbon strong { display:block;font:500 26px/1.2 var(--display);letter-spacing:-1px;margin:12px 0 7px;white-space:nowrap; }
.metrics-ribbon strong small { font:500 12px var(--body);color:var(--muted);letter-spacing:0; }
.metrics-ribbon>div>small { font-size:8px;line-height:1.7;color:var(--muted);display:block; }
.activity-panel { border:1px solid var(--line);border-radius:17px;background:var(--paper);padding:23px;margin-top:20px; }
.activity-panel h3 { font-size:19px;letter-spacing:-.5px;margin-top:5px; }
.activity-strip { display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px; }
.activity-strip>div { display:flex;gap:9px;align-items:flex-start;border-left:2px solid var(--line);padding-left:12px;position:relative;min-width:0; }
.activity-strip .icon { width:16px;height:16px;color:var(--muted);flex-shrink:0; }
.activity-strip strong { display:block;font-size:10px;line-height:1.7; }
.activity-strip small { display:block;font-size:9px;color:var(--muted);margin-top:4px;line-height:1.6; }
.activity-strip time { position:absolute;top:-13px;right:0;font-size:7px;color:var(--muted); }

/* Canvas: a calendar and paper objects, with an adjacent working inspector. */
.owner-v2[data-ui=canvas] { background:var(--paper-2);grid-template-columns:145px minmax(0,1fr); }
.owner-v2[data-ui=canvas] .owner-rail { margin:14px 0 14px 14px;border-radius:16px; }
.owner-v2[data-ui=canvas] .owner-brand { font-size:17px; }
.owner-v2[data-ui=canvas] .owner-v2-top { background:transparent;border:0; }
.owner-v2[data-ui=canvas] .app-content { padding:20px; }
.owner-v2[data-ui=canvas] .app-nav-button { border-radius:7px; }
.owner-v2[data-ui=canvas] .operator-switch { padding:8px 5px; }
.owner-v2[data-ui=canvas] .workspace-initial { display:none; }
.canvas-welcome { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px; }
.canvas-welcome h2 { font:500 36px/1.1 var(--display);letter-spacing:-1.9px;margin:12px 0; }
.canvas-welcome h2>span { color:var(--muted); }
.canvas-welcome p { font-size:10px;color:var(--muted); }
.canvas-date-stamp { display:grid;justify-items:center;background:var(--tint);border:1px solid var(--line);border-radius:12px;width:111px;padding:15px 7px;transform:rotate(3deg);flex-shrink:0;box-shadow:4px 5px 0 var(--paper),5px 6px 0 var(--line); }
.canvas-date-stamp strong { font:500 63px/1.1 var(--display);letter-spacing:-3px; }
.canvas-date-stamp span { font-size:7px;letter-spacing:.1em; }
.canvas-workspace { display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:13px;align-items:stretch; }
.week-canvas { min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--paper);overflow:hidden; }
.calendar-caption { display:flex;justify-content:space-between;align-items:center;padding:19px;gap:12px; }
.calendar-caption h3 { font-size:18px;letter-spacing:-.6px;margin-top:5px; }
.calendar-columns { display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));overflow-x:auto;min-height:360px;background:repeating-linear-gradient(0deg,transparent 0,transparent 47px,var(--line) 48px,transparent 49px); }
.calendar-day { min-width:0;border-left:1px solid var(--line); }
.calendar-day:first-child { border:0; }
.calendar-date { display:flex;gap:8px;align-items:center;justify-content:center;padding:13px 4px;border-block:1px solid var(--line);background:var(--paper-2); }
.calendar-date>span { font-size:9px;color:var(--muted); }
.calendar-date strong { font:500 23px var(--display);letter-spacing:-1px; }
.calendar-date.today { background:var(--tint); }
.calendar-lane { padding:16px 6px;display:grid;gap:12px; }
.work-card { display:block;width:100%;text-align:left;padding:12px 9px;border:1px solid transparent;border-radius:9px;box-shadow:0 3px 0 #18231807; }
.work-card.lilac { background:var(--violet); }
.work-card.aqua { background:var(--blue); }
.work-card.sand { background:var(--peach); }
.work-card.rose { background:var(--rose); }
.work-card.selected { border-color:var(--ink);box-shadow:0 0 0 2px var(--paper); }
.work-card>span { display:flex;gap:5px;align-items:center;font:9px var(--mono); }
.work-card>span>.icon { width:12px;height:12px; }
.work-card strong { display:block;font-size:11px;line-height:1.5;margin:14px 0 10px;letter-spacing:-.2px; }
.work-card small { font-size:8px;line-height:1.7;display:block; }
.work-card-foot { display:flex;justify-content:space-between;gap:4px;font-size:7px;border-top:1px solid #1a243018;margin-top:13px;padding-top:9px;align-items:center; }
.work-card-foot>.icon { width:10px;height:10px; }
.calendar-free { color:var(--muted);font-size:8px;text-align:center;line-height:1.8;padding-top:50px; }
.work-inspector { border:1px solid var(--line);background:var(--paper);padding:19px;border-radius:15px;min-width:0; }
.work-inspector>.badge { font-size:8px;margin-top:17px; }
.work-inspector h3 { font-size:23px;letter-spacing:-.8px;line-height:1.2;margin:13px 0; }
.work-inspector>p { font-size:10px;line-height:1.9;color:var(--muted); }
.work-inspector dl { margin:18px 0;border-top:1px solid var(--line); }
.work-inspector dl>div { padding:10px 0;border-bottom:1px solid var(--line); }
.work-inspector dt { font-size:8px;color:var(--muted);margin-bottom:5px; }
.work-inspector dd { font-size:10px;line-height:1.6;margin:0; }
.work-inspector .button { font-size:10px;padding:10px 9px; }
.inspector-note { display:flex;gap:7px;align-items:flex-start;margin-top:18px;color:var(--muted);font-size:8px;line-height:1.8; }
.inspector-note>.icon { width:13px;height:13px;flex-shrink:0; }
.canvas-bottom { display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:14px;margin-top:18px; }
.canvas-bottom .paper-section { padding:17px; }
.canvas-bottom .data-table { font-size:9px; }
.canvas-bottom .data-table td,.canvas-bottom .data-table th { padding:12px 8px; }
.canvas-bottom .panel-header .button { font-size:9px; }
.canvas-note { background:var(--accent);color:var(--accent-ink);border-radius:15px;padding:23px 20px; }
.canvas-note .micro-label { color:inherit; }
.canvas-note h3 { font-size:25px;letter-spacing:-1px;line-height:1.1;margin:18px 0; }
.canvas-note p { font-size:10px;line-height:1.9;margin-bottom:20px; }
.canvas-note button { display:flex;align-items:center;gap:7px;width:100%;background:transparent;border-top:1px solid currentColor;padding:12px 0;font-size:9px;text-align:left; }
.canvas-note .icon { width:15px;height:15px; }

/* Signal: precise instruments and a record queue with a persistent inspector. */
.owner-v2[data-ui=signal] { background:var(--paper);grid-template-columns:160px minmax(0,1fr); }
.owner-v2[data-ui=signal] .owner-rail { background:var(--paper-2);color:var(--ink);border-right:1px solid var(--line); }
.owner-v2[data-ui=signal] .owner-brand>.icon { color:var(--ink); }
.owner-v2[data-ui=signal] .operator-switch { border-color:var(--line);border-radius:7px; }
.owner-v2[data-ui=signal] .app-nav-button { color:var(--muted);border-radius:6px; }
.owner-v2[data-ui=signal] .app-nav-button.active { background:var(--ink);color:var(--paper); }
.owner-v2[data-ui=signal] .operator-switch small,.owner-v2[data-ui=signal] .owner-rail-bottom small,.owner-v2[data-ui=signal] .owner-rail-bottom>button { color:var(--muted); }
.owner-v2[data-ui=signal] .owner-rail-bottom .row { border-color:var(--line); }
.owner-v2[data-ui=signal] .app-content { padding:22px; }
.signal-heading { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px; }
.signal-heading h2 { display:flex;align-items:center;gap:10px;font-size:29px;letter-spacing:-1.1px;margin-top:9px; }
.signal-heading>div:last-child { text-align:right; }
.signal-heading>div:last-child>strong { font:11px var(--mono);display:block;margin-top:9px;white-space:nowrap; }
.signal-heading>div:last-child>strong span { color:var(--muted); }
.signal-indicator { height:6px;width:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--tint); }
.signal-instruments { display:grid;grid-template-columns:1.1fr 1fr;gap:14px; }
.instrument { padding:22px;border:1px solid var(--line);border-radius:11px;background:var(--paper-2);min-width:0; }
.instrument-tag { border:1px solid var(--line);padding:4px 7px;border-radius:5px;font:8px var(--mono);color:var(--muted); }
.instrument-number { display:block;font:500 41px/1.2 var(--display);letter-spacing:-2px;margin:21px 0; }
.collection-scale { height:8px;border-radius:2px;background:var(--line);overflow:hidden; }
.collection-scale>span { display:block;height:100%;background:var(--accent); }
.instrument-meta { display:flex;justify-content:space-between;gap:8px;font:8px var(--mono);color:var(--muted);margin:8px 0 23px; }
.weekly-bars { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;height:105px;align-items:end;border-bottom:1px solid var(--line); }
.weekly-bars>div { height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px; }
.weekly-bars span { font:7px var(--mono); }
.weekly-bars i { display:block;width:80%;height:calc(var(--bar-height)*.6);background:repeating-linear-gradient(0deg,transparent 0,transparent 5px,var(--paper-2) 5px,var(--paper-2) 7px),var(--accent);border-radius:3px;min-height:10px; }
.weekly-bars small { font:7px var(--mono);color:var(--muted);padding:4px 0 8px;white-space:nowrap; }
.instrument-bottom { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px; }
.instrument-bottom>span { font-size:9px;color:var(--muted); }
.instrument-bottom strong { display:block;color:var(--ink);margin-top:4px;font:14px var(--mono); }
.instrument-bottom>.text-button { font-size:9px; }
.instrument-bottom>.text-button .icon { width:13px; }
.bed-instrument-title { display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 20px; }
.bed-instrument-title h3 { font:500 31px var(--display);letter-spacing:-1px; }
.bed-instrument-title>span { font:8px var(--mono);color:var(--muted); }
.instrument-beds { display:grid;grid-template-columns:repeat(4,1fr);gap:7px; }
.instrument-beds>button { display:grid;justify-items:center;gap:8px;padding:12px 3px;background:var(--paper);border:1px solid var(--line);border-radius:6px; }
.instrument-beds>button>span { font:9px var(--mono); }
.instrument-beds>button>.icon { width:20px;height:20px; }
.instrument-beds>button>small { font-size:6px; }
.instrument-beds>button.vacant { background:var(--tint);border-color:var(--accent); }
.instrument-beds>button.reserved { background:var(--violet);border-color:var(--line); }
.bed-legend { display:flex;gap:12px;font:7px var(--mono);color:var(--muted);margin-top:19px; }
.bed-legend>span { display:flex;align-items:center;gap:5px; }
.bed-legend i { height:5px;width:5px;background:var(--muted); }
.bed-legend i.vacant { background:var(--accent); }
.bed-legend i.reserved { background:#ac8acf; }
.signal-record-desk { display:grid;grid-template-columns:minmax(0,1fr) 280px;margin-top:17px;border:1px solid var(--line);border-radius:11px;overflow:hidden; }
.record-list { padding:21px;min-width:0;background:var(--paper); }
.record-list .panel-header { flex-wrap:wrap;gap:7px; }
.record-list h3 { font-size:16px;letter-spacing:-.5px; }
.record-row { display:flex;align-items:center;gap:10px;text-align:left;padding:17px 10px;width:100%;border-bottom:1px solid var(--line);background:none; }
.record-row.selected { background:var(--tint);border-radius:7px;border-bottom-color:transparent; }
.record-row .avatar { height:31px;width:31px;font-size:10px;flex-shrink:0; }
.record-row>span:nth-child(2) { flex:1; }
.record-row strong { font-size:10px;line-height:1.5;display:block; }
.record-row small { display:block;font-size:8px;color:var(--muted);margin-top:5px;line-height:1.6; }
.record-row>span:nth-child(3) { text-align:right; }
.record-row>.icon { height:12px;width:12px;flex-shrink:0; }
.person-inspector { padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:14px;min-width:0; }
.person-inspector.compact { border:0;border-left:1px solid var(--line);border-radius:0;background:var(--paper-2);padding:20px; }
.person-inspector header { display:flex;align-items:center;gap:11px;position:relative; }
.profile-avatar { display:grid;place-items:center;flex-shrink:0;width:46px;height:51px;border-radius:12px;font-size:14px;font-weight:600;background:var(--tint); }
.profile-avatar.lilac { background:var(--violet); }.profile-avatar.aqua { background:var(--blue); }.profile-avatar.sand { background:var(--peach); }
.person-inspector h3 { font-size:20px;letter-spacing:-.7px;line-height:1.2;margin:5px 0; }
.person-inspector header p { font-size:9px;color:var(--muted); }
.person-inspector header>.badge { margin-left:auto;font-size:7px; }
.person-inspector.compact header>.badge { display:none; }
.person-balances { display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin:22px 0; }
.person-balances>div { padding:14px 11px;background:var(--paper-2); }
.person-balances>div+div { border-left:1px solid var(--line); }
.person-balances span { font-size:8px;color:var(--muted);display:block; }
.person-balances strong { display:block;font:500 23px var(--display);letter-spacing:-.8px;margin-top:8px; }
.profile-facts { display:grid;grid-template-columns:1fr 1fr;gap:17px 12px;padding-bottom:22px;border-bottom:1px solid var(--line); }
.profile-facts span { font-size:8px;color:var(--muted);display:block;margin-bottom:6px; }
.profile-facts strong { font-size:10px;line-height:1.5;font-weight:500; }
.record-timeline { margin:20px 0 22px; }
.record-timeline>.micro-label { margin-bottom:17px; }
.record-timeline>div { display:flex;gap:12px;font-size:10px;position:relative;padding-bottom:18px;line-height:1.5; }
.record-timeline>div:before { content:'';position:absolute;left:3px;top:5px;height:100%;width:1px;background:var(--line); }
.record-timeline>div:last-child { padding:0; }.record-timeline>div:last-child:before { display:none; }
.record-timeline i { display:block;z-index:1;height:7px;width:7px;background:var(--accent);border:1px solid var(--ink);border-radius:50%;margin-top:4px;flex-shrink:0; }
.record-timeline .waiting i { background:var(--paper);border-color:var(--muted); }
.record-timeline small { display:block;color:var(--muted);font-size:8px;margin-top:5px;line-height:1.7; }
.person-inspector>.button { font-size:10px;border-radius:8px; }
.inspector-foot { margin-top:12px;font-size:8px;color:var(--muted);line-height:1.8; }

/* Resident directory, request board, and shared appearance. */
.directory-tools { display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:15px; }
.directory-tools .input-search { flex:1;min-width:180px;font-size:11px;background:var(--paper); }
.directory-tools select { border:1px solid var(--line);background:var(--paper);padding:11px;border-radius:8px;font-size:10px;color:var(--ink); }
.directory-tools>.small { width:100%;font-size:9px; }
.directory-workspace { display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start; }
.directory-list { min-width:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--paper); }
.directory-list-label { display:flex;justify-content:space-between;padding:17px 15px;font-size:9px;color:var(--muted);border-bottom:1px solid var(--line);background:var(--paper-2); }
.directory-row { display:flex;width:100%;text-align:left;align-items:center;gap:11px;padding:19px 14px;background:var(--paper);border-bottom:1px solid var(--line); }
.directory-row.selected { background:var(--tint);box-shadow:inset 3px 0 var(--ink); }
.directory-row .avatar { flex-shrink:0;width:33px;height:33px;font-size:10px; }
.directory-row strong { display:block;font-size:11px; }
.directory-row small { display:block;font-size:8px;line-height:1.7;margin-top:5px;color:var(--muted); }
.directory-row .badge { margin-left:auto;font-size:7px;padding:5px 6px;white-space:normal;text-align:center; }
.directory-row>.icon { width:12px;height:12px;flex-shrink:0; }
.directory-list-foot { padding:18px;font-size:8px;line-height:1.7;color:var(--muted); }
.board-controls { display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px; }
.board-controls .small { font-size:9px; }
.request-board { display:grid;grid-template-columns:repeat(3,1fr);gap:13px; }
.request-column { background:var(--paper-2);border:1px solid var(--line);border-radius:13px;min-height:380px;padding:13px;min-width:0; }
.request-column>header { display:flex;align-items:center;gap:7px;margin:3px 0 18px; }
.request-column h3 { font-size:12px; }
.request-column>header>span { margin-left:auto;background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:2px 6px;font:9px var(--mono); }
.request-status-dot { width:6px;height:6px;border-radius:50%;background:var(--ink); }.status-1 { background:#9b7ecf; }.status-2 { background:#68a58b; }
.request-ticket { width:100%;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:17px;text-align:left;margin-bottom:12px;box-shadow:var(--shadow-soft); }
.ticket-id { display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);color:var(--muted); }
.ticket-id .icon { height:18px;width:18px; }
.request-ticket h4 { font-size:18px;letter-spacing:-.6px;margin:21px 0 12px; }
.request-ticket p { font-size:10px;line-height:1.9;color:var(--muted); }
.ticket-property { display:block;font-size:8px;margin:20px 0 15px; }
.request-ticket footer { display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:8px; }
.request-ticket footer>.icon { height:13px;width:13px; }
.board-empty { font-size:10px;line-height:1.8;padding:26px 8px;color:var(--muted); }
.conversation-strip { display:flex;align-items:flex-start;gap:15px;margin-top:22px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--paper); }
.conversation-strip>.icon { width:21px;height:21px;flex-shrink:0; }
.conversation-strip strong { font-size:12px; }.conversation-strip p { font-size:10px;line-height:1.9;color:var(--muted);margin-top:7px; }
.calendar-key { display:flex;gap:19px;font-size:10px;margin:0 0 19px;flex-wrap:wrap; }
.calendar-key>span { display:flex;align-items:center;gap:6px; }
.calendar-key>span:before { content:'';width:8px;height:8px;border-radius:2px;display:block;background:var(--violet); }
.calendar-key .key-aqua:before { background:var(--blue); }.calendar-key .key-sand:before { background:var(--peach); }.calendar-key .key-rose:before { background:var(--rose); }
.appearance-layout { display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:18px;align-items:start; }
.appearance-layout h3 { font-size:19px;letter-spacing:-.6px; }
.admin-palettes { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px; }
.admin-palettes button { display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--paper-2);text-align:left;flex-wrap:wrap; }
.admin-palettes button[aria-pressed=true] { border-color:var(--ink);box-shadow:0 0 0 1px var(--ink); }
.admin-palettes button>span { display:block;width:100%;height:46px;border-radius:6px;background:var(--swatch);position:relative; }
.admin-palettes button>span i { display:block;position:absolute;bottom:6px;right:6px;height:15px;width:30px;border-radius:4px;background:#fff9;border:1px solid #fff7; }
.admin-palettes strong { font-size:10px; }
.admin-palettes .icon { height:13px;width:13px;margin-left:auto; }
.appearance-scope { padding:20px 0;display:grid;gap:8px;border-block:1px solid var(--line);margin:23px 0;font-size:9px;color:var(--muted); }
.appearance-scope>span { display:flex;align-items:center;gap:6px; }.appearance-scope .icon { width:15px;height:15px; }
.appearance-scope>i { height:12px;width:1px;background:var(--line);margin-left:7px; }
.appearance-actions { display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between; }
.appearance-actions strong { font-size:11px; }.appearance-actions p { font-size:9px;color:var(--muted);line-height:1.8;margin-top:6px; }
.appearance-actions .button { font-size:10px; }
.appearance-note { padding:23px;background:var(--tint);border-radius:16px; }
.appearance-note h3 { font-size:24px;letter-spacing:-1px;line-height:1.2;margin:15px 0; }
.appearance-note>p { font-size:10px;line-height:1.9;color:var(--muted); }
.appearance-note>.button { font-size:10px; }
.appearance-preview { margin:23px 0;background:var(--sample-accent);color:#1c2230;border-radius:12px;padding:20px;box-shadow:0 10px 20px #1824310d; }
.appearance-preview>div { display:flex;align-items:center;justify-content:space-between; }.appearance-preview .icon { width:16px; }
.appearance-preview span { font-size:7px; }.appearance-preview strong { display:block;font:500 45px var(--display);letter-spacing:-2px;margin:20px 0; }
.appearance-preview strong small { font-size:18px; }
.mode-samples { display:flex;gap:15px;margin-top:22px; }
.mode-samples>button { display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--paper);width:170px;font-size:11px; }
.mode-samples>button[aria-pressed=true] { border-color:var(--ink);box-shadow:0 0 0 1px var(--ink); }
.mode-samples .icon { height:16px;width:16px; }
.mode-mini { width:100%;height:90px;display:grid;grid-template-columns:20px 1fr 1fr;gap:6px;padding:10px;background:#f0f2f5;border-radius:6px;border:1px solid #dae0e7; }
.mode-mini i { display:block;background:#fff;border:1px solid #dbe0e6;border-radius:3px; }.mode-mini i:first-child { background:#dbe1eb; }.mode-mini i:last-child { background:#e5edd5; }
.mode-mini.dark { background:#10131b;border-color:#303646; }.mode-mini.dark i { background:#222735;border-color:#3c4456; }.mode-mini.dark i:first-child { background:#191d28; }.mode-mini.dark i:last-child { background:#303c35; }

/* Canvas resident: personal daybook and a perforated rent slip. */
.phone-object[data-ui=canvas] { border-radius:38px;background:var(--paper-2); }
.phone-object[data-ui=canvas] .resident-content { padding:24px 23px; }
.phone-object[data-ui=canvas] .phone-greeting h2 { font-size:25px; }
.daybook-context { display:flex;justify-content:space-between;font-size:8px;padding:14px 0;border-top:1px solid var(--line);color:var(--muted); }
.daybook-title { position:relative;padding:18px 0 24px; }
.daybook-title h3 { font:500 31px/1.1 var(--display);letter-spacing:-1.4px;margin:9px 0 17px; }
.daybook-room { display:inline-block;padding:6px 9px;background:var(--violet);font:8px var(--mono);border-radius:4px;transform:rotate(-2deg); }
.rent-paper { position:relative;background:var(--accent);color:var(--accent-ink);padding:26px 22px 14px;border-radius:5px 15px 5px 5px;box-shadow:3px 4px 0 var(--paper),4px 5px 0 var(--line); }
.rent-paper .micro-label { color:inherit;font-size:8px; }.rent-paper>.row>.icon { width:18px; }
.paper-pin { height:6px;width:28px;background:color-mix(in srgb,var(--ink),transparent 30%);border-radius:3px;position:absolute;top:-3px;left:calc(50% - 14px); }
.rent-paper>strong { display:block;font:500 48px var(--display);letter-spacing:-2.5px;margin:21px 0; }.rent-paper>strong small { font-size:22px;opacity:.6; }
.paper-perforation { border-top:1px dashed currentColor;opacity:.4;margin-inline:-22px; }
.rent-paper>button { display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;background:none;padding:15px 0 2px;color:inherit;font-size:10px; }.rent-paper>button>span { display:flex;align-items:center;gap:6px; }.rent-paper>button .icon { width:15px;height:15px; }
.daybook-tabs { display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);border-bottom:1px solid var(--line);padding-bottom:12px;margin-top:27px; }
.daybook-tabs>button { display:flex;gap:4px;align-items:center;background:none;font:8px var(--body); }.daybook-tabs .icon { width:12px; }
.daybook-checklist>button { display:flex;align-items:center;gap:10px;background:none;width:100%;padding:17px 0;border-bottom:1px solid var(--line);text-align:left;font-size:11px; }
.daybook-checklist small { display:block;font-size:9px;color:var(--muted);margin-top:5px;line-height:1.7; }.daybook-checklist>button>.icon { width:13px;margin-left:auto; }
.check-mark { width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);background:var(--paper);border-radius:6px;flex-shrink:0; }.check-mark>.icon { width:16px;height:16px; }.check-mark.pending { background:var(--peach); }
.phone-object[data-ui=canvas] .resident-bottom { border-radius:9px;margin:0 18px 18px;background:var(--paper);border:1px solid var(--line);padding:6px;gap:4px; }
.phone-object[data-ui=canvas] .resident-bottom button { border-radius:6px; }.phone-object[data-ui=canvas] .resident-bottom button.active { background:var(--ink);color:var(--paper); }

/* Signal resident: stay identity and instrument-like financial records. */
.phone-object[data-ui=signal] { border-radius:32px;background:var(--paper);border-color:var(--line); }
.phone-object[data-ui=signal] .resident-content { padding:23px; }
.signal-mobile-header { display:flex;justify-content:space-between;align-items:center;margin-bottom:23px; }.signal-mobile-header>button { padding:0;background:none; }.signal-mobile-header .avatar { height:31px;width:31px;font-size:10px;border-radius:8px; }
.signal-stay { background:var(--rail);color:#edf1f8;padding:22px;border-radius:10px;position:relative;overflow:hidden; }
.signal-stay>.row { font:8px var(--mono);letter-spacing:.08em; }.signal-live { border:1px solid #cfd9e644;padding:4px 6px;border-radius:3px; }
.signal-stay>strong { display:block;font:500 71px/1 var(--display);letter-spacing:-4px;margin:25px 0; }.signal-stay>strong>span { font-size:26px;letter-spacing:-1px;color:#aeb9cb; }
.signal-stay>div:nth-last-child(2) { display:flex;justify-content:space-between;gap:10px;font:7px var(--mono);color:#bbc5d3; }
.pass-code { display:flex;align-items:flex-end;gap:3px;border-top:1px solid #ffffff26;padding-top:14px;margin-top:17px; }
.pass-code>i { display:block;background:#b6c5df;width:3px;opacity:.4; }
.signal-rent { border:1px solid var(--line);border-radius:10px;background:var(--paper-2);padding:22px;margin-top:15px; }
.signal-rent>strong { display:block;font:500 46px var(--display);letter-spacing:-2px;margin:18px 0 21px; }
.signal-payment-steps { display:flex;align-items:flex-start;gap:8px;margin:0 0 24px; }
.signal-payment-steps>span { font:10px var(--mono);display:grid;justify-items:center;gap:6px;color:var(--muted); }
.signal-payment-steps>span.complete { color:var(--ink); }.signal-payment-steps>span.complete:before { background:var(--accent);border-color:var(--accent); }
.signal-payment-steps>span:before { content:'';display:block;height:5px;width:5px;border-radius:1px;border:1px solid var(--muted); }
.signal-payment-steps small { font:8px var(--body); }.signal-payment-steps>i { flex:1;height:1px;background:var(--line);margin-top:3px; }
.signal-rent>button { display:flex;justify-content:space-between;align-items:center;text-align:left;gap:10px;font-size:9px;background:var(--accent);color:var(--accent-ink);border-radius:5px;padding:11px;width:100%;line-height:1.6; }.signal-rent>button>.icon { width:13px;height:13px;flex-shrink:0; }
.signal-mobile-grid { display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px; }
.signal-mobile-grid>button { text-align:left;padding:17px 14px;border:1px solid var(--line);border-radius:9px;background:var(--paper-2);min-width:0;position:relative; }
.signal-mobile-grid .micro-label { font-size:7px; }.signal-mobile-grid strong { font:500 23px var(--display);letter-spacing:-.7px;display:block;margin:18px 0 10px; }.signal-mobile-grid small { display:block;font-size:8px;color:var(--muted);line-height:1.7; }.signal-mobile-grid .icon { width:15px;height:15px;margin-top:16px; }
.signal-file-row { display:flex;gap:10px;align-items:center;width:100%;background:none;padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:18px;text-align:left;font-size:10px; }.signal-file-row>.icon { width:19px;height:19px;flex-shrink:0; }.signal-file-row small { display:block;font-size:8px;color:var(--muted);margin-top:6px; }.signal-status-label { margin-left:auto;font:7px var(--mono);background:var(--peach);padding:5px;border-radius:3px; }
.phone-object[data-ui=signal] .resident-bottom { border-radius:0;margin:0;padding:10px 12px;border-top:1px solid var(--line);background:var(--paper); }.phone-object[data-ui=signal] .resident-bottom button { border-radius:5px; }.phone-object[data-ui=signal] .resident-bottom button.active { background:var(--tint);color:var(--ink);box-shadow:inset 0 -2px var(--accent); }

/* Deeper resident screens are shared across studies. */
.statement-total { background:var(--paper-2);border:1px solid var(--line);padding:23px;border-radius:15px;margin-top:24px; }.statement-total>span { font-size:10px;color:var(--muted); }.statement-total>strong { font:500 44px var(--display);letter-spacing:-2px;display:block;margin:17px 0 24px; }.statement-total>div { display:flex;justify-content:space-between;font-size:10px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px; }.statement-total>div span { color:var(--muted); }
.statement-lines>div,.statement-lines>button { display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid var(--line);background:none;text-align:left;width:100%; }.statement-date { font:18px var(--mono);display:grid;justify-items:center;gap:5px; }.statement-date>small { font:7px var(--mono);color:var(--muted); }.statement-lines strong { font-size:10px;display:block; }.statement-lines>div>span:nth-child(2)>small,.statement-lines>button>span:nth-child(2)>small { font-size:8px;color:var(--muted);display:block;line-height:1.7;margin-top:5px; }.statement-lines b { font-size:12px;margin-left:auto;white-space:nowrap;display:flex;align-items:center;gap:3px; }.statement-lines .icon { width:12px;height:12px; }
.previous-statement { border:1px solid var(--line);background:var(--paper);padding:22px;border-radius:12px;margin-top:24px; }.previous-statement>strong { display:block;font:500 27px var(--display);margin:17px 0 10px; }.previous-statement>p { font-size:9px;color:var(--muted);line-height:1.8; }
.resident-profile-card { display:flex;align-items:center;gap:14px;background:var(--tint);padding:21px;border-radius:14px;margin-top:23px; }.resident-profile-card>.avatar { flex-shrink:0; }.resident-profile-card h3 { font-size:19px;letter-spacing:-.6px; }.resident-profile-card p { font-size:9px;margin:6px 0; }.resident-profile-card>div>span { font-size:8px;color:var(--muted); }
.resident-request-detail { border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:20px; }.resident-request-detail>.row>strong { font-size:14px; }.resident-request-detail>.row>.badge { font-size:8px; }.resident-request-detail>p { font-size:10px;color:var(--muted);line-height:1.8;margin:15px 0; }.request-mini-history { display:flex;gap:10px;margin:20px 0;font-size:10px; }.request-mini-history>i { display:block;background:var(--accent);height:6px;width:6px;border-radius:50%;margin-top:4px; }.request-mini-history small { display:block;font-size:8px;color:var(--muted);margin-top:6px;line-height:1.7; }.resident-request-detail>.button { font-size:10px; }
.resident-service-list { margin-top:23px; }.resident-service-list>button { display:flex;align-items:center;gap:13px;background:none;width:100%;text-align:left;border-bottom:1px solid var(--line);padding:18px 0; }.resident-service-list>button>.icon { width:19px;height:19px;flex-shrink:0; }.resident-service-list>button>.icon:last-child { margin-left:auto;width:12px; }.resident-service-list strong { display:block;font-size:11px; }.resident-service-list small { font-size:8px;line-height:1.7;color:var(--muted);display:block;margin-top:5px; }
.resident-appearance { display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--paper-2);border:1px solid var(--line);border-radius:10px;padding:15px;margin-top:25px;font-size:10px; }.resident-appearance>span { display:flex;align-items:center;gap:7px; }.resident-appearance .icon { width:15px;height:15px; }.resident-appearance>strong { margin-left:auto; }.resident-appearance small { width:100%;font-size:8px;color:var(--muted); }
.web-showcase[data-ui=canvas] .resident-content,.web-showcase[data-ui=signal] .resident-content { display:grid;grid-template-columns:1fr 1fr;gap:20px 26px;padding:30px; }
.web-showcase[data-ui=canvas] .phone-greeting,.web-showcase[data-ui=canvas] .daybook-context,.web-showcase[data-ui=signal] .signal-mobile-header { grid-column:1/-1;margin:0; }
.web-showcase[data-ui=canvas] .daybook-title { grid-column:1;grid-row:3/5;align-self:center; }.web-showcase[data-ui=canvas] .daybook-title h3 { font-size:47px; }.web-showcase[data-ui=canvas] .rent-paper { grid-column:2;grid-row:3; }.web-showcase[data-ui=canvas] .protection-line { grid-column:2;grid-row:4;margin:0; }.web-showcase[data-ui=canvas] .daybook-tabs { grid-column:1;margin:0; }.web-showcase[data-ui=canvas] .daybook-checklist { grid-column:1;grid-row:6/8; }.web-showcase[data-ui=canvas] .phone-section-head { grid-column:2;grid-row:5;margin:0; }.web-showcase[data-ui=canvas] .notice-object { grid-column:2;grid-row:6; }
.web-showcase[data-ui=signal] .signal-stay { grid-column:1;grid-row:2/4; }.web-showcase[data-ui=signal] .signal-stay>strong { font-size:104px;margin:55px 0; }.web-showcase[data-ui=signal] .signal-rent { grid-column:2;grid-row:2;margin:0; }.web-showcase[data-ui=signal] .protection-line { grid-column:2;grid-row:3;margin:0; }.web-showcase[data-ui=signal] .signal-mobile-grid { grid-column:1;grid-row:4/6;margin:0; }.web-showcase[data-ui=signal] .signal-file-row { grid-column:2;grid-row:4;margin:0; }.web-showcase[data-ui=signal] .notice-object { grid-column:2;grid-row:5; }
.web-showcase .resident-content:not(.resident-home-v2) { display:block;max-width:650px;margin:auto; }

/* Dark mode: neutral depth, readable labels and restrained colour. */
body[data-mode=dark][data-theme] { color-scheme:dark;--canvas:#101219;--paper:#191d27;--paper-2:#131720;--ink:#eef1f7;--muted:#aeb7c8;--line:#343b4b;--rail:#10141c;--tint:#2c3527;--violet:#332e48;--blue:#243d3e;--peach:#403827;--rose:#422d3a;--accent:#d4ed78;--accent-ink:#1e2a15;--focus:#d4ed78;--shadow-soft:0 8px 25px #0002; }
body[data-mode=dark][data-theme=citrus] { --accent:#d4ed78;--accent-ink:#1e2a15;--tint:#2c3527;--focus:#d4ed78; }
body[data-mode=dark][data-theme=iris] { --accent:#c6b3f7;--accent-ink:#302248;--tint:#312b43;--focus:#c6b3f7; }
body[data-mode=dark][data-theme=lagoon] { --accent:#81d5c2;--accent-ink:#14382f;--tint:#203a35;--focus:#81d5c2; }
body[data-mode=dark][data-theme=cobalt] { --accent:#9bb3ff;--accent-ink:#182e63;--tint:#25324c;--focus:#9bb3ff; }
body[data-mode=dark][data-theme=bloom] { --accent:#e8afcc;--accent-ink:#48253a;--tint:#3b2938;--focus:#e8afcc; }
body[data-mode=dark][data-theme=fern] { --accent:#80d7b3;--accent-ink:#15372b;--tint:#21382e;--focus:#80d7b3; }
body[data-mode=dark][data-theme=butter] { --accent:#eedd95;--accent-ink:#3c351b;--tint:#363327;--focus:#eedd95; }
body[data-mode=dark][data-theme=orchid] { --accent:#c2a5ff;--accent-ink:#34204e;--tint:#332a45;--focus:#c2a5ff; }
body[data-mode=dark][data-theme=ruby] { --accent:#f19bb7;--accent-ink:#492132;--tint:#3e2936;--focus:#f19bb7; }
body[data-mode=dark] .studio-header,body[data-mode=dark] .studio-sidebar { background:#151922; }
body[data-mode=dark] .theme-switch,body[data-mode=dark] .layout-switch button[aria-pressed=true] { background:var(--paper); }
body[data-mode=dark] .theme-switch button[aria-pressed=true],body[data-mode=dark] .guide-nav.active { background:#29313f;color:var(--ink); }
body[data-mode=dark] .button.dark { background:#303847;color:var(--ink);border-color:#465064; }
body[data-mode=dark] .button:not(.secondary):not(.dark) { background:var(--accent);color:var(--accent-ink); }
body[data-mode=dark] .button.secondary { background:#222835;border-color:#3d4556;color:var(--ink); }
body[data-mode=dark] .button:disabled { opacity:.5; }
body[data-mode=dark] .owner-v2 { background:var(--paper-2); }
body[data-mode=dark] .owner-rail { background:#10141c;color:var(--ink); }
body[data-mode=dark] .owner-v2[data-ui=glass] { background:linear-gradient(135deg,#151a24,var(--tint)); }
body[data-mode=dark] .owner-v2[data-ui=glass] .owner-rail,body[data-mode=dark] .owner-v2[data-ui=glass] .owner-workspace { background:#191e29ed;border-color:#3a4254; }
body[data-mode=dark] .owner-v2[data-ui=glass] .collection-panel { background:#1b2331;border:1px solid #3d485b; }
body[data-mode=dark] .owner-v2[data-ui=glass] .receipt-ring>div { background:#1b2331; }
body[data-mode=dark] .owner-v2[data-ui=signal] .owner-rail { background:#151922; }
body[data-mode=dark] .app-nav-button.active { background:#303a48;color:var(--ink); }
body[data-mode=dark] .owner-v2[data-ui=signal] .app-nav-button.active { background:var(--tint);color:var(--ink); }
body[data-mode=dark] .collection-panel { background:#1b222e;border:1px solid #3c4658; }
body[data-mode=dark] .collection-panel .collection-amount { color:var(--accent); }
body[data-mode=dark] .receipt-ring>div { background:#1b222e; }
body[data-mode=dark] .occupancy-panel { background:var(--tint);color:var(--ink);border:1px solid #465044; }
body[data-mode=dark] .occupancy-map>.filled { background:var(--accent);border-color:var(--accent); }
body[data-mode=dark] .occupancy-map>span { opacity:1;border-color:#667060; }
body[data-mode=dark] .occupancy-number { color:var(--accent); }
body[data-mode=dark] .task-icon.lilac,body[data-mode=dark] .task-icon.aqua,body[data-mode=dark] .task-icon.sand,body[data-mode=dark] .task-icon.rose { color:#e7eaf4; }
body[data-mode=dark] .task-icon.rose { background:var(--rose); }
body[data-mode=dark] .agenda-event,body[data-mode=dark] .secondary-property .property-letter { color:#e9e1fa; }
body[data-mode=dark] .avatar { background:#343d4a;color:#e8edf8; }
body[data-mode=dark] .avatar.blue { background:#2c3e54;color:#dbeaff; }body[data-mode=dark] .avatar.peach { background:#48392b;color:#f8e3c5; }
body[data-mode=dark] .badge { background:#272e3b;color:#d5ddeb;border-color:#3b4659; }
body[data-mode=dark] .badge.good { background:#203b31;color:#a7dfc2;border-color:#386450; }
body[data-mode=dark] .badge.pending { background:#3c3323;color:#efcf8f;border-color:#675237; }
body[data-mode=dark] .badge.danger,body[data-mode=dark] .field-error { background:#422831;color:#ffb4be;border-color:#72414f; }
body[data-mode=dark] .badge.purple { background:#352e48;color:#d3bdfa;border-color:#514369; }
body[data-mode=dark] .inline-note { background:#222c3b;color:#d2ddef;border-color:#39485c; }
body[data-mode=dark] .inline-note.warning { background:#342f24;color:#e5d5b4;border-color:#514632; }
body[data-mode=dark] input,body[data-mode=dark] select,body[data-mode=dark] textarea { background:#202632;color:var(--ink);border-color:#424b5c; }
body[data-mode=dark] input::placeholder,body[data-mode=dark] textarea::placeholder { color:#9ca6b9; }
body[data-mode=dark] .phone-object,body[data-mode=dark] .phone-object[data-ui=glass] { background:#151a24;border-color:#3b4456;box-shadow:0 18px 40px #0003; }
body[data-mode=dark] .phone-status { color:#e5eaf3; }
body[data-mode=dark] .phone-island { background:#090c12; }
body[data-mode=dark] .rent-object { background:var(--tint);color:var(--ink);border:1px solid #465061;box-shadow:none; }
body[data-mode=dark] .rent-object .rent-value { color:var(--accent); }
body[data-mode=dark] .rent-object .round-action { background:var(--accent);color:var(--accent-ink); }
body[data-mode=dark] .rent-object-meta,body[data-mode=dark] .rent-object .mini-state,body[data-mode=dark] .rent-bottom>div>strong>span { color:#c1cada; }
body[data-mode=dark] .room-pass,body[data-mode=dark] .request-object { color:var(--ink);border:1px solid #444256; }
body[data-mode=dark] .room-pass .room-address>span,body[data-mode=dark] .room-pass .ui-overline,body[data-mode=dark] .request-object .ui-overline,body[data-mode=dark] .pass-footer { color:#c2c8d5; }
body[data-mode=dark] .room-pass.glass { background:linear-gradient(135deg,var(--tint),#212a39);color:var(--ink);border-color:#485165;box-shadow:0 10px 25px #0002; }
body[data-mode=dark] .pass-behind { background:#363049;color:#d5c6ed;border-color:#564863; }
body[data-mode=dark] .glass-finance { background:#212836eb;border:1px solid #445066;box-shadow:0 10px 25px #0002; }
body[data-mode=dark] .glass-tabs { background:#151b25;border-color:#3b4658; }
body[data-mode=dark] .glass-tabs>button[aria-pressed=true] { background:#364155;color:var(--ink); }
body[data-mode=dark] .glass-quicklinks>button { background:#1e2633;border-color:#38475a;color:var(--ink); }
body[data-mode=dark] .glass-quicklinks>button>.icon:first-child { background:#2c3c40;color:#c8e2dc; }
body[data-mode=dark] .notice-object { background:#202632;border-color:#3d4657; }
body[data-mode=dark] .date-tile { background:#303b4b;color:#e7eef8;border-color:#45536a; }
body[data-mode=dark] .resident-bottom { background:#202735;border-color:#3b4659; }
body[data-mode=dark] .resident-bottom button.active { background:#354258;color:#edf2ff; }
body[data-mode=dark] .work-card { color:#eef1f6; }.work-card.rose { background:var(--rose); }
body[data-mode=dark] .work-card.selected { border-color:var(--accent); }
body[data-mode=dark] .work-card-foot { border-color:#ffffff25; }
body[data-mode=dark] .calendar-date.today { color:var(--accent); }
body[data-mode=dark] .canvas-note { background:var(--tint);color:var(--ink);border:1px solid #455062; }
body[data-mode=dark] .rent-paper { background:var(--tint);color:var(--ink);border:1px solid #4a5364;box-shadow:3px 4px 0 #111721,4px 5px 0 #485160; }
body[data-mode=dark] .rent-paper>strong { color:var(--accent); }
body[data-mode=dark] .paper-pin { background:#8591a7; }
body[data-mode=dark] .daybook-room,body[data-mode=dark] .check-mark.pending { color:#edf0f7; }
body[data-mode=dark] .phone-object[data-ui=canvas] .resident-bottom button.active { background:var(--tint);color:var(--ink); }
body[data-mode=dark] .signal-stay { background:linear-gradient(130deg,#18202d,#202c41);border:1px solid #40516b; }
body[data-mode=dark] .signal-rent { background:#1e2532; }
body[data-mode=dark] .signal-rent>strong,.signal-mobile-grid>button>strong { color:var(--accent); }
body[data-mode=dark] .appearance-preview { color:#1c2230; }
body[data-mode=dark] .success-mark { background:#244233;color:#bcf0cf; }
body[data-mode=dark] .metric-card.accent { background:var(--tint);color:var(--ink); }
body[data-mode=dark] .bed-card.available { background:#213c30;color:#bfe8cd; }
body[data-mode=dark] .bed-card.reserved { background:#3e3422;color:#f1d5a2; }
body[data-mode=dark] .founder-layout .support-scope,body[data-mode=dark] .push-preview { background:#242d3d;color:var(--ink); }
body[data-mode=dark] .rating-row button.active { background:var(--accent);color:var(--accent-ink); }
body[data-mode=dark] .token-color { border-color:var(--line); }

/* Adapt the work, not just the canvas width. */
@container(max-width:850px) {
 .canvas-workspace { grid-template-columns:minmax(0,1fr) 190px; }.canvas-bottom { grid-template-columns:1fr; }.canvas-note { display:none; }
 .metrics-ribbon>div { padding:15px 11px; }.metrics-ribbon strong { font-size:23px; }.metrics-ribbon>div>span { font-size:8px; }.metrics-ribbon>div>small { font-size:7px; }
 .canvas-welcome h2 { font-size:31px; }.calendar-columns { grid-template-columns:repeat(5,minmax(90px,1fr)); }
 .signal-record-desk { grid-template-columns:minmax(0,1fr) 245px; }.record-list { padding:17px; }.record-row { padding:15px 6px;gap:8px; }.record-row .avatar { display:none; }
 .signal-heading h2 { font-size:24px; }.signal-heading>div:last-child { display:none; }.instrument { padding:18px; }.instrument-number { font-size:34px; }
 .directory-workspace { grid-template-columns:minmax(0,1fr) 270px; }.directory-row { padding:15px 10px;gap:8px; }.directory-row .badge { display:none; }.directory-row>.icon { margin-left:auto; }
 .appearance-layout { grid-template-columns:minmax(0,1fr) 205px; }.admin-palettes { gap:8px; }.appearance-note { padding:19px; }.appearance-note h3 { font-size:22px; }
 .request-ticket { padding:13px; }.request-column { padding:10px; }.request-ticket h4 { font-size:16px; }.request-ticket p { font-size:9px; }
}
@container(max-width:650px) {
 .metrics-ribbon { grid-template-columns:repeat(2,1fr); }.metrics-ribbon>div:nth-child(2) { border-right:0; }.metrics-ribbon>div:nth-child(-n+2) { border-bottom:1px solid var(--line); }.metrics-ribbon strong { font-size:29px; }.metrics-ribbon>div>span { font-size:10px; }.metrics-ribbon>div>small { font-size:9px; }
 .canvas-workspace { grid-template-columns:1fr; }.calendar-columns { min-height:315px; }.work-inspector { display:grid;grid-template-columns:1fr 1fr;column-gap:20px; }.work-inspector>.row,.work-inspector>.badge,.work-inspector>h3,.work-inspector>p { grid-column:1; }.work-inspector>dl { grid-column:2;grid-row:1/5;margin:0; }.work-inspector>.button { grid-column:2; }.work-inspector>.inspector-note { grid-column:1;grid-row:5; }
 .signal-instruments { grid-template-columns:1fr; }.signal-record-desk { grid-template-columns:1fr; }.person-inspector.compact { border-left:0;border-top:1px solid var(--line); }.record-row .avatar { display:grid; }
 .activity-strip { grid-template-columns:1fr;gap:22px; }.activity-strip time { position:static;margin-left:auto; }
 .directory-workspace { grid-template-columns:1fr; }.directory-row .badge { display:inline-flex; }.person-inspector header>.badge { margin-left:auto; }
 .request-board { grid-template-columns:1fr; }.request-column { min-height:0;padding:16px; }.request-ticket { padding:19px; }.request-ticket h4 { font-size:20px; }.request-ticket p { font-size:12px; }
 .appearance-layout { grid-template-columns:1fr; }.appearance-note { display:grid;grid-template-columns:1fr 1fr;column-gap:23px; }.appearance-note>.micro-label,.appearance-note>h3,.appearance-note>p { grid-column:1; }.appearance-preview { grid-column:2;grid-row:1/4;align-self:start;margin-top:0; }.appearance-note>.button { grid-column:2;grid-row:4; }.appearance-note>.tiny-label { grid-column:1;grid-row:4; }
 .work-page-title { align-items:flex-start;flex-direction:column; }.work-page-title h2 { font-size:32px; }.work-page-title p { font-size:12px; }
 .web-showcase[data-ui=canvas] .resident-content,.web-showcase[data-ui=signal] .resident-content { display:block;padding:25px; }.web-showcase[data-ui=canvas] .daybook-title h3 { font-size:35px; }.web-showcase[data-ui=canvas] .phone-greeting { margin-bottom:19px; }.web-showcase[data-ui=canvas] .daybook-tabs { margin-top:28px; }.web-showcase[data-ui=canvas] .phone-section-head { margin:23px 0 12px; }.web-showcase[data-ui=signal] .signal-mobile-header { margin-bottom:22px; }.web-showcase[data-ui=signal] .signal-stay>strong { font-size:78px;margin:30px 0; }.web-showcase[data-ui=signal] .signal-rent { margin-top:18px; }.web-showcase[data-ui=signal] .signal-mobile-grid { margin-top:22px; }.web-showcase[data-ui=signal] .notice-object { margin-top:20px; }
}
@container(max-width:520px) {
 .owner-v2[data-ui=canvas],.owner-v2[data-ui=signal] { display:block; }.owner-v2[data-ui=canvas] .owner-rail,.owner-v2[data-ui=signal] .owner-rail { display:none; }.owner-v2[data-ui=canvas] .app-content,.owner-v2[data-ui=signal] .app-content { padding:22px 16px; }
 .product-shortcuts { padding:9px 11px; }.product-shortcuts button { font-size:9px; }
 .canvas-welcome h2 { font-size:30px; }.canvas-date-stamp { width:67px;padding:13px 5px; }.canvas-date-stamp strong { font-size:41px; }.canvas-date-stamp span { font-size:5px; }.canvas-welcome .micro-label { font-size:7px; }.canvas-welcome p { font-size:9px;line-height:1.8; }
 .work-inspector { display:block; }.work-inspector>dl { margin:20px 0; }.work-inspector>p { font-size:12px; }.work-inspector dd { font-size:12px; }.work-inspector dt { font-size:10px; }.inspector-note { font-size:10px; }
 .work-card strong { font-size:12px; }.work-card small { font-size:9px; }.calendar-columns { grid-template-columns:repeat(5,120px); }
 .signal-heading h2 { font-size:28px; }.instrument-number { font-size:42px; }.instrument .micro-label { font-size:8px; }.weekly-bars span { font-size:8px; }.weekly-bars small { font-size:8px; }.instrument-beds>button>small { font-size:8px; }.instrument-beds>button>span { font-size:10px; }.record-row strong { font-size:12px; }.record-row small { font-size:9px; }
 .person-inspector h3 { font-size:23px; }.profile-facts strong { font-size:12px; }.profile-facts span { font-size:10px; }.record-timeline>div { font-size:12px; }.record-timeline small { font-size:10px; }.inspector-foot { font-size:10px; }.person-balances span { font-size:10px; }.person-balances strong { font-size:27px; }
 .appearance-note { display:block; }.appearance-preview { margin:20px 0; }.appearance-note>p { font-size:12px; }.admin-palettes strong { font-size:10px; }.appearance-actions .button { width:100%; }.mode-samples>button { width:50%; }
 .board-controls { flex-wrap:wrap; }.request-column h3 { font-size:15px; }.request-ticket footer { font-size:10px; }.ticket-property { font-size:10px; }
}
@media(min-width:1500px) { .interface-thumbnail { height:340px; }.thumbnail-workspace { transform:scale(.6); } }
@media(max-width:1150px) { .thumbnail-workspace { transform:scale(.36); }.interface-thumbnail { height:215px; }.round-three-intro { gap:25px; }.interface-study-copy>.row { flex-wrap:wrap; }.interface-study-copy .button { flex:1;white-space:nowrap; }.owner-v2[data-ui=canvas],.owner-v2[data-ui=signal] { grid-template-columns:135px minmax(0,1fr); }.owner-rail .operator-switch strong { font-size:9px; } }
@media(max-width:900px) { .studio-layout { grid-template-columns:1fr; }#main { padding:23px; }.round-three-intro h1 { font-size:47px; }.thumbnail-workspace { transform:scale(.39); }.interface-thumbnail { height:225px; }.review-direction-note { padding-left:20px; }.screen-map { grid-template-columns:1fr;gap:23px; } }
@media(max-width:600px) {
 #main { padding:19px 15px 30px; }.design-controls { display:block; }.theme-switch { width:100%;justify-content:flex-start;border-radius:12px;gap:1px; }.theme-switch button { font-size:9px;padding:7px 9px; }.control-right { justify-content:flex-end;margin-top:9px; }.layout-controls { margin-top:8px;display:block; }.layout-controls>div { gap:9px; }.layout-switch { display:flex;flex:1; }.layout-switch button { font-size:10px;padding:9px 10px; }.layout-switch button>.icon { width:12px;height:12px; }.control-caption { display:none; }#layout-description { display:block;margin-top:12px; }
 .round-three-intro { display:block;margin-top:29px; }.round-three-intro h1 { font-size:43px;letter-spacing:-2px; }.review-direction-note { border-left:0;padding:22px 0 0;margin-top:20px;border-top:1px solid var(--line); }.round-three-intro p { font-size:12px; }
 .interface-studies { grid-template-columns:1fr;gap:22px; }.interface-study>header { padding:21px; }.interface-study>header h2 { font-size:31px; }.interface-thumbnail { height:210px;padding:12px; }.thumbnail-workspace { transform:scale(.35); }.interface-study-copy { padding:21px; }.interface-study-copy p { font-size:12px;min-height:0; }.interface-study-copy .button { font-size:10px; }.interface-study-copy h3 { font-size:17px; }.screen-map>div:last-child { grid-template-columns:1fr; }.screen-map button { padding:18px; }.screen-map button strong { font-size:12px; }.screen-map button small { font-size:10px; }.palette-grid { grid-template-columns:repeat(3,1fr);gap:8px; }.palette-option { padding:9px; }.palette-option p { display:none; }.palette-option .row>strong { font-size:12px; }.palette-option .row>.icon { height:13px;width:13px; }.palette-bars { height:54px; }.combination-note { padding:21px;display:block; }.combination-note>span { display:inline-flex;margin-bottom:19px; }.combination-note h3 { font-size:23px; }
 .resident-study { padding-top:35px; }.phone-object[data-ui=canvas] .resident-content,.phone-object[data-ui=signal] .resident-content { padding:20px; }.daybook-title h3 { font-size:30px; }.rent-paper>strong { font-size:44px; }.signal-rent>strong { font-size:43px; }.signal-stay>strong { font-size:70px; }
 .resident-showcase.web-showcase[data-ui=canvas] .resident-content,.resident-showcase.web-showcase[data-ui=signal] .resident-content { display:block;padding:23px; }
}
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto; }.canvas-date-stamp { transform:none; } }

.person-inspector.compact .person-balances strong{font-size:20px;letter-spacing:-.8px}.person-inspector.compact .person-balances>div{padding:14px 9px}
body[data-focus=true] .studio-sidebar{display:none}body[data-focus=true] .studio-layout{display:block}body[data-focus=true] #main{margin:auto;max-width:1660px;padding:20px 24px}body[data-focus=true] .page-heading,body[data-focus=true] #view-content>.stage-label,body[data-focus=true] .studio-footer{display:none}body[data-focus=true] .layout-controls{margin-bottom:20px}body[data-focus=true] .owner-v2{min-height:calc(100vh - 220px)}body[data-focus=true] .owner-v2 .owner-workspace>.app-content{padding:28px}body[data-focus=true] .resident-showcase{margin:25px auto 0}
@media(max-width:600px){.studio-header-right>.button[data-action=focus-preview]{font-size:8px;padding:8px}.studio-header-right{gap:6px}.room-label,.header-divider{display:none}body[data-focus=true] #main{padding:15px 9px}body[data-focus=true] .owner-v2 .owner-workspace>.app-content{padding:20px 15px}.studio-header{padding-inline:13px}}

.button[hidden]{display:none}
body[data-mode=dark] .phone-object .resident-bottom button.active{color:var(--ink)}
@media(max-width:600px){.control-right{position:static;margin:10px 0 0;justify-content:flex-end;gap:10px}.layout-controls>div{display:flex}.theme-switch button{flex:0 0 auto}.theme-switch{justify-content:space-between}.layout-switch{justify-content:space-between}}
.resident-showcase:not(.web-showcase) .phone-object{height:min(790px,88vh);display:flex;flex-direction:column;overflow:hidden}
.resident-showcase:not(.web-showcase) .phone-status{flex-shrink:0}
.resident-showcase:not(.web-showcase) .resident-shell{display:flex;flex-direction:column;flex:1;min-height:0}
.resident-showcase:not(.web-showcase) .resident-content{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.resident-showcase:not(.web-showcase) .resident-bottom{flex-shrink:0}