/* BrandOps visual polish using the native Customer's Canvas BackOffice icon language. */
body.brandops-ux-v1 .brandops-sidebar-brand{padding:14px 16px;min-height:64px;background:#fff}
body.brandops-ux-v1 .brandops-sidebar-brand .brand-mark{position:relative;width:32px;height:32px;background:transparent;color:transparent;border-radius:0;box-shadow:none;font-size:0}
body.brandops-ux-v1 .brandops-sidebar-brand .brand-mark::before{content:"";position:absolute;inset:4px;background:#0090ff;mask:url('/bo-icons/app-logo.svg') center/contain no-repeat;-webkit-mask:url('/bo-icons/app-logo.svg') center/contain no-repeat}
body.brandops-ux-v1 .brandops-sidebar-brand-copy strong{font-weight:500;color:#282828}
body.brandops-ux-v1 .brandops-sidebar-brand-copy span{color:#606870}

body.brandops-ux-v1 .brandops-nav{padding:14px 8px 14px;gap:16px}
body.brandops-ux-v1 .brandops-nav-group{gap:3px}
body.brandops-ux-v1 .brandops-nav-label{padding:4px 8px 6px;color:#90959a;font-size:9px;line-height:14px;letter-spacing:.09em}
body.brandops-ux-v1 .brandops-nav-item{position:relative;min-height:38px;padding:8px 9px;gap:10px;border-radius:4px;color:#454b52;transition:background-color .12s ease,color .12s ease}
body.brandops-ux-v1 .brandops-nav-item:hover:not(:disabled){background:#f5fcff;color:#282828}
body.brandops-ux-v1 .brandops-nav-item.active{background:#ebf7ff;color:#0072e0;font-weight:500}
body.brandops-ux-v1 .brandops-nav-item.active::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:0 2px 2px 0;background:#0090ff}
body.brandops-ux-v1 .brandops-nav-item:disabled{color:#a0a6ad;opacity:.82}
body.brandops-ux-v1 .brandops-nav-icon{display:inline-block;width:18px;height:18px;flex:0 0 18px;font-size:0;background:currentColor;mask-position:center;mask-size:18px 18px;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:18px 18px;-webkit-mask-repeat:no-repeat}
body.brandops-ux-v1 .brandops-coming{font-size:9px;line-height:15px;padding:0 6px;border-color:#dfe3e8;border-radius:8px;color:#8a9099;background:#fff;white-space:nowrap}
body.brandops-ux-v1 .brandops-context-head{margin:2px 8px 5px;padding:9px 10px;border-color:#dfe3e8;border-radius:4px;background:#fff;box-shadow:0 1px 2px rgba(63,63,68,.05)}
body.brandops-ux-v1 .brandops-context-head strong{font-weight:500}

/* Native BackOffice icon mapping. */
body.brandops-ux-v1 [data-brandops-route="overview"] .brandops-nav-icon,
body.brandops-ux-v1 [data-brandops-tab="overview"] .brandops-nav-icon{mask-image:url('/bo-icons/home.svg');-webkit-mask-image:url('/bo-icons/home.svg')}
body.brandops-ux-v1 [data-brandops-route="brands"] .brandops-nav-icon{mask-image:url('/bo-icons/grid.svg');-webkit-mask-image:url('/bo-icons/grid.svg')}
body.brandops-ux-v1 .brandops-nav-group:has(.brandops-context-head) [data-brandops-route="brands"] .brandops-nav-icon{mask-image:url('/bo-icons/back.svg');-webkit-mask-image:url('/bo-icons/back.svg')}
body.brandops-ux-v1 [data-brandops-route="launch"] .brandops-nav-icon{mask-image:url('/bo-icons/file-plus.svg');-webkit-mask-image:url('/bo-icons/file-plus.svg')}
body.brandops-ux-v1 [data-brandops-route="ai"] .brandops-nav-icon{mask-image:url('/bo-icons/settings.svg');-webkit-mask-image:url('/bo-icons/settings.svg')}
body.brandops-ux-v1 [data-brandops-tab="assets"] .brandops-nav-icon{mask-image:url('/bo-icons/images.svg');-webkit-mask-image:url('/bo-icons/images.svg')}
body.brandops-ux-v1 [data-brandops-tab="typography"] .brandops-nav-icon{mask-image:url('/bo-icons/text.svg');-webkit-mask-image:url('/bo-icons/text.svg')}
body.brandops-ux-v1 [data-brandops-tab="colors"] .brandops-nav-icon{mask-image:url('/bo-icons/colors.svg');-webkit-mask-image:url('/bo-icons/colors.svg')}
body.brandops-ux-v1 [data-brandops-tab="rules"] .brandops-nav-icon{mask-image:url('/bo-icons/list.svg');-webkit-mask-image:url('/bo-icons/list.svg')}
body.brandops-ux-v1 [data-brandops-tab="history"] .brandops-nav-icon{mask-image:url('/bo-icons/calendar.svg');-webkit-mask-image:url('/bo-icons/calendar.svg')}
body.brandops-ux-v1 [data-brandops-tab="bindings"] .brandops-nav-icon{mask-image:url('/bo-icons/link.svg');-webkit-mask-image:url('/bo-icons/link.svg')}
body.brandops-ux-v1 [data-brandops-managed-layouts] .brandops-nav-icon{mask-image:url('/bo-icons/grid.svg');-webkit-mask-image:url('/bo-icons/grid.svg')}
body.brandops-ux-v1 [data-brandops-tab="templates"] .brandops-nav-icon{mask-image:url('/bo-icons/wand.svg');-webkit-mask-image:url('/bo-icons/wand.svg')}
body.brandops-ux-v1 [data-brandops-tab="json"] .brandops-nav-icon{mask-image:url('/bo-icons/code.svg');-webkit-mask-image:url('/bo-icons/code.svg')}
body.brandops-ux-v1 .brandops-nav-item:disabled .brandops-nav-icon{mask-image:url('/bo-icons/check.svg');-webkit-mask-image:url('/bo-icons/check.svg')}

/* Tighter BackOffice-like status language. */
body.brandops-ux-v1 .managed-layout-status .pill,
body.brandops-ux-v1 .batch-plan-state,
body.brandops-ux-v1 .fast-planner-tag{border-radius:3px}
body.brandops-ux-v1 .managed-layout-status .current{background:#f0f8e5;color:#4e7318}
body.brandops-ux-v1 .managed-layout-status .stale{background:#fff6e6;color:#8c5700}
body.brandops-ux-v1 .managed-layout-status .unresolved{background:#f5f5f5;color:#606870}

/* Small structural polish without changing behavior. */
body.brandops-ux-v1 #sidebarCcStatus{border-color:#dfe3e8;background:#fff}
body.brandops-ux-v1 .profile-head h2{font-weight:500}
body.brandops-ux-v1 .profile-tab-content{box-shadow:0 1px 3px rgba(63,63,68,.08)}
body.brandops-ux-v1 .managed-layout-card{transition:border-color .12s ease,box-shadow .12s ease}
body.brandops-ux-v1 .managed-layout-card:hover{border-color:#b8e7ff;box-shadow:0 1px 3px rgba(63,63,68,.08)}