
/* ÉpicoMenu v21 — organização profissional do painel; nenhum estilo da loja pública é sobrescrito. */
.ep21-admin{--ep21-ink:#202d42;--ep21-muted:#718098;--ep21-line:#e4e9f1;--ep21-red:#db1624;--ep21-bg:#f7f8fb;background:var(--ep21-bg)}
.ep21-admin .ep20-sidebar{background:#fff;border-right:1px solid #e6eaf0}
.ep21-admin .ep20-sidebar .ep20-sidebar-brand{height:100px;margin-bottom:8px}
.ep21-admin .ep20-sidebar .ep-brand img{max-height:72px!important;width:194px!important}
.ep21-admin .ep20-sidebar .sidebar-link{font-size:13px;min-height:44px}
.ep21-admin .ep20-sidebar .sidebar-link.active{background:#fff2f0;color:#ae1723}
.ep21-admin .ep20-header{background:#fff;border-bottom:1px solid #e7eaf1}
.ep21-admin .admin-content{background:#f7f8fb;max-width:none;padding:30px clamp(24px,2.7vw,46px) 56px}
.ep21-admin .ep20-page-crumb>strong{font-size:18px;font-weight:800}
.ep21-version{color:#9ba6b7;font-size:10px;padding:8px 13px;display:block;white-space:nowrap;opacity:.86}
.ep21-admin.ep20-compact .ep21-version{font-size:0;text-align:center;padding:7px 0}
.ep21-admin.ep20-compact .ep21-version:after{content:'v21';font-size:10px}
.ep21-home{max-width:1560px;margin:0 auto;color:var(--ep21-ink)}
.ep21-greeting{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;margin-bottom:26px}
.ep21-greeting .ep21-date{display:block;font-size:12px;color:#8b97aa;margin-bottom:6px}
.ep21-greeting h1{font-size:clamp(23px,2vw,31px);letter-spacing:-.045em;line-height:1.18;margin:0 0 8px;color:#172840;font-weight:850}
.ep21-greeting p{margin:0;color:#738099;font-size:13px;line-height:1.5}
.ep21-refresh{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;background:#fff;border:1px solid #e2e7ee;border-radius:9px;min-height:39px;padding:7px 13px;font-size:12px;font-weight:700;color:#475a74;cursor:pointer}
.ep21-refresh:hover{border-color:#dba5aa;color:#b21b26}
.ep21-refresh .icon{width:16px;height:16px}
.ep21-feature-row{display:grid;grid-template-columns:minmax(320px,.86fr) minmax(420px,1.5fr);gap:18px;margin-bottom:34px}
.ep21-business-card,.ep21-operation-banner{border-radius:14px;min-height:192px;box-shadow:0 3px 10px rgba(25,43,73,.035);overflow:hidden}
.ep21-business-card{background:#fff;border:1px solid #e3e9f1;display:flex;gap:17px;padding:25px 22px;align-items:flex-start}
.ep21-business-avatar{width:64px;height:64px;border:1px solid #e8ecf0;border-radius:15px;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff7f8;color:#be1c27;box-shadow:0 1px 4px rgba(0,0,0,.035)}
.ep21-business-avatar img{width:100%;height:100%;object-fit:contain;display:block}
.ep21-business-avatar strong{font-size:23px;letter-spacing:-.06em}
.ep21-business-main{min-width:0;flex:1}
.ep21-business-main>span,.ep21-operation-banner>div>span{font-size:10px;color:#9ba6b5;letter-spacing:.115em;font-weight:850}
.ep21-business-main h2{font-size:21px;letter-spacing:-.04em;margin:6px 0;color:#202d42;line-height:1.25}
.ep21-business-main p{font-size:12px;line-height:1.4;color:#7a889d;margin:0 0 17px}
.ep21-business-links{display:flex;gap:8px;flex-wrap:wrap}
.ep21-business-links a{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border:1px solid #dbe2ec;border-radius:7px;background:#fff;color:#42536b;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap}
.ep21-business-links a:hover{border-color:#d81827;color:#ad1f29}
.ep21-business-links .icon{height:14px;width:14px}
.ep21-operation-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 28px;background:linear-gradient(110deg,#c61d2b 0%,#e21f29 57%,#eb6846 100%);color:white;position:relative}
.ep21-operation-banner:before,.ep21-operation-banner:after{content:'';width:260px;height:260px;border:1px solid rgba(255,255,255,.12);border-radius:50%;position:absolute;right:-72px;top:-102px;pointer-events:none}
.ep21-operation-banner:after{width:182px;height:182px;right:-25px;top:5px}
.ep21-operation-banner>div{position:relative;z-index:1}
.ep21-operation-banner>div>span{color:#ffd9d8}
.ep21-operation-banner h2{font-size:clamp(21px,2vw,30px);line-height:1.15;letter-spacing:-.045em;margin:9px 0 10px;color:white}
.ep21-operation-banner p{font-size:12px;color:#fff0f0;margin:0 0 18px;line-height:1.45;max-width:420px}
.ep21-operation-banner a{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:8px;padding:10px 14px;color:#ac1824;text-decoration:none;font-size:11px;font-weight:850}
.ep21-operation-counter{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);width:114px;height:112px;text-align:center;backdrop-filter:blur(3px)}
.ep21-operation-counter strong{font-size:45px;line-height:1;color:white}
.ep21-operation-counter small{font-size:10px;color:#fff;max-width:84px;margin-top:8px}
.ep21-stats-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 18px}
.ep21-stats-top h2{margin:0 0 5px;color:#1f2c41;font-size:20px;letter-spacing:-.035em}
.ep21-stats-top p{color:#7a879c;font-size:12px;margin:0}
.ep21-stats-top>a{color:#b51b25;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.ep21-stats-top>a .icon{width:14px;height:14px}
.ep21-range-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px}
.ep21-range-buttons{display:flex;flex-wrap:wrap;gap:7px}
.ep21-range-buttons button{border:1px solid #e3e8ef;background:#fff;color:#586981;font-size:12px;font-weight:750;border-radius:8px;padding:9px 12px;cursor:pointer}
.ep21-range-buttons button.active{background:#bc1a27;border-color:#bc1a27;color:white}
.ep21-range-buttons button:hover:not(.active){background:#fff5f5;border-color:#dfa9ad;color:#aa2330}
.ep21-secure{display:flex;align-items:center;gap:6px;color:#6b9986;white-space:nowrap;font-size:11px}
.ep21-secure .icon{width:15px;height:15px}
.ep21-custom-range{margin-bottom:12px}
.ep21-error{border-radius:8px;padding:12px 14px;color:#a22b2b;background:#fff1ef;font-size:12px}
.ep21-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}
.ep21-metric{background:white;border:1px solid #e4e9f0;border-radius:13px;padding:20px 20px 17px;min-height:146px;box-shadow:0 2px 9px rgba(18,40,80,.025)}
.ep21-metric-header{display:flex;align-items:center;gap:12px;justify-content:space-between}
.ep21-metric-header>span:first-child{color:#5d6e86;font-size:12px;font-weight:700}
.ep21-metric-icon{width:30px;height:30px;border-radius:50%;background:#fff0f1;color:#cf2432;display:flex;align-items:center;justify-content:center;flex:none}
.ep21-metric-icon .icon{height:16px;width:16px}
.ep21-metric>strong{display:block;margin:13px 0 10px;color:#1d2f48;font-size:clamp(21px,2.0vw,30px);line-height:1.1;letter-spacing:-.04em;font-weight:850}
.ep21-metric>small{display:block;color:#8592a7;font-size:11px;line-height:1.4}
.ep21-main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,0.75fr);gap:18px;margin-bottom:18px}
.ep21-panel{background:#fff;border:1px solid #e4e9f1;border-radius:14px;box-shadow:0 2px 9px rgba(18,40,80,.025);overflow:hidden}
.ep21-panel-head{padding:20px 21px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.ep21-panel-head h2{color:#25334b;font-size:16px;letter-spacing:-.025em;margin:0 0 4px}
.ep21-panel-head p{margin:0;color:#93a0b0;font-size:11px;line-height:1.5}
.ep21-panel-head>a{color:#b4202b;text-decoration:none;font-size:12px;font-weight:800;display:inline-flex;gap:5px;align-items:center;white-space:nowrap}
.ep21-panel-head>a .icon{width:13px;height:13px}
.ep21-chart-unit{font-size:11px;color:#9facbb}
.ep21-bars{display:flex;gap:8px;align-items:end;height:245px;padding:10px 22px 23px;border-top:1px solid #f5f6f8;margin:0 17px 8px}
.ep21-bar{height:100%;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:end;gap:9px;min-width:0;cursor:help}
.ep21-bar span{display:block;background:linear-gradient(180deg,#ed7681,#cf1d2c);width:min(100%,46px);min-height:2px;border-radius:6px 6px 1px 1px}
.ep21-bar small{font-size:9px;color:#a0aabd;white-space:nowrap}
.ep21-bar:hover span{background:#9f101c}
.ep21-empty-graph{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:224px;margin:0 21px 17px;border:1px dashed #e7ebf2;border-radius:9px;color:#92a0b1;gap:10px;text-align:center}
.ep21-empty-graph>.icon{width:29px;height:29px;color:#cbd4e1}
.ep21-empty-graph strong{font-size:12px;color:#63758c}.ep21-empty-graph p{margin:0;color:#9eabba;font-size:11px}
.ep21-quick-panel>a{display:flex;align-items:center;gap:11px;padding:13px 18px;border-top:1px solid #f0f2f6;color:#56677e;text-decoration:none}
.ep21-quick-panel>a>.icon:first-child{width:32px;height:32px;padding:7px;border-radius:8px;background:#fff2f3;color:#ca2634;flex:none}
.ep21-quick-panel>a>.icon:last-child{margin-left:auto;width:14px;height:14px;color:#a2abb7;flex:none}
.ep21-quick-panel>a>span{display:flex;flex-direction:column;min-width:0;gap:3px}
.ep21-quick-panel>a strong{font-size:12px;color:#36465e;font-weight:750}
.ep21-quick-panel>a small{font-size:10px;color:#9da9ba}
.ep21-quick-panel>a:hover{background:#fafbfc}
.ep21-recent-list{padding:0 16px 9px}
.ep21-recent-item{display:flex;align-items:center;width:100%;gap:13px;background:#fff;border:0;border-top:1px solid #edf0f4;padding:14px 5px;text-align:left;cursor:pointer}
.ep21-recent-item:hover{background:#fafbfc}
.ep21-recent-item>.icon{margin-left:3px;flex:none;width:13px;height:13px;color:#a7b0be}
.ep21-recent-num{color:#bb1f2a;background:#fff0f1;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:800;min-width:80px;text-align:center}
.ep21-recent-client{display:flex;flex:1;flex-direction:column;min-width:0;gap:4px}
.ep21-recent-client strong{color:#33445c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.ep21-recent-client small{color:#a2aebd;font-size:10px}
.ep21-status{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:6px 8px;border-radius:6px;font-size:10px;font-weight:700;background:#fff3e8;color:#ae6b25}
.ep21-status-completed{background:#e9f6ed;color:#2b8a59}.ep21-status-cancelled{background:#f4f1f1;color:#8b8995}.ep21-status-preparing{background:#fff3dc;color:#9e6712}.ep21-status-delivering{background:#e8f2ff;color:#3a6dab}
.ep21-recent-amount{color:#27364e;font-size:12px;min-width:85px;text-align:right}
.ep21-empty-recent{border-top:1px solid #edf1f7;padding:30px 15px 35px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:7px}
.ep21-empty-recent .icon{width:28px;height:28px;color:#bdc7d3}.ep21-empty-recent strong{font-size:12px;color:#6a7990}.ep21-empty-recent p{font-size:11px;color:#9daaaf;margin:0}
.ep21-footnote{font-size:10px;color:#97a4b6;margin:9px 4px 0;line-height:1.5}
@media(max-width:1260px){.ep21-feature-row{grid-template-columns:1fr 1.15fr}.ep21-main-grid{grid-template-columns:1.3fr 1fr}.ep21-metric-grid{gap:9px}.ep21-metric{padding:15px 12px}.ep21-recent-amount{min-width:73px}}
@media(max-width:1050px){.ep21-feature-row,.ep21-main-grid{grid-template-columns:1fr}.ep21-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ep21-admin .admin-content{padding:25px 22px 48px}}
@media(max-width:820px){.ep21-admin .admin-content{padding:20px 16px 90px}.ep21-version{display:none}.ep21-greeting h1{font-size:24px}}
@media(max-width:560px){.ep21-greeting{flex-direction:column}.ep21-greeting h1{font-size:22px}.ep21-refresh{align-self:flex-start}.ep21-feature-row{gap:12px;margin-bottom:26px}.ep21-business-card{padding:19px 16px}.ep21-business-avatar{width:51px;height:51px}.ep21-business-main h2{font-size:17px}.ep21-operation-banner{padding:22px 17px}.ep21-operation-banner h2{font-size:20px}.ep21-operation-counter{width:75px;height:80px}.ep21-operation-counter strong{font-size:30px}.ep21-operation-counter small{font-size:8px}.ep21-stats-top{align-items:flex-start;flex-direction:column}.ep21-range-row{align-items:flex-start;flex-direction:column}.ep21-range-buttons button{font-size:10px;padding:8px 9px}.ep21-metric-grid{gap:9px}.ep21-metric{min-height:121px}.ep21-metric-header>span:first-child{font-size:10px}.ep21-metric>strong{font-size:23px}.ep21-metric>small{font-size:10px}.ep21-recent-list{padding:0 9px 8px}.ep21-recent-num{min-width:50px;font-size:10px;padding:6px 4px}.ep21-recent-item{gap:7px}.ep21-recent-amount{min-width:61px;font-size:10px}.ep21-status{min-width:0;font-size:9px;padding:5px 6px}.ep21-panel-head{padding:17px 15px 12px}.ep21-bars{gap:3px;padding:10px 4px 20px;margin:0 9px 8px}.ep21-bar small{font-size:8px}}
:root[data-theme='dark'] .ep21-admin{--ep21-bg:#111b2a;background:#111b2a}
:root[data-theme='dark'] .ep21-admin .admin-content{background:#111b2a}
:root[data-theme='dark'] .ep21-home{color:#d5dfef}
:root[data-theme='dark'] .ep21-greeting h1,:root[data-theme='dark'] .ep21-stats-top h2,:root[data-theme='dark'] .ep21-panel-head h2,:root[data-theme='dark'] .ep21-metric>strong,:root[data-theme='dark'] .ep21-business-main h2{color:#f2f5fb}
:root[data-theme='dark'] .ep21-business-card,:root[data-theme='dark'] .ep21-metric,:root[data-theme='dark'] .ep21-panel,:root[data-theme='dark'] .ep21-refresh,:root[data-theme='dark'] .ep21-range-buttons button:not(.active),:root[data-theme='dark'] .ep21-business-links a,:root[data-theme='dark'] .ep21-recent-item{background:#202c3d;border-color:#354459;color:#dbe4f2}
:root[data-theme='dark'] .ep21-quick-panel>a,:root[data-theme='dark'] .ep21-recent-item{border-color:#354459}
:root[data-theme='dark'] .ep21-quick-panel>a strong,:root[data-theme='dark'] .ep21-recent-client strong,:root[data-theme='dark'] .ep21-recent-amount{color:#e7ecf6}
