:root { --bf-bg: #f7f5f3; --bf-surface: #ffffff; --bf-fg: #1a1a1a; --bf-muted: #888888; --bf-accent: #6f6957; --bf-border: rgba(0, 0, 0, 0.08); --bf-error: #c44; --bf-success: #4a7; --bf-watch: #c9a227; --bf-font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --bf-radius: 0px; --bf-ls-heading: 0.1em; --bf-ls-button: 0.15em; } html, body { background: var(--bf-bg); color: var(--bf-fg); font-family: var(--bf-font); -webkit-font-smoothing: antialiased; } /* * Centre any panel whose sets a max-width but forgot * margin: 0 auto (ebay-automation does this). Harmless on bodies * without a max-width — auto margins on a full-width box collapse * to zero. */ body { margin-left: auto; margin-right: auto; } h1, h2, h3, h4 { font-weight: 400; letter-spacing: var(--bf-ls-heading); text-transform: uppercase; margin: 0 0 0.5em; } /* * Cap heading sizes so a panel that ships its own large display-serif h1 * (e.g. blog-scheduler's 34px Cormorant) does not visually dominate the * iframed view. Panels can still grow these via more-specific rules. */ h1 { font-size: 18px; } h2 { font-size: 14px; } h3 { font-size: 12px; } h4 { font-size: 11px; } body { font-size: 13px; line-height: 1.5; } button, input[type="submit"], input[type="button"] { font-family: var(--bf-font); font-weight: 400; font-size: 12px; text-transform: uppercase; letter-spacing: var(--bf-ls-button); border: 1px solid var(--bf-fg); background: var(--bf-fg); color: #fff; padding: 10px 18px; border-radius: var(--bf-radius); cursor: pointer; transition: background 0.2s ease, border-color 0.2s ease; } button:hover, input[type="submit"]:hover, input[type="button"]:hover { background: var(--bf-accent); border-color: var(--bf-accent); } button:disabled { background: #ccc; border-color: #ccc; cursor: wait; } input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select { font-family: var(--bf-font); background: var(--bf-surface); color: var(--bf-fg); border: 1px solid var(--bf-border); padding: 12px 14px; font-size: 13px; border-radius: var(--bf-radius); outline: none; } table { background: var(--bf-surface); border-collapse: collapse; } th { font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; color: var(--bf-muted); text-align: left; padding: 12px 16px; border-bottom: 1px solid var(--bf-border); } td { font-size: 13px; padding: 10px 16px; border-bottom: 1px solid var(--bf-border); } a { color: var(--bf-fg); } a:hover { color: var(--bf-accent); } /* * Hide each panel's own top brand / title / sign-out strip. The * aggregator chrome already shows the brand + active app tab + signed-in * email + sign-out, so the panel-side duplicates are visual noise. Each * rule targets exactly one panel by its DOM shape; rules are inert on * panels that don't have the matching shape, so they don't bleed. * * blog-scheduler —

Blog Scheduler

inside .wrap */ body > .wrap > h1:first-of-type, /* ebay-automation —

BohemeFolk eBay Automation

at body level */ body > h1:first-of-type, /* enrichment —

BohemeFolk Enrichment

inside .container */ .container > h1:first-of-type, /* pinterest-automation — semantic

tag */ body > header, /* newsletter (panel + editor) — centered brand strip identified by the exact inline-style combo it always carries. */ div[style*="text-align: center"][style*="margin-bottom: 40px"] { display: none; } /* * Mobile (≤ 640px). Applies inside iframed panels too — see * lib/proxy.ts#injectPanelStyle. The aggregator's own pages get the * same rules via app/layout.tsx inlining PANEL_STYLE_OVERRIDES. * * !important is used for layout-critical overrides because each panel * ships its own

BohemeFolk Admin