/* V6 DASHBOARD V3 — literal desktop implementation of docs/design-reference.jpeg */
:root{--v3-sidebar:210px;--v3-gap:10px;--v3-bg:#faf7f1;--v3-card:#fff;--v3-border:#ebe3d8;--v3-text:#17191f;--v3-muted:#77756f;--v3-honey:#a85d00;--v3-honey-dark:#6d3900;--v3-gold:#dda744}
*{box-sizing:border-box}
body.operations{margin:0!important;background:var(--v3-bg)!important;color:var(--v3-text)!important;font-family:Tahoma,Arial,sans-serif!important}
.operations #workspace{min-height:100vh!important;background:var(--v3-bg)!important}
.operations .app-sidebar{position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;width:var(--v3-sidebar)!important;height:100vh!important;z-index:20!important;background:#fffaf0!important;border:0!important;border-right:1px solid #eadfce!important;box-shadow:none!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;direction:rtl!important}
.operations .app-sidebar .brand{height:174px!important;min-height:174px!important;padding:10px 8px 4px!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:1px!important;text-decoration:none!important;color:#2b1d11!important;background:#fffaf0!important;border:0!important}
.operations .app-sidebar .brand img{width:86px!important;height:86px!important;object-fit:contain!important;margin:0 0 1px!important;mix-blend-mode:multiply!important}
.operations .app-sidebar .brand>span{font-size:19px!important;font-weight:800!important;line-height:1.15!important;text-align:center!important;white-space:nowrap!important}
.operations .app-sidebar .brand small{display:block!important;margin-top:3px!important;font-size:10px!important;font-weight:500!important;color:#6f5c48!important}
.operations .app-sidebar .brand em{display:block!important;width:100%!important;margin-top:7px!important;padding:5px 6px!important;border-radius:9px!important;background:#f4dfb6!important;color:#8b622c!important;font-size:9px!important;font-style:normal!important;text-align:center!important}
.operations #navigation{flex:1 1 auto!important;min-height:0!important;padding:0 7px!important;display:flex!important;flex-direction:column!important;gap:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
.operations #navigation{scrollbar-width:thin!important;scrollbar-color:#c9a56f transparent!important}
.operations #navigation::-webkit-scrollbar{width:5px!important}
.operations #navigation::-webkit-scrollbar-track{background:transparent!important}
.operations #navigation::-webkit-scrollbar-thumb{background:#c9a56f!important;border-radius:999px!important}

.operations #navigation button,.operations #navigation a{position:relative!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 42px 0 25px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#191919!important;box-shadow:none!important;font-family:inherit!important;font-size:13px!important;font-weight:500!important;text-align:right!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;white-space:nowrap!important}
.operations #navigation button[data-page="branches"][hidden]{display:none!important}
.operations #navigation button::after{content:'‹'!important;position:absolute!important;left:13px!important;top:50%!important;transform:translateY(-52%)!important;color:#9b641d!important;font-size:18px!important;font-weight:400!important}
.operations #navigation button .ui-icon{position:absolute!important;right:12px!important;left:auto!important;width:22px!important;height:22px!important;color:#151a1d!important;stroke-width:1.8!important}
.operations #navigation button.active{background:linear-gradient(135deg,#b56b0c,#7a4000)!important;color:#fff!important;font-weight:700!important}
.operations #navigation button.active .ui-icon,.operations #navigation button.active::after{color:#fff!important}
.operations .sidebar-foot{flex:0 0 239px!important;height:239px!important;margin:0!important;padding:0!important;border:0!important;background:#fffaf0!important;overflow:hidden!important}
.operations .sidebar-foot img{display:block!important;width:100%!important;height:239px!important;object-fit:cover!important;object-position:center top!important;margin:0!important;border:0!important;border-radius:0!important}
.operations .sidebar-foot p,.operations .sidebar-foot small{display:none!important}
.operations .app-canvas{margin:0 0 0 var(--v3-sidebar)!important;width:calc(100% - var(--v3-sidebar))!important;min-width:0!important;padding:10px 17px 12px 15px!important;background:var(--v3-bg)!important;direction:rtl!important}
.operations .app-topbar{height:52px!important;min-height:52px!important;margin:0 0 8px!important;padding:6px 12px!important;display:grid!important;grid-template-columns:minmax(360px,1fr) 180px 48px 150px!important;grid-template-areas:'search date bell user'!important;align-items:center!important;gap:8px!important;background:#fff!important;border:1px solid var(--v3-border)!important;border-radius:10px!important;box-shadow:0 2px 8px rgba(74,48,19,.04)!important;direction:ltr!important}
.operations .global-search{grid-area:search!important;height:38px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) 58px!important;align-items:center!important;gap:5px!important;padding:0 8px!important;background:#fdfbf7!important;border:1px solid #eee7dd!important;border-radius:8px!important;direction:ltr!important}
.operations .global-search input{height:34px!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#3d3b38!important;text-align:right!important;font-family:inherit!important;font-size:11px!important;direction:rtl!important}
.operations .global-search .search-mark{font-size:23px!important;color:#70430d!important;text-align:center!important}.operations .global-search kbd{padding:4px 6px!important;border:1px solid #e3ddd4!important;border-radius:5px!important;background:#fff!important;color:#6f675d!important;font:9px Tahoma,Arial,sans-serif!important;white-space:nowrap!important}
.operations .topbar-date{grid-area:date!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 8px!important;border-left:1px solid #eee8df!important;border-right:1px solid #eee8df!important;color:#222!important;direction:rtl!important}.operations #todayDate{font-size:10px!important;font-weight:700!important;white-space:nowrap!important}.operations .calendar-mark{font-size:17px!important;color:#161616!important}
.operations #openAlerts{grid-area:bell!important;position:relative!important;width:44px!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#171717!important;box-shadow:none!important;font-size:22px!important}.operations #openAlerts #alertsCount{position:absolute!important;top:0!important;right:2px!important;min-width:16px!important;height:16px!important;padding:1px 4px!important;border-radius:9px!important;background:#c81919!important;color:#fff!important;font-size:8px!important;line-height:14px!important}.operations .bell-mark{font-size:22px!important}
.operations .topbar-user{grid-area:user!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:0 4px!important;direction:rtl!important}.operations .topbar-user>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.operations .topbar-user strong{font-size:14px!important;line-height:1.2!important}.operations .topbar-user small{font-size:9px!important;color:#74716d!important;margin-top:2px!important}.operations .avatar{width:34px!important;height:34px!important;border-radius:50%!important;background:linear-gradient(#f2e3ca,#fff)!important;color:#754000!important;display:grid!important;place-items:center!important;font-size:20px!important}
.operations .app-canvas>main{padding:0!important;margin:0!important;max-width:none!important}.operations .app-canvas>main>.identity{display:none!important}
.operations .approved-dashboard{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;direction:rtl!important}.operations .approved-dashboard[hidden]{display:none!important}
.operations .approved-hero{width:100%!important;height:192px!important;min-height:192px!important;margin:0 0 10px!important;border-radius:9px!important;background:url('/store/images/dashboard-hero-approved.jpg') center/cover no-repeat!important;box-shadow:0 2px 8px rgba(70,44,13,.06)!important;overflow:hidden!important}.operations .dashboard-status{position:fixed!important;z-index:50!important;top:70px!important;left:50%!important;transform:translateX(-50%)!important;max-width:560px!important;padding:7px 14px!important;border-radius:8px!important;background:#fff7ed!important;color:#8a5a24!important;font-size:10px!important;box-shadow:0 3px 12px rgba(0,0,0,.08)!important}.operations .dashboard-status:empty{display:none!important}
.operations .metric-grid{height:119px!important;margin:0 0 10px!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;direction:ltr!important}.operations .metric-card{position:relative!important;height:119px!important;min-width:0!important;margin:0!important;padding:17px 14px 10px 60px!important;background:#fff!important;border:1px solid var(--v3-border)!important;border-radius:9px!important;box-shadow:0 3px 10px rgba(66,43,18,.035)!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;direction:rtl!important;overflow:hidden!important}.operations .metric-card>span:not(.metric-icon){width:100%!important;font-size:10px!important;color:#4d5260!important;text-align:right!important;white-space:nowrap!important}.operations .metric-card>strong{width:100%!important;margin-top:8px!important;font-size:20px!important;line-height:1.05!important;color:#0f1730!important;font-weight:800!important;text-align:right!important;white-space:nowrap!important}.operations .metric-card>small{width:100%!important;margin-top:8px!important;color:#8a8986!important;font-size:8px!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.operations .metric-card>small.positive{color:#13a65b!important;font-weight:700!important}.operations .metric-icon{position:absolute!important;left:12px!important;top:13px!important;width:39px!important;height:39px!important;border-radius:7px!important;display:grid!important;place-items:center!important;background:#fff2df!important;color:#c57a10!important;font-size:22px!important}.operations .metric-icon .ui-icon{width:24px!important;height:24px!important}.operations .metric-card[data-tone=green] .metric-icon{background:#e8f8ee!important;color:#14a960!important}.operations .metric-card[data-tone=blue] .metric-icon{background:#eaf3fb!important;color:#2871ba!important}.operations .metric-card[data-tone=brown] .metric-icon{background:#f9ecdc!important;color:#865113!important}
.operations .dashboard-analytics{height:215px!important;margin:0 0 10px!important;display:grid!important;grid-template-columns:minmax(0,1.62fr) minmax(0,1.05fr) minmax(0,1.1fr)!important;gap:10px!important;direction:ltr!important}.operations .dashboard-analytics>.card{height:215px!important;min-height:215px!important;margin:0!important;padding:9px 12px!important;background:#fff!important;border:1px solid var(--v3-border)!important;border-radius:9px!important;box-shadow:0 3px 10px rgba(66,43,18,.035)!important;direction:rtl!important;overflow:hidden!important}.operations .panel-heading{height:30px!important;margin:0 0 5px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.operations .panel-heading h2{margin:0!important;color:#12172b!important;font-size:13px!important;line-height:1.2!important;font-weight:800!important;white-space:nowrap!important}.operations .dashboard-filter,.operations .compact-dashboard-button{height:27px!important;min-width:72px!important;margin:0!important;padding:0 10px!important;border:1px solid #e9e2d8!important;border-radius:6px!important;background:#fffaf2!important;color:#5f5549!important;box-shadow:none!important;font:9px Tahoma,Arial,sans-serif!important}.operations #salesChart,.operations #paymentChart,.operations #topProducts,.operations #latestInvoices{display:block!important;height:calc(100% - 35px)!important}.operations #sales7DaysChart,.operations #categorySalesChart,.operations #topProductsList{height:100%!important}
.operations .bar-chart{height:100%!important;display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:13px!important;align-items:end!important;padding:7px 12px 1px 35px!important;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#eee9e1 36px)!important}.operations .bar-column{height:100%!important;display:grid!important;grid-template-rows:12px 1fr 15px!important;align-items:end!important;text-align:center!important;color:#747474!important;font-size:7px!important;direction:ltr!important}.operations .bar-value{visibility:hidden!important}.operations .bar-track{height:100%!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}.operations .bar{width:76%!important;max-width:42px!important;min-height:2px!important;border-radius:3px 3px 0 0!important;background:linear-gradient(#e1ae56,#d29a3d)!important}.operations .chart-placeholder{position:relative!important;height:100%!important;background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#eee9e1 32px)!important}.operations .chart-y{position:absolute!important;left:0!important;top:3px!important;bottom:14px!important;width:29px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;color:#858585!important;font-size:7px!important;direction:ltr!important}
.operations .donut-layout{height:100%!important;display:grid!important;grid-template-columns:1fr 1.1fr!important;align-items:center!important;gap:9px!important;direction:ltr!important}.operations .donut-chart{position:relative!important;width:132px!important;height:132px!important;margin:auto!important;border-radius:50%!important;background:conic-gradient(#b8750a 0 35%,#f2b83f 35% 61%,#d5d5d5 61% 74%,#8398ae 74% 90%,#315c91 90% 100%)!important}.operations .donut-chart::after{content:''!important;position:absolute!important;inset:31px!important;border-radius:50%!important;background:#fff!important}.operations .donut-chart>span{position:absolute!important;z-index:2!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:#11162b!important}.operations .donut-chart strong{font-size:15px!important}.operations .donut-chart small{font-size:8px!important;margin-top:3px!important}.operations .donut-legend{display:flex!important;flex-direction:column!important;gap:10px!important;direction:rtl!important}.operations .donut-legend>div{display:flex!important;align-items:center!important;gap:7px!important;font-size:9px!important;color:#404551!important;white-space:nowrap!important}.operations .donut-legend i{width:10px!important;height:10px!important;border-radius:50%!important;background:#b8750a!important}.operations .donut-legend>div:nth-child(2) i{background:#f2b83f!important}.operations .donut-legend>div:nth-child(3) i{background:#d5d5d5!important}.operations .donut-legend>div:nth-child(4) i{background:#8398ae!important}.operations .donut-legend>div:nth-child(5) i{background:#315c91!important}
.operations #topProductsList{display:flex!important;flex-direction:column!important;gap:0!important}.operations .rank-row{height:33px!important;min-height:33px!important;margin:0!important;padding:2px 0!important;border-bottom:1px solid #eee9e2!important;display:grid!important;grid-template-columns:28px 36px minmax(0,1fr) 42px!important;align-items:center!important;gap:5px!important;direction:rtl!important;color:#343842!important;font-size:8.5px!important}.operations .rank-row .rank{width:23px!important;height:23px!important;border-radius:50%!important;background:#f0c45a!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:9px!important;font-weight:800!important}.operations .rank-row img,.operations .rank-row .thumb-placeholder{width:34px!important;height:29px!important;border-radius:4px!important;border:1px solid #eee3d3!important;object-fit:cover!important;background:#f8f1e7!important}.operations .rank-row .product-name{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.operations .rank-row strong{display:flex!important;flex-direction:column!important;align-items:flex-start!important;font-size:9px!important;color:#151a2a!important}.operations .rank-row strong small{font-size:7px!important;color:#89847c!important;font-weight:500!important}
.operations .dashboard-operations{height:246px!important;margin:0 0 10px!important;display:grid!important;grid-template-columns:minmax(0,1.62fr) minmax(0,.84fr) minmax(0,.96fr)!important;gap:10px!important;direction:ltr!important}.operations .dashboard-operations>.card,.operations .dashboard-operations>.quick-actions{height:246px!important;min-height:246px!important;direction:rtl!important}.operations .dashboard-operations>.card{margin:0!important;padding:9px 11px!important;background:#fff!important;border:1px solid var(--v3-border)!important;border-radius:9px!important;box-shadow:0 3px 10px rgba(66,43,18,.035)!important;overflow:hidden!important}.operations #latestInvoicesTable{height:200px!important;overflow:hidden!important}.operations #latestInvoicesTable .table-wrap{height:100%!important;overflow:hidden!important;border:0!important}.operations #latestInvoicesTable table{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important}.operations #latestInvoicesTable th{height:28px!important;padding:4px 5px!important;background:#fff!important;border-bottom:1px solid #eae5dd!important;color:#686a70!important;font-size:8px!important;font-weight:700!important}.operations #latestInvoicesTable td{height:30px!important;padding:4px 5px!important;border-bottom:1px solid #eee9e2!important;color:#353b45!important;font-size:8.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.operations #latestInvoicesTable a{color:#18243c!important;text-decoration:none!important;font-weight:700!important}.operations #latestInvoicesTable .state{display:inline-flex!important;min-width:44px!important;justify-content:center!important;padding:3px 5px!important;border-radius:4px!important;background:#f5f2ec!important;font-size:7px!important}.operations #latestInvoicesTable .state.paid{background:#e7f7ed!important;color:#159454!important}.operations #latestInvoicesTable .state.partial{background:#fff2d6!important;color:#a97319!important}.operations #latestInvoicesTable .state.cancelled{background:#f5e8e8!important;color:#a14c4c!important}
.operations #dashboardAlertList{height:200px!important;display:flex!important;flex-direction:column!important;gap:5px!important;overflow:hidden!important}.operations .alert-row{min-height:34px!important;margin:0!important;padding:4px 7px!important;border:1px solid #eee8df!important;border-radius:6px!important;background:#fff!important;color:#4a4f58!important;display:grid!important;grid-template-columns:27px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;font-size:8.5px!important;line-height:1.3!important}.operations .alert-row .ui-icon,.operations .alert-placeholder{width:25px!important;height:25px!important;border-radius:6px!important;background:#fff0df!important;color:#d27a16!important;display:grid!important;place-items:center!important}.operations .alert-bell{color:#e4a219!important;font-size:16px!important}.operations .muted-row{color:#9a948a!important}
.operations .quick-actions{display:grid!important;grid-template-rows:repeat(4,1fr)!important;gap:6px!important}.operations .quick-actions button{min-height:0!important;margin:0!important;padding:5px 8px!important;border:1px solid #eadcc6!important;border-radius:7px!important;background:#fbf2e4!important;color:#3c2a12!important;box-shadow:none!important;font-family:inherit!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 15px!important;align-items:center!important;gap:7px!important;text-align:right!important}.operations .quick-actions button.primary-action{background:linear-gradient(135deg,#8e5200,#653600)!important;border-color:#704000!important;color:#fff!important}.operations .quick-actions .qa-icon{width:36px!important;height:36px!important;border-radius:6px!important;background:#f5e3c4!important;color:#7b4500!important;display:grid!important;place-items:center!important;font-size:20px!important}.operations .quick-actions .primary-action .qa-icon{background:transparent!important;color:#fff!important}.operations .quick-actions button>span:nth-child(2){display:flex!important;flex-direction:column!important;align-items:flex-start!important}.operations .quick-actions strong{font-size:11px!important}.operations .quick-actions small{font-size:7.5px!important;margin-top:2px!important;color:inherit!important;opacity:.72!important}.operations .quick-actions b{font-size:18px!important;font-weight:400!important}
.operations .dashboard-promos{height:111px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;direction:ltr!important}.operations .dashboard-promos>.promo,.operations .dashboard-promos>blockquote{height:111px!important;margin:0!important;border:1px solid var(--v3-border)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 3px 10px rgba(66,43,18,.03)!important;overflow:hidden!important;direction:rtl!important}.operations .dashboard-promos>.promo{position:relative!important;background-position:center!important;background-size:cover!important}.operations .dashboard-promos>.promo::after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.86) 66%,#fff 100%)!important}.operations .dashboard-promos>.promo>div{position:absolute!important;z-index:2!important;right:13px!important;top:32px!important;max-width:58%!important;display:flex!important;flex-direction:column!important}.operations .dashboard-promos>.promo strong{font-size:14px!important;line-height:1.3!important;color:#1d1a15!important}.operations .dashboard-promos>.promo span{margin-top:3px!important;font-size:8px!important;color:#705f49!important}.operations .promo-honey{background-image:url('/store/images/dashboard-promo-1.jpg')!important}.operations .promo-nuts{background-image:url('/store/images/dashboard-promo-2.jpg')!important}.operations .promo-oils{background-image:url('/store/images/dashboard-promo-3.jpg')!important}.operations .dashboard-promos>blockquote{padding:13px 12px!important;display:grid!important;grid-template-columns:20px minmax(0,1fr) 20px!important;grid-template-rows:1fr 1fr!important;align-items:center!important;text-align:center!important}.operations .dashboard-promos>blockquote b{grid-row:1/3!important;font-size:25px!important;color:#e5a722!important}.operations .dashboard-promos>blockquote strong{grid-column:2!important;align-self:end!important;font-size:13px!important;color:#7d4b0e!important}.operations .dashboard-promos>blockquote span{grid-column:2!important;align-self:start!important;margin-top:5px!important;font-size:8px!important;color:#887a69!important}
.operations .empty-state{height:100%!important;margin:0!important;display:grid!important;place-items:center!important;color:#948f87!important;font-size:9px!important;text-align:center!important}
@media(max-width:1350px){:root{--v3-sidebar:190px}.operations .app-canvas{padding-left:12px!important;padding-right:12px!important}.operations #navigation button{height:42px!important;min-height:42px!important;font-size:11.5px!important}.operations .app-sidebar .brand{height:166px!important;min-height:166px!important}.operations .sidebar-foot{flex-basis:210px!important;height:210px!important}.operations .sidebar-foot img{height:210px!important}.operations .metric-card{padding-left:52px!important}.operations .metric-icon{width:35px!important;height:35px!important}.operations .metric-card>strong{font-size:17px!important}.operations .dashboard-analytics{grid-template-columns:1.58fr 1.02fr 1.08fr!important}.operations .dashboard-operations{grid-template-columns:1.55fr .86fr .94fr!important}}
@media(max-width:1050px){.operations .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;height:auto!important}.operations .metric-card{height:105px!important}.operations .dashboard-analytics,.operations .dashboard-operations{height:auto!important;grid-template-columns:1fr!important}.operations .dashboard-analytics>.card,.operations .dashboard-operations>.card,.operations .dashboard-operations>.quick-actions{height:215px!important;min-height:215px!important}.operations .dashboard-promos{height:auto!important;grid-template-columns:repeat(2,1fr)!important}}

/* Approved promo assets already contain their typography; do not redraw them. */
.operations .dashboard-promos>.promo::after{display:none!important}
.operations .dashboard-promos>.promo>div{display:none!important}
.operations .dashboard-promos>.promo{background-size:cover!important;background-position:center!important}
.operations .dashboard-promos>.promo.promo-honey{background-image:url('/store/images/dashboard-promo-1.jpg')!important}
.operations .dashboard-promos>.promo.promo-nuts{background-image:url('/store/images/dashboard-promo-2.jpg')!important}
.operations .dashboard-promos>.promo.promo-oils{background-image:url('/store/images/dashboard-promo-3.jpg')!important}
/* Preserve the complete approved hero at narrower desktop widths. */
.operations .approved-hero{background-size:100% 100%!important}
@media (max-height:850px) and (min-width:1051px){
 .operations .app-sidebar .brand{height:132px!important;min-height:132px!important;padding-top:5px!important}
 .operations .app-sidebar .brand img{width:70px!important;height:58px!important}
 .operations .app-sidebar .brand>span{font-size:16px!important}.operations .app-sidebar .brand small{font-size:8px!important}.operations .app-sidebar .brand em{margin-top:4px!important;padding:3px 5px!important;font-size:8px!important}
 .operations #navigation button,.operations #navigation a{height:34px!important;min-height:34px!important;font-size:10.5px!important}.operations #navigation button .ui-icon{width:18px!important;height:18px!important}
 .operations .sidebar-foot{flex-basis:190px!important;height:190px!important}.operations .sidebar-foot img{height:190px!important}
}


/* Dashboard customization — preserves approved layout while making content editable. */
.operations.sidebar-right .app-sidebar{right:0!important;left:auto!important;border-right:0!important;border-left:1px solid #eadfce!important}
.operations.sidebar-right .app-canvas{margin-right:var(--v3-sidebar)!important;margin-left:0!important}
.operations.sidebar-left .app-sidebar{left:0!important;right:auto!important;border-left:0!important;border-right:1px solid #eadfce!important}
.operations.sidebar-left .app-canvas{margin-left:var(--v3-sidebar)!important;margin-right:0!important}
.operations .approved-hero{position:relative!important;background-position:center!important;background-size:100% 100%!important}
.operations .approved-hero::before{content:''!important;position:absolute!important;z-index:1!important;left:34%!important;top:0!important;width:42%!important;height:100%!important;background-image:linear-gradient(90deg,rgba(255,248,235,.58),rgba(255,250,240,.70) 18%,rgba(255,250,240,.72) 50%,rgba(255,250,240,.70) 82%,rgba(255,248,235,.58)),var(--hero-center-image,url('/store/images/honey-dark.jpeg'))!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;backdrop-filter:blur(.6px)!important}.operations .hero-copy{position:absolute!important;z-index:2!important;left:36%!important;top:8%!important;width:37%!important;height:84%!important;padding:8px 18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#33210f!important;background:transparent!important;border-radius:22px!important;direction:rtl!important}
.operations .hero-copy>span{font-size:15px!important;font-weight:700!important;line-height:1.2!important}.operations .hero-copy>strong{margin-top:5px!important;font-size:27px!important;line-height:1.2!important;font-weight:900!important;white-space:nowrap!important}.operations .hero-copy>p{margin:6px 0 10px!important;font-size:12px!important;font-weight:700!important}.operations .hero-features{display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;width:100%!important}.operations .hero-features span{font-size:9px!important;font-weight:700!important;white-space:nowrap!important}
.operations .dashboard-promos>.promo::after{display:block!important;background:linear-gradient(90deg,rgba(255,250,240,0) 0 30%,rgba(255,250,240,.97) 56%,#fffaf0 100%)!important}
.operations .dashboard-promos>.promo>div{display:flex!important}
.operations .dashboard-promos>.promo{background-size:cover!important;background-position:center!important}
.operations .dashboard-promos>blockquote.has-image{position:relative!important;background-size:cover!important;background-position:center!important;color:#3c2a12!important}.operations .dashboard-promos>blockquote.has-image::after{content:'';position:absolute;inset:0;background:rgba(255,250,240,.88)}.operations .dashboard-promos>blockquote.has-image>*{position:relative;z-index:1}
.operations .dashboard-promos>[hidden]{display:none!important}
.operations .app-sidebar .brand>span{max-width:100%!important;white-space:normal!important;line-height:1.08!important}
.operations .app-sidebar .brand>span{font-size:16px!important}.operations .app-sidebar .brand small{line-height:1.3!important}
.operations .dashboard-customize{margin-bottom:18px!important;padding:20px!important}.operations .customize-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.operations .customize-heading h2{margin:0 0 5px}.operations .customize-heading p{margin:0;color:#756b5e}.operations .customize-form{display:grid;gap:16px}.operations .customize-form fieldset{margin:0;padding:16px;border:1px solid #e8ddcc;border-radius:12px;background:#fffdf9}.operations .customize-form legend{padding:0 8px;font-weight:800;color:#70430d}.operations .customize-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.operations .customize-grid .wide,.operations .image-setting.wide{grid-column:1/-1}.operations .customize-form label{display:grid;gap:6px;font-size:13px;font-weight:700}.operations .customize-form input,.operations .customize-form select{width:100%}.operations .image-setting{margin-top:12px}.operations .image-setting img{display:block;width:150px;height:90px;object-fit:cover;border:1px solid #e4d8c6;border-radius:9px;background:#faf6ef}.operations .image-setting img.hero-preview{width:min(100%,620px);height:150px}.operations .image-setting img.hero-center-preview{width:min(100%,420px);height:150px;object-fit:cover}.operations .image-setting small{font-weight:500;color:#7b6d59}.operations .promo-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.operations .promo-setting{padding:12px;border:1px solid #eee4d6;border-radius:10px;background:#fff}.operations .promo-setting h3{margin:0 0 10px}.operations .promo-setting .image-setting img{width:180px;height:90px}.operations .customize-actions{display:flex;align-items:center;gap:14px}.operations #dashboardCustomizeStatus{color:#6e542f;font-weight:700}
@media(max-width:1350px){.operations .hero-copy>strong{font-size:23px!important}.operations .hero-features{gap:15px!important}.operations .hero-features span{font-size:8px!important}}
@media(max-width:1050px){.operations .customize-grid,.operations .promo-settings{grid-template-columns:1fr}.operations .hero-copy{left:32%!important;width:43%!important}.operations .hero-copy>strong{font-size:19px!important}}
/* Fixed desktop sidebar must not inherit the legacy two-column workspace grid. */
@media(min-width:801px){.operations #workspace{display:block!important}.operations.sidebar-right .app-canvas{width:calc(100% - var(--v3-sidebar))!important;margin-left:0!important;margin-right:var(--v3-sidebar)!important}.operations.sidebar-left .app-canvas{width:calc(100% - var(--v3-sidebar))!important;margin-left:var(--v3-sidebar)!important;margin-right:0!important}}
/* Promo images are treated as artwork on the left; the right text zone is opaque so legacy baked text never competes with editable HTML. */
.operations .dashboard-promos>.promo::after{background:linear-gradient(90deg,rgba(255,250,240,0) 0 38%,rgba(255,247,232,.98) 48%,#fffaf0 62%,#fffaf0 100%)!important}
.operations .dashboard-promos>.promo>div{right:10px!important;top:30px!important;max-width:52%!important}
.operations .dashboard-promos>.promo::after{background:linear-gradient(90deg,rgba(255,250,240,0) 0 36%,#fff7e8 43%,#fffaf0 100%)!important}
.operations .dashboard-promos>.promo::after{background:linear-gradient(90deg,rgba(255,250,240,0) 0 32%,#fff8eb 37%,#fffaf0 100%)!important}

/* UI close-out: authenticated shell must never bleed through the login screen. */
.operations #workspace[hidden]{display:none!important}
.operations #loginPanel:not([hidden]){position:fixed!important;z-index:1000!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(430px,calc(100vw - 32px))!important;max-height:calc(100vh - 32px)!important;overflow:auto!important;margin:0!important;background:#fffdf9!important;box-shadow:0 18px 55px rgba(78,48,15,.16)!important}
.operations:has(#loginPanel:not([hidden])){background:#f8f4ec!important}

/* Sidebar option background is editable while preserving legibility and click targets. */
.operations #navigation{position:relative!important;isolation:isolate!important}
.operations #navigation::before{content:''!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background-image:var(--sidebar-options-image,none)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;opacity:var(--sidebar-options-opacity,0)!important}
.operations #navigation button,.operations #navigation a{z-index:1!important}

/* Topbar actions: calendar is informational; bell and avatar are explicit controls. */
.operations #openAlerts{cursor:pointer!important;pointer-events:auto!important;z-index:3!important}
.operations #openAlerts:focus-visible,.operations .avatar-button:focus-visible{outline:2px solid #b8750a!important;outline-offset:2px!important}
.operations .bell-mark,.operations .bell-mark svg{display:block!important;width:22px!important;height:22px!important;margin:auto!important}
.operations .avatar-button{width:36px!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;display:grid!important;place-items:center!important}
.operations .avatar.has-profile-image{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border:1px solid #e1d2bb!important}

/* Local profile images for employees and customers. */
.operations .profile-cell{display:flex!important;align-items:center!important;gap:9px!important;min-width:190px!important}
.operations .profile-cell>div{min-width:0!important}
.operations .profile-avatar{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid #e4d6c2!important;background:#f7ead6!important;display:grid!important;place-items:center!important;color:#7b4a12!important;font-weight:800!important}
.operations .compact-profile-upload{display:block!important;margin-top:5px!important;font-size:10px!important;color:#765a35!important;font-weight:600!important}
.operations .compact-profile-upload input{display:block!important;width:150px!important;margin-top:3px!important;font-size:9px!important}
.operations .compact-image-save{margin-top:4px!important;padding:4px 8px!important;min-height:28px!important;font-size:10px!important}
.operations .field-help{font-size:10px!important;color:#7a6d5c!important;font-weight:500!important}
.operations .profile-dialog-preview{display:block;width:112px;height:112px;object-fit:cover;border-radius:50%;border:1px solid #e4d6c2;background:#f8f2e8;margin:0 auto 12px}
.operations .profile-dialog-preview[hidden]{display:none!important}

/* Sidebar customization previews use the same safe frame as other dashboard images. */
.operations #settingSidebarBackgroundPreview,.operations #settingSidebarFooterPreview{width:min(100%,420px)!important;height:150px!important;object-fit:cover!important}