/* Merchant content layer. Visibility, navigation and field state belong to JS. */
/* Screenshot polish: explicit rhythm, compact conversion card, readable orders. */
body.dropos-workspace[data-panel=merchant] #overviewContent{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
body.dropos-workspace[data-panel=merchant] #overviewContent>*{margin-block:0!important}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-card:has(>.vg-donut){display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:auto 1fr;column-gap:24px;align-items:start}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-card:has(>.vg-donut)>h3{grid-column:1;grid-row:1;margin:10px 0 8px}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-card:has(>.vg-donut)>.c-sub{grid-column:1;grid-row:2}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-card>.vg-donut{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:1fr;grid-template-rows:140px auto;justify-items:center;align-items:center;gap:12px;padding:0;min-width:0}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-donut>svg{grid-area:1/1;width:140px;height:140px}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-donut>.mid{grid-area:1/1;margin:0!important}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-donut>.vg-leg{grid-area:2/1;gap:14px;flex-wrap:wrap;justify-content:center;font-family:inherit;font-size:12px}
body.dropos-workspace[data-panel=merchant] [id$=View] table :is(th,td){font-family:var(--dw-font,inherit)!important}
body.dropos-workspace[data-panel=merchant] #ordersView .table-wrap>table{table-layout:fixed;width:100%;min-width:930px}
body.dropos-workspace[data-panel=merchant] #ordersView .table-wrap :is(th,td){padding:14px 10px!important;overflow-wrap:anywhere;white-space:normal!important;min-width:0!important}
body.dropos-workspace[data-panel=merchant] #ordersView th:nth-child(1){width:12%}
body.dropos-workspace[data-panel=merchant] #ordersView th:nth-child(2){width:11%}
body.dropos-workspace[data-panel=merchant] #ordersView th:nth-child(3){width:15%}
body.dropos-workspace[data-panel=merchant] #ordersView th:nth-child(4){width:19%}
body.dropos-workspace[data-panel=merchant] #ordersView th:nth-child(5){width:9%}
body.dropos-workspace[data-panel=merchant] #ordersView th:nth-child(6){width:8%}
body.dropos-workspace[data-panel=merchant] #ordersView th:nth-child(7){width:8%}
body.dropos-workspace[data-panel=merchant] #ordersView th:nth-child(8){width:11%}
body.dropos-workspace[data-panel=merchant] #ordersView th:nth-child(9){width:7%}
body.dropos-workspace[data-panel=merchant] #ordersBody :is(.status-select,.details-btn){width:100%;max-width:100%;min-width:0;min-height:38px;padding:7px 6px!important;font-size:11px}
body.dropos-workspace[data-panel=merchant] #ordersBody td:nth-child(3) .muted{font-size:11px;line-height:1.5}
body.dropos-workspace[data-panel=merchant] #pxLista .pl-top{background:#13151b!important;border-color:#272a32!important;border-radius:12px;animation:none!important}
body.dropos-workspace[data-panel=merchant] #pxLista .pl-drawer::before{content:none!important;animation:none!important}
body.dropos-workspace[data-panel=merchant] #pxLista .pl-sw{animation:none!important;box-shadow:none!important}
body.dropos-workspace[data-panel=merchant] #pxLista .pl-row.on{background:#20232c!important;border-color:#454c59!important;box-shadow:inset 2px 0 #bd5362!important}
body.dropos-workspace[data-panel=merchant] #pxLista .pl-row .pl-lg{transform:none!important}
body.dropos-workspace[data-panel=merchant] #pxLista .pl-save{background:#f51e38!important;box-shadow:none!important;transform:none!important}
body.dropos-workspace[data-panel=merchant] #pxLista .pl-top .pl-bar i{background:#bd5362!important}
@media(max-width:600px){body.dropos-workspace[data-panel=merchant] #overviewContent .vg-card:has(>.vg-donut){grid-template-columns:minmax(0,1fr);gap:0}body.dropos-workspace[data-panel=merchant] #overviewContent .vg-card>.vg-donut{grid-column:1;grid-row:3;margin-top:18px}}
body.dropos-workspace[data-panel=merchant] [id$=View]{--panel:#13151b;--panel2:#191c23;--card:#13151b;--card-2:#191c23;--bg:#0b0c0f;--line:#272a32;--line-2:#343944;--ink:#f5f5f7;--ink-2:#d2d6df;--muted:#9da3b0;--muted-2:#9299a7;--red:#f51e38;--brand:#f51e38;--red-soft:#f51e3812;--line-hot:#f51e3860;min-width:0;color:var(--ink)}
body.dropos-workspace[data-panel=merchant] [id$=View] :is(.panel,.vg-card,.rt-card,.cfg-item,.of-preview,.push-option,.su-bd,.lk-main,.lk-side,.pl-list,.pl-drawer){background:#13151b!important;border-color:#272a32!important;border-radius:12px!important;box-shadow:none!important}
body.dropos-workspace[data-panel=merchant] [id$=View]>.panel:not(.table-wrap):not(.push-card){padding:28px!important}
body.dropos-workspace[data-panel=merchant] [id$=View] :is(h2,h3,h4,h5,.section-label,.cfg-grp-h,.su-h,.su-bd h5){font-family:inherit!important;text-transform:none!important;letter-spacing:-.015em!important;color:#f5f5f7}
body.dropos-workspace[data-panel=merchant] [id$=View] h3{font-size:20px;line-height:1.4;font-weight:650}
body.dropos-workspace[data-panel=merchant] [id$=View] :is(.help,.muted,.cfg-hero-s,.su-sub){color:#9da3b0;font-size:13px;line-height:1.65}
body.dropos-workspace[data-panel=merchant] [id$=View] .section-label{font-size:13px;font-weight:650;border-bottom:1px solid #272a32;padding-bottom:12px;margin-bottom:18px}
body.dropos-workspace[data-panel=merchant] [id$=View] .toolbar{gap:10px;margin-bottom:20px;animation:none;align-items:center}
body.dropos-workspace[data-panel=merchant] [id$=View] :is(.toolbar input.search,.toolbar select,.field input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.field select,.field textarea,.rc-in){min-height:44px;border-radius:8px!important;background-color:#0e1015!important;border-color:#343944!important;color:#f5f5f7!important;font-family:inherit;box-shadow:none!important;max-width:100%;box-sizing:border-box}
body.dropos-workspace[data-panel=merchant] [id$=View] .field label{color:#d2d6df;font-size:12px;font-weight:550;line-height:1.5;margin-bottom:8px}
body.dropos-workspace[data-panel=merchant] [id$=View] .field{margin-bottom:20px;min-width:0}
body.dropos-workspace[data-panel=merchant] [id$=View] :is(input,select,textarea):focus-visible{outline:2px solid #f56a7b!important;outline-offset:2px}
body.dropos-workspace[data-panel=merchant] [id$=View] :is(button,a):focus-visible{outline:2px solid #f56a7b;outline-offset:3px}
body.dropos-workspace[data-panel=merchant] [id$=View] .btn{min-height:42px;border-radius:8px!important;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;box-shadow:none!important;background-image:none!important;transition:background-color .15s,border-color .15s;transform:none!important}
body.dropos-workspace[data-panel=merchant] [id$=View] .btn.brand{background:#f51e38!important;border-color:#f51e38!important;color:white!important}
body.dropos-workspace[data-panel=merchant] [id$=View] .btn:not(.brand):not(.danger){background-color:#1b1e26;border-color:#343944;color:#e2e5eb}
body.dropos-workspace[data-panel=merchant] [id$=View] .btn:hover{filter:brightness(1.08)}
body.dropos-workspace[data-panel=merchant] [id$=View] .btn:disabled{filter:none;opacity:.5;cursor:not-allowed}
body.dropos-workspace[data-panel=merchant] [id$=View] .table-wrap{border:1px solid #272a32!important;border-radius:12px!important;background:#13151b!important;box-shadow:none!important;overflow:auto!important;animation:none!important}
body.dropos-workspace[data-panel=merchant] [id$=View] table{width:100%;border-collapse:collapse;font-size:13px}
body.dropos-workspace[data-panel=merchant] [id$=View] table th{background:#191c23!important;color:#aeb5c2!important;font-size:11px!important;font-weight:600!important;letter-spacing:.02em!important;text-transform:none!important;padding:15px 16px!important;white-space:nowrap;border-bottom:1px solid #30343e!important}
body.dropos-workspace[data-panel=merchant] [id$=View] table td{padding:16px!important;border-bottom-color:#272a32!important;line-height:1.5;vertical-align:middle;animation:none!important}
body.dropos-workspace[data-panel=merchant] [id$=View] table tbody tr:hover{background:#191c23!important;transform:none!important;box-shadow:none!important}
body.dropos-workspace[data-panel=merchant] [id$=View] table tr:last-child td{border-bottom:0}
body.dropos-workspace[data-panel=merchant] [id$=View] :is(.badge,.chip,.status-select){border-radius:6px!important;font-family:inherit;letter-spacing:0}
body.dropos-workspace[data-panel=merchant] :is(#ordersBody,#ordersCards) .status-select{min-height:36px;height:auto;padding:7px 10px;font-size:12px;font-weight:550}
body.dropos-workspace[data-panel=merchant] [id$=View] :is(.empty,.vg-vazio){padding:48px 24px!important;color:#9da3b0;font-size:14px;line-height:1.7;background:#13151b;border-radius:12px;animation:none!important}
body.dropos-workspace[data-panel=merchant] [id$=View] .empty::before{animation:none!important;filter:none!important;box-shadow:none!important}
/* Analytics: numeric hierarchy, stable cards, no decorative animation. */
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-kpis{gap:14px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-kpis>.vg-kpi,body.dropos-workspace[data-panel=merchant] #ordResumo .rz-card,body.dropos-workspace[data-panel=merchant] [id$=View] :is(.acc-stat,.rt-stat){background:#13151b!important;border:1px solid #272a32!important;border-radius:12px!important;padding:22px!important;box-shadow:none!important;transform:none!important;animation:none!important}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-kpi :is(.k-val,.k-lab,.k-ico,.k-var){animation:none!important;filter:none!important}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-kpi .k-val{background:none!important;color:#f5f5f7!important;font-family:inherit;font-size:29px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-kpi .k-lab{font-family:inherit;font-size:12px;letter-spacing:0;text-transform:none;color:#9da3b0}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-kpi .k-ico{background:#1e222b;border:0;color:#9da3b0}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-kpi::before,body.dropos-workspace[data-panel=merchant] #overviewContent .vg-kpi::after,body.dropos-workspace[data-panel=merchant] #ordResumo .rz-card::before{content:none!important;animation:none!important}
body.dropos-workspace[data-panel=merchant] #overviewContent :is(.vg-hi,.vg-typed){font-family:inherit;letter-spacing:-.035em;text-transform:none}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-cursor{visibility:hidden}
body.dropos-workspace[data-panel=merchant] #overviewContent :is(.vg-row,.vg-row3,.vg-linha){gap:16px}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-card{padding:24px;animation:none!important}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-pill{border-radius:7px;background:#191c23;box-shadow:none;min-height:36px}
body.dropos-workspace[data-panel=merchant] #ordResumo.resumo{gap:14px}
body.dropos-workspace[data-panel=merchant] #ordResumo .rz-v{font-family:inherit;font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
body.dropos-workspace[data-panel=merchant] #ordResumo .rz-ic{background:#1b1e26;border:0;animation:none!important;transform:none!important}
body.dropos-workspace[data-panel=merchant] #ordersView #btnRefresh{background:#f51e38!important;box-shadow:none!important}
/* Catalog tools are supporting actions, not competing promotional cards. */
body.dropos-workspace[data-panel=merchant] #productsView :is(#ttImport,#siteExport,#lojaCompleta){background:#13151b!important;border-color:#272a32!important;border-radius:10px!important;padding:16px 20px!important}
body.dropos-workspace[data-panel=merchant] #productsView .acc-head{min-height:32px}
body.dropos-workspace[data-panel=merchant] #productsView .acc-head b{font-size:13px!important;font-weight:600;color:#d2d6df!important}
body.dropos-workspace[data-panel=merchant] #productsView .acc-body :is(button,a){background:#1b1e26!important;color:#f5f5f7!important;border:1px solid #343944!important;border-radius:8px!important;min-height:44px;box-sizing:border-box}
body.dropos-workspace[data-panel=merchant] #productsView>.toolbar:first-child{padding-bottom:18px;border-bottom:1px solid #272a32}
body.dropos-workspace[data-panel=merchant] #productsView #btnNewProduct{margin-left:auto}
body.dropos-workspace[data-panel=merchant] :is(#productsCards,#ordersCards)>.card{background:#13151b!important;border:1px solid #272a32!important;border-radius:12px!important;padding:18px!important;box-shadow:none!important}
/* Settings, offers, installation and tracking. */
body.dropos-workspace[data-panel=merchant] #storeView .cfg-shell{grid-template-columns:210px minmax(0,1fr);gap:24px}
body.dropos-workspace[data-panel=merchant] #storeView .cfg-navi{background:transparent;border:1px solid transparent;border-radius:8px;min-height:52px;padding:12px}
body.dropos-workspace[data-panel=merchant] #storeView .cfg-navi.on{background:#1b1e26;box-shadow:inset 2px 0 #f51e38;border-color:#272a32}
body.dropos-workspace[data-panel=merchant] #storeView .cfg-savebar{background:#0b0c0f;border-top:1px solid #272a32;padding:14px 0}
body.dropos-workspace[data-panel=merchant] #configView .cfg-hero{background:#13151b;border-radius:12px;padding:28px;border-color:#272a32}
body.dropos-workspace[data-panel=merchant] #configView .cfg-item{padding:20px 36px 20px 20px;min-height:88px;transform:none!important;box-shadow:none!important}
body.dropos-workspace[data-panel=merchant] #configView .cfg-item:hover{border-color:#4b5260!important;background:#191c23!important}
body.dropos-workspace[data-panel=merchant] #offersView .of-shell{grid-template-columns:minmax(0,1fr) 300px;gap:24px}
body.dropos-workspace[data-panel=merchant] #offersView :is(.ofp-step,.ofp-step.ofp-main){background:#191c23;border-radius:8px;border-color:#343944;box-shadow:none}
body.dropos-workspace[data-panel=merchant] #setupView :is(.su-bd,.su-n){box-shadow:none!important}
body.dropos-workspace[data-panel=merchant] #setupView .su-go,body.dropos-workspace[data-panel=merchant] #setupView .su-prog>i{background:#f51e38;box-shadow:none;min-height:0}
body.dropos-workspace[data-panel=merchant] #setupView .su-go{min-height:40px;font-family:inherit;border-radius:8px}
body.dropos-workspace[data-panel=merchant] #rastreioView .rt-card{padding:20px;margin-bottom:14px}
body.dropos-workspace[data-panel=merchant] :is(#accessView,#rastreioView) :is(.acc-stat,.rt-stat){flex:1;min-width:130px}
body.dropos-workspace[data-panel=merchant] :is(#linksView,#teamView,#pixelsView)> .panel{max-width:1000px!important}
body.dropos-workspace[data-panel=merchant] #pxLista{grid-template-columns:minmax(250px,.8fr) minmax(0,1.3fr);gap:16px}
body.dropos-workspace[data-panel=merchant] #pxLista :is(.pl-row,.pl-hd){padding:16px}
body.dropos-workspace[data-panel=merchant] #pxLista .pl-row.on{background:#f51e3810;box-shadow:inset 2px 0 #f51e38}
body.dropos-workspace[data-panel=merchant] #presellsView :is(.lk-main,.lk-side){padding:24px}
body.dropos-workspace[data-panel=merchant] #presellsView .lk-copy{background:#191c23!important;border-color:#343944!important;color:#f5f5f7}
/* Recovery keeps its split workflow while improving reading and touch targets. */
body.dropos-workspace[data-panel=merchant] #recuperacaoView .rc-wrap{border-radius:12px;background:#13151b;border-color:#272a32}
body.dropos-workspace[data-panel=merchant] #recuperacaoView .rc-painel{width:340px;background:#191c23}
body.dropos-workspace[data-panel=merchant] #recuperacaoView .rc-head,body.dropos-workspace[data-panel=merchant] #recuperacaoView .rc-grid{grid-template-columns:minmax(0,1fr) 110px 82px 65px;gap:10px}
body.dropos-workspace[data-panel=merchant] #recuperacaoView .rc-item{background:#13151b;border-color:#272a32;border-radius:8px;padding:16px}
body.dropos-workspace[data-panel=merchant] #recuperacaoView .rc-item.on{background:#20232c;border-color:#454c59;box-shadow:inset 2px 0 #f51e38}
body.dropos-workspace[data-panel=merchant] #recuperacaoView .rc-gerar{background:#f51e38;box-shadow:none;border-radius:8px;font-size:14px}
body.dropos-workspace[data-panel=merchant] #recuperacaoView .rc-fbt{min-height:40px;border-radius:7px}
body.dropos-workspace[data-panel=merchant] #notificationsView .push-card-head{background:#13151b;padding:24px;border-color:#272a32}
body.dropos-workspace[data-panel=merchant] #notificationsView .push-body{padding:24px}
body.dropos-workspace[data-panel=merchant] #notificationsView :is(.push-status,.push-option-icon){border-radius:7px;background:#1b1e26}
body.dropos-workspace[data-panel=merchant] #notificationsView .push-dot{box-shadow:none!important}
body.dropos-workspace[data-panel=merchant] #notificationsView .push-toggle:checked{background:#f51e38}
body.dropos-workspace[data-panel=merchant] :is(#finBox,#afBox,#emailStats)>div[style*="border"],body.dropos-workspace[data-panel=merchant] #emailList>.panel{background:#13151b!important;border-color:#272a32!important;border-radius:12px!important;box-shadow:none!important}
body.dropos-workspace[data-panel=merchant] :is(#finBox,#afBox) [style*="linear-gradient"]{background-image:none!important;box-shadow:none!important}
body.dropos-workspace[data-panel=merchant] #gatewaysView :is(.mp-summary>div,.gl-drawer,.gl-ref,.gwcv-kpi,#saldoDevedorCard){background-image:none!important;box-shadow:none!important;border-radius:12px!important}
body.dropos-workspace[data-panel=merchant] #gatewaysView .gw-dot{box-shadow:none}
@media(max-width:1150px){body.dropos-workspace[data-panel=merchant] #recuperacaoView .rc-wrap{flex-direction:column}body.dropos-workspace[data-panel=merchant] #recuperacaoView .rc-painel{width:auto;border-top:1px solid #272a32}body.dropos-workspace[data-panel=merchant] #recuperacaoView .rc-lista{border-right:0}body.dropos-workspace[data-panel=merchant] #offersView .of-shell{grid-template-columns:minmax(0,1fr)}body.dropos-workspace[data-panel=merchant] #offersView .of-preview{position:static}body.dropos-workspace[data-panel=merchant] #overviewContent .vg-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){body.dropos-workspace[data-panel=merchant] [id$=View]>.panel:not(.table-wrap):not(.push-card){padding:20px!important}body.dropos-workspace[data-panel=merchant] [id$=View] :is(.row2,.push-grid,.push-options){grid-template-columns:minmax(0,1fr)}body.dropos-workspace[data-panel=merchant] #storeView .cfg-shell,body.dropos-workspace[data-panel=merchant] #pxLista{grid-template-columns:minmax(0,1fr)}body.dropos-workspace[data-panel=merchant] #storeView .cfg-nav{position:static;flex-direction:row;overflow:auto;max-width:100%;padding-bottom:8px}body.dropos-workspace[data-panel=merchant] #storeView .cfg-navi{flex-shrink:0;min-height:44px}body.dropos-workspace[data-panel=merchant] #storeView .cfg-navi i{display:none}body.dropos-workspace[data-panel=merchant] [id$=View] .toolbar{gap:8px;align-items:stretch}body.dropos-workspace[data-panel=merchant] [id$=View] .toolbar .search{min-width:0;flex:1 1 100%;max-width:100%!important}body.dropos-workspace[data-panel=merchant] [id$=View] .toolbar .btn{flex:1 1 auto;min-height:44px}body.dropos-workspace[data-panel=merchant] [id$=View] .field :is(input,select,textarea){font-size:16px}body.dropos-workspace[data-panel=merchant] #productsView #btnNewProduct{margin-left:0}body.dropos-workspace[data-panel=merchant] #overviewContent .vg-card{padding:20px}body.dropos-workspace[data-panel=merchant] #ordResumo.resumo{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.dropos-workspace[data-panel=merchant] #overviewContent .vg-kpis>.vg-kpi,body.dropos-workspace[data-panel=merchant] #ordResumo .rz-card{padding:16px!important}body.dropos-workspace[data-panel=merchant] #overviewContent .vg-kpi .k-val,body.dropos-workspace[data-panel=merchant] #ordResumo .rz-v{font-size:23px}body.dropos-workspace[data-panel=merchant] #overviewContent .vg-kpis{gap:10px!important}body.dropos-workspace[data-panel=merchant] #ordResumo .rz-ic{position:static;margin-bottom:10px}body.dropos-workspace[data-panel=merchant] #recuperacaoView .rc-head{display:none}body.dropos-workspace[data-panel=merchant] #recuperacaoView .rc-grid{grid-template-columns:minmax(0,1fr) auto}body.dropos-workspace[data-panel=merchant] #recuperacaoView .rc-rolagem{padding:0 14px;max-height:420px}body.dropos-workspace[data-panel=merchant] #notificationsView :is(.push-body,.push-card-head){padding:20px}body.dropos-workspace[data-panel=merchant] #notificationsView .push-card-head{flex-wrap:wrap}body.dropos-workspace[data-panel=merchant] #setupView .su-steps{grid-template-columns:minmax(0,1fr)!important}}
/* Keep geographic and sales data visible without ambient pulsing. */
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-globe :is(.pt,.vg-arc,.vg-hub){animation:none!important;filter:none!important;stroke-dashoffset:0!important}
body.dropos-workspace[data-panel=merchant] #overviewContent .vg-globe .pt{opacity:.75}
@media(prefers-reduced-motion:reduce){body.dropos-workspace[data-panel=merchant] [id$=View] *,body.dropos-workspace[data-panel=merchant] [id$=View] *::before,body.dropos-workspace[data-panel=merchant] [id$=View] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.dropos-workspace[data-panel=merchant] .vg-chart .ln{stroke-dashoffset:0!important}body.dropos-workspace[data-panel=merchant] .vg-chart :is(.ar,.dt){opacity:1!important}}