.owner-template-panel, .owner-account-panel { grid-column: 1 / -1; min-width: 0; }
.owner-template-panel p, .owner-account-panel p { line-height: 1.6; color: var(--muted); overflow-wrap: anywhere; }
#startTemplateForm, #accountRoleForm, #ownerDirectTransfer { display: grid; gap: 16px; margin-block: 20px; }
#startTemplateForm label:has(input[type=checkbox]) { display: flex; flex-direction: row; align-items: center; gap: 12px; }
#startTemplateForm input[type=checkbox] { width: 22px; height: 22px; flex-shrink: 0; }
.owner-template-panel .inline-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.owner-template-panel button, .owner-account-panel button { min-height: 48px; padding: 12px 18px; }
#startImportCommandWrap { display: grid; gap: 12px; margin-top: 20px; line-height: 1.6; }
#accountRoleList .event { display:flex;flex-wrap:wrap;gap:12px;overflow-wrap:anywhere; }
/* Brand controls and ordering tools. */
.brand-tools { display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin-bottom:24px; }
.brand-tools label { min-width:160px;flex:1; }
#brandDraftStatus { color:var(--muted);font-size:12px; }
#brandLivePreview { border:1px solid var(--line);margin-bottom:20px;overflow:hidden; }
.brand-preview-head { display:flex;align-items:center;gap:12px;background:var(--surface);color:var(--text);padding:16px; }
.brand-preview-head img { object-fit:contain;border-radius:50%; }
.brand-preview-head span { margin-left:auto;color:var(--muted);font-size:11px; }
.brand-preview-hero { background:var(--hero-background);color:var(--hero-text);padding:clamp(24px,4vw,40px); }
.brand-preview-hero h2 { color:var(--hero-text);font-size:clamp(32px,5vw,54px);line-height:1.05;margin:18px 0;font-weight:900;overflow-wrap:anywhere; }
.brand-preview-hero p { color:var(--hero-text);white-space:pre-line;line-height:1.6;overflow-wrap:anywhere; }
#brandPreviewButton { display:inline-block;padding:14px 20px;margin-top:12px;background:var(--button-color);color:var(--button-text);font-weight:700; }
#brandContrast { color:var(--muted);font-size:13px; }.contrast-low { color:#ffb574!important; }
#brandForm input[type=color] { width:100%;height:48px;padding:4px;border-radius:4px;cursor:pointer; }
.sort-handle { display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;grid-column:1/-1;cursor:grab;touch-action:none;background:var(--surface);color:var(--text);border:0;border-bottom:1px solid var(--line);border-radius:0; }
.sort-handle>span:first-child { font-size:24px; }.sort-handle:active { cursor:grabbing; }
.product-admin-card { position:relative; }.sort-dragging { opacity:.42;outline:2px dashed var(--accent); }
.sort-ghost { position:fixed;left:0;top:0;z-index:20000;pointer-events:none;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--accent);color:var(--bg);padding:12px 16px;border:1px solid var(--bg);font-weight:700;box-shadow:0 8px 24px #0006; }
.sort-saving { pointer-events:none;opacity:.65; }.reorder-status { color:var(--muted);font-size:13px;grid-column:1/-1; }
#workerForm { display:flex;flex-wrap:wrap;align-items:end;gap:12px; }#workerForm label { flex:1;min-width:180px; }
.worker-row { display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line); }
.worker-row small { display:block;color:var(--muted);line-height:1.6;margin-top:6px; }
#workersPanel p { line-height:1.6;color:var(--muted); }#workerList { overflow-wrap:anywhere; }
@media(max-width:650px){.brand-tools>*{width:100%}.worker-row{flex-wrap:wrap}.sort-handle{min-height:48px}}
.catalog-discovery { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 20px; }
.catalog-search { display: flex; align-items: center; flex: 1 1 280px; gap: 12px; min-width: 0; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); padding: 0 16px; }
.catalog-search:focus-within { outline: 2px solid var(--accent); outline-offset: 3px; }
.catalog-search svg { width: 20px; height: 20px; flex-shrink: 0; color: var(--accent); }
.catalog-search input { width: 100%; min-width: 0; border: 0; outline: none; background: transparent; min-height: 52px; padding: 12px 0; font-size: 16px; box-shadow: none; }
.catalog-search input:focus-visible { outline: none; }
#catalogResultCount { flex: 1 0 100%; margin: 0; color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; }
#catalogReset { min-height: 48px; }
.catalog-no-results { padding: clamp(24px,5vw,48px); margin-bottom: 24px; background: var(--surface); border: 1px dashed var(--line); border-radius: 16px; }
.catalog-no-results h2 { margin: 16px 0 12px; letter-spacing: -.03em; }
.catalog-no-results p { color: var(--muted); line-height: 1.6; max-width: 48ch; }
.catalog-no-results .primary { margin-top: 16px; }
[hidden] { display: none!important; }

#homePrimaryCta{background:var(--button-color,var(--accent));color:var(--button-text,#080b0d)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Preserve Bio's original hero treatment while exposing its existing colors. */
.hero{background:linear-gradient(128deg,color-mix(in srgb,var(--hero-background,var(--surface)) 92%,transparent),color-mix(in srgb,var(--hero-background,var(--surface)) 72%,transparent))}
.hero h1{color:var(--hero-text,var(--text))}
.primary{background:var(--button-color,var(--accent));color:var(--button-text,#080b0d)}