/* Acebela / pink #f86592 and charcoal #474747 from the original brand logo. Shared theme, loaded after page styles. */
@font-face {
  font-family: "DM Sans"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('/static/fonts/dm-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root {
  --bg: #f7f2f4; --bg-2: #f2e8ec; --card: #fff; --ink: #332e30; --ink-2: #62555a;
  --muted: #79696f; --line: #ebdde2; --line-2: #dec6cf; --accent: #484043;
  --accent-2: #2d282a; --accent-soft: #f1e6ea; --accent-ink: #fff;
  --ok: #54494d; --ok-soft: #f1e7eb; --warn: #926727; --warn-soft: #fbf1db;
  --bad: #a35143; --bad-soft: #faece7; --info: #506e86; --info-soft: #edf2f5;
  --shadow: 0 2px 4px #37323403, 0 6px 24px #37323404;
  --radius: 16px; --radius-sm: 9px; --sidebar: 246px; --header: 72px;
}
body { font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px; line-height: 1.55; }
h1 { font-size: 32px; font-weight: 600; letter-spacing: -1.15px; line-height: 1.2; }
h2 { font-size: 17px; font-weight: 600; letter-spacing: -.4px; }
h3 { font-weight: 600; }
a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #a5989d; outline-offset: 3px; }
[hidden] { display: none !important; }
::selection { background: #e1ccd4; color: #2d282a; }
.sub { font-size: 14px; color: var(--muted); line-height: 1.65; margin-top: 9px; }
.eyebrow, .editor-eyebrow { font-size: 12px; font-weight: 500; color: #817076; letter-spacing: .1px; margin-bottom: 9px; }
.icon { stroke-width: 1.6; }
/* Navigation is quiet until a destination is selected. */
.global-header { height: var(--header); background: #fff; color: var(--ink); padding: 0 32px 0 0; gap: 28px; border-bottom: 1px solid var(--line); }
.brand-lockup { min-width: var(--sidebar); width: var(--sidebar); height: var(--header); padding: 0 24px; background: var(--accent-2); gap: 12px; font-size: 23px; letter-spacing: -.9px; }
.brand-mark { background: #dbc0c9; color: #2d282a; width: 35px; height: 37px; border-radius: 12px 12px 12px 4px; font-size: 34px; }
.brand-sub { display: none; }
.global-search { background: #f7f2f4; border: 1px solid #eee2e6; border-radius: 9px; padding: 0 14px; max-width: 600px; color: #8d7b82; }
.global-search input[type=search] { min-height: 40px; font-size: 13px; color: #484143; }
.global-search input::placeholder { color: #8e7c83; }
.global-search kbd { color: #9f9096; border-color: #e3cfd6; background: #fff; padding: 1px 6px; border-radius: 4px; }
.global-search:focus-within { outline: 2px solid #c59aaa; outline-offset: 2px; background: #fff; }
.assistant-link { color: #64575c; font-size: 12px; gap: 8px; padding: 8px 10px; border-radius: 8px; }
.assistant-link:hover { background: #f4ecef; }
.assistant-link .icon { color: #78686e; }
.avatar { background: #eddfc5; color: #6f5938; width: 34px; height: 34px; border: 3px solid #faf7ef; border-radius: 50%; }
.account-menu summary { gap: 9px; }
.account-popover { top: 46px; padding: 14px; border-radius: 12px; box-shadow: 0 12px 40px #2d282a18; }
.account-popover a { border-radius: 6px; }
.account-popover a:hover { background: #f4edef; }
.shell { min-height: calc(100vh - var(--header)); }
aside.side { background: var(--accent-2); color: #e5d3d9; top: var(--header); height: calc(100vh - var(--header)); padding: 19px 15px; border-right: 0; scrollbar-width: thin; scrollbar-color: #695c61 transparent; }
.store-switch { border: 1px solid #5b4f53; border-radius: 11px; padding: 13px 10px; margin: 0 4px 17px; color: #f0e5e9; text-decoration: none; gap: 10px; }
.store-switch:hover { background: #3d3639; border-color: #837178; }
.store-switch strong { font-size: 12px; font-weight: 550; }
.store-switch span:not(.store-icon) { font-size: 12px; color: #c69cab; margin-top: 3px; }
.store-switch>.icon { color: #cba5b3; width: 12px; }
.store-icon { background: #484143; color: #dcc2cc; border-color: #64575c; border-radius: 8px; }
.nav-group { font-size: 12px; font-weight: 500; color: #c69bab; margin: 19px 13px 8px; letter-spacing: .3px; }
.first-group { margin-top: 0; }
aside nav a { color: #ddc3cd; font-size: 13px; padding: 10px 13px; margin-bottom: 3px; border-radius: 8px; min-height: 39px; gap: 12px; }
aside nav a .icon { color: #c499a9; width: 18px; height: 18px; }
aside nav a:hover { background: #3e383a; color: white; }
aside nav a.active { background: #e3ced6; color: #393436; box-shadow: 0 3px 10px #1e1b1c16; font-weight: 600; }
aside nav a.active .icon { color: #484143; }
.nav-dot { background: #caa4b2; width: 5px; height: 5px; }
aside nav a.active .nav-dot { background: #6c5d63; }
.sidebar-bottom { padding: 27px 4px 2px; }
.sidebar-create { display: flex; align-items: center; gap: 10px; color: #dfc8d0; border: 1px solid #685a5f; text-decoration: none; font-size: 12px; padding: 11px 12px; border-radius: 8px; margin-bottom: 20px; }
.sidebar-create:hover { background: #443d40; }
.sidebar-create>span { flex: 1; }
.sidebar-create .icon { width: 15px; height: 15px; }
.sidebar-note { border-color: #4f474a; padding: 17px 5px 0; margin-bottom: 13px; gap: 8px; }
.sidebar-note strong { color: #e0c9d1; font-size: 12px; }
.sidebar-note span { color: #c498a8; font-size: 12px; line-height: 1.6; }
.sidebar-note>.icon { color: #c092a3; }
.sidebar-bottom>.small { color: #c091a2; font-size: 12px; padding-left: 5px; }
main { max-width: 1550px; padding: 34px 38px 50px; }
.page-head { margin-bottom: 27px; gap: 18px; }
.page-head>.row { gap: 9px; }
/* Surfaces and controls */
.card { border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow); }
.card-h { margin-bottom: 20px; }
.card.flush .card-h { padding: 20px 22px 0; }
.btn, button { background: #443c3f; border-color: #443c3f; font-size: 13px; min-height: 40px; padding: 10px 15px; border-radius: 9px; font-weight: 550; box-shadow: 0 2px 3px #28232509; }
.btn:hover, button:hover { background: #312c2e; border-color: #312c2e; }
.btn.secondary, button.secondary { background: #fff; border-color: #e4d0d7; color: #4f474a; font-size: 12px; box-shadow: 0 1px 3px #28242505; }
.btn.secondary:hover, button.secondary:hover { background: #f3ebee; border-color: #d2b0bd; }
.btn.small, button.small { min-height: 34px; padding: 7px 10px; font-size: 12px; }
.btn.ghost, button.ghost, .icon-btn { background: transparent; border-color: transparent; box-shadow: none; }
.icon-btn:hover { background: #f2e9ec; color: #4d4548; }
.btn.danger, button.danger { background: var(--bad); border-color: var(--bad); }
input[type=text], input[type=password], input[type=search], input[type=number], input[type=date], input[type=email], select, textarea { font-family: inherit; font-size: 13px; border: 1px solid #e0cad2; background-color: #fff; min-height: 42px; border-radius: 8px; }
input:focus, select:focus, textarea:focus { outline: 2px solid #d1b0bc; outline-offset: 2px; border-color: #9a8b90; }
input::placeholder, textarea::placeholder { color: #95868b; }
label { color: #5b4f53; }
.text-link { font-size: 12px; color: #5b4f53; font-weight: 550; }
.badge, .platform, .status { padding: 4px 8px; border-radius: 6px; font-weight: 500; font-size: 12px; line-height: 1.4; }
.help { background: #f1e6ea; color: #7e6d73; }
.coverage-note { background: #f2e9ec; border: 1px solid #e8d6dd; padding: 11px 14px; color: #74646a; border-radius: 9px; font-size: 12px; }
.coverage-note>.icon { color: #918086; }
.coverage-note>a { color: #65585d; font-weight: 550; }
.flash { padding: 14px 18px; border-color: #d9bcc7; background: #f2e8ec; color: #53494d; border-radius: 11px; }
.flash.error { background: #fff1ec; border-color: #ecd0c1; color: #9e5039; }
.chip { border-color: #e5d3d9; background: #fff; color: #6b5d62; padding: 7px 12px; border-radius: 8px; }
.chip.active { background: #ebdce2; border-color: #d9bcc7; color: #494244; font-weight: 600; }
.chip:hover { border-color: #c396a7; }
.tabs a.active { color: #54494d; border-color: #615559; }
/* A prominent sales figure, with the supporting numbers close by. */
.overview-head .eyebrow { display: flex; gap: 7px; align-items: center; }
.greeting-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #806f75; }
.overview-head h1 { font-size: 32px; }
.overview-tools { margin-bottom: 17px; gap: 12px; }
.segment { background: #efe2e7; border: 1px solid #e7d5dc; padding: 4px; border-radius: 9px; }
.segment a, .segment button { padding: 6px 12px; min-height: 29px; color: #7b6b71; }
.segment a.active, .segment button.active { color: #4b4346; box-shadow: 0 2px 5px #2d282a0b; }
.coverage-pill { border-color: #e5d1d8; border-radius: 8px; padding: 8px 11px; font-size: 12px; color: #695c61; }
.updated { color: #837278; font-size: 12px; }
.performance { padding: 24px 24px 0; }
.performance .card-h { margin-bottom: 22px; }
.metric-grid { gap: 12px; }
.metric, .metric:first-child { border: 1px solid #eee1e6; background: #faf5f7; border-radius: 12px; padding: 18px; }
.metric:first-child { background: #3a3436; border-color: #3a3436; color: #fff; }
.metric-label { font-size: 12px; color: #6c5d63; margin-bottom: 13px; gap: 5px; }
.metric-symbol { margin-left: auto; color: #9a8b90; }
.metric-symbol .icon { width: 16px; height: 16px; }
.metric-value { font-size: clamp(24px,2.3vw,34px); font-weight: 550; letter-spacing: -1px; margin-bottom: 10px; }
.metric-caption { font-size: 12px; color: #847279; margin-top: 9px; line-height: 1.6; }
.metric .delta { font-size: 12px; padding: 3px 5px; margin: 0; }
.metric:first-child .metric-label, .metric:first-child .metric-caption { color: #d5b5c1; }
.metric:first-child .metric-symbol { color: #cba4b2; }
.metric:first-child .delta.down { background: #4d4548; color: #eed7b7; }
.metric:first-child .delta.up { background: #554a4e; color: #dcc2cc; }
.metric:first-child .delta.flat { color: #ddc4cd; }
.performance-chart { margin-top: 22px; padding-top: 15px; border-color: #f1e6ea; }
.performance-chart svg { height: 216px; }
.chart-switch { gap: 6px; }
.chart-switch button { min-height: 30px; border-radius: 7px; padding: 5px 12px; }
.chart-switch button.active { background: #efe2e7; color: #5d5055; font-weight: 600; }
.chart-legend { color: #8b7980; font-size: 12px; }
.chart-legend i { background: #736469; }
.chart-tooltip { top: 50px; border-radius: 9px; border-color: #dfc6cf; padding: 10px 13px; box-shadow: 0 8px 24px #342f3114; font-size: 12px; color: #473f42; }
.data-quality { background: #fbf7f9; border-color: #eee1e6; padding: 13px 24px; margin: 0 -24px; color: #827177; }
.workspace-shortcuts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 20px 0 30px; }
.workspace-shortcuts>a { display: flex; align-items: center; gap: 13px; border: 1px solid #e9d8de; border-radius: 12px; background: #fdfbfc; padding: 18px; text-decoration: none; color: #4b4446; }
.shortcut-icon { display: grid; place-items: center; background: #f0e5e9; border-radius: 10px; width: 39px; height: 39px; flex-shrink: 0; color: #726469; }
.workspace-shortcuts>a>span:nth-child(2) { flex: 1; min-width: 0; }
.workspace-shortcuts strong { display: block; font-size: 12px; font-weight: 600; }
.workspace-shortcuts small { display: block; font-size: 12px; color: #847379; margin-top: 4px; line-height: 1.6; }
.workspace-shortcuts>a>.icon { width: 14px; color: #88767d; }
.workspace-shortcuts>a:hover { border-color: #c9a1b0; background: #fff; box-shadow: 0 6px 16px #342f3108; }
.section-heading { margin: 30px 0 18px; }
.section-heading h2 { font-size: 19px; }
.section-heading p { color: #827177; margin-top: 6px; }
.priority-grid { gap: 16px; }
.priority-card { border-radius: 14px; padding: 20px; border-color: #e9d9df; position: relative; overflow: hidden; }
.priority-card::before { content: ''; position: absolute; left: 20px; right: 20px; top: 0; height: 3px; background: #c295a5; border-radius: 0 0 3px 3px; }
.priority-card.pricing::before { background: #d7c096; }.priority-card.cash::before { background: #bfbbd2; }.priority-card.grow::before { background: #a7c4c5; }
.priority-top { color: #78696e; font-size: 12px; flex-wrap: wrap; }
.priority-top .time-est { font-size: 12px; color: #94848a; }
.priority-card h3 { font-size: 15px; line-height: 1.5; margin: 16px 0; }
.priority-product img { width: 44px; height: 48px; border-radius: 8px; border-color: #ebdbe1; }
.priority-product a { font-size: 12px; }
.priority-product span { font-size: 12px; }
.priority-reason { font-size: 12px; line-height: 1.75; color: #806f75; margin: 14px 0; }
.priority-value { font-size: 24px; font-weight: 550; color: #484143; }
.priority-value span { font-size: 12px; line-height: 1.6; margin-top: 5px; }
.priority-card .btn { padding: 10px 12px; min-height: 38px; }
.overview-columns { gap: 20px; margin-top: 27px; }
.overview-columns > * { min-width: 0; }
.product-thumb { width: 48px; height: 50px; border-radius: 9px; border-color: #ecdfe4; }
.product-summary a { font-size: 13px; font-weight: 500; }
.product-summary span { font-size: 12px; }
.bestseller-list li { padding: 16px 0; gap: 13px; }
.rank { color: #9a8a90; }.bestseller-list strong { font-size: 13px; color: #5b4f53; }
.money-card { background: #fbfaf4; border-color: #e9e5d5; }
.large-stat { color: #6d6b46; font-size: 34px; }
.saved-plan { background: #f3e9ed; border-color: #e6d4db; align-items: center; }
.workspace-footer { color: #8f7f85; line-height: 1.7; }
/* Catalogue summary and clear rows; product cards on phones. */
.catalogue-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 0 0 25px; }
.catalogue-stat { display: flex; align-items: center; gap: 13px; background: #fff; border: 1px solid #e9d8de; border-radius: 13px; padding: 20px; text-decoration: none; color: #605358; }
.catalogue-stat .stat-icon { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 11px; background: #eee1e6; color: #695b60; }
.catalogue-stat>div { flex: 1; }.catalogue-stat>div>span { font-size: 12px; color: #847279; }.catalogue-stat strong { display: block; font-size: 27px; font-weight: 550; line-height: 1.3; letter-spacing: -.8px; margin-top: 3px; }
.catalogue-stat>.icon { width: 13px; color: #a89a9f; }
.catalogue-stat.amber .stat-icon { background: #f7efd9; color: #a78a47; }.catalogue-stat.rose .stat-icon { background: #f7eae4; color: #b08065; }.catalogue-stat.sage .stat-icon { background: #f1e8eb; color: #85747a; }
.catalogue-stat:hover { border-color: #c89eae; box-shadow: 0 4px 16px #2f2b2c08; }
.catalogue-filters { gap: 8px; margin-bottom: 18px; }
.catalogue-filters .chip span { margin-left: 6px; opacity: .65; font-size: 12px; }
.toolbar { margin-bottom: 16px; }.toolbar .row { gap: 9px; }
table { font-size: 13px; }thead th { background: #f8f4f5; color: #85747a; font-size: 12px; font-weight: 500; padding: 13px 16px; }
th,td { border-color: #f1e6ea; padding: 15px 16px; }
tbody tr:hover { background: #faf6f7; }
td.prod { min-width: 270px; gap: 12px; }td.prod img,.thumb { width: 49px; height: 52px; border-radius: 9px; padding: 3px; border-color: #ecdfe4; }
.ptitle { font-size: 13px; font-weight: 500; max-width: 330px; }
table.products td.prod .muted { font-size: 12px; margin-top: 4px; }
table.products td.money strong { font-weight: 550; }
.product-edit .btn { background: #f8f4f5; border-color: #e8d8de; color: #65575c; }
.product-edit .icon { width: 13px; height: 13px; }
.product-channels .platform { margin: 2px 0; }
/* Opportunity and supporting screens */
.category-grid { gap: 14px; margin-bottom: 24px; }.category-tile { border-radius: 13px; border-color: #e8d6dd; padding: 18px; }.category-tile.selected { background: #f3e9ed; border-color: #c497a8; }
.category-tile strong { font-size: 13px; }.category-tile small { font-size: 12px; color: #86757b; }.category-tile>b { font-weight: 500; color: #8f7e84; }
.category-icon { width: 36px; height: 36px; background: #efe2e7; color: #6d5e64; border-radius: 10px; }
.queue-card { padding: 0; }.queue-tabs { padding: 0 24px; gap: 14px; }.queue-tabs>a { padding: 20px 8px 15px; font-size: 13px; }.queue-tabs>a.active { color: #5d5055; border-color: #807076; }.queue-tabs>a>span { background: #f3e9ed; color: #86747b; border-radius: 5px; }
.queue-filters { padding: 18px 24px; }.queue-count { background: #f9f5f6; padding: 13px 24px; color: #86747b; }.opportunity { padding: 24px; border-color: #ecdfe4; }.opportunity-image { width: 66px; height: 70px; border-radius: 10px; border-color: #eadae0; }.opportunity-title { font-size: 15px; font-weight: 500; }.opportunity-impact strong { font-size: 25px; color: #52484c; font-weight: 550; }.opportunity-bottom { padding-top: 18px; margin-left: 81px; }.opportunity-evidence>div { background: #f7f2f4; border-color: #ecdde3; padding: 17px; }.queue-pagination { padding: 18px 24px; }
.channel-card, .calc-form, .calc-results { border-color: #e8d7dd; }.channel-intro { background: #f1e8eb; border-color: #e7d4db; }.channel-next { background: #f7f1f3; }.channel-logo { border-radius: 12px; }.channel-explainer { background: #fbf8f9; }
.kpi { padding: 20px; border-radius: 14px; }.kpi .k { color: #7a6a70; }.kpi .v { font-size: 28px; font-weight: 550; margin-top: 8px; }.kpi .d { line-height: 1.7; font-size: 12px; }
.hero { border-radius: 16px; background: #fcfafb; padding: 26px; gap: 24px; }.hero .v { color: #473f42; font-weight: 550; }
/* Product editor: generous inputs, focused save bar, immediate visual feedback. */
.editor-back { font-size: 12px; color: #85737a; text-decoration: none; margin-bottom: 22px; }.editor-back:hover { text-decoration: underline; }
.editor-layout { gap: 24px; grid-template-columns: minmax(0,1fr) 316px; }.editor-main,.editor-aside { gap: 22px; }
.editor-card { padding: 27px; border-radius: 15px; }.editor-card h2 { font-size: 16px; font-weight: 600; }.editor-section-title { gap: 12px; margin-bottom: 24px; }.editor-section-title p { font-size: 12px; color: #8a797f; line-height: 1.6; }.editor-section-icon { background: #f1e6ea; color: #76666c; border-radius: 10px; width: 39px; height: 39px; }
.editor-card label:not(.photo-upload) { font-size: 13px; font-weight: 500; color: #5e5256; margin-top: 20px; }
.editor-card input:not([type=file]),.editor-card textarea,.editor-card select { font-family: inherit; border-color: #e2cdd5; border-radius: 8px; padding: 12px 13px; font-size: 14px; color: #3f383b; }
.editor-card input:focus,.editor-card textarea:focus,.editor-card select:focus { outline: 2px solid #caa4b2; border-color: #9a8a90; }
.editor-card .field-help { font-size: 12px; color: #85737a; line-height: 1.7; }.editor-note { background: #f5eef1; color: #847379; font-size: 12px; }.editor-pair { gap: 20px; }
.destination { border-color: #f1e7eb; padding: 17px 0; }.destination .grow>span { font-size: 12px; color: #8a787f; }.destination .grow { flex-basis: 110px; }.destination strong { font-weight: 550; }.destination .badge { font-size: 12px; }
.editor-text-link { color: #6f6166; font-size: 12px; }.editor-checklist { border-color: #e3cfd6; background: #f1e6ea; padding: 24px; }.editor-checklist p { font-size: 12px; }.editor-checklist li { line-height: 1.6; }.editor-checklist li.complete:before { color: #6d5f64; }
.photo-upload { border-color: #ceabb8; background: #faf5f7; padding: 28px 14px; }.photo-upload:hover { background: #f4ebee; }.photo-upload strong { font-size: 13px; color: #67595e; }.photo-upload span { font-size: 12px; color: #88777d; }.photo-tile { border-color: #e7d6dc; border-radius: 10px; }.photo-actions { background: #f4ecef; }.photo-actions button { font-size: 12px; padding: 5px 6px; color: #6e5f65; }.photo-main { color: #615459; font-size: 12px; border-color: #e3ced6; }
.editor-preview { padding: 18px; overflow: hidden; }.preview-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 16px; }.preview-heading h2 { margin: 0; font-size: 13px; }.preview-heading>span { font-size: 12px; color: #928187; }.preview-photo { height: 160px; border-radius: 10px; background: #f7f0f3; display: grid; place-items: center; padding: 14px; }.preview-photo>img { width: 100%; height: 100%; object-fit: contain; min-height: 0; mix-blend-mode: multiply; }.preview-photo>span { display: grid; place-items: center; gap: 13px; color: #a3969b; font-size: 12px; }.preview-photo>span>.icon { width: 33px; height: 33px; stroke-width: 1.2; }.preview-copy { padding: 16px 2px 3px; }.preview-copy>span:first-child { font-size: 12px; color: #938389; }.preview-copy strong { display: block; margin: 5px 0 9px; font-size: 14px; font-weight: 500; color: #5c5054; overflow-wrap: anywhere; }.preview-copy>span:last-child { font-size: 16px; color: #4c4547; font-weight: 550; }
.editor-savebar { background: #383335; border: 1px solid #4b4446; box-shadow: 0 6px 24px #29242618; border-radius: 12px; padding: 14px 18px; }.editor-savebar>div:first-child { color: #dfc8d0; font-size: 12px; }.editor-savebar button[value=draft] { color: #e5d3d9; background: transparent; border-color: #76666c; }.editor-savebar button[value=draft]:hover { background: #4e4548; }.editor-savebar button[value=publish] { background: #dfc6cf; color: #413a3d; border-color: #dfc6cf; font-weight: 600; }.editor-savebar button[value=publish]:hover { background: #ecdde3; }
/* Welcome screen */
.login-shell main { max-width: none; padding: 0; }.login-shell { min-height: 100vh; }.login-shell .flash { margin: 0; border-radius: 0; position: relative; z-index: 2; justify-content: center; }.login-shell .flash>span { flex: 0 1 auto; }
.login-experience { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; }
.login-story { background: #2d282a; color: #e7d4db; padding: 50px clamp(32px,5vw,90px); display: flex; flex-direction: column; position: relative; overflow: hidden; }
.login-brand { display: flex; gap: 13px; align-items: center; color: #f2e9ec; text-decoration: none; font-size: 26px; font-weight: 600; letter-spacing: -.8px; }.login-brand .brand-mark { width: 43px; height: 46px; font-size: 42px; }.login-brand>span:last-child>span { display: block; font-size: 12px; color: #c296a6; letter-spacing: .2px; margin-top: 1px; font-weight: 400; }
.login-story-copy { margin: auto 0 34px; padding-top: 65px; }.login-kicker { font-size: 12px; color: #c9a2b0; }.login-story-copy h2 { font-size: clamp(34px,3.9vw,60px); font-weight: 400; line-height: 1.16; letter-spacing: -1.8px; margin: 23px 0; }.login-story-copy h2 em { font-family: Georgia,serif; font-weight: 400; color: #dfc6cf; }.login-story-copy>p { font-size: 14px; color: #cca6b4; max-width: 370px; line-height: 1.9; }
.login-journey { display: grid; gap: 22px; margin: 10px 0 60px; }.login-journey>div { display: grid; grid-template-columns: 40px 1fr; column-gap: 14px; align-items: center; }.login-journey>div>span { grid-row: 1/3; height: 40px; display: grid; place-items: center; border: 1px solid #66585d; border-radius: 11px; color: #c8a0af; background: #3b3437; }.login-journey strong { font-size: 13px; font-weight: 500; color: #ddc5ce; }.login-journey p { font-size: 12px; margin: 3px 0 0; color: #bf91a2; }
.login-story-footer { display: flex; gap: 14px; align-items: center; border-top: 1px solid #564a4f; padding-top: 22px; font-size: 12px; color: #aa9da2; margin-top: auto; line-height: 1.7; }.login-flower { color: #be8ea0; font-size: 45px; line-height: 1; }.login-story-footer>span:last-child { margin-left: auto; font-size: 12px; white-space: nowrap; }
.login-form-side { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 65px 35px 32px; background: #faf5f7; min-width: 0; }.login-form-card { width: 100%; max-width: 365px; margin: auto 0; }.login-welcome-icon { display: grid; place-items: center; width: 49px; height: 49px; background: #eee2e6; color: #78686e; border: 1px solid #e6d3da; border-radius: 14px; margin-bottom: 28px; }.login-welcome-icon .icon { width: 22px; height: 22px; }.login-form-card .eyebrow { color: #938288; font-size: 12px; }.login-form-card h1 { font-size: 36px; font-weight: 550; letter-spacing: -1.3px; }.login-form-card .sub { font-size: 13px; color: #8d7c82; margin-top: 10px; }.login-form-card form { margin-top: 32px; }.login-form-card .field { margin-bottom: 22px; }.login-form-card label { font-size: 12px; font-weight: 500; color: #6a5c61; margin-bottom: 9px; }.login-form-card input { min-height: 49px; background: #fff; border-color: #e4cfd7; font-size: 13px; border-radius: 8px; padding: 13px 14px; }.login-form-card input::placeholder { color: #a09297; }
.password-control { position: relative; }.password-control input { padding-right: 65px; }.password-toggle { position: absolute; right: 8px; top: 8px; background: transparent; border: 0; color: #8d7c82; font-size: 12px; font-weight: 500; box-shadow: none; min-height: 33px; padding: 6px 8px; }.password-toggle:hover { color: #584c50; background: #f3e9ed; }.login-submit { width: 100%; display: flex; justify-content: space-between; padding: 14px 17px; min-height: 48px; margin-top: 5px; background: #474043; border-color: #474043; }.login-reassurance { display: flex; gap: 6px; align-items: center; justify-content: center; color: #928288; font-size: 12px; margin-top: 22px; }.login-reassurance .icon { width: 14px; height: 14px; }.login-form-footer { display: flex; justify-content: space-between; gap: 18px; color: #a5989d; font-size: 12px; width: 100%; max-width: 400px; padding-top: 50px; }.login-form-footer>span { font-size: 12px; }
/* Motion supports interaction, never holds up work. */
@media(prefers-reduced-motion:no-preference) {
  a,button,input,select,textarea { transition: background-color .15s ease,border-color .15s ease,box-shadow .15s ease; }
  .workspace-shortcuts>a,.catalogue-stat,.priority-card { transition: border-color .18s ease,box-shadow .18s ease; }
}
/* Responsive adaptations */
@media(min-width:1650px) { main { padding-left: 46px; padding-right: 46px; }.editor-layout { grid-template-columns: minmax(0,1fr) 340px; } }
@media(max-width:1280px) { :root { --sidebar: 224px; }.brand-lockup { padding-left: 22px; }.global-header { gap: 24px; padding-right: 22px; }main { padding: 30px 27px 45px; }.metric,.metric:first-child { padding: 15px; }.metric-label { font-size: 12px; }.metric-caption { font-size: 12px; }.metric-symbol { display: none; }.workspace-shortcuts>a { padding: 15px; gap: 10px; }.workspace-shortcuts small { font-size: 12px; }.workspace-shortcuts>a>.icon { display: none; }.catalogue-stat { padding: 16px; gap: 10px; }.catalogue-stat>.icon { display: none; }.editor-layout { grid-template-columns: minmax(0,1fr) 280px; }.editor-card { padding: 22px; }.editor-pair { gap: 15px; } }
@media(max-width:1080px) { .global-header { gap: 20px; }.assistant-link { padding: 7px; }.metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.metric-value { font-size: 30px; }.metric-caption { font-size: 12px; }.metric-label { font-size: 12px; }.metric-symbol { display: inline; }.catalogue-summary { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.catalogue-stat { padding: 17px; }.catalogue-stat>.icon { display: inline; }.overview-head h1 { font-size: 29px; }.workspace-shortcuts { gap: 10px; }.shortcut-icon { width: 31px; height: 34px; }.workspace-shortcuts strong { font-size: 12px; }.editor-layout { grid-template-columns: minmax(0,1fr) 260px; }.editor-card { padding: 20px; }.editor-pair { grid-template-columns: 1fr; gap: 0; }.login-story { padding: 40px 35px; }.login-story-copy { padding-top: 55px; }.login-story-copy h2 { font-size: 42px; }.login-journey { margin-bottom: 45px; }.login-story-footer>span:last-child { display: none; } }
@media(max-width:900px) { :root { --header: 64px; }.global-header { padding: 0 18px; gap: 14px; }.brand-lockup { width: auto; min-width: 0; height: auto; background: transparent; padding: 0; color: #3c3538; }.brand-lockup .brand-mark { width: 33px; height: 35px; font-size: 32px; }.brand-lockup>span:last-child { display: none; }.global-search input[type=search] { min-height: 38px; }aside.side { display: none; }.shell { display: block; }main { padding: 27px 24px 105px; }.metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.metric-caption { display: block; }.overview-head h1 { font-size: 30px; }.overview-head .sub { max-width: none; }.bottomnav { border: 1px solid #e8d6dd; background: #fffffff5; backdrop-filter: blur(12px); box-shadow: 0 -4px 24px #342e3007; padding-top: 4px; }.bottomnav a,.bottomnav summary { color: #8f7f85; font-size: 12px; gap: 5px; padding: 9px 3px 11px; }.bottomnav a.active { color: #54494d; }.bottomnav a.active>.icon { background: #efe3e7; box-shadow: 0 0 0 6px #efe3e7; border-radius: 4px; }.bottomnav .more { border-color: #e0cad2; border-radius: 12px; box-shadow: 0 -6px 30px #322d2f14; }.bottomnav .more a { font-size: 13px; padding: 12px; color: #5f5357; }.editor-savebar { bottom: 81px; }.workspace-shortcuts strong { font-size: 12px; }.workspace-shortcuts small { font-size: 12px; }.editor-layout { grid-template-columns: minmax(0,1fr) 285px; }.login-experience { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }.login-story { padding: 35px 27px; }.login-story-copy h2 { font-size: 36px; }.login-story-copy>p { font-size: 13px; }.login-journey strong { font-size: 12px; }.login-journey p { font-size: 12px; }.login-form-side { padding: 45px 28px 25px; } }
@media(max-width:740px) { .editor-layout { grid-template-columns: minmax(0,1fr); }.editor-aside { grid-template-columns: repeat(2,minmax(0,1fr)); }.editor-preview { grid-row: span 2; }.editor-checklist { grid-column: 1/-1; }.overview-columns { grid-template-columns: 1fr; }.workspace-shortcuts { grid-template-columns: 1fr; gap: 9px; }.workspace-shortcuts>a { padding: 13px 16px; }.workspace-shortcuts>a>.icon { display: block; }.workspace-shortcuts strong { font-size: 13px; }.workspace-shortcuts small { font-size: 12px; margin-top: 2px; }.shortcut-icon { width: 38px; height: 38px; }.login-experience { grid-template-columns: 1fr; }.login-story { padding: 25px 28px 32px; }.login-brand { font-size: 23px; }.login-brand .brand-mark { width: 36px; height: 39px; font-size: 35px; }.login-story-copy { padding: 0; margin: 30px 0 0; }.login-story-copy h2 { font-size: 35px; margin: 12px 0 0; letter-spacing: -1px; }.login-story-copy>p,.login-journey,.login-story-footer,.login-kicker { display: none; }.login-form-side { padding: 36px 28px 25px; align-items: center; }.login-form-card { max-width: 410px; }.login-welcome-icon { display: none; }.login-form-card h1 { font-size: 30px; }.login-form-card .eyebrow { font-size: 12px; margin-bottom: 7px; }.login-form-card form { margin-top: 27px; }.login-form-footer { max-width: 410px; padding-top: 30px; }.login-form-card input { font-size: 16px; } }
@media(max-width:600px) {
  .global-header { padding: 0 15px; gap: 12px; }.global-search { padding: 0 11px; }.global-search input[type=search] { font-size: 12px; }.global-search input::placeholder { font-size: 12px; }.avatar { width: 31px; height: 31px; }
  main { padding: 24px 16px 104px; }h1,.overview-head h1 { font-size: 27px; letter-spacing: -.85px; }.sub,.overview-head .sub { font-size: 12px; max-width: none; }.page-head { margin-bottom: 21px; }.page-head>.row { width: auto; }
  .overview-head>.btn { min-width: 37px; min-height: 37px; }.overview-head>.btn .icon { width: 16px; }.overview-tools .segment { flex: 1 1 auto; }.overview-tools .segment a { padding: 6px 9px; }.updated { font-size: 12px; }
  .coverage-note { font-size: 12px; padding: 11px 12px; gap: 8px; line-height: 1.65; }.coverage-note>a { font-size: 12px; }.card { padding: 20px; }.performance { padding: 18px 16px 0; }.performance .card-h { margin-bottom: 17px; }.performance .card-h h2 { font-size: 15px; }.metric-grid { gap: 9px; }.metric,.metric:first-child { padding: 14px 12px; border-radius: 10px; }.metric-label { font-size: 12px; margin-bottom: 11px; }.metric-symbol { display: none; }.metric-value { font-size: 27px; margin-bottom: 9px; }.metric .delta { font-size: 12px; line-height: 1.6; padding: 2px 4px; }.metric-caption { display: none; }.performance-chart svg { height: 190px; }.chart-legend { font-size: 12px; }.data-quality { margin: 0 -16px; padding: 13px 16px; font-size: 12px; }.chart-switch button { padding: 5px 9px; font-size: 12px; }
  .priority-grid { grid-template-columns: 1fr; gap: 14px; }.priority-card { padding: 20px; }.priority-card h3 { font-size: 16px; }.priority-top,.priority-product a,.priority-reason { font-size: 13px; }.priority-value { font-size: 25px; }.priority-value span { font-size: 12px; }.priority-card .btn { font-size: 12px; min-height: 42px; }.section-heading { align-items: flex-start; }.section-heading h2 { font-size: 18px; }.section-heading p { font-size: 12px; line-height: 1.6; }.section-heading>.text-link { font-size: 12px; flex-shrink: 0; }.bestseller-list li { gap: 9px; }.bestseller-list strong { font-size: 12px; }.product-summary a { font-size: 12px; }.product-summary span { font-size: 12px; }.product-thumb { width: 42px; height: 45px; }
  .catalogue-summary { gap: 10px; margin-bottom: 20px; }.catalogue-stat { padding: 14px; gap: 10px; border-radius: 11px; }.catalogue-stat .stat-icon { width: 33px; height: 37px; border-radius: 8px; }.catalogue-stat>div>span { font-size: 12px; }.catalogue-stat strong { font-size: 24px; }.catalogue-stat>.icon { display: none; }.catalogue-filters { gap: 7px; }.catalogue-filters .chip { font-size: 12px; padding: 7px 9px; }.catalogue-filters .chip span { font-size: 12px; }
  table.products { display: block; }table.products thead { position: absolute; width: 1px; height: 1px; clip: rect(0,0,0,0); overflow: hidden; }table.products tbody { display: block; }table.products tr[data-href] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); position: relative; border-top: 1px solid #eadbe0; padding: 20px; gap: 13px 8px; }table.products tr[data-href] td { display: block; padding: 0; border: 0; text-align: left; min-width: 0; white-space: normal; }table.products tr[data-href] td.prod { display: flex; grid-column: 1/-1; padding-right: 47px; align-items: center; gap: 10px; margin-bottom: 4px; }table.products td.prod .ptitle { display: block; white-space: normal; font-size: 13px; line-height: 1.5; }table.products td.prod .muted { font-size: 12px; overflow-wrap: anywhere; }table.products td.prod img { width: 44px; height: 49px; }table.products tr[data-href] td[data-label]::before { content: attr(data-label); display: block; font-size: 12px; color: #8c7a81; margin-bottom: 5px; }table.products tr[data-href] td.product-channels { grid-column: 1/-1; }table.products tr[data-href] td.product-channels::before { display: none; }table.products tr[data-href] td.product-edit { position: absolute; top: 27px; right: 16px; }table.products .product-edit .btn { padding: 6px 8px; font-size: 12px; min-height: 31px; }table.products .product-edit .icon { display: none; }table.products:not(.show-more) tr[data-href] td.cols-more { display: none; }table.products.show-more tr[data-href] td.cols-more { display: block; font-size: 12px; }.card.flush:has(table.products) .card-h { padding: 19px 20px 0; }.card.flush:has(table.products) .scroll { overflow: visible; }
  .category-tile { padding: 14px; }.category-tile strong { font-size: 12px; }.category-tile small { font-size: 12px; }.category-tile .category-icon { width: 30px; height: 30px; }.queue-card { padding: 0; }.queue-tabs { gap: 6px; padding: 0 13px; }.queue-tabs>a { font-size: 12px; padding: 17px 6px 13px; }.queue-filters,.queue-count { padding: 15px 17px; }.opportunity { padding: 20px 17px; }.opportunity-title { font-size: 14px; }.opportunity-image { width: 53px; height: 59px; }.opportunity-bottom { margin-left: 0; padding-top: 14px; }.queue-pagination { padding: 16px 17px; }
  .editor-card { padding: 21px; }.editor-aside { grid-template-columns: 1fr; }.editor-preview { display: none; }.editor-section-title p { font-size: 12px; }.editor-card .field-help { font-size: 12px; }.editor-card input:not([type=file]),.editor-card textarea,.editor-card select { font-size: 16px; }.editor-section-title { gap: 11px; }.editor-savebar { padding: 12px; bottom: 80px; border-radius: 11px; }.editor-savebar button { font-size: 12px; min-height: 43px; padding: 10px 11px; }.editor-savebar .row { gap: 9px; }.editor-savebar button .icon { width: 13px; }.photo-upload span { font-size: 12px; }.destination .grow>span { font-size: 12px; }.destination .badge { font-size: 12px; }.editor-checklist li { font-size: 13px; }
}
@media print { .global-header,.side,.bottomnav,.workspace-shortcuts,.sidebar-create,.editor-savebar,.login-story { display: none!important; }.shell { display: block; }main { padding: 0; }.metric:first-child { background: white; color: black; }.card { box-shadow: none; }.metric:first-child .metric-label,.metric:first-child .metric-caption { color: #444; } }

/* Brand signatures. The original logo is used unchanged on a clear background. */
:root {
  --brand-pink: #f86592; --brand-charcoal: #474747; --brand-berry: #ad2e5b;
  --bg: #faf8f9; --bg-2: #f3edf0; --ink: #373438; --ink-2: #5c565c;
  --muted: #736973; --line: #ece5e9; --line-2: #dcd1d7;
  --accent: #ad2e5b; --accent-2: #28262b; --accent-soft: #fff0f5;
  --ok: #396849; --ok-soft: #eaf4ed; --warn: #886221; --warn-soft: #fbf2df;
  --bad: #aa493f; --bad-soft: #faece8;
}
.global-header { border-bottom-color: #ebe5e9; }
.brand-lockup { background: #fff; border-right: 1px solid #ebe5e9; justify-content: center; padding: 0 20px; }
.brand-lockup picture { display: flex; align-items: center; }
.brand-logo { width: 181px; height: 61px; object-fit: contain; display: block; }
aside.side { background: #2c292e; }
.store-switch { border-color: #57505a; background: #353137; color: #f2e9ee; }
.store-switch:hover { background: #40363e; border-color: #967184; }
.store-switch span:not(.store-icon) { color: #c2aeba; }
.store-icon { color: #f6bbd0; background: #4a3c47; border-color: #6c5463; }
.nav-group { color: #bba8b5; }
aside nav a { color: #d8ccd4; }
aside nav a .icon { color: #baacb7; }
aside nav a:hover { background: #40363f; color: #fff; }
aside nav a.active { background: #fce3ed; color: #8c2b50; box-shadow: inset 3px 0 0 #f86592; }
aside nav a.active .icon { color: #b03c67; }
.nav-dot { background: #f86592; }aside nav a.active .nav-dot { background: #c24270; }
.sidebar-create { color: #f8c1d4; border-color: #775364; background: #3c3038; }.sidebar-create:hover { background: #53404b; }
.sidebar-note { border-color: #51464f; }.sidebar-note strong { color: #e8d7e1; }.sidebar-note span { color: #bfa8b7; }.sidebar-note>.icon { color: #dba5bc; }.sidebar-bottom>.small { color: #b5a1ae; }
.global-search { background: #f8f5f7; border-color: #eee7eb; }.global-search input[type=search] { color: #53474f; }.global-search input::placeholder { color: #7e717b; }
.global-search:focus-within { outline-color: #f3b2ca; }.assistant-link { color: #785368; }.assistant-link .icon { color: #cf5d87; }.assistant-link:hover { background: #fff0f5; }
.avatar { background: #fbe2eb; border-color: #fff6f9; color: #a4375e; }
.btn,button { background: #ad2e5b; border-color: #ad2e5b; color: #fff; }
.btn:hover,button:hover { background: #8d2248; border-color: #8d2248; }
.btn.secondary,button.secondary { background: #fff; color: #65505d; border-color: #e1d6dc; }
.btn.secondary:hover,button.secondary:hover { background: #fff2f7; border-color: #ddb8c8; }
.btn.ghost,button.ghost,.icon-btn { background: transparent; border-color: transparent; color: #75606b; box-shadow: none; }.icon-btn:hover { background: #fbeaf1; }
.btn.danger,button.danger { background: var(--bad); border-color: var(--bad); }
.text-link,.coverage-note>a { color: #9d3961; }.greeting-dot { background: #f86592; }
.eyebrow,.editor-eyebrow,.updated,.metric-caption,.workspace-shortcuts small,.catalogue-stat>div>span,.category-tile small,.preview-heading>span,.preview-copy>span:first-child { color: #746573; }
.segment { background: #f4ebf0; border-color: #eadbe3; }.segment a,.segment button { background: transparent; color: #856778; }.segment a.active,.segment button.active { background: #fff; color: #9d3a63; }
.chip { color: #76616d; border-color: #e6dce1; }.chip.active { background: #fbe6ee; border-color: #f0c6d7; color: #a1305c; }
.coverage-note { background: #f6f1f5; border-color: #e9dfe7; color: #746571; }.coverage-note>.icon { color: #9c7c90; }
.performance .metric:first-child { background: #343136; border-color: #343136; position: relative; overflow: hidden; }
.metric:first-child::before { content: ''; position: absolute; top: 0; left: 18px; right: 18px; height: 3px; background: #f86592; border-radius: 0 0 4px 4px; }
.metric:first-child .metric-label,.metric:first-child .metric-caption { color: #d6c5d0; }.metric:first-child .metric-symbol { color: #f59cbb; }
.metric:first-child .delta.down { background: #58424a; color: #ffd0d9; }.metric:first-child .delta.up { background: #3f5347; color: #c9e7d4; }
.chart-switch button { background: transparent; border: 0; color: #776975; }.chart-switch button.active { background: #fdebf2; color: #a23962; }.chart-legend i { background: #dc608d; }
.chart-tooltip { color: #8a3658; border-color: #eac9d7; }.data-quality { color: #746675; }
.shortcut-icon,.category-icon,.stat-icon { color: #b25379; background: #fce9f0; }
.workspace-shortcuts>a { color: #654355; border-color: #eddee6; }.workspace-shortcuts>a:hover { border-color: #dfabc1; background: #fff; }
.workspace-shortcuts>a:first-child { background: #fff1f6; border-color: #f1cfde; }
.priority-card::before { background: #eda4bf; }.priority-card .priority-value { color: #654354; }
.priority-top,.priority-reason,.priority-value span,.product-summary span,.category-tile small,.workspace-footer { color: #776974; }
.catalogue-stat.green .stat-icon { color: #bd537c; background: #fce9f0; }.catalogue-stat.green strong { color: #943c5e; }
.catalogue-stat.sage .stat-icon { color: #638172; background: #ecf4ef; }
.catalogue-stat.amber .stat-icon { color: #9c7a3c; background: #fbf2df; }.catalogue-stat.rose .stat-icon { color: #a1627c; background: #f9eaf1; }
.catalogue-stat:hover { border-color: #e1b1c5; }.catalogue-stat>div>span { color: #746772; }
thead th { color: #776673; }.product-edit .btn { color: #a4426a; background: #fff6f9; border-color: #f0dce5; }
.product-channels .platform.shopify { color: #42743a; background: #eaf5e6; }
.category-tile.selected { background: #fff0f6; border-color: #e5b1c8; }.queue-tabs>a.active { color: #a33d69; border-color: #ef80a7; }.queue-tabs>a>span { background: #f8edf3; color: #976782; }
.opportunity-impact strong { color: #965474; }.queue-count { color: #766374; }.opportunity-copy p,.opportunity-evidence>summary,.queue-pagination { color: #766775; }
.saved-plan { background: #fff0f6; border-color: #eed5e1; }.channel-intro { background: #fcf1f7; border-color: #efdde7; }
.editor-card input:not([type=file]),.editor-card textarea,.editor-card select { color: #443740; border-color: #e3d5dc; }.editor-card input:focus,.editor-card textarea:focus,.editor-card select:focus { outline-color: #efb7cc; border-color: #d697b0; }
.editor-card .field-help,.editor-section-title p,.editor-note,.photo-upload span { color: #776772; }.editor-section-icon { background: #feebf2; color: #c6678d; }.editor-card label:not(.photo-upload) { color: #68505f; }
.photo-upload { background: #fff7fa; border-color: #e5b4c9; }.photo-upload:hover { background: #ffedf4; }.photo-upload strong { color: #a54870; }.photo-actions { background: #fbecf3; }.photo-actions button { color: #a04d76; }.editor-checklist { background: #fff0f6; border-color: #efdae4; }.editor-checklist li.complete:before { color: #bd4c79; }
.preview-photo { background: #faf4f7; }.preview-copy strong { color: #705466; }.preview-copy>span:last-child { color: #a13d66; }
.editor-savebar { background: #343036; border-color: #56444f; }.editor-savebar>div:first-child { color: #ead9e4; }.editor-savebar button[value=draft] { color: #ead6e2; border-color: #8c6c80; }.editor-savebar button[value=draft]:hover { background: #51404b; }.editor-savebar button[value=publish] { background: #f86592; color: #391c29; border-color: #f86592; }.editor-savebar button[value=publish]:hover { background: #ff91b2; }
/* Soft blush and the real wordmark make the welcome screen unmistakably Acebela. */
.login-story { background: #fff0f5; color: #494046; border-right: 1px solid #f2dbe5; }
.login-brand { color: #474747; display: block; }.login-brand img { display: block; width: 250px; max-width: 100%; height: auto; }.login-brand>span { display: block; color: #947283; font-size: 12px; margin: 1px 0 0 25px; letter-spacing: .2px; font-weight: 400; }
.login-kicker { color: #ab5377; }.login-story-copy h2 { color: #474047; }.login-story-copy h2 em { color: #c84576; }.login-story-copy>p { color: #8a687c; }
.login-journey>div>span { background: #ffe3ed; color: #c56087; border-color: #f2c4d6; }.login-journey strong { color: #82556b; }.login-journey p { color: #8c7180; }
.login-story-footer { color: #8e6b7e; border-color: #efcbdc; }.login-flower { color: #f86592; }
.login-form-side { background: #fffcfd; }.login-welcome-icon { background: #ffedf4; border-color: #f7dbe6; color: #c5698d; }
.login-form-card .eyebrow { color: #a16b84; }.login-form-card .sub { color: #88727e; }.login-form-card label { color: #755263; }.login-form-card input { border-color: #e8d6df; }.login-form-card input::placeholder { color: #998290; }
.password-toggle { background: transparent; border: 0; color: #a46683; }.password-toggle:hover { background: #feecf4; color: #a13c6a; }.login-submit { background: #b53967; border-color: #b53967; color: #fff; }.login-submit:hover { background: #962a53; }
.login-reassurance,.login-form-footer { color: #8e7483; }
.login-brand>span,.login-story-copy>p,.login-journey p,.login-story-footer { color: #806074; }
.login-reassurance,.login-form-footer,.login-form-card .sub { color: #806775; }
@media(max-width:1280px) { .brand-logo { width: 165px; height: 55px; } }
@media(max-width:900px) {
  .brand-lockup { border: 0; padding: 0; background: transparent; }.brand-logo { width: 38px; height: 38px; }
  .bottomnav a,.bottomnav summary { color: #82707c; }.bottomnav a.active { color: #ad3e6b; }.bottomnav a.active>.icon { background: #fde9f1; box-shadow: 0 0 0 6px #fde9f1; }
  .bottomnav .more a { color: #885870; }
}
@media(max-width:740px) { .login-brand img { width: 192px; }.login-brand>span { margin-left: 19px; }.login-story { padding-bottom: 29px; }.login-story-copy { margin-top: 17px; } }
@media(max-width:600px) { .coverage-detail { display: none; }table.products tr[data-href] td[data-label]::before { color: #806577; } }

/* Run price check — available from every page */
.sidebar-run-form { margin: 0; }
.sidebar-run { width: 100%; margin-bottom: 20px; background: transparent; font: inherit; font-size: 12px; cursor: pointer; text-align: left; }
.sidebar-run[disabled] { opacity: .55; cursor: default; }
.more-run { margin: 0; padding: 0; }
.more-run button { display: flex; align-items: center; gap: 10px; width: 100%; background: transparent; border: 0; font: inherit; padding: 10px 12px; cursor: pointer; color: inherit; }

/* Inclusive custom reporting dates */
.overview-date-range { margin: -4px 0 20px; }
.overview-date-range summary { color: var(--berry, #a82959); cursor: pointer; font-size: 13px; }
.date-range-form { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; margin-top: 12px; }
.date-range-form label { display: grid; gap: 6px; font-size: 13px; }
.date-range-form input { min-height: 40px; max-width: 100%; }
.date-range-form .small { padding-bottom: 10px; }
.date-range-error { padding: 12px 16px; background: #fff0ed; color: #8b3024; border-radius: 10px; }
@media(max-width: 480px) { .date-range-form label { flex: 1 1 130px; min-width: 0; } .date-range-form .small { flex-basis: 100%; padding: 0; } .overview-tools .segment { flex-wrap: wrap; } }

.purchase-cost-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.purchase-cost-form label { display:grid; gap:6px; font-size:13px; }
.purchase-cost-form .full { grid-column:1/-1; }
.purchase-cost-form input:not([type=checkbox]), .purchase-cost-form textarea { width:100%; min-width:0; }
.purchase-cost-form input[type=checkbox] { width:auto; }
@media(max-width:600px) { .purchase-cost-form { grid-template-columns:1fr; } }

@media(max-width:600px) {
 .listing-facts { display:block; }
 .listing-facts>span.thumb { display:none; }
 .listing-facts>.thumb { display:block; width:96px; height:96px; margin-bottom:16px; }
 .listing-facts>.grow { width:100%; }
 .listing-facts .kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .listing-facts .kpi .v { overflow-wrap:normal; word-break:normal; }
}