@import url('/styles-base.css');
:root{--v11-bg:#f4f4f1;--v11-line:#dfdfda;--v11-gold:#c99a32}
body{background:var(--v11-bg)!important}
.shell{grid-template-columns:248px minmax(0,1fr)!important}
.sidebar{background:#0d0d0e!important;color:#fff!important;padding:18px 14px!important;box-shadow:none!important;border-right:1px solid #242426!important}
.sidebar:before{display:none!important}
.brand{padding:4px 7px 15px!important;border-bottom:1px solid #252527!important;margin-bottom:14px}
.brand-copy small{color:#777!important}
.tenant{background:#171719!important;border:1px solid #28282b!important;border-radius:13px!important;padding:12px!important;margin:0 0 12px!important}
.tenant .eyebrow,.tenant small{color:#858589!important}
.company-switcher{background:#111!important;color:#eee!important;border:1px solid #333!important;border-radius:9px!important}
#nav{display:flex!important;flex-direction:column!important;gap:3px!important;overflow:auto!important}
#nav button{background:transparent!important;border:0!important;color:#b9b9bc!important;text-align:left!important;border-radius:9px!important;padding:9px 10px!important;font-weight:650!important;box-shadow:none!important}
#nav button:hover{background:#1b1b1e!important;color:#fff!important}
#nav button.active{background:#252528!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--v11-gold)!important}
.sidebar-foot{border-top:1px solid #242426!important;margin-top:auto!important;padding-top:12px!important}
.sidebar-version{color:#6e6e72!important;font-size:10px!important}
main{background:var(--v11-bg)!important}
header{background:rgba(244,244,241,.96)!important;border-bottom:1px solid var(--v11-line)!important;padding:19px 26px!important;backdrop-filter:blur(10px)}
.page-heading .eyebrow{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.13em!important;color:#9b7728!important;font-weight:850!important}
#title{font-size:25px!important;letter-spacing:-.55px!important;color:#171717!important;margin:2px 0!important}
#subtitle{font-size:12px!important;color:#85857f!important;margin:0!important}
.pill{border-radius:999px!important;box-shadow:none!important;border:1px solid #d9d9d4!important;background:#fff!important;color:#555!important}
.pill.safe{background:#161616!important;color:#fff!important;border-color:#161616!important}
#content{padding:20px 26px 34px!important;max-width:1500px}
#content .card,#content .panel,#content .box,#content .section,#content .mini-card{background:#fff!important;border:1px solid var(--v11-line)!important;border-radius:15px!important;box-shadow:none!important}
#content table{background:#fff!important;border:1px solid var(--v11-line)!important;border-radius:14px!important;overflow:hidden!important}
#content thead th{background:#f7f7f5!important;color:#6f6f6a!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
#content tbody td{border-color:#efefec!important}
#content input,#content select,#content textarea{background:#fff!important;color:#1b1b1b!important;border:1px solid #d7d7d2!important;border-radius:10px!important;box-shadow:none!important}
#content button{border-radius:10px!important;box-shadow:none!important}
#nav button[data-view="sync"]{font-size:0!important}
#nav button[data-view="sync"]::after{content:"Synchronization";font-size:14px}
#nav button[data-view="audit"]{font-size:0!important}
#nav button[data-view="audit"]::after{content:"Audit";font-size:14px}
#priceComparisonBtn{font-size:0!important}
#priceComparisonBtn::after{content:"Catalog Review";font-size:14px}
#newProductsBtn{font-size:0!important}
#newProductsBtn::after{content:"New Products Review";font-size:14px}
@media(max-width:820px){.shell{grid-template-columns:1fr!important}.sidebar{position:relative!important;min-height:auto!important}#content{padding:16px!important}.header-actions{flex-wrap:wrap!important}}