/* ÉpicoMenu v22 — apenas a área administrativa. Novo conteúdo exclusivamente na Visão geral. */
.ep22-overview-active{--ep22-red:#bd202a;--ep22-ink:#16263c;--ep22-muted:#66758e;--ep22-border:#e2e7ee;--ep22-background:#f5f7fa}
.ep22-overview-active .ep20-sidebar{width:262px}
.ep22-overview-active .admin-main{min-width:0}
.ep22-overview-active .ep20-header{min-height:74px}
.ep22-overview-active .admin-content{padding:32px clamp(22px,2.65vw,42px) 64px;background:var(--ep22-background)}
.ep22-overview-active .ep20-sidebar .ep20-sidebar-brand{height:88px;margin-bottom:7px}
.ep22-overview-active .ep20-sidebar .ep-brand img{height:auto!important;max-height:64px!important;width:185px!important;object-fit:contain}
.ep22-overview-active .ep20-sidebar .sidebar-link{font-size:13px;min-height:43px;border-radius:8px}
.ep22-overview-active .ep20-sidebar .sidebar-link.active{box-shadow:inset 3px 0 #bb222c}
.ep22-overview-active.ep20-compact .ep21-version:after{content:'v22'}
.ep22-home{width:100%;max-width:1530px;margin-inline:auto;color:var(--ep22-ink)}
.ep22-home *{box-sizing:border-box}
.ep22-home a{transition:background-color .14s ease,color .14s ease,border-color .14s ease;}
.ep22-welcome{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:26px}
.ep22-welcome>div>span{color:#8290a6;font-size:13px}
.ep22-welcome h1{font-size:clamp(24px,2vw,31px);margin:5px 0 7px;font-weight:780;line-height:1.22;letter-spacing:-.035em;color:#16263c}
.ep22-welcome p{font-size:13px;color:#7c899a;margin:0}
.ep22-feature-row{display:grid;grid-template-columns:minmax(265px,.85fr) minmax(390px,1.7fr);gap:20px;margin-bottom:24px}
.ep22-store-card,.ep22-feature-banner,.ep22-card{background:#fff;border:1px solid var(--ep22-border);border-radius:13px;box-shadow:0 1px 3px rgba(33,49,74,.025)}
.ep22-store-card{padding:22px 23px 16px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;min-height:176px}
.ep22-store-top{display:flex;align-items:center;gap:13px;min-width:0}
.ep22-store-avatar{width:57px;height:57px;display:grid;place-items:center;flex:none;overflow:hidden;border:1px solid #ecedf2;border-radius:12px;color:var(--ep22-red);background:#fff6f6}
.ep22-store-avatar img{width:100%;height:100%;object-fit:contain}
.ep22-store-avatar strong{font-size:24px;letter-spacing:-.05em}
.ep22-store-top>div:last-child{min-width:0}
.ep22-store-top small{display:block;font-size:10px;color:#99a4b1;font-weight:800;letter-spacing:.09em}
.ep22-store-top h2{margin:3px 0;font-size:19px;font-weight:800;line-height:1.2;letter-spacing:-.03em;color:#1d2d42;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep22-store-top p{margin:0;color:#8290a3;font-size:12px}
.ep22-store-actions{display:flex;gap:8px;align-items:center;border-top:1px solid #edf0f4;padding-top:15px;margin-top:18px}
.ep22-store-actions a{border:1px solid #d9dfe8;color:#53637a;text-decoration:none;border-radius:7px;padding:9px 12px;display:inline-flex;align-items:center;gap:7px;font-weight:720;font-size:11px;white-space:nowrap}
.ep22-store-actions a:hover{color:#b3202b;border-color:#dfb4b8;background:#fff8f8}
.ep22-store-actions .icon{width:14px;height:14px}
.ep22-feature-banner{position:relative;overflow:hidden;min-height:176px;background:linear-gradient(110deg,#a71926 0%,#cb2835 59%,#e3614e 100%);border-color:#bb303a;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px clamp(20px,3vw,42px);color:#fff}
.ep22-feature-banner:before,.ep22-feature-banner:after{content:'';position:absolute;inset:auto -36px -145px auto;width:345px;height:345px;border:1px solid rgba(255,255,255,.18);border-radius:50%;pointer-events:none}
.ep22-feature-banner:after{width:235px;height:235px;right:60px;bottom:-116px}
.ep22-feature-copy,.ep22-active-summary{position:relative;z-index:1}
.ep22-feature-copy small{font-size:10px;color:#ffdadc;font-weight:800;letter-spacing:.13em}
.ep22-feature-copy h2{color:#fff;font-size:clamp(21px,2vw,30px);line-height:1.1;font-weight:830;letter-spacing:-.04em;margin:7px 0}
.ep22-feature-copy p{font-size:12px;color:#fff0f1;margin:0 0 11px;line-height:1.5}
.ep22-feature-copy a{display:inline-flex;align-items:center;gap:7px;color:#ad1c26;background:#fff;padding:9px 12px;border-radius:7px;font-size:11px;font-weight:800;text-decoration:none}
.ep22-feature-copy a:hover{background:#ffe8ea}
.ep22-feature-copy a .icon{width:13px;height:13px}
.ep22-active-summary{width:136px;min-height:130px;flex:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid rgba(255,255,255,.32);border-radius:13px;background:rgba(255,255,255,.15)}
.ep22-active-summary>span>.icon{width:23px;height:23px;color:#fff}
.ep22-active-summary strong{font-size:37px;line-height:1;color:white}
.ep22-active-summary small{font-size:10px;color:#fff2f3}
.ep22-alert{display:flex;align-items:flex-start;gap:8px;background:#fff1ed;color:#9d2931;border:1px solid #f5d5d3;border-radius:9px;padding:11px 15px;font-size:12px;margin-bottom:19px;overflow-wrap:anywhere}
.ep22-alert>.icon{flex:none;width:17px;height:17px}
.ep22-overview-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(280px,.78fr);gap:18px;align-items:start;margin-bottom:20px}
.ep22-sales-card{min-width:0;padding:23px 24px 16px}
.ep22-card h2{font-size:17px;font-weight:770;margin:0;color:#23334a;letter-spacing:-.028em}
.ep22-card h3{font-size:14px;color:#304158;margin:0}
.ep22-card p{margin:5px 0 0;font-size:11px;color:#8592a5;line-height:1.45}
.ep22-card-head{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;margin-bottom:17px}
.ep22-panel-link{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:#bb242e;font-size:11px;font-weight:750;white-space:nowrap}
.ep22-panel-link:hover{text-decoration:underline}
.ep22-panel-link .icon{width:13px;height:13px}
.ep22-periods{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:19px}
.ep22-periods button{background:#fff;border:1px solid #d9e1e9;border-radius:7px;color:#647389;font-weight:710;font-size:12px;padding:9px 12px;cursor:pointer}
.ep22-periods button.active{background:var(--ep22-red);border-color:var(--ep22-red);color:#fff}
.ep22-periods button:hover:not(.active){border-color:#dfb1b5;color:#ae2029}
.ep22-date-form{display:flex;gap:11px;flex-wrap:wrap;margin:0 0 16px}
.ep22-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
.ep22-metric{border:1px solid #e2e7ee;border-radius:11px;padding:16px 15px 14px;min-height:134px;background:white;min-width:0}
.ep22-metric.highlight{border-color:#d7a5ac;background:#fff8f8}
.ep22-metric>div{display:flex;gap:6px;align-items:center;color:#63738a;font-size:12px;font-weight:680}
.ep22-metric>div .icon{width:15px;height:15px;color:#bb252e;flex:none}
.ep22-metric strong{display:block;color:#213249;white-space:nowrap;font-size:clamp(20px,1.9vw,28px);font-weight:810;letter-spacing:-.035em;margin:15px 0 8px}
.ep22-metric small{font-size:11px;color:#8c98a9;line-height:1.4}
.ep22-chart-heading{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
.ep22-chart-heading h3{font-size:13px;margin:0 0 4px;color:#33435c}
.ep22-chart-heading span{font-size:10px;color:#8b98a9}
.ep22-chart-currency{font-size:10px!important;letter-spacing:.04em;white-space:nowrap}
.ep22-graph{height:auto;width:100%;min-height:215px;display:flex;align-items:center}
.ep22-trend-svg{display:block;width:100%;height:auto;max-height:300px;overflow:visible}
.ep22-graph-blank{border:1px dashed #e5e9ef;border-radius:9px;min-height:200px;margin:10px 0 14px;padding:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px;background:#fcfdff}
.ep22-graph-blank>.icon{width:31px;height:31px;color:#cad3df}
.ep22-graph-blank h3{font-size:14px;color:#5e6c82}
.ep22-graph-blank p{max-width:355px;margin:0;color:#8b99ab;font-size:11px}
.ep22-graph-blank a{font-size:11px;color:#b8212c;text-decoration:none;display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-weight:750}
.ep22-graph-blank a>.icon{width:12px;height:12px}
.ep22-sales-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #edf0f4;padding-top:14px;margin-top:12px}
.ep22-sales-footer>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#92a0b1;line-height:1.35}
.ep22-sales-footer>span>.icon{width:14px;height:14px;flex:none}
.ep22-sales-footer a{color:#bf212b;text-decoration:none;white-space:nowrap;font-weight:750;font-size:11px;display:inline-flex;align-items:center;gap:4px}
.ep22-sales-footer a>.icon{width:13px;height:13px}
.ep22-aside{display:flex;flex-direction:column;gap:18px}
.ep22-status-panel,.ep22-cumulative{padding:22px 21px}
.ep22-status-panel header,.ep22-cumulative header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}
.ep22-status-body{display:flex;align-items:center;justify-content:center;gap:18px;margin:15px 0}
.ep22-donut{display:grid;place-items:center;width:145px;height:145px;min-width:145px;aspect-ratio:1;border-radius:50%;position:relative}
.ep22-donut:before{content:'';position:absolute;inset:23%;background:white;border-radius:50%}
.ep22-donut>div{z-index:1;text-align:center;display:flex;flex-direction:column;gap:1px}
.ep22-donut strong{font-size:27px;color:#2b3b50;line-height:1}
.ep22-donut small{font-size:10px;color:#8d99a8}
.ep22-status-list{margin:0;padding:0;list-style:none;flex:1;min-width:0}
.ep22-status-list li{display:flex;gap:6px;align-items:center;color:#65748a;font-size:11px;margin:8px 0}
.ep22-status-list li b{margin-left:auto;font-size:11px;font-weight:780;color:#334358}
.ep22-status-list .ep22-status-none{color:#8c97a9;line-height:1.55}
.ep22-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}
.ep22-status-panel>.ep22-panel-link{border-top:1px solid #eef1f4;padding-top:13px;width:100%}
.ep22-cumulative .ep22-amount-line{display:flex;flex-direction:column;gap:8px}
.ep22-amount-line strong{font-size:clamp(22px,2.3vw,31px);letter-spacing:-.045em;color:#1f3045}
.ep22-amount-line span{font-size:11px;font-weight:660;color:#8f9bac}
.ep22-amount-line span.up{color:#248b69}
.ep22-amount-line span.down{color:#bf3840}
.ep22-small-graph{margin-top:14px;min-height:105px}
.ep22-micro-empty{display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;margin-top:16px;background:#fafbfd;border-radius:8px;border:1px dashed #e9edf2;min-height:110px;color:#98a4b4;font-size:11px;text-align:center;padding:14px}
.ep22-micro-empty .icon{width:23px;height:23px;color:#c2cad5}
.ep22-bottom-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px}
.ep22-items,.ep22-start,.ep22-recent-section{padding:22px 24px}
.ep22-items-list{display:flex;flex-direction:column;gap:0}
.ep22-items-list>div{border-top:1px solid #eef1f5;display:flex;align-items:center;gap:10px;padding:12px 3px;color:#46556e;font-size:12px}
.ep22-items-list strong{margin-left:auto;font-size:12px;white-space:nowrap;color:#203148}
.ep22-rank{background:#fff1f1;color:#bb1d2a;border-radius:7px;padding:5px 7px;font-weight:800;min-width:28px;text-align:center}
.ep22-items-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:235px;text-align:center;padding:14px 10px 22px;gap:8px}
.ep22-items-empty>.icon{height:36px;width:36px;padding:8px;border-radius:9px;color:#c12d38;background:#fff4f4}
.ep22-items-empty h3{font-size:16px;margin-top:3px}
.ep22-items-empty p{max-width:320px;font-size:11px;margin:0}
.ep22-items-empty a{display:inline-flex;align-items:center;gap:5px;color:#b5232f;text-decoration:none;font-size:11px;font-weight:800;margin-top:4px}
.ep22-items-empty a>.icon{width:13px;height:13px}
.ep22-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ep22-quick-links>a{display:flex;gap:8px;align-items:center;border:1px solid #e4e8ee;border-radius:9px;padding:12px 10px;text-decoration:none;color:#34455d;min-width:0;background:#fff}
.ep22-quick-links>a:hover{background:#fff9f9;border-color:#e3b7bd}
.ep22-quick-links>a>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ep22-quick-links strong{font-size:11px;color:#273b54;line-height:1.2}
.ep22-quick-links small{font-size:10px;color:#95a1af;line-height:1.3}
.ep22-quick-links>a>.icon:last-child{width:12px;height:12px;flex:none;color:#a5b0bd}
.ep22-icon-quick{display:grid;place-items:center;background:#fff0f1;border-radius:9px;width:29px;height:29px;flex:none}
.ep22-icon-quick .icon{width:16px;height:16px;color:#c03240}
.ep22-recent-list{margin:0 -9px -8px}
.ep22-recent{display:flex;align-items:center;gap:12px;padding:13px 10px;border:0;border-top:1px solid #edf0f5;background:#fff;width:100%;text-align:left;cursor:pointer}
.ep22-recent:hover{background:#fafbfe}
.ep22-order-code{background:#fff1f1;color:#bb2732;padding:7px 9px;border-radius:7px;font-weight:800;font-size:12px;min-width:62px;text-align:center;white-space:nowrap}
.ep22-order-name{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.ep22-order-name strong{font-size:12px;color:#2d3e56;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep22-order-name small{color:#9aa6b4;font-size:10px}
.ep22-order-total{font-size:12px;font-weight:780;white-space:nowrap;color:#32435b}
.ep22-recent>.icon:last-child{height:13px;width:13px;color:#9eaaba}
.ep22-recent-empty{display:flex;gap:12px;align-items:center;padding:25px 4px;border-top:1px solid #edf0f4;color:#8795a7;font-size:12px}
.ep22-recent-empty .icon{width:28px;height:28px;color:#c3ccd8;flex:none}
.ep22-recent-empty p{margin:0;font-size:12px;max-width:640px}
.ep22-footnote{margin:5px 0 0;font-size:10px;color:#90a0b2;line-height:1.6}
@media(max-width:1400px){.ep22-status-body{flex-direction:column}.ep22-donut{width:128px;height:128px;min-width:128px}.ep22-status-list{width:100%}.ep22-active-summary{width:112px}}
@media(max-width:1140px){.ep22-overview-layout{grid-template-columns:1fr}.ep22-aside{display:grid;grid-template-columns:1fr 1fr}.ep22-status-body{flex-direction:row}.ep22-feature-row{grid-template-columns:1fr 1.35fr}}
@media(max-width:900px){.ep22-feature-row,.ep22-bottom-row{grid-template-columns:1fr}.ep22-feature-banner{min-height:165px}.ep22-aside{grid-template-columns:1fr 1fr}.ep22-status-body{flex-direction:column}.ep22-overview-active .admin-content{padding:22px 17px 72px}}
@media(max-width:680px){.ep22-welcome{flex-direction:column;gap:11px}.ep22-welcome h1{font-size:24px}.ep22-aside,.ep22-metrics{grid-template-columns:1fr}.ep22-metrics{display:flex;flex-direction:column}.ep22-metric{min-height:0;padding:14px 16px}.ep22-metric strong{margin:8px 0 5px}.ep22-sales-card{padding:18px 14px}.ep22-feature-banner{padding:19px 16px}.ep22-feature-copy h2{font-size:22px}.ep22-active-summary{width:86px;min-height:95px}.ep22-active-summary strong{font-size:27px}.ep22-active-summary small{font-size:9px;text-align:center}.ep22-periods button{font-size:11px;padding:8px 9px}.ep22-status-body{flex-direction:row}.ep22-donut{min-width:110px;width:110px;height:110px}.ep22-card-head{flex-wrap:wrap}.ep22-on-head{white-space:normal}.ep22-quick-links{grid-template-columns:1fr}.ep22-items,.ep22-start,.ep22-recent-section{padding:18px 15px}.ep22-recent{gap:7px}.ep22-recent .ep21-status{display:none}.ep22-order-total{font-size:10px}.ep22-sales-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:400px){.ep22-status-body{flex-direction:column}.ep22-feature-banner{align-items:flex-start}.ep22-active-summary{min-width:70px;width:70px}}
/* Modo escuro: todos os cards da Visão geral, sem interferir no cardápio público. */
:root[data-theme='dark'] .ep22-overview-active{--ep22-ink:#e2e9f4;--ep22-muted:#a3b0c1;--ep22-border:#334458;--ep22-background:#111b2a}
:root[data-theme='dark'] .ep22-overview-active .admin-content{background:#111b2a}
:root[data-theme='dark'] .ep22-store-card,:root[data-theme='dark'] .ep22-card,:root[data-theme='dark'] .ep22-metric,:root[data-theme='dark'] .ep22-recent,:root[data-theme='dark'] .ep22-quick-links a{background:#202d3d;border-color:#35465a}
:root[data-theme='dark'] .ep22-home h1,:root[data-theme='dark'] .ep22-home h2,:root[data-theme='dark'] .ep22-home h3,:root[data-theme='dark'] .ep22-metric strong,:root[data-theme='dark'] .ep22-order-name strong,:root[data-theme='dark'] .ep22-order-total,:root[data-theme='dark'] .ep22-quick-links strong,:root[data-theme='dark'] .ep22-items-list strong{color:#ecf3ff}
:root[data-theme='dark'] .ep22-store-top h2,:root[data-theme='dark'] .ep22-amount-line strong{color:#ecf3ff}
:root[data-theme='dark'] .ep22-feature-banner h2{color:#fff}
:root[data-theme='dark'] .ep22-store-actions a,:root[data-theme='dark'] .ep22-periods button:not(.active){background:#202d3d;border-color:#44556b;color:#d1dfef}
:root[data-theme='dark'] .ep22-graph-blank,:root[data-theme='dark'] .ep22-micro-empty{background:#1c2a3c;border-color:#34475e}
:root[data-theme='dark'] .ep22-donut:before{background:#202d3d}
:root[data-theme='dark'] .ep22-donut strong{color:#eaf1fa}
:root[data-theme='dark'] .ep22-recent:hover,:root[data-theme='dark'] .ep22-quick-links a:hover{background:#2b3a4d}

@media(min-width:761px) and (max-width:1000px){.ep22-overview-active .ep20-sidebar{width:225px}.ep22-overview-active .admin-main{margin-left:225px}}