/* APPROVED DASHBOARD — literal implementation of docs/design-reference.jpeg.
   Dashboard layout is authoritative here; backend/business logic is untouched. */
:root{--approved-sidebar:210px;--approved-gap:10px;--approved-bg:#faf7f1;--approved-card:#fff;--approved-line:#e9e1d5;--approved-text:#1f2430;--approved-muted:#7a746d;--approved-honey:#aa6508;--approved-brown:#6f3b00;--approved-gold:#dda94d;--approved-green:#16a565}
body.operations{margin:0;background:var(--approved-bg)!important;color:var(--approved-text);font-family:Tahoma,"Segoe UI",Arial,sans-serif!important}
.operations #workspace{display:grid!important;grid-template-columns:var(--approved-sidebar) minmax(0,1fr)!important;direction:ltr!important;min-height:100vh;background:var(--approved-bg)!important}
.operations .app-sidebar,.operations .app-canvas{direction:rtl!important}
.operations .app-sidebar{grid-column:1!important;position:sticky!important;top:0!important;width:var(--approved-sidebar)!important;height:100vh!important;box-sizing:border-box!important;overflow:hidden!important;padding:7px 7px 0!important;background:linear-gradient(180deg,#fffdf8 0%,#fff9ef 72%,#f8ead0 100%)!important;border:0!important;border-right:1px solid #eadfce!important;box-shadow:2px 0 16px rgba(74,45,10,.045)!important}
.operations .app-canvas{grid-column:2!important;min-width:0!important;padding:10px 17px 14px 14px!important;background:var(--approved-bg)!important}
.operations .app-sidebar>.brand{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;min-height:169px!important;margin:0!important;padding:4px 3px 5px!important;border:0!important;text-decoration:none!important;color:#2c2015!important;box-sizing:border-box!important}
.operations .app-sidebar>.brand img{width:96px!important;height:83px!important;object-fit:contain!important;margin:0 0 2px!important;background:transparent!important;border-radius:0!important}
.operations .app-sidebar>.brand span{display:block!important;font-size:17px!important;font-weight:800!important;line-height:1.35!important;text-align:center!important;color:#2a2119!important}
.operations .app-sidebar>.brand span::before,.operations .app-sidebar>.brand small::before{content:none!important}
.operations .app-sidebar>.brand small{display:block!important;font-size:9.5px!important;font-weight:500!important;line-height:1.6!important;color:#675a4d!important}
.operations .app-sidebar>.brand em{display:block!important;width:100%!important;margin-top:5px!important;padding:4px 7px!important;box-sizing:border-box!important;border-radius:9px!important;background:#f4dfb8!important;color:#8b6226!important;font-size:9px!important;font-style:normal!important;font-weight:600!important;text-align:center!important}
.operations .app-sidebar nav{display:flex!important;flex-direction:column!important;gap:1px!important;min-height:0!important}
.operations .app-sidebar nav button,.operations .app-sidebar nav a{display:flex!important;align-items:center!important;gap:9px!important;min-height:41px!important;margin:0!important;padding:7px 10px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#22262c!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important;text-align:right!important;box-shadow:none!important;white-space:nowrap!important}
.operations .app-sidebar nav button::after,.operations .app-sidebar nav a::after{content:'‹'!important;margin-inline-start:auto!important;color:#a1722d!important;font-size:16px!important;font-weight:400!important}
.operations .app-sidebar nav button.active{background:linear-gradient(135deg,#ad6c0c,#754100)!important;color:#fff!important;box-shadow:0 4px 10px rgba(122,70,4,.18)!important}
.operations .app-sidebar nav button.active::after{color:#fff!important}
.operations .app-sidebar nav .ui-icon{width:19px!important;height:19px!important;flex:0 0 19px!important;stroke-width:1.75!important}
.operations .sidebar-foot{display:block!important;margin-top:3px!important;padding:0!important;text-align:center!important;color:#805c27!important}
.operations .sidebar-foot img{display:block!important;width:calc(100% + 14px)!important;height:115px!important;margin:0 -7px!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important;mix-blend-mode:multiply}
.operations .sidebar-foot p{margin:5px 0 3px!important;font-size:9px!important;font-weight:700!important}
.operations .sidebar-foot small{font-size:8px!important;color:#7b6a52!important}

.operations .app-topbar{display:grid!important;grid-template-columns:minmax(330px,1fr) auto 42px 165px!important;align-items:center!important;gap:8px!important;height:52px!important;margin:0 0 8px!important;padding:5px 8px!important;box-sizing:border-box!important;background:#fffefb!important;border:1px solid var(--approved-line)!important;border-radius:9px!important;box-shadow:0 2px 8px rgba(71,45,16,.04)!important;position:relative!important;top:auto!important;z-index:10!important;direction:ltr!important}
.operations .global-search{grid-column:1!important;display:flex!important;align-items:center!important;width:100%!important;max-width:445px!important;height:39px!important;margin:0!important;padding:0 9px!important;justify-self:start!important;box-sizing:border-box!important;background:#fbfaf7!important;border:1px solid #eee8de!important;border-radius:7px!important;direction:rtl!important}
.operations .global-search input{height:35px!important;min-width:0!important;flex:1!important;padding:0 8px!important;border:0!important;background:transparent!important;font-family:inherit!important;font-size:11px!important;text-align:right!important;color:#40372d!important;outline:0!important}
.operations .global-search kbd{direction:ltr!important;margin:0!important;padding:3px 7px!important;border:1px solid #ddd6ca!important;border-radius:4px!important;background:#fff!important;color:#766d62!important;font:9px Tahoma!important;white-space:nowrap!important}
.operations .search-mark{font-size:24px!important;line-height:1!important;color:#8b5b18!important;transform:rotate(-20deg)}
.operations .topbar-date{grid-column:2!important;display:flex!important;align-items:center!important;gap:8px!important;height:39px!important;padding:0 10px!important;border-inline:1px solid #f0ebe3!important;direction:rtl!important}
.operations .date-chip{padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;color:#242424!important;font-size:10px!important;font-weight:700!important;direction:rtl!important}
.operations .calendar-mark{font-size:16px;color:#181818}
.operations #openAlerts{grid-column:3!important;position:relative!important;width:42px!important;height:39px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#1e1e1e!important;box-shadow:none!important;font-size:0!important}
.operations .bell-mark{font-size:21px!important;line-height:1!important}
.operations #alertsCount{position:absolute!important;top:1px!important;right:1px!important;display:grid!important;place-items:center!important;width:16px!important;min-width:16px!important;height:16px!important;border-radius:50%!important;background:#c51f24!important;color:#fff!important;font-size:8px!important;font-weight:800!important}
.operations .topbar-user{grid-column:4!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;height:39px!important;direction:rtl!important}
.operations .topbar-user>div{text-align:right!important;min-width:0!important}
.operations .topbar-user strong{display:block!important;font-size:12px!important;font-weight:800!important;color:#171717!important;line-height:1.4!important}
.operations .topbar-user small{display:block!important;max-width:120px!important;font-size:8px!important;color:#777!important;line-height:1.4!important;direction:rtl!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.operations .avatar{width:34px!important;height:34px!important;border-radius:50%!important;background:radial-gradient(circle at 50% 32%,#9d641d 0 17%,transparent 18%),radial-gradient(ellipse at 50% 80%,#8c5416 0 30%,transparent 31%),#f1e6d5!important;color:transparent!important;border:1px solid #eadbc4!important}
.operations .app-canvas:has([data-section="dashboard"]:not([hidden])) .identity{display:none!important}
.operations .app-canvas:has([data-section="dashboard"]:not([hidden])){padding-bottom:10px!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;aspect-ratio:1292/193!important;min-height:0!important;height:auto!important;margin:0 0 9px!important;border:1px solid #e5d5bd!important;border-radius:9px!important;background:url('/store/images/dashboard-hero-approved.jpg') center/cover no-repeat!important;box-shadow:0 3px 12px rgba(83,50,11,.055)!important;overflow:hidden!important}
.operations .dashboard-status{display:none!important}

.operations .approved-dashboard .metric-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;margin:0 0 9px!important;width:100%!important}
.operations .approved-dashboard .metric-card{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:8px!important;align-items:center!important;min-height:111px!important;margin:0!important;padding:11px 10px!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e9e4dc!important;border-radius:9px!important;box-shadow:0 3px 11px rgba(64,42,17,.045)!important;overflow:hidden!important}
.operations .approved-dashboard .metric-icon{grid-row:1/4!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;margin:0!important;border-radius:8px!important;background:#fff0dc!important;color:#b26d11!important}
.operations .approved-dashboard .metric-card[data-tone="green"] .metric-icon{background:#eaf8ef!important;color:#1c9d5d!important}.operations .approved-dashboard .metric-card[data-tone="blue"] .metric-icon{background:#eaf3fb!important;color:#2870b5!important}.operations .approved-dashboard .metric-card[data-tone="gold"] .metric-icon{background:#fff2df!important;color:#c9871d!important}.operations .approved-dashboard .metric-card[data-tone="brown"] .metric-icon{background:#f7ead8!important;color:#85501a!important}
.operations .approved-dashboard .metric-card>span:not(.metric-icon){align-self:end!important;font-size:10px!important;color:#5f6570!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.operations .approved-dashboard .metric-card>strong{align-self:center!important;font-size:19px!important;line-height:1.2!important;font-weight:800!important;color:#11152a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-variant-numeric:tabular-nums!important}
.operations .approved-dashboard .metric-card>small{align-self:start!important;font-size:8.5px!important;line-height:1.35!important;color:#96918a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.operations .approved-dashboard .metric-card>small.positive{color:var(--approved-green)!important;font-weight:700!important}

.operations .dashboard-analytics{display:grid!important;grid-template-columns:minmax(0,1.62fr) minmax(0,.92fr) minmax(0,1.12fr)!important;gap:9px!important;margin:0 0 9px!important;direction:ltr!important}
.operations .dashboard-analytics>.card{direction:rtl!important;height:215px!important;min-height:215px!important;margin:0!important;padding:9px 11px!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e9e4dc!important;border-radius:9px!important;box-shadow:0 3px 11px rgba(64,42,17,.04)!important;overflow:hidden!important}
.operations .panel-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:27px!important;margin:0 0 4px!important;gap:8px!important}
.operations .panel-heading h2{margin:0!important;font-size:13px!important;line-height:1.3!important;font-weight:800!important;color:#1d2435!important}
.operations .dashboard-filter,.operations .compact-dashboard-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:25px!important;padding:3px 8px!important;border:1px solid #ece6dd!important;border-radius:5px!important;background:#fbfaf7!important;color:#5e5a55!important;font-family:inherit!important;font-size:8.5px!important;font-weight:500!important;box-shadow:none!important}
.operations #sales7DaysChart{height:170px!important;direction:ltr!important}
.operations .bar-chart{display:flex!important;align-items:flex-end!important;gap:9px!important;height:168px!important;padding:5px 5px 0!important;box-sizing:border-box!important;background:repeating-linear-gradient(to top,transparent 0,transparent 31px,#f0eee9 32px)!important;border-bottom:1px solid #e8e3db!important}
.operations .bar-column{display:flex!important;flex:1!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;height:100%!important;min-width:0!important;color:#7f7a72!important;font-size:8px!important}
.operations .bar-track{display:flex!important;align-items:flex-end!important;width:54%!important;height:138px!important;border:0!important;background:none!important}
.operations .bar{width:100%!important;min-height:2px!important;border-radius:4px 4px 0 0!important;background:linear-gradient(180deg,#dfb45e,#cf963d)!important;box-shadow:inset 0 1px rgba(255,255,255,.35)!important}
.operations .bar-value{display:none!important}.operations .bar-column>span:last-child{margin-top:4px!important;font-size:8px!important;color:#79746d!important}
.operations #categorySalesChart{height:171px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.operations .donut-layout{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;width:100%!important;direction:ltr!important}
.operations .donut-chart{position:relative!important;width:126px!important;height:126px!important;border-radius:50%!important;flex:none!important}
.operations .donut-chart::after{content:''!important;position:absolute!important;inset:27px!important;border-radius:50%!important;background:#fff!important;z-index:1!important}
.operations .donut-chart>span{position:absolute!important;inset:0!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:#1b2232!important;direction:rtl!important}
.operations .donut-chart>span strong{font-size:13px!important;font-weight:800!important}.operations .donut-chart>span small{font-size:8px!important;color:#555!important}
.operations .donut-legend{display:flex!important;flex-direction:column!important;gap:4px!important;direction:rtl!important}
.operations .donut-legend>div{display:grid!important;grid-template-columns:9px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;padding:1px 0!important;border:0!important;font-size:8.5px!important;color:#4b5059!important}
.operations .donut-legend i{display:block!important;width:8px!important;height:8px!important;border-radius:50%!important}.operations .donut-legend strong,.operations .donut-legend small{display:none!important}
.operations #topProductsList{display:flex!important;flex-direction:column!important;height:171px!important;overflow:hidden!important}
.operations .rank-row{display:grid!important;grid-template-columns:23px 36px minmax(0,1fr) 44px!important;align-items:center!important;gap:5px!important;min-height:33px!important;padding:2px 0!important;border-bottom:1px solid #f0ece6!important;font-size:8.5px!important;color:#323842!important}
.operations .rank-row .rank{grid-column:1!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#f2c85e!important;color:#fff!important;font-size:9px!important;font-weight:800!important;display:grid!important;place-items:center!important}.operations .rank-row img{grid-column:2!important;width:34px!important;height:29px!important;object-fit:cover!important;border-radius:4px!important;border:1px solid #eee3d3!important}.operations .rank-row .product-name{grid-column:3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.operations .rank-row strong{grid-column:4!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;font-size:8.5px!important;color:#151a2a!important;line-height:1.25!important}.operations .rank-row strong small{font-size:7px!important;font-weight:500!important;color:#89847c!important}

.operations .dashboard-operations{display:grid!important;grid-template-columns:minmax(0,1.62fr) minmax(0,.84fr) minmax(0,.96fr)!important;gap:9px!important;margin:0 0 9px!important;direction:ltr!important}
.operations .dashboard-operations>.card,.operations .dashboard-operations>.quick-actions{direction:rtl!important;height:246px!important;min-height:246px!important;box-sizing:border-box!important}
.operations .dashboard-operations>.card{margin:0!important;padding:9px 11px!important;background:#fff!important;border:1px solid #e9e4dc!important;border-radius:9px!important;box-shadow:0 3px 11px rgba(64,42,17,.04)!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:29px!important;padding:4px 5px!important;background:#fff!important;border-bottom:1px solid #ece8e1!important;color:#6f6c67!important;font-size:8px!important;font-weight:700!important}.operations #latestInvoicesTable td{height:30px!important;padding:4px 5px!important;border-bottom:1px solid #f0ece6!important;color:#353b45!important;font-size:8.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.operations #latestInvoicesTable a{color:#17233c!important;text-decoration:none!important;font-weight:700!important}.operations #latestInvoicesTable .state{display:inline-flex!important;min-width:46px!important;justify-content:center!important;padding:3px 5px!important;border-radius:4px!important;font-size:7.5px!important}.operations #latestInvoicesTable .state.paid{background:#e8f7ed!important;color:#169453!important}.operations #latestInvoicesTable .state.partial{background:#fff2d6!important;color:#aa751d!important}.operations #latestInvoicesTable .state.cancelled{background:#f3f3f3!important;color:#777!important}
.operations #dashboardAlertList{display:flex!important;flex-direction:column!important;gap:5px!important;height:201px!important;overflow:hidden!important}.operations .alert-row{display:grid!important;grid-template-columns:27px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;min-height:34px!important;margin:0!important;padding:4px 6px!important;border:1px solid #eee9e1!important;border-radius:6px!important;background:#fff!important;color:#4a4f58!important;font-size:8.5px!important;line-height:1.35!important}.operations .alert-row .ui-icon{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;padding:5px!important;box-sizing:border-box!important;border-radius:6px!important;background:#fff1e2!important;color:#d7811d!important}.operations .alert-bell{color:#e9a61d!important;font-size:16px!important}
.operations .quick-actions{display:grid!important;grid-template-rows:repeat(4,1fr)!important;gap:6px!important}.operations .quick-actions button{display:grid!important;grid-template-columns:42px minmax(0,1fr) 15px!important;align-items:center!important;gap:7px!important;min-height:0!important;margin:0!important;padding:6px 8px!important;border:1px solid #eee0c8!important;border-radius:7px!important;background:#fbf2e3!important;color:#39270e!important;text-align:right!important;font-family:inherit!important;box-shadow:none!important}.operations .quick-actions button.primary-action{background:linear-gradient(135deg,#8c5200,#653600)!important;border-color:#704000!important;color:#fff!important}.operations .quick-actions .qa-icon{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:6px!important;background:#f7e6c8!important;color:#7a4500!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;min-width:0!important}.operations .quick-actions strong{font-size:11px!important;line-height:1.3!important}.operations .quick-actions small{font-size:7.5px!important;line-height:1.35!important;color:inherit!important;opacity:.72!important}.operations .quick-actions b{font-size:18px!important;font-weight:400!important}

.operations .dashboard-promos{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;height:111px!important;direction:ltr!important}
.operations .dashboard-promos>.promo,.operations .dashboard-promos>blockquote{direction:rtl!important;height:111px!important;margin:0!important;border:1px solid #e9e1d5!important;border-radius:8px!important;box-sizing:border-box!important;overflow:hidden!important;background:#fff!important;box-shadow:0 3px 10px rgba(64,42,17,.035)!important}
.operations .dashboard-promos>.promo{position:relative!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}.operations .dashboard-promos>.promo::after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.9) 67%,#fff 100%)!important}.operations .dashboard-promos>.promo>div{position:absolute!important;z-index:2!important;right:14px!important;top:31px!important;display:flex!important;flex-direction:column!important;max-width:55%!important}.operations .dashboard-promos>.promo strong{font-size:14px!important;line-height:1.35!important;color:#1e1b16!important}.operations .dashboard-promos>.promo span{font-size:8px!important;color:#705f49!important;margin-top:3px!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{display:grid!important;grid-template-columns:20px minmax(0,1fr) 20px!important;grid-template-rows:1fr 1fr!important;align-items:center!important;padding:13px 12px!important;text-align:center!important}.operations .dashboard-promos>blockquote b{grid-row:1/3!important;font-size:25px!important;color:#e6a823!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{display:grid!important;place-items:center!important;height:100%!important;margin:0!important;color:#9a9389!important;font-size:9px!important;text-align:center!important}

@media(max-width:1350px){:root{--approved-sidebar:194px}.operations .app-canvas{padding-inline:12px!important}.operations .app-sidebar nav button,.operations .app-sidebar nav a{min-height:39px!important;font-size:11px!important}.operations .sidebar-foot img{height:96px!important}.operations .approved-dashboard .metric-card>strong{font-size:16px!important}.operations .dashboard-analytics{grid-template-columns:1.55fr .92fr 1.08fr!important}.operations .dashboard-operations{grid-template-columns:1.55fr .86fr .94fr!important}}
@media(max-width:1100px){.operations .approved-dashboard .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.operations .dashboard-analytics,.operations .dashboard-operations{grid-template-columns:1fr!important}.operations .dashboard-analytics>.card,.operations .dashboard-operations>.card,.operations .dashboard-operations>.quick-actions{height:auto!important;min-height:215px!important}.operations .dashboard-promos{grid-template-columns:repeat(2,1fr)!important;height:auto!important}}
@media(max-width:800px){.operations #workspace{display:block!important}.operations .app-sidebar{position:static!important;width:100%!important;height:auto!important;overflow:auto!important}.operations .app-sidebar>.brand,.operations .sidebar-foot{display:none!important}.operations .app-sidebar nav{flex-direction:row!important;overflow:auto!important}.operations .app-sidebar nav button{flex:0 0 auto!important}.operations .app-canvas{padding:8px!important}.operations .app-topbar{grid-template-columns:1fr 40px!important;height:auto!important}.operations .global-search{grid-column:1!important}.operations .topbar-date,.operations .topbar-user{display:none!important}.operations #openAlerts{grid-column:2!important}.operations .approved-dashboard .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.operations .dashboard-promos{grid-template-columns:1fr!important}.operations .dashboard-promos>.promo,.operations .dashboard-promos>blockquote{height:100px!important}}
.operations #salesChart,.operations #paymentChart,.operations #topProducts,.operations #latestInvoices{display:contents!important}