/* Scoped component rules are installed by local-business.js so the unchanged
   desktop storefront and legacy admin tables retain their existing styles. */
.lb-root [hidden] { display: none !important; }

.lb-user-code{display:inline-block;margin:2px 0 5px;padding:4px 9px;border-radius:5px;background:#f2eadc;color:#765a2d;font-size:17px;letter-spacing:.12em;font-variant-numeric:tabular-nums}

/* Align the business center with the clean admin console without changing its controls. */
#page .lb-root{--lb-accent:#9b793e;--lb-accent-dark:#765a2d;--lb-ink:#151719;--lb-muted:#626a72;--lb-line:#dedfda;--lb-soft:#f7f7f5;max-width:none;padding:4px 4px 28px}
#page .lb-root>h1{margin-bottom:14px;font-size:25px;color:var(--lb-ink)}
#page .lb-note{margin:0 0 16px;padding:12px 15px;background:#faf7f0;border:1px solid #e7dfd0;border-left:3px solid var(--lb-accent);border-radius:7px;color:#655f54}
#page .lb-tabs{gap:6px;margin-bottom:20px;padding:5px;background:#f3f2ee;border-color:var(--lb-line);border-radius:9px}
#page .lb-tabs button{min-height:36px;background:transparent;border-color:transparent;box-shadow:none}
#page .lb-tabs button:hover{background:#fff;border-color:#d9d3c7}
#page .lb-tabs button.active{background:#17191b;color:#fff;border-color:#17191b;box-shadow:0 4px 12px rgba(21,23,25,.12)}
#page .lb-root button.lb-primary{background:#17191b;color:#fff;border-color:#17191b;box-shadow:0 4px 12px rgba(21,23,25,.12)}
#page .lb-root button.lb-primary:hover{background:#34373a;border-color:#34373a}
#page .lb-root button:focus-visible{outline-color:rgba(155,121,62,.32)}
#page .lb-root input:focus,#page .lb-root select:focus,#page .lb-root textarea:focus{border-color:var(--lb-accent);box-shadow:0 0 0 3px rgba(155,121,62,.14)}
#page .lb-section-head>span,#page .lb-role.merchant{background:#f2eadc;color:#765a2d}
#page .lb-root a{color:var(--lb-accent-dark)}
#page .lb-card{border-color:var(--lb-line);border-radius:9px;box-shadow:none}
#page .lb-card:hover{border-color:#c8bea9;box-shadow:0 5px 16px rgba(40,35,25,.045)}
#page .lb-search{background:var(--lb-soft);border-color:var(--lb-line)}
#page .lb-table{border-color:var(--lb-line);border-radius:9px}
#page .lb-table th{background:#f4f3ef;color:#555d65}
#page .lb-table td,#page .lb-table th{border-bottom-color:#eceae4}
#page .lb-table tbody tr:hover{background:#faf8f3}
#page .lb-empty{background:var(--lb-soft);border-color:#d8d5ce}
#page .lb-modal{border-top-color:var(--lb-accent)}
@media(max-width:767px){#page .lb-root{padding:2px 0 22px}#page .lb-root>h1{font-size:21px}#page .lb-tabs{margin-inline:0;border-radius:8px}}

/* Runtime component styles are appended after this file; these brand rules are
   deliberately important so the old teal theme cannot reappear after render. */
body:not(.sidebar-mini) .lb-root{--lb-accent:#9b793e!important;--lb-accent-dark:#765a2d!important;--lb-ink:#151719!important;--lb-muted:#626a72!important;--lb-line:#dedfda!important;--lb-soft:#f7f7f5!important}
body:not(.sidebar-mini) .lb-note{background:#faf7f0!important;border-color:#e7dfd0!important;border-left-color:#9b793e!important;color:#655f54!important}
body:not(.sidebar-mini) .lb-tabs{background:#f3f2ee!important;border-color:#dedfda!important}
body:not(.sidebar-mini) .lb-tabs button.active{background:#17191b!important;color:#fff!important;border-color:#17191b!important;box-shadow:0 4px 12px rgba(21,23,25,.12)!important}
body:not(.sidebar-mini) .lb-root button.lb-primary{background:#17191b!important;color:#fff!important;border-color:#17191b!important;box-shadow:0 4px 12px rgba(21,23,25,.12)!important}
body:not(.sidebar-mini) .lb-root button.lb-primary:hover{background:#34373a!important;border-color:#34373a!important}
body:not(.sidebar-mini) .lb-root button:focus-visible{outline-color:rgba(155,121,62,.32)!important}
body:not(.sidebar-mini) .lb-root input:focus,body:not(.sidebar-mini) .lb-root select:focus,body:not(.sidebar-mini) .lb-root textarea:focus{border-color:#9b793e!important;box-shadow:0 0 0 3px rgba(155,121,62,.14)!important}
body:not(.sidebar-mini) .lb-section-head>span,body:not(.sidebar-mini) .lb-role.merchant{background:#f2eadc!important;color:#765a2d!important}
body:not(.sidebar-mini) .lb-root a{color:#765a2d!important}
body:not(.sidebar-mini) .lb-table tbody tr:hover{background:#faf8f3!important}
