:root,[data-theme="dark"]{--m2-bg:#101312;--m2-surface:#181c1a;--m2-surface-raised:#202522;--m2-surface-soft:#252a27;--m2-line:rgba(220,226,218,.13);--m2-line-strong:rgba(220,226,218,.22);--m2-text:#f2f4ef;--m2-muted:#9da59e;--m2-brand:#d5b84b;--m2-brand-soft:rgba(213,184,75,.12);--m2-radius:10px;--m2-shadow:0 12px 32px rgba(0,0,0,.22);}html,body,#appWrapper{background:var(--m2-bg) !important;}body{color:var(--m2-text);letter-spacing:-.005em;}.topnav{height:50px !important;padding-inline:14px !important;background:rgba(16,19,18,.94) !important;border-bottom:1px solid rgba(213,184,75,.30) !important;box-shadow:0 10px 30px rgba(0,0,0,.28) !important;backdrop-filter:blur(18px) saturate(125%) !important;}.topnav-brand{min-width:170px;}.topnav-brand::after{content:"MONFER 2.0";margin-left:10px;color:var(--m2-muted);font:700 10px/1 var(--font-sans,Inter,sans-serif);letter-spacing:.14em;white-space:nowrap;}.topnav-search{max-width:720px !important;}.topnav-search .global-search-input{min-height:36px;padding-left:38px !important;border-radius:9px !important;background:#171b19 !important;border:1px solid var(--m2-line-strong) !important;}.topnav-search .global-search-input:focus{background:#1c211e !important;border-color:var(--mi-accent,var(--m2-brand)) !important;}.topnav-icon-btn,.zoom-controls,.topnav-user{border-radius:8px !important;}.shortcut-bar{min-height:34px !important;background:#141715 !important;border-bottom-color:var(--m2-line) !important;}.shortcut-btn{border-radius:6px !important;}.sidebar{background:#131614 !important;border-right:1px solid var(--m2-line) !important;box-shadow:12px 0 28px rgba(0,0,0,.10);}.sidebar-nav{padding:8px 7px 18px !important;}.sidebar-nav > a,.sidebar-group-items a{min-height:35px;margin-block:2px;border-radius:7px !important;font-weight:560;}.sidebar-nav > a.active,.sidebar-group-items a.active{color:var(--m2-text) !important;background:linear-gradient(90deg,rgba(var(--mi-accent-rgb,213,184,75),.24),rgba(var(--mi-accent-rgb,213,184,75),.07)) !important;box-shadow:inset 3px 0 var(--mi-accent,var(--m2-brand)) !important;}.sidebar-group-toggle{margin-top:10px;padding-top:10px !important;border-top:1px solid rgba(255,255,255,.045);}.main-content{background:var(--m2-bg) !important;}.workspace-tabs{min-height:43px;margin-bottom:18px;padding-top:8px;background:rgba(16,19,18,.92);border-color:var(--m2-line);}.workspace-tab{min-height:35px;border-radius:8px 8px 0 0;background:#171b19;border-color:var(--m2-line);}.workspace-tab.active{background:var(--m2-surface-raised);box-shadow:inset 0 2px var(--mi-accent,var(--m2-brand));}.page:not(.hidden){color:var(--m2-text);}.page-header,.content-header{min-height:54px;margin-bottom:16px !important;padding:4px 2px 13px !important;border-bottom:1px solid var(--m2-line) !important;}.page-title,.page-header h1,.page-header h2,.content-header h1,.content-header h2{font-size:clamp(20px,1.55vw,27px) !important;font-weight:720 !important;letter-spacing:-.035em !important;}.page-title::before,.page-header > h1::before,.page-header > h2::before{width:5px !important;height:1em !important;border-radius:99px !important;box-shadow:0 0 18px rgba(var(--mi-accent-rgb,213,184,75),.32);}:is(.card,.panel,.box,.widget,.kpi-card,.stat-card,.metric-card,.dashboard-card,.info-section,.table-container,.data-card,.filter-card){background:var(--m2-surface) !important;border:1px solid var(--m2-line) !important;border-radius:var(--m2-radius) !important;box-shadow:var(--m2-shadow) !important;}:is(.card-header,.panel-header,.box-header,.widget-header,.info-section-header){min-height:43px;background:linear-gradient(180deg,var(--m2-surface-raised),#1c201e) !important;border-color:var(--m2-line) !important;border-radius:var(--m2-radius) var(--m2-radius) 0 0 !important;}:is(.toolbar,.filter-bar,.filters,.search-bar,.action-bar){padding:10px 12px !important;background:rgba(29,34,31,.82) !important;border:1px solid var(--m2-line) !important;border-radius:9px !important;}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea,.form-control,.search-input{min-height:34px;border-radius:7px !important;background:#111513 !important;border-color:var(--m2-line-strong) !important;}.btn,button.btn{min-height:33px;border-radius:7px !important;transition:border-color .14s ease,background-color .14s ease,color .14s ease,transform .14s ease !important;}.btn:hover:not(:disabled),button.btn:hover:not(:disabled){transform:translateY(-1px);}.btn-primary,button.primary,.action-primary{background:var(--m2-brand) !important;border-color:#e2c65b !important;color:#171812 !important;}.table-container{overflow:auto;}.data-table thead th,table thead th{height:36px;background:var(--m2-surface-soft) !important;color:#b9c0ba !important;border-color:var(--m2-line) !important;font-size:10px !important;letter-spacing:.07em !important;}.data-table tbody tr,table tbody tr{background:var(--m2-surface) !important;}.data-table tbody tr:nth-child(even),table tbody tr:nth-child(even){background:#1b201d !important;}.data-table tbody tr:hover,table tbody tr:hover{background:rgba(var(--mi-accent-rgb,213,184,75),.10) !important;}.data-table td,table td{border-color:rgba(220,226,218,.09) !important;}.modal-overlay,.wm-overlay{background:rgba(3,5,4,.76) !important;backdrop-filter:blur(5px) !important;}.modal-content,.wm-window,.dialog,.dropdown-menu,.context-menu{border:1px solid var(--m2-line-strong) !important;border-radius:12px !important;background:var(--m2-surface) !important;box-shadow:0 30px 90px rgba(0,0,0,.62) !important;}.modal-header,.wm-titlebar,.dialog-header{min-height:48px;background:linear-gradient(180deg,#282e2a,#202522) !important;border-color:var(--m2-line) !important;border-radius:12px 12px 0 0 !important;}@media (max-width:900px){.topnav{height:52px !important;}.topnav-brand{min-width:0;}.topnav-brand::after{display:none;}.workspace-tabs{margin-bottom:11px;}}@media (prefers-reduced-motion:reduce){.btn:hover:not(:disabled),button.btn:hover:not(:disabled){transform:none;}}
.workspace-app-page{height:calc(100vh - 145px);padding:0!important;overflow:hidden;border:1px solid var(--m2-line);border-radius:10px;background:var(--m2-surface)!important;box-shadow:var(--m2-shadow)}.workspace-app-frame{display:block;width:100%;height:100%;min-height:620px;border:0;background:var(--m2-bg)}@media(max-width:900px){.workspace-app-page{height:calc(100vh - 135px);border-radius:7px}.workspace-app-frame{min-height:520px}}
.workspace-app-page{width:100%!important;max-width:none!important;box-sizing:border-box}body.workspace-app-active .main-content{width:calc(100vw - var(--sidebar-w,200px))!important;max-width:none!important;margin-right:0!important;box-sizing:border-box}body.workspace-app-active .workspace-tabs{width:100%;box-sizing:border-box}
.workspace-app-page{width:min(100%,1680px)!important;margin:auto!important}
.workspace-app-page:is(:has(iframe[src*="venda.html"]),:has(iframe[src="/venda"]),:has(iframe[src^="/venda?"])){width:100%!important;max-width:none!important;margin-inline:0!important}
/* Pedidos de clientes: resumo operacional em uma linha nos desktops. */
#pedidosClientesKpis.pcli-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))!important;gap:8px!important;margin-bottom:14px!important}
#pedidosClientesKpis .kpi-card{min-width:0;min-height:112px;padding:12px 14px!important}
#pedidosClientesKpis .kpi-icon{font-size:19px;margin-bottom:2px}
#pedidosClientesKpis .kpi-label{font-size:10px;line-height:1.25;margin-top:3px}
#pedidosClientesKpis .kpi-value{font-size:clamp(18px,1.5vw,24px)}
@media (max-width:1100px){#pedidosClientesKpis.pcli-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important}}
/* Notas de saída: cabeçalho compacto e controles alinhados pela base. */
#pageNotasSaida .data-card-header:has(.ns-history-filters){flex-direction:column;align-items:stretch;gap:10px}
#pageNotasSaida .data-card-header:has(.ns-history-filters)>h2{margin:0}
.ns-history-filters{display:grid!important;grid-template-columns:max-content repeat(3,minmax(115px,1fr)) repeat(2,76px) minmax(130px,.9fr) minmax(130px,1fr) minmax(100px,.75fr) minmax(135px,1fr) repeat(2,128px);align-items:end;gap:8px!important;width:100%;min-width:0;box-sizing:border-box}
.ns-history-filters>.filter-field{display:grid;grid-template-rows:14px 36px;align-items:end;gap:4px;min-width:0;margin:0}
.ns-history-filters>.filter-field>span{overflow:hidden;color:var(--text-muted);font-size:11px;font-weight:700;line-height:14px;text-overflow:ellipsis;white-space:nowrap}
.ns-history-filters>:is(button,select){align-self:end;height:36px;min-width:0;width:100%!important}
.ns-history-filters .filter-field>input{width:100%!important;min-width:0;height:36px;box-sizing:border-box}
@media(max-width:1700px){.ns-history-filters{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){.ns-history-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ns-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ns-history-filters>*{width:100%!important;min-width:0!important}}
@media(max-width:480px){.ns-history-filters{grid-template-columns:1fr!important}}
