/* DROP OS workspace: shared navigation, typography and interaction system. */
body.dropos-workspace {
  --dw-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
  --bg:#0b0c0f; --panel:#13151b; --panel2:#191c23; --card:#13151b; --card2:#191c23;
  --surface-2:#191c23; --side:#101116; --sidebar-bg:#101116; --sidebar-2:#191c23;
  --line:#282c35; --line2:#20232b; --line-2:#353b47; --sidebar-line:#282c35;
  --line-hot:#66515a; --ink:#f4f5f7; --ink-2:#d0d4dc;
  --mut:#a2a9b6; --muted:#a2a9b6; --dim:#9098a7; --muted-2:#9098a7; --sidebar-text:#a2a9b6;
  --red:#f51e38; --red2:#d5142c; --red-deep:#d5142c; --red-soft:rgba(245,30,56,.09);
  --brand:#f51e38; --brand-hover:#ff4056; --brand2:#d5142c; --brand3:#ff4056; --brand-dark:#a81225;
  --red-b:#ff6274; --grad:#f51e38; --glow:none; --glow-sm:none; --lift:none;
  --focus:0 0 0 3px rgba(245,30,56,.18); --ok:#51d8a0; --warn:#efbc68;
  --h:44px; --r:12px; --r-sm:9px; --sidebar-hover:#1a1d25;
  --mono:ui-monospace, "SFMono-Regular", Consolas, monospace;
  --shadow-md:0 4px 16px rgba(0,0,0,.12); --shadow-lg:0 24px 72px rgba(0,0,0,.45);
  background:var(--bg); color:var(--ink); font-family:var(--dw-font); font-size:14px;
  line-height:1.5; letter-spacing:normal; -webkit-font-smoothing:antialiased;
}
body.dropos-workspace::before,body.dropos-workspace::after,
body.dropos-workspace #fxCode,body.dropos-workspace #fxToggle { display:none!important; }
body.dropos-workspace :is(h1,h2,h3,h4,h5,button,input,select,textarea,label,.tab-btn,.cap,.section-label,.sec,.tb-name,.mono) {font-family:var(--dw-font)!important;}
body.dropos-workspace :is(h1,h2,h3,h4) {color:var(--ink);font-weight:650;letter-spacing:-.025em;line-height:1.25;text-shadow:none!important;}
body.dropos-workspace :is(code,pre,kbd) {font-family:var(--mono)!important;}
body.dropos-workspace [hidden] {display:none!important;}
body.dropos-workspace :is(button,a,input,select,textarea,[tabindex]):focus-visible {outline:2px solid #ff6678;outline-offset:3px;}
body.dropos-workspace :is(button,input,select,textarea) {accent-color:var(--red);}
body.dropos-workspace :is(button,.btn,.btn-primary) {text-shadow:none!important;}
body.dropos-workspace :is(.btn,.btn-primary,.btn-atualizar,.btn-logout) {
  border-radius:9px!important; font-size:13px; font-weight:600; min-height:40px;
  box-shadow:none!important; transition:background-color .16s,border-color .16s,color .16s,transform .16s;
}
body.dropos-workspace :is(.btn,.btn-atualizar,.btn-logout) {background:#191c23;border-color:#343945;color:var(--ink-2);}
body.dropos-workspace :is(.btn,.btn-atualizar,.btn-logout):hover {background:#222630;border-color:#535b6b;color:#fff;transform:none;}
body.dropos-workspace :is(.btn.brand,.btn.pri,.btn-primary) {background:var(--red)!important;border-color:var(--red)!important;color:white!important;}
body.dropos-workspace :is(.btn.brand,.btn.pri,.btn-primary):hover {background:#ff354d!important;border-color:#ff354d!important;transform:translateY(-1px);filter:none;}
body.dropos-workspace :is(button,.btn):disabled {opacity:.5;cursor:not-allowed;transform:none!important;}
body.dropos-workspace :is(.btn.sm,.btn.small) {min-height:34px;}
body.dropos-workspace input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),
body.dropos-workspace select,body.dropos-workspace textarea {
  background:#0f1116;color:var(--ink);border:1px solid #343945;border-radius:9px;
  font-size:14px;min-height:42px;max-width:100%;padding:10px 12px;line-height:1.4;
  box-shadow:none;transition:border-color .16s,box-shadow .16s;
}
body.dropos-workspace textarea {min-height:104px;resize:vertical;}
body.dropos-workspace input::placeholder,body.dropos-workspace textarea::placeholder {color:#8992a2;opacity:1;}
body.dropos-workspace :is(input,select,textarea):focus {border-color:#f45266;box-shadow:var(--focus);}
body.dropos-workspace :is(.field label,.pg-field label) {font-size:13px;font-weight:600;color:var(--ink-2);line-height:1.5;}
body.dropos-workspace :is(.hint,.sub,.field small) {line-height:1.55;}
body.dropos-workspace .dw-icon {width:17px;height:17px;flex:none;display:inline-block;vertical-align:-3px;}
body.dropos-workspace .dw-skip {position:fixed;left:12px;top:-80px;z-index:10000;background:#fff;color:#111;padding:12px 18px;border-radius:8px;}
body.dropos-workspace .dw-skip:focus {top:12px;}

/* The same quiet, legible navigation in both workspaces. */
body.dropos-workspace :is(.sidebar,#side) {
  width:248px!important;height:100dvh;position:fixed!important;inset:0 auto 0 0;
  z-index:60;border-right:1px solid var(--line);background:#101116;padding:0;gap:0;
  box-shadow:none;display:flex;flex-direction:column;
}
body.dropos-workspace :is(.side-brand,#side>.brand) {padding:26px 20px 22px;gap:11px;min-height:90px;flex-shrink:0;}
body.dropos-workspace .side-brand .dot {width:36px;height:36px;filter:none!important;transform:none!important;}
body.dropos-workspace #side>.brand img {width:36px;height:36px;filter:none;}
body.dropos-workspace :is(.side-brand .tb-name,#side>.brand b) {font-family:var(--dw-font)!important;font-size:16px;font-weight:750;letter-spacing:.035em;line-height:1.2;}
body.dropos-workspace :is(.side-brand .tb-sub,#side>.brand .cap) {display:block;font-family:var(--dw-font)!important;text-transform:none;font-size:11px!important;letter-spacing:normal;color:#9ba3b2;margin-top:4px;}
body.dropos-workspace :is(.side-nav,#nav) {min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:5px 12px 18px;gap:3px;scrollbar-gutter:stable;}
body.dropos-workspace :is(.me-cap,.dw-nav-cap) {font-family:var(--dw-font)!important;font-size:10px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#858e9f;padding:22px 12px 8px;border:0;margin:0;}
body.dropos-workspace .side-nav .side-cap {display:none!important;}
body.dropos-workspace .me-cap:first-of-type,body.dropos-workspace .dw-nav-cap:first-child {padding-top:10px;}
body.dropos-workspace :is(.side-nav .tab-btn,#nav>button) {
  flex:none;height:42px!important;min-height:42px!important;padding:0 12px!important;gap:11px!important;
  font-family:var(--dw-font)!important;font-size:13px!important;font-weight:500;letter-spacing:0!important;
  border:1px solid transparent!important;border-radius:8px!important;color:#b7becb;
  box-shadow:none!important;transform:none!important;transition:background .16s,color .16s,border-color .16s;
}
body.dropos-workspace :is(.side-nav .tab-btn,#nav>button) svg {width:18px!important;height:18px!important;opacity:1;transform:none!important;color:#8f99aa;stroke-width:1.7;}
body.dropos-workspace .side-nav .tab-btn::before {display:none!important;}
body.dropos-workspace :is(.side-nav .tab-btn,#nav>button):hover {background:#1b1e26!important;color:white;border-color:transparent!important;}
body.dropos-workspace :is(.side-nav .tab-btn.active,.side-nav .tab-btn.me-grupo-on,#nav>button.on) {
  background:#29171e!important;border-color:#54202c!important;color:#fff!important;font-weight:650;box-shadow:none!important;
}
body.dropos-workspace :is(.tab-btn.active,.tab-btn.me-grupo-on,#nav>button.on) svg {color:#ff6175;}
body.dropos-workspace .ms-switch {margin:0 16px 12px;padding:0;}
body.dropos-workspace .ms-cap {font-size:10px;color:#858e9f;letter-spacing:.08em;font-family:var(--dw-font);margin-bottom:8px;}
body.dropos-workspace .ms-btn {min-height:48px;border-radius:10px;background:#191c23;border-color:#343945;padding:10px 12px;gap:10px;}
body.dropos-workspace .ms-av {background:#222733;color:#d5dae3;border:1px solid #343c49;border-radius:7px;}
body.dropos-workspace .ms-nm {font-size:13px;font-weight:600;}
body.dropos-workspace .ms-menu {border-color:#343945;box-shadow:var(--shadow-lg);background:#181b22;}
body.dropos-workspace :is(.side-foot,#side>.me) {border-top:1px solid var(--line);padding:14px 16px 16px;background:#101116;flex-shrink:0;}
body.dropos-workspace .side-foot #spGreet {font-size:11px!important;font-weight:500!important;}
body.dropos-workspace .store-pill {padding:9px 10px;font-size:12px;border-radius:8px;background:#181b22;border-color:#292f3a;}
body.dropos-workspace #btnPainelAdmin {background:#212530!important;box-shadow:none!important;border:1px solid #39414f!important;border-radius:8px!important;min-height:38px;}
body.dropos-workspace #side>#btnMinhaLoja {margin:12px 16px 0!important;width:calc(100% - 32px)!important;height:auto;min-height:42px;white-space:normal;text-align:left;line-height:1.4;padding:10px 12px;font-size:11px;}
body.dropos-workspace #side>.me {margin-top:12px!important;align-items:flex-start;gap:10px;}
body.dropos-workspace #side>.me>span:last-child {flex:1;min-width:0;overflow-wrap:anywhere;}
body.dropos-workspace #side>.me .av {background:#252a35;border-radius:9px;color:#c9d1df;}
body.dropos-workspace #btnSair {min-height:30px;}

/* Page framing and sub-navigation. */
body.dropos-workspace :is(.main,.app>main) {margin-left:248px!important;min-width:0;width:calc(100% - 248px);}
body.dropos-workspace[data-panel=platform] .app>main {padding:32px;gap:24px;}
body.dropos-workspace .main-top {min-height:104px;padding:22px 32px;background:#0f1116;border-bottom:1px solid var(--line);backdrop-filter:none;gap:16px;overflow:visible;}
body.dropos-workspace .main-top::after {display:none;}
body.dropos-workspace #pageTitle {font-family:var(--dw-font)!important;font-size:25px;font-weight:650;text-transform:none;letter-spacing:-.035em;line-height:1.25;}
body.dropos-workspace #pageSub {font-size:12px;color:var(--muted);margin-top:6px;line-height:1.45;}
body.dropos-workspace .container {padding:28px 32px 48px;}
body.dropos-workspace .cfg-search-pill {min-height:40px;border-radius:9px;background:#191c23;border-color:#343945;color:#a2a9b6;gap:9px;font-family:var(--dw-font);font-size:12px;box-shadow:none;}
body.dropos-workspace .cfg-search-pill kbd {background:#111318;border:1px solid #343945;border-radius:4px;color:#858e9f;padding:2px 4px;font-size:10px;}
body.dropos-workspace #meSub {display:flex;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;margin:0 0 24px;padding:4px;background:#14171e;border:1px solid #282e38;border-radius:10px;}
body.dropos-workspace #meSub button {padding:9px 15px;min-height:38px;line-height:1.3;background:transparent;color:#a2a9b6;font-size:12px;font-weight:600;border:1px solid transparent;border-radius:7px;box-shadow:none;}
body.dropos-workspace #meSub button.on {background:#252a35;color:#fff;border-color:#3a4250;box-shadow:0 1px 3px #0002;}
body.dropos-workspace #meSub button:hover {color:#fff;background:#202530;}
body.dropos-workspace[data-panel=platform] .view>.top {padding:0 0 22px;border-bottom:1px solid var(--line);gap:18px;}
body.dropos-workspace[data-panel=platform] .view>.top h1 {font-size:28px;letter-spacing:-.035em;font-family:var(--dw-font)!important;margin:0;}
body.dropos-workspace[data-panel=platform] .view>.top .row:first-child>div {display:flex;flex-direction:column-reverse;gap:7px;min-width:0;}
body.dropos-workspace[data-panel=platform] .view>.top .cap {font-size:12px;letter-spacing:normal;text-transform:none;line-height:1.5;color:#a2a9b6;max-width:650px;}
body.dropos-workspace :is(.live,#vivoPonto,.push-dot) {animation:none!important;box-shadow:none!important;}
body.dropos-workspace :is(.main-top .hamb,#side~main .hamb) {color:#c8cfdb;border-radius:9px;background:#191c23;border:1px solid #343945;width:42px;height:42px;}
body.dropos-workspace :is(.hamb,.dw-nav-close) svg {width:19px;height:19px;}
body.dropos-workspace .dw-nav-close {display:none;}
body.dropos-workspace .dw-nav-overlay {display:none;}
body.dropos-workspace :is(.modal,.modal-box,.modal-content,.cfg-palette) {border-color:#343945;border-radius:14px;box-shadow:var(--shadow-lg);}
body.dropos-workspace :is(.modal-bg,.overlay-bg) {backdrop-filter:blur(5px);}
body.dropos-workspace .modal-bg {z-index:200;}
body.dropos-workspace .modal-close {width:36px;height:36px;border-radius:8px;}
body.dropos-workspace .modal-close:hover {transform:none;}
body.dropos-workspace :is(.view.on,.dw-view-enter) {animation:dw-view-in .2s ease-out;}
body.dropos-workspace[data-panel=platform] .view.on>* {animation:none;}
@keyframes dw-view-in {from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1025px) {
  body.dropos-workspace :is(.sidebar,#side) {transform:none!important;}
  body.dropos-workspace .hamb {display:none!important;}
}
@media(max-width:1100px) {
  body.dropos-workspace .main-top {padding:20px 24px;}
  body.dropos-workspace .cfg-search-pill {width:42px;padding:0;justify-content:center;}
  body.dropos-workspace .cfg-search-pill :is(span,kbd) {display:none;}
  body.dropos-workspace .container,body.dropos-workspace[data-panel=platform] .app>main {padding:24px;}
}
@media(max-width:1024px) {
  body.dropos-workspace :is(.sidebar,#side) {width:min(300px,86vw)!important;transform:translateX(-100%);transition:transform .22s cubic-bezier(.2,.7,.2,1);z-index:101;box-shadow:none;}
  body.dropos-workspace :is(.sidebar.open,#side.open) {transform:translateX(0);box-shadow:14px 0 48px #0005;}
  body.dropos-workspace :is(.main,.app>main) {margin-left:0!important;width:100%;}
  body.dropos-workspace .hamb {display:inline-flex!important;align-items:center;justify-content:center;order:0;flex-shrink:0;}
  body.dropos-workspace .main-top {padding:16px 18px;gap:10px;min-height:86px;flex-wrap:wrap;}
  body.dropos-workspace #pageTitle {font-size:22px;}
  body.dropos-workspace #pageSub {font-size:11px;max-width:48ch;}
  body.dropos-workspace #btnAtualizar {width:40px;padding:0;order:2;}
  body.dropos-workspace #btnAtualizar span {display:none;}
  body.dropos-workspace #cfgSearchBtn {order:3;}
  body.dropos-workspace #vivoSelo {order:4;}
  body.dropos-workspace .container,body.dropos-workspace[data-panel=platform] .app>main {padding:22px 18px 36px;}
  body.dropos-workspace .dw-nav-close {display:inline-flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;width:36px;height:36px;color:#b7becb;background:#1b1f28;border:1px solid #343945;border-radius:8px;cursor:pointer;}
  body.dropos-workspace :is(.nav-overlay,.dw-nav-overlay) {position:fixed;inset:0;z-index:100;background:#0009;backdrop-filter:blur(3px);}
  body.dropos-workspace .dw-nav-overlay:not([hidden]) {display:block;}
  body.dropos-workspace .nav-overlay {opacity:0;pointer-events:none;display:block;}
  body.dropos-workspace .nav-overlay.open {opacity:1;pointer-events:auto;}
  body.dropos-workspace.dw-nav-open {overflow:hidden;}
  body.dropos-workspace[data-panel=platform] .view>.top h1 {font-size:25px;}
  body.dropos-workspace[data-panel=platform] .view>.top .cap {font-size:11px;}
  body.dropos-workspace[data-panel=platform] .view>.top>.row:first-child {flex-wrap:nowrap;align-items:flex-start;}
  body.dropos-workspace #meSub {width:100%;margin-bottom:20px;}
  body.dropos-workspace #meSub button {flex:1;padding:9px 10px;}
  body.dropos-workspace input:not([type=checkbox]):not([type=radio]):not([type=range]),
  body.dropos-workspace select,body.dropos-workspace textarea {font-size:16px;}
}
@media(max-width:480px) {
  body.dropos-workspace .main-top {gap:8px;padding:14px;}
  body.dropos-workspace .main-top>div:first-of-type {flex-basis:calc(100% - 100px)!important;}
  body.dropos-workspace .main-top #cfgSearchBtn {margin-left:0;}
  body.dropos-workspace .main-top #vivoSelo {order:1;padding:5px 7px;}
  body.dropos-workspace #vivoTxt {display:none;}
  body.dropos-workspace .container,body.dropos-workspace[data-panel=platform] .app>main {padding:18px 14px 32px;}
}
@media(prefers-reduced-motion:reduce) {
  body.dropos-workspace *,body.dropos-workspace *::before,body.dropos-workspace *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}