/* 88dog: the approved warm orange / cream identity, shared by store and console. */
:root {
  --brand-orange: #e86f3a;
  --brand-cream: #f5f0e7;
  --brand-paper: #fffcf7;
  --brand-peach: #f5c6aa;
}
body { background: var(--brand-paper); }
.brand-wordmark { display: block; width: 156px; height: 52px; object-fit: contain; flex-shrink: 0; }
.brand-wordmark-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.site-header { background: #fffcf7f5; color: var(--ink); border-bottom-color: var(--line); }
.header-inner { height: 80px; }
.brand small, .header-inner nav { color: var(--muted); }
.brand-divider { background: var(--line); }
.header-inner nav a:hover { color: var(--red-action); }
.button { border-radius: 10px; transition: background .2s, border-color .2s; }
.button-header { border-color: var(--line); background: white; color: var(--ink); }
.button-header:hover { background: #f4e5d8; }
.button-red:hover { background: #a43c16; }
.button:disabled { background: #eee7dd; color: #776c61; }
.hero { background: var(--brand-cream); color: var(--ink); background-image: none; }
.hero-inner { padding-top: 56px; padding-bottom: 64px; }
.eyebrow.light, .hero-description, .plan-footnote { color: var(--muted); }
.hero h1 { letter-spacing: -.025em; font-weight: 650; }
.assurance { background: #fbe2ce; border-color: #efc5a7; color: #91401f; border-radius: 20px; }
.product-card { border-color: #e8dfd3; border-width: 1px; border-radius: 16px; background: var(--brand-paper); }
.product-card.selected { border: 2px solid var(--brand-orange); background: #fff8f0; }
.product-card:hover, .contact-only:hover { border-color: var(--brand-orange); }
.product-card:disabled { opacity: 1; background: #f9f5ee; color: var(--ink); }
.product-badge { color: #786a5c; }
.product-description, .product-features li { color: #75695e; }
.selection-label { border-radius: 8px; background: white; }
.product-card:disabled .selection-label { background: #eee7dd; color: #75695e; }
.product-card.contact-only { border-color: #e8dfd3; background: var(--brand-paper); border-radius: 16px; }
.catalog-status { color: var(--muted); border-color: #d7c6b4; border-radius: 12px; }
.cashier { border: 1px solid #e8dfd3; border-bottom: none; border-radius: 16px 16px 0 0; }
.cashier-price strong { color: var(--ink); }
.cashier-heading .eyebrow { color: #7c6f62; }
.price-breakdown, .cashier-footer { border-color: #ded1c1; }
.form-field input, .form-field textarea, .payment-options label { border-color: #ded5ca; border-radius: 8px; }
.workflow-section, .guarantees-section { background: #f7f3ec; }
.workflow-image { border-color: var(--line); border-radius: 12px; }
.step-number { background: var(--brand-orange); color: var(--ink); border-radius: 8px; }
.faq-section { background: var(--brand-paper); }
.guarantees-grid article { border-top-color: #dabba3; }
.site-footer { background: var(--brand-cream); color: var(--ink); }
.footer-top p, .footer-links, .footer-bottom { color: var(--muted); }
.footer-bottom { border-color: #e1d6c9; }
.floating-support { border-radius: 12px; background: var(--ink); box-shadow: 0 4px 16px #29231f14; }
.receipt-secret { background: #fff5e9; border-color: #e8bc97; }
.receipt-secret label, .receipt-secret code { color: #794526; }
.receipt-status-icon { border-color: #e8bc97; border-radius: 8px; }
.store-dialog { border-radius: 16px; }
.toast { border-color: #ffffff20; border-radius: 10px; }

/* Console: warm surfaces, consistent brand, semantic status colors retained. */
:root { --admin-line: #e9e0d5; --admin-muted: #817366; --admin-bg: #f5f0e7; }
.login-story { background: #f5f0e7; color: #29231f; }
.login-story::before { background: #e86f3a; }
.login-story::after { display: none; }
.login-story-copy p { color: #74685f; }
.login-story-foot { color: #74685f; }
.login-main, .sidebar { background: #fffcf7; }
.login-brand, .sidebar-brand { gap: 0; }
.login-brand .brand-wordmark { width: 192px; height: 64px; }
.sidebar-brand { padding-top: 17px; padding-bottom: 17px; }
.sidebar-brand .brand-wordmark { width: 145px; height: 48px; }
.topbar, .data-panel, .stat-card, .settings-card, .settings-save-card { background: #fffcf7; }
.data-panel, .stat-card, .settings-card, .settings-save-card { border-radius: 12px; }
.data-table th { background: #f9f5ee; }
.data-table tbody tr:hover { background: #fcf6ed; }
.nav-item.active { background: #fbe5d4; color: #a13f19; }
.product-avatar { background: #f5f0e7; border-color: #e8dfd3; color: #796958; }
.settings-save-card { border-color: #e8d4bf; }
.button.primary:hover:not(:disabled) { background: #a43c16; }
.login-story-copy .eyebrow { color: #a44922; }
.login-story-copy > p:last-child { color: #74685f; }
.settings-save-icon { background: #fbe5d4; }
@media (max-width: 600px) {
  .header-inner { height: 70px; }
  .brand-wordmark { width: 126px; height: 42px; }
  .hero-inner { padding-top: 30px; padding-bottom: 44px; }
  .product-card { border-radius: 11px; }
  .cashier { border-radius: 14px 14px 0 0; }
}
/* Inventory alerts share the shop's existing warm, quiet surface. */
.inventory-notification-status { margin-bottom:24px; padding:20px 24px; border:1px solid #decfc0; border-left:3px solid #bf4b1e; border-radius:8px; background:#faf6ef; color:#29231f; }
.inventory-notification-status p { margin:8px 0; overflow-wrap:anywhere; line-height:1.6; }
.inventory-notification-status small { display:block; color:#69594d; line-height:1.7; }