#stayfolio-app[data-theme]{--px-bg:#f6f8f5;--px-surface:#fff;--px-soft:#eaf3ed;--px-ink:#213b34;--px-muted:#6b7e71;--px-border:#e0e8e1;--px-accent:#17694e;--px-button:#fff;--px-bar:#b1c8b5;background:var(--px-bg);color:var(--px-ink);border-color:var(--px-border);--sf-ink:var(--px-ink);--sf-green:var(--px-accent);--sf-muted:var(--px-muted);--sf-border:var(--px-border)}
#stayfolio-app[data-theme="ocean"]{--px-bg:#f1f6fc;--px-surface:#fff;--px-soft:#e4effa;--px-ink:#173554;--px-muted:#57738f;--px-border:#d9e5f1;--px-accent:#2168a4;--px-bar:#a1c4e1}
#stayfolio-app[data-theme="sand"]{--px-bg:#faf5ec;--px-surface:#fffdf8;--px-soft:#f4e7d5;--px-ink:#4c3826;--px-muted:#857054;--px-border:#e8dbc5;--px-accent:#935522;--px-bar:#d7b389}
#stayfolio-app[data-theme="midnight"]{color-scheme:dark;--px-bg:#121d28;--px-surface:#1c2a39;--px-soft:#283b4e;--px-ink:#ecf3fa;--px-muted:#b3c4d6;--px-border:#364b60;--px-accent:#8ccbee;--px-button:#102536;--px-bar:#4a7b96}
#stayfolio-app[data-theme] .sf-sidebar,#stayfolio-app[data-theme] .sf-topbar,#stayfolio-app[data-theme] .sf-panel,#stayfolio-app[data-theme] .sf-stat,#stayfolio-app[data-theme] .sf-property-card,#stayfolio-app[data-theme] .sf-dialog,#stayfolio-app[data-theme] .sf-search,#stayfolio-app[data-theme] .sf-donut>div,#stayfolio-app[data-theme] .sf-auth{background:var(--px-surface);border-color:var(--px-border);color:var(--px-ink)}
#stayfolio-app[data-theme] .sf-main{background:var(--px-bg)}
#stayfolio-app[data-theme] h1,#stayfolio-app[data-theme] h2,#stayfolio-app[data-theme] h3,#stayfolio-app[data-theme] strong,#stayfolio-app[data-theme] td,#stayfolio-app[data-theme] .sf-logo>span,#stayfolio-app[data-theme] .sf-topbar strong{color:var(--px-ink)}
#stayfolio-app[data-theme] p,#stayfolio-app[data-theme] small,#stayfolio-app[data-theme] label,#stayfolio-app[data-theme] .sf-stat>div,#stayfolio-app[data-theme] .sf-sidebar nav button,#stayfolio-app[data-theme] .sf-topbar,#stayfolio-app[data-theme] .sf-eyebrow,#stayfolio-app[data-theme] .sf-legend,#stayfolio-app[data-theme] .sf-footer{color:var(--px-muted)}
#stayfolio-app[data-theme] .sf-logo,#stayfolio-app[data-theme] .sf-link,#stayfolio-app[data-theme] a{color:var(--px-accent)}
#stayfolio-app[data-theme] .sf-sidebar nav button.active,#stayfolio-app[data-theme] .sf-sidebar nav button:hover,#stayfolio-app[data-theme] .sf-stat-accent,#stayfolio-app[data-theme] .sf-avatar,#stayfolio-app[data-theme] .sf-issue-icon,#stayfolio-app[data-theme] .sf-code{background:var(--px-soft);color:var(--px-ink)}
#stayfolio-app[data-theme] input,#stayfolio-app[data-theme] select,#stayfolio-app[data-theme] textarea,#stayfolio-app[data-theme] .sf-btn,#stayfolio-app[data-theme] .sf-close{background:var(--px-surface);color:var(--px-ink);border-color:var(--px-border)}
#stayfolio-app[data-theme] .sf-btn.sf-primary,#stayfolio-app[data-theme] .sf-auth button{background:var(--px-accent);color:var(--px-button);border-color:var(--px-accent)}
#stayfolio-app[data-theme] th{background:var(--px-soft);color:var(--px-muted);border-color:var(--px-border)}
#stayfolio-app[data-theme] td,#stayfolio-app[data-theme] .sf-sidebar-bottom,#stayfolio-app[data-theme] .sf-detail,#stayfolio-app[data-theme] .sf-card-bottom,#stayfolio-app[data-theme] .sf-issue-item{border-color:var(--px-border)}
#stayfolio-app[data-theme] .sf-issue-item{background:var(--px-surface);color:var(--px-ink)}
#stayfolio-app[data-theme] .sf-bar-track>span{background:var(--px-bar)}
#stayfolio-app[data-theme] .sf-bar-track>span.current,#stayfolio-app[data-theme] .sf-dot-occupied{background:var(--px-accent)}
#stayfolio-app[data-theme] .sf-donut{background:conic-gradient(var(--px-accent) var(--sf-fill),var(--px-soft) 0)}
#stayfolio-app[data-theme] .sf-chart{background-image:repeating-linear-gradient(to top,transparent 0,transparent 44px,var(--px-border) 44px,var(--px-border) 45px)}
#stayfolio-app[data-theme] .sf-logo{align-items:flex-start;letter-spacing:0}
#stayfolio-app[data-theme] .sf-logo>span{min-width:0;overflow-wrap:anywhere;font-size:20px;line-height:1.25}
#stayfolio-app[data-theme] .sf-logo small{font-size:8px;letter-spacing:1px}
#stayfolio-app[data-theme] .sf-appearance{grid-column:1/-1}
#stayfolio-app[data-theme] .sf-theme-picker{border:0;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#stayfolio-app[data-theme] .sf-theme-picker legend{font-weight:600;font-size:13px;margin-bottom:12px}
#stayfolio-app[data-theme] .sf-theme-choice{padding:14px;border:1px solid var(--px-border);border-radius:8px;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center}
#stayfolio-app[data-theme] .sf-theme-choice:has(input:checked){outline:2px solid var(--px-accent);background:var(--px-soft)}
#stayfolio-app[data-theme] .sf-theme-choice input{width:auto;min-height:0;margin:0;accent-color:var(--px-accent)}
#stayfolio-app[data-theme] .sf-theme-choice small{grid-column:1/-1}
.sf-theme-swatch{grid-column:2;grid-row:1/3;height:40px;border-radius:6px;border:1px solid #ffffff35;background:linear-gradient(90deg,#17694e 35%,#eaf3ed 35%)}
.sf-swatch-ocean{background:linear-gradient(90deg,#2168a4 35%,#e4effa 35%)}.sf-swatch-sand{background:linear-gradient(90deg,#935522 35%,#f4e7d5 35%)}.sf-swatch-midnight{background:linear-gradient(90deg,#8ccbee 35%,#1c2a39 35%)}
@media(max-width:850px){#stayfolio-app[data-theme] .sf-theme-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}

#stayfolio-app .sf-company-logo { width:64px; height:64px; object-fit:contain; border-radius:8px; flex-shrink:0; }
#stayfolio-app .sf-settings-card form > label { display:block; margin-bottom:14px; }
#stayfolio-app .sf-settings-card textarea { display:block; width:100%; box-sizing:border-box; min-height:96px; padding:12px; border:1px solid var(--px-border); border-radius:6px; font:inherit; }
#stayfolio-app .sf-settings-card label.sf-user-check { display:flex; align-items:center; gap:10px; }
#stayfolio-app .sf-settings-card .sf-user-check input[type=checkbox] { width:18px; height:18px; min-height:18px; margin:0; flex-shrink:0; }
#stayfolio-app .sf-logo .sf-company-logo { width:42px; height:42px; }
#stayfolio-app .sf-person { border:1px solid var(--px-border,#dce5e1); padding:18px; border-radius:12px; margin:16px 0; min-width:0; }
#stayfolio-app .sf-person legend { font-weight:700; padding:0 8px; }
#stayfolio-app .sf-person .sf-delete { margin-top:12px; }
#stayfolio-app .sf-person [hidden] { display:none; }