/*
 PIMENTA DE CHEIRO / ATELIER UI 2.0
 Premium editorial monochrome — gestão, retaguarda e Centro de Comando.
 Somente CSS escopado: não altera loja pública, checkout, APIs ou pedidos.
 Direção: muito espaço em branco, navegação refinada, hierarquia, movimento contido.
*/
:is(.sf-shell,.pp-shell,.admin-shell){
 --ui-ink:#191b1e;
 --ui-title:#111316;
 --ui-secondary:#555c64;
 --ui-muted:#848a91;
 --ui-soft:#f7f8f9;
 --ui-canvas:#f5f6f7;
 --ui-surface:#fff;
 --ui-line:#e8eaed;
 --ui-strong:#d5d9de;
 --ui-hover:#f1f3f5;
 --ui-shadow:0 2px 8px rgba(16,19,24,.025),0 12px 35px rgba(16,19,24,.028);
 --ui-float:0 10px 26px rgba(16,19,24,.065);
 font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif!important;
 color:var(--ui-ink)!important;
 background:var(--ui-canvas)!important;
 -webkit-font-smoothing:antialiased;
}
:is(.sf-shell,.pp-shell,.admin-shell) *,
:is(.sf-shell,.pp-shell,.admin-shell) *::before,
:is(.sf-shell,.pp-shell,.admin-shell) *::after{box-sizing:border-box}
:is(.sf-shell,.pp-shell,.admin-shell) :is(button,input,select,textarea){font-family:inherit}
:is(.sf-shell,.pp-shell,.admin-shell) :is(button,a,input,select,textarea,[tabindex]):focus-visible{
 outline:2px solid #4b5056!important;outline-offset:3px!important
}
:is(.sf-shell,.pp-shell,.admin-shell) :is(input[type=checkbox],input[type=radio]){accent-color:#26282c!important}
:is(.sf-shell,.pp-shell,.admin-shell) button:disabled{opacity:.54;cursor:not-allowed!important}
:is(.sf-shell,.pp-shell,.admin-shell) :is(input,select,textarea)::placeholder{color:#9499a0!important;opacity:1}
:is(.sf-shell,.pp-shell,.admin-shell) :is(.sf-table-wrap,.sf-op-table-wrap,.pp-table-wrap,.portal-table-wrap){
 overflow-x:auto!important;max-width:100%!important;scrollbar-width:thin;scrollbar-color:#cfd3d7 transparent
}
/* >>> RETAGUARDA SISCHEF: A light navigation rail, not a wall of black. <<< */
.sf-shell{background:var(--ui-canvas)!important;color:var(--ui-ink)!important}
.sf-shell :is(.sf-side,.sf-side-v2){
 width:264px!important;
 background:#fff!important;color:#3c4248!important;
 border-right:1px solid #e9ebed!important;
 box-shadow:2px 0 17px rgba(11,13,17,.015)!important;
 scrollbar-width:thin;scrollbar-color:#e2e4e6 transparent
}
.sf-shell :is(.sf-brand,.sf-brand-v2){
 min-height:75px!important;height:auto!important;
 display:flex!important;align-items:center!important;gap:12px!important;
 border-bottom:1px solid var(--ui-line)!important;
 background:#fff!important;padding:14px 18px!important;
}
.sf-shell :is(.sf-brand,.sf-brand-v2) b{
 color:#111316!important;font-weight:860!important;font-size:17px!important;letter-spacing:-.04em!important
}
.sf-shell :is(.sf-brand,.sf-brand-v2) small{color:#8a8f96!important;font-size:10px!important;letter-spacing:.06em!important}
.sf-shell :is(.sf-logo,.sf-logo-v2){
 flex:0 0 40px!important;width:40px!important;height:40px!important;
 display:grid!important;place-items:center!important;background:#151719!important;color:#fff!important;
 border:0!important;border-radius:13px!important;font-size:19px!important;box-shadow:none!important
}
.sf-shell :is(.sf-search,.sf-search-v2){
 margin:15px 14px 17px!important;min-height:43px!important;
 background:#f7f8f9!important;border:1px solid #ebedf0!important;
 color:#666d74!important;border-radius:12px!important;padding:9px 12px!important;
}
.sf-shell :is(.sf-search,.sf-search-v2) input{
 color:#343940!important;background:transparent!important;border:0!important;
 box-shadow:none!important;outline:0!important;font-size:12px!important;
}
.sf-shell :is(.sf-search,.sf-search-v2) input::placeholder{color:#90969e!important}
.sf-shell :is(.sf-group-title,.sf-group-v2){
 color:#9399a0!important;background:transparent!important;
 padding:14px 18px 7px!important;font-size:10px!important;
 font-weight:800!important;letter-spacing:.10em!important;text-transform:uppercase!important;
 border-color:transparent!important;
}
.sf-shell :is(.sf-group-title,.sf-group-v2)>span{color:#aeb2b8!important}
.sf-shell :is(.sf-menu-item,.sf-menu-item-v2){
 display:flex!important;align-items:center!important;gap:11px!important;
 width:calc(100% - 22px)!important;min-height:43px!important;
 margin:2px 11px!important;padding:11px 12px!important;
 font-size:12px!important;line-height:1.28!important;font-weight:650!important;
 color:#555b63!important;background:transparent!important;
 border:1px solid transparent!important;border-radius:11px!important;
 box-shadow:none!important;
 transition:background-color .18s ease,color .18s ease,transform .18s ease!important;
}
.sf-shell :is(.sf-menu-item,.sf-menu-item-v2):hover{
 color:#1b1d20!important;background:#f3f4f6!important;
 border-color:transparent!important;transform:translateX(2px);
}
.sf-shell :is(.sf-menu-item,.sf-menu-item-v2).active{
 color:#fff!important;background:#25272c!important;
 border-color:#25272c!important;
 font-weight:800!important;
 box-shadow:0 4px 12px rgba(20,22,26,.085)!important;
}
.sf-shell :is(.sf-menu-item,.sf-menu-item-v2) :is(.sf-mi,.sf-menu-icon){
 color:#888e96!important;min-width:18px!important;font-size:12px!important
}
.sf-shell :is(.sf-menu-item,.sf-menu-item-v2).active :is(.sf-mi,.sf-menu-icon){color:#fff!important}
.sf-shell .sf-side-foot{
 border-top:1px solid var(--ui-line)!important;padding:15px 13px 20px!important;margin-top:15px!important
}
.sf-shell .sf-side-foot button{
 color:#434950!important;background:#f8f9fa!important;
 border:1px solid #e5e7ea!important;border-radius:10px!important;
 font-size:11px!important;font-weight:700!important;min-height:41px!important;
}
.sf-shell .sf-side-foot button:hover{background:#eceef1!important;color:#15171a!important}
.sf-shell :is(.sf-top,.sf-top-v2){
 left:264px!important;min-height:70px!important;height:70px!important;
 background:rgba(255,255,255,.98)!important;color:#1a1c20!important;
 border-bottom:1px solid var(--ui-line)!important;
 box-shadow:0 2px 13px rgba(16,19,24,.02)!important;
 backdrop-filter:blur(12px)!important;
 padding:0 25px!important;gap:14px!important;
}
.sf-shell :is(.sf-top-title,.sf-top-v2 .sf-top-title){
 color:#181a1e!important;font-size:14px!important;
 font-weight:850!important;letter-spacing:-.015em!important;
}
.sf-shell :is(.sf-top,.sf-top-v2) :is(.sf-hamb,.sf-top-ico,.sf-user){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-width:38px!important;min-height:38px!important;
 background:#fff!important;color:#444a52!important;
 border:1px solid transparent!important;border-radius:10px!important;
}
.sf-shell :is(.sf-top,.sf-top-v2) :is(.sf-hamb,.sf-top-ico,.sf-user):hover{
 background:#f3f4f6!important;color:#191c20!important;
}
.sf-shell :is(.sf-main,.sf-main-v2){
 margin-left:264px!important;min-width:0!important;
 background:var(--ui-canvas)!important;
 padding:101px clamp(17px,2.5vw,39px) 50px!important;
 color:var(--ui-ink)!important;
}
.sf-shell :is(.sf-page-head,.sf-page-head-v2){
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:16px!important;flex-wrap:wrap!important;
 background:transparent!important;border:0!important;border-left:0!important;
 box-shadow:none!important;border-radius:0!important;
 padding:3px 0 20px!important;margin-bottom:19px!important;
 border-bottom:1px solid #e1e4e7!important;
}
.sf-shell :is(.sf-page-head,.sf-page-head-v2) h1{
 margin:3px 0 5px!important;color:#17191d!important;
 font-weight:875!important;line-height:1.13!important;
 font-size:clamp(25px,2.5vw,35px)!important;
 letter-spacing:-.055em!important;
}
.sf-shell :is(.sf-page-head,.sf-page-head-v2) p{
 color:#717881!important;line-height:1.55!important;
 font-size:12px!important;margin:0!important;
}
.sf-shell .sf-breadcrumb{
 display:block!important;color:#9ba0a7!important;
 font-size:10px!important;font-weight:800!important;
 letter-spacing:.1em!important;text-transform:uppercase!important;
 margin-bottom:9px!important;
}
.sf-shell :is(.sf-actions,.sf-toolbar-actions,.sf-form-actions){
 display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important
}
.sf-shell :is(.sf-btn,.sf-btn-white,.sf-action-link,.sf-save){
 min-height:39px!important;padding:9px 15px!important;
 font-size:11px!important;line-height:1.3!important;
 letter-spacing:0!important;text-transform:none!important;font-weight:760!important;
 border:1px solid #dfe2e6!important;border-radius:10px!important;
 box-shadow:none!important;background:#fff!important;color:#3c4248!important;
 transition:background-color .17s ease,box-shadow .17s ease,transform .17s ease!important;
}
.sf-shell :is(.sf-btn,.sf-btn-white,.sf-action-link,.sf-save):hover:not(:disabled){
 background:#f2f3f5!important;color:#17191d!important;
 border-color:#cdd1d6!important;
}
.sf-shell :is(.sf-primary,.sf-action-link.pink,.sf-save,.sf-btn.sf-primary){
 background:#212328!important;border-color:#212328!important;
 color:#fff!important;box-shadow:0 4px 12px rgba(18,21,25,.09)!important;
}
.sf-shell :is(.sf-primary,.sf-action-link.pink,.sf-save,.sf-btn.sf-primary):hover:not(:disabled){
 background:#3b3e44!important;border-color:#3b3e44!important;color:#fff!important;
 transform:translateY(-1px)!important;
}
/* Fine-line cards give priority to content instead of framing everything. */
.sf-shell :is(.sf-panel,.sf-card-v2,.sf-flow-box,.sf-op-card,.sf-home-card,
 .sf-home-welcome,.sf-home-banner,.sf-audit-panel){
 background:#fff!important;color:#25282c!important;
 border:1px solid #e9ebed!important;border-radius:17px!important;
 box-shadow:var(--ui-shadow)!important;min-width:0!important;
}
.sf-shell :is(.sf-card-v2,.sf-op-card){padding:20px!important}
.sf-shell :is(.sf-panel,.sf-card-v2,.sf-op-card) :is(h2,h3){
 color:#222428!important;font-weight:815!important;letter-spacing:-.035em!important;
}
.sf-shell :is(.sf-panel-title,.sf-subtitle){
 color:#30343a!important;font-size:13px!important;font-weight:820!important;
 padding:16px 19px!important;border-bottom:1px solid #f0f1f2!important;
}
.sf-shell :is(.sf-stat-grid,.sf-kpi-row,.sf-op-kpis,.sf-home-grid,.sf-home-grid-v2,.sf-op-card-grid){
 gap:14px!important;
}
.sf-shell :is(.sf-stat-grid,.sf-kpi-row,.sf-op-kpis)>div{
 background:#fff!important;border:1px solid #e9ebed!important;
 border-top:0!important;border-radius:17px!important;
 box-shadow:var(--ui-shadow)!important;
 min-width:0!important;min-height:112px!important;
 padding:22px!important;display:flex!important;flex-direction:column!important;
 align-items:flex-start!important;justify-content:center!important;gap:10px!important;
}
.sf-shell :is(.sf-stat-grid,.sf-kpi-row,.sf-op-kpis)>div:first-child{
 background:linear-gradient(140deg,#23252a,#30333a)!important;
 border-color:#27292f!important;
 box-shadow:0 15px 30px rgba(16,19,24,.12)!important;
}
.sf-shell :is(.sf-stat-grid,.sf-kpi-row,.sf-op-kpis)>div :is(span,small){
 color:#79808a!important;font-size:10px!important;
 font-weight:770!important;text-transform:none!important;letter-spacing:.035em!important;
}
.sf-shell :is(.sf-stat-grid,.sf-kpi-row,.sf-op-kpis)>div b{
 color:#1c1e22!important;font-size:clamp(23px,2.2vw,32px)!important;
 line-height:1.15!important;font-weight:865!important;letter-spacing:-.055em!important;
 font-variant-numeric:tabular-nums!important;overflow-wrap:anywhere;
}
.sf-shell :is(.sf-stat-grid,.sf-kpi-row,.sf-op-kpis)>div:first-child :is(span,small){color:#c5c8ce!important}
.sf-shell :is(.sf-stat-grid,.sf-kpi-row,.sf-op-kpis)>div:first-child b{color:#fff!important}
.sf-shell :is(.sf-home-card,.sf-op-card){
 border-top:1px solid #e9ebed!important;
 transition:transform .19s ease,border-color .19s ease,box-shadow .19s ease!important;
}
.sf-shell :is(.sf-home-card,.sf-op-card):hover{
 transform:translateY(-2px)!important;border-color:#cbd0d5!important;
 box-shadow:var(--ui-float)!important;
}
.sf-shell :is(.sf-home-card,.sf-op-card)>b{font-size:17px!important;letter-spacing:-.035em!important;color:#1c1f23!important}
.sf-shell :is(.sf-home-card,.sf-op-card)>small{color:#7b8189!important;line-height:1.5!important}
.sf-shell :is(.sf-home-card,.sf-op-card)>span{color:#727881!important}
.sf-shell :is(.sf-tabs,.sf-tabs-v2){
 display:flex!important;gap:4px!important;flex-wrap:wrap!important;
 background:#f0f2f4!important;border:1px solid #ecedef!important;
 border-radius:11px!important;padding:4px!important;margin-bottom:16px!important;
}
.sf-shell :is(.sf-tabs,.sf-tabs-v2) button{
 color:#677079!important;background:transparent!important;border:0!important;border-radius:8px!important;
 padding:9px 14px!important;font-size:12px!important;font-weight:720!important;min-height:37px!important;
}
.sf-shell :is(.sf-tabs,.sf-tabs-v2) button.active{
 background:#fff!important;color:#17191d!important;
 border:0!important;box-shadow:0 1px 5px rgba(16,19,24,.08)!important;font-weight:820!important;
}
.sf-shell :is(.sf-toolbar-v2,.sf-filter){
 background:#fff!important;border:1px solid #e8eaed!important;
 box-shadow:var(--ui-shadow)!important;border-radius:14px!important;
 padding:11px 13px!important;gap:9px!important;margin-bottom:16px!important;
}
.sf-shell :is(.sf-searchbox,.sf-filter) input{min-height:40px!important}
.sf-shell .sf-field{min-width:0!important;display:grid!important;gap:7px!important}
.sf-shell .sf-field>span{color:#69707a!important;font-size:11px!important;font-weight:710!important}
.sf-shell .sf-field :is(input,select,textarea){
 min-height:41px!important;padding:9px 12px!important;
 background:#fff!important;border:1px solid #dfe2e6!important;
 border-radius:10px!important;color:#262a30!important;font-size:12px!important;
}
.sf-shell :is(.sf-form-grid,.sf-form-grid.form-detail){gap:14px!important}
.sf-shell :is(.sf-table-wrap,.sf-table-container){
 border:1px solid #edf0f2!important;border-radius:13px!important;
 background:#fff!important;overflow-x:auto!important;max-width:100%!important;
}
.sf-shell .sf-table{
 width:100%!important;border-collapse:separate!important;border-spacing:0!important;
 font-variant-numeric:tabular-nums!important;
}
.sf-shell .sf-table th{
 background:#f7f8f9!important;color:#646a73!important;
 border-bottom:1px solid #e7e9ec!important;
 padding:13px 16px!important;font-size:10px!important;
 font-weight:815!important;line-height:1.4!important;letter-spacing:.03em!important;
 text-align:left!important;white-space:nowrap!important;
}
.sf-shell .sf-table td{
 padding:14px 16px!important;font-size:12px!important;line-height:1.5!important;
 color:#41464d!important;border-bottom:1px solid #f0f1f3!important;
 background:#fff!important;white-space:normal!important;
}
.sf-shell .sf-table tr:nth-child(even) td{background:#fdfdfd!important}
.sf-shell .sf-table tr:hover td{background:#f4f5f7!important}
.sf-shell .sf-empty{color:#7d838b!important;font-size:12px!important;padding:34px 20px!important}
.sf-shell :is(.sf-alert,.sf-op-warning,.sf-capture-note){
 color:#444a52!important;background:#f8f9fa!important;
 border:1px solid #e4e6e8!important;border-left:3px solid #747b83!important;
 border-radius:12px!important;padding:12px 15px!important;line-height:1.58!important;
}
.sf-shell :is(.sf-flow-box,.sf-op-report,.sf-pagination){border-radius:13px!important}
.sf-shell :is(.sf-op-report,.sf-pagination){color:#6d747c!important}
.sf-shell :is(.sf-back-links,.sf-flow-links){gap:8px!important}
.sf-shell :is(.sf-back-link,.sf-flow-links button){
 background:#f9fafb!important;color:#2d3238!important;
 border:1px solid #eceef0!important;border-radius:10px!important;
 padding:12px 14px!important;font-size:12px!important;font-weight:720!important;
}
.sf-shell :is(.sf-back-link,.sf-flow-links button):hover{
 background:#eef0f3!important;border-color:#dce0e5!important;
}
/* >>> CENTRO DE COMANDO — airy editorial style, same neutral palette. <<< */
.pp-shell{
 --pp-bg:#f5f6f7!important;
 --pp-text:#25282e!important;
 --pp-line:#e7e9ec!important;
 --pp-ink:#1a1c20!important;
 --pp-muted:#7b838c!important;
 --pp-red:#32353b!important;
 --bo-brand:#30343a!important;
 --bo-brand-strong:#15171b!important;
 --v75-brand:#30343a!important;
 --v75-ink:#24272b!important;
 --bo-ink:#24272b!important;
 background:#f5f6f7!important;color:#26292d!important;
}
.pp-shell .pp-workspace{min-width:0!important;background:#f5f6f7!important}
.pp-shell .pp-sidebar{
 background:#fff!important;color:#444a52!important;
 border-right:1px solid #e9ebed!important;
 box-shadow:2px 0 17px rgba(11,13,17,.017)!important;
}
.pp-shell .pp-logo{border-bottom:1px solid #e9ebed!important}
.pp-shell .pp-logo :is(span,b,small){color:#31363d!important}
.pp-shell :is(.pp-storebox,.pp-sidebar-foot){border-color:#eceef0!important}
.pp-shell .pp-nav-group{border-color:#f1f2f4!important;margin-bottom:13px!important}
.pp-shell .pp-nav-group>span{
 color:#9aa0a7!important;letter-spacing:.105em!important;
 font-weight:830!important;font-size:10px!important;padding:11px 13px 7px!important;
}
.pp-shell .pp-nav-group>button{
 display:flex!important;gap:11px!important;align-items:center!important;
 border-radius:11px!important;background:transparent!important;
 color:#666d76!important;border:1px solid transparent!important;
 font-size:12px!important;font-weight:670!important;min-height:43px!important;
 transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.pp-shell .pp-nav-group>button :is(b,svg){color:inherit!important;stroke:currentColor!important}
.pp-shell .pp-nav-group>button:hover{
 background:#f3f4f6!important;color:#25282d!important;
 transform:translateX(2px)!important;
}
.pp-shell .pp-nav-group>button.active{
 background:#26282d!important;color:#fff!important;
 border-color:#26282d!important;
 box-shadow:0 4px 12px rgba(16,19,24,.08)!important;
}
.pp-shell .pp-nav-group>button.active svg{stroke:#fff!important}
.pp-shell .pp-topbar{
 background:rgba(255,255,255,.98)!important;
 border-bottom:1px solid #e9ebed!important;
 box-shadow:0 2px 14px rgba(13,15,18,.023)!important;
 backdrop-filter:blur(14px)!important;
}
.pp-shell .pp-topbar h2{
 color:#1d2024!important;font-weight:850!important;letter-spacing:-.04em!important;
}
.pp-shell :is(.pp-page,.portal-page){
 color:#25282c!important;max-width:1580px!important;
 padding-top:28px!important;padding-bottom:50px!important;
}
.pp-shell :is(.portal-head,.pp-page-title){
 border:0!important;border-bottom:1px solid #e2e5e8!important;
 border-radius:0!important;background:transparent!important;
 padding:0 0 20px!important;margin-bottom:23px!important;
 align-items:center!important;gap:16px!important;
}
.pp-shell :is(.portal-head,.pp-page-title) h1{
 color:#17191c!important;
 font-weight:870!important;letter-spacing:-.055em!important;
 font-size:clamp(25px,2.5vw,35px)!important;line-height:1.16!important;
}
.pp-shell :is(.portal-head,.pp-page-title) p{color:#768089!important;font-size:12px!important;line-height:1.55!important}
.pp-shell :is(.pp-kpis,.portal-kpis,.pp-ops-kpis,.pp-grid,.portal-dashboard-grid,.pp-cx-grid){gap:15px!important}
.pp-shell :is(.pp-card,.portal-panel,.portal-card,.pp-product-card,.pp-support-ticket,
 .pp-integration-card,.pp-conversion-card,.pp-orders-command-strip,.pp-order-overview,
 .pp-ai-panel,.pp-catalog-diagnostics,.pp-module-status,.pp-module-summary){
 background:#fff!important;
 border:1px solid #e9ebed!important;
 border-radius:17px!important;
 box-shadow:var(--ui-shadow)!important;
 color:#25282c!important;
}
.pp-shell :is(.pp-card,.portal-panel,.portal-card) :is(h2,h3){
 color:#22252a!important;font-weight:830!important;letter-spacing:-.025em!important;
}
.pp-shell :is(.pp-kpis>article,.portal-kpis>div,.pp-ops-kpis>div){
 border:1px solid #e9ebed!important;border-top:0!important;
 background:#fff!important;border-radius:17px!important;box-shadow:var(--ui-shadow)!important;
 min-width:0!important;padding:21px!important;
}
.pp-shell :is(.pp-kpis>article,.portal-kpis>div,.pp-ops-kpis>div):first-child{
 background:linear-gradient(140deg,#23252a,#30333a)!important;
 border-color:#282a2e!important;
 box-shadow:0 15px 30px rgba(16,19,24,.12)!important;
}
.pp-shell :is(.pp-kpis>article,.portal-kpis>div,.pp-ops-kpis>div) :is(span,small){
 color:#79818a!important;font-size:10px!important;font-weight:750!important;letter-spacing:.02em!important;
}
.pp-shell :is(.pp-kpis>article,.portal-kpis>div,.pp-ops-kpis>div) :is(b,strong){
 color:#202226!important;font-size:clamp(23px,2vw,32px)!important;
 font-weight:875!important;font-variant-numeric:tabular-nums!important;
 letter-spacing:-.045em!important;
}
.pp-shell :is(.pp-kpis>article,.portal-kpis>div,.pp-ops-kpis>div):first-child :is(b,strong){color:#fff!important}
.pp-shell :is(.pp-kpis>article,.portal-kpis>div,.pp-ops-kpis>div):first-child :is(span,small){color:#d0d3d8!important}
.pp-shell :is(.pp-tabs,.portal-tabs,.pp-crm-tabs){
 background:#f0f2f4!important;border:1px solid #eceef0!important;
 border-radius:12px!important;padding:4px!important;gap:4px!important;
}
.pp-shell :is(.pp-tabs,.portal-tabs,.pp-crm-tabs)>button{
 color:#6e7680!important;background:transparent!important;
 border-radius:9px!important;font-size:12px!important;font-weight:730!important;
}
.pp-shell :is(.pp-tabs,.portal-tabs,.pp-crm-tabs)>button.active{
 color:#181a1d!important;background:#fff!important;
 box-shadow:0 2px 7px rgba(16,19,24,.085)!important;border:0!important;
}
.pp-shell :is(.pp-toolbar,.pp-orders-toolbar,.pp-dashboard-filterbar,.pp-orders-command-strip){
 background:#fff!important;border:1px solid #eceef0!important;
 border-radius:14px!important;box-shadow:var(--ui-shadow)!important;
 padding:13px 14px!important;gap:10px!important;
}
.pp-shell :is(.pp-search,.portal-search){background:#fff!important;border-color:#e1e4e8!important;border-radius:10px!important}
.pp-shell :is(.portal-save,.pp-store-apply,.pp-exec-action-primary){
 background:#26282d!important;color:#fff!important;border-color:#26282d!important;
 border-radius:10px!important;font-weight:810!important;
 box-shadow:0 4px 12px rgba(16,19,24,.075)!important;
}
.pp-shell :is(.portal-save,.pp-store-apply,.pp-exec-action-primary):hover:not(:disabled){
 background:#3d4148!important;border-color:#3d4148!important;
}
.pp-shell :is(.pp-head-actions,.portal-head-actions,.pp-save-row){gap:9px!important;flex-wrap:wrap!important}
.pp-shell :is(.pp-head-actions,.portal-head-actions,.pp-save-row)>button{border-radius:10px!important}
.pp-shell :is(.pp-table-wrap,.portal-table-wrap){border:1px solid #eceef0!important;border-radius:13px!important}
.pp-shell table th{
 background:#f7f8f9!important;color:#676e76!important;
 border-color:#e8eaed!important;
 font-size:10px!important;letter-spacing:.028em!important;font-weight:810!important;
 padding:13px 15px!important;white-space:nowrap!important;
}
.pp-shell table td{
 background:#fff!important;color:#40454c!important;border-color:#eff1f3!important;
 font-size:12px!important;line-height:1.48!important;padding:14px 15px!important;
}
.pp-shell table tbody tr:nth-child(even) td{background:#fdfdfd!important}
.pp-shell table tbody tr:hover td{background:#f4f5f7!important}
.pp-shell :is(.pp-order-line,.pp-product-card,.pp-integration-card,.pp-support-ticket){
 transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease!important;
}
.pp-shell :is(.pp-order-line,.pp-product-card,.pp-integration-card,.pp-support-ticket):hover{
 border-color:#ccd1d6!important;box-shadow:var(--ui-float)!important;
 transform:translateY(-1px)!important;
}
.pp-shell :is(.pp-cx-hero,.academy-hero,.pp-train-hero){
 background:linear-gradient(128deg,#17191d 0%,#2e3237 100%)!important;
 color:#fff!important;border:0!important;border-radius:20px!important;
}
.pp-shell :is(.pp-cx-hero,.academy-hero,.pp-train-hero) :is(h1,h2,h3,b,strong){color:#fff!important}
.pp-shell :is(.pp-cx-hero,.academy-hero,.pp-train-hero) p{color:#dadde1!important}
.pp-shell :is(.pp-modal-panel,.portal-modal-card,.pp-order-modal){
 border-radius:19px!important;border:1px solid #eaedf0!important;
 box-shadow:0 29px 70px rgba(16,19,24,.16)!important;
}
.pp-shell .academy-card,.pp-shell .academy-lesson{
 background:#fff!important;border-color:#e8ebed!important;border-radius:16px!important;
 box-shadow:var(--ui-shadow)!important;
}
.pp-shell :is(.pp-status-strip,.pp-module-summary){border-color:#e8ebee!important;background:#fff!important}
.pp-shell .pp-store-hours-summary strong{color:#2a2d32!important}
.pp-shell .pp-store-hours-day.enabled{background:#fff!important;border-color:#d0d4d9!important}
.pp-shell .pp-store-hours-toolbar button:hover{border-color:#acb2b9!important;background:#f3f4f6!important}
.pp-shell .pp-store-opening-actions button.portal-save{
 background:#25282c!important;border-color:#25282c!important;color:#fff!important;
}
/* Preserve true error/success status distinctions for operational decisions. */
/* >>> CLASSIC ADMIN shell /sistema, /operacao legacy module pages <<< */
.admin-shell{background:#f5f6f7!important;color:#24272c!important}
.admin-shell .admin-side{background:#fff!important;color:#515860!important;border-right:1px solid #e9ebed!important}
.admin-shell .admin-brand{color:#191b1e!important;font-weight:830!important;letter-spacing:-.025em!important}
.admin-shell .admin-side button{
 color:#555c64!important;border:1px solid transparent!important;border-radius:11px!important;
 background:transparent!important;
}
.admin-shell .admin-side button.active{background:#282a2f!important;color:#fff!important}
.admin-shell .admin-side button:hover:not(.active){background:#f1f3f5!important;color:#171a1d!important}
.admin-shell .admin-main{background:var(--ui-canvas)!important}
.admin-shell .admin-top{
 background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;border-bottom:1px solid #e1e4e7!important;
 padding:0 0 20px!important;margin-bottom:20px!important;
}
.admin-shell .admin-top h1{color:#17191d!important;font-weight:855!important;letter-spacing:-.05em!important}
.admin-shell :is(.admin-card,.module-card,.kpi){
 background:#fff!important;border:1px solid #e9ebed!important;
 border-radius:17px!important;box-shadow:var(--ui-shadow)!important;
}
.admin-shell .kpi:first-child{background:#292c32!important;border-color:#292c32!important}
.admin-shell .kpi:first-child :is(small,strong){color:#fff!important}
.admin-shell .kpi strong{font-variant-numeric:tabular-nums!important;font-weight:850!important}
.admin-shell .module-card{
 transition:transform .19s ease,box-shadow .19s ease,border-color .19s ease!important;
}
.admin-shell .module-card:hover{transform:translateY(-2px)!important;box-shadow:var(--ui-float)!important;border-color:#cdd1d6!important}
.admin-shell .draft-tag{background:#ebedf0!important;color:#515961!important;border-radius:9px!important}
.admin-shell :is(.admin-list,.admin-grid,.module-grid){gap:15px!important}
/* >>> Modal dialog mounted outside the shell. <<< */
#sfQuickDialog.sf-quick-dialog-backdrop{
 background:rgba(14,17,21,.52)!important;backdrop-filter:blur(5px)!important;
}
#sfQuickDialog .sf-quick-dialog{
 width:min(680px,100%)!important;max-height:90dvh!important;
 background:#fff!important;color:#2e333a!important;
 border:1px solid #e6e9ed!important;border-radius:20px!important;
 box-shadow:0 30px 80px rgba(8,11,15,.24)!important;
 padding:25px!important;
 animation:atelier-dialog-in .26s cubic-bezier(.21,.81,.32,1) both;
}
#sfQuickDialog .sf-quick-head{border-bottom:1px solid #eaecf0!important;padding-bottom:15px!important;margin-bottom:17px!important}
#sfQuickDialog .sf-quick-head h3{font-size:21px!important;font-weight:850!important;color:#181b1f!important;letter-spacing:-.04em!important}
#sfQuickDialog :is(input,select,textarea){min-height:41px!important;color:#272b31!important;background:#fff!important;border:1px solid #dfe3e7!important;border-radius:11px!important}
#sfQuickDialog .sf-form-actions .sf-save{background:#292c31!important;color:#fff!important;border-color:#292c31!important;border-radius:10px!important}
#sfQuickDialog .sf-form-actions .sf-btn-white{background:#fff!important;color:#4b525a!important;border:1px solid #e1e5e8!important;border-radius:10px!important}
/* >>> Microinteractions. Motion is meaningful; never noisy. <<< */
@keyframes atelier-enter{
 from{opacity:.74;transform:translateY(7px)}
 to{opacity:1;transform:translateY(0)}
}
@keyframes atelier-dialog-in{
 from{opacity:0;transform:translateY(9px) scale(.992)}
 to{opacity:1;transform:translateY(0) scale(1)}
}
.sf-shell :is(.sf-page-head,.sf-page-head-v2),
.pp-shell :is(.portal-head,.pp-page-title){
 animation:atelier-enter .32s cubic-bezier(.2,.78,.29,1) both;
}
.sf-shell :is(.sf-card-v2,.sf-panel,.sf-home-card,.sf-op-card),
.pp-shell :is(.pp-card,.portal-panel,.pp-kpis>article,.portal-kpis>div){
 animation:atelier-enter .31s cubic-bezier(.2,.78,.29,1) both;
}
.sf-shell :is(.sf-stat-grid,.sf-op-kpis,.sf-home-grid)>:nth-child(2),
.pp-shell :is(.pp-kpis,.portal-kpis)>:nth-child(2){animation-delay:40ms}
.sf-shell :is(.sf-stat-grid,.sf-op-kpis,.sf-home-grid)>:nth-child(3),
.pp-shell :is(.pp-kpis,.portal-kpis)>:nth-child(3){animation-delay:75ms}
.sf-shell :is(.sf-stat-grid,.sf-op-kpis,.sf-home-grid)>:nth-child(4),
.pp-shell :is(.pp-kpis,.portal-kpis)>:nth-child(4){animation-delay:110ms}
/* >>> Responsive layout, with compact closed mobile Sischef menu by default. <<< */
@media(min-width:1101px){
 .pp-shell{grid-template-columns:256px minmax(0,1fr)!important}
}
@media(min-width:901px){
 .sf-shell.sidebar-collapsed :is(.sf-side,.sf-side-v2){display:none!important}
 .sf-shell.sidebar-collapsed :is(.sf-main,.sf-main-v2){margin-left:0!important}
 .sf-shell.sidebar-collapsed :is(.sf-top,.sf-top-v2){left:0!important}
}
@media(max-width:1100px) and (min-width:901px){
 .sf-shell :is(.sf-side,.sf-side-v2){width:238px!important}
 .sf-shell :is(.sf-top,.sf-top-v2){left:238px!important}
 .sf-shell :is(.sf-main,.sf-main-v2){margin-left:238px!important}
 .sf-shell :is(.sf-page-head,.sf-page-head-v2){padding-bottom:16px!important}
}
@media(max-width:900px){
 .sf-shell :is(.sf-top,.sf-top-v2){
  position:sticky!important;top:0!important;left:0!important;right:0!important;
  height:60px!important;min-height:60px!important;padding:0 13px!important;z-index:96!important;
 }
 .sf-shell :is(.sf-side,.sf-side-v2){
  display:none!important;position:relative!important;left:auto!important;
  width:100%!important;max-height:62dvh!important;height:auto!important;
  overflow-y:auto!important;border-bottom:1px solid #e6e9ed!important;
 }
 .sf-shell.sidebar-collapsed :is(.sf-side,.sf-side-v2){display:block!important}
 .sf-shell :is(.sf-main,.sf-main-v2){
  margin-left:0!important;padding:18px 14px 32px!important;
 }
 .sf-shell :is(.sf-page-head,.sf-page-head-v2){padding-bottom:15px!important}
 .sf-shell .sf-side nav{display:grid!important;grid-template-columns:1fr 1fr!important}
 .sf-shell :is(.sf-group-title,.sf-group-v2){grid-column:1/-1!important}
 .sf-shell :is(.sf-menu-item,.sf-menu-item-v2){width:calc(100% - 12px)!important;margin:3px 6px!important}
 .sf-shell :is(.sf-form-grid,.sf-form-grid.form-detail){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .pp-shell :is(.pp-page,.portal-page){padding:20px 15px 35px!important}
}
@media(max-width:680px){
 .sf-shell :is(.sf-form-grid,.sf-form-grid.form-detail){grid-template-columns:1fr!important}
 .sf-shell :is(.sf-stat-grid,.sf-kpi-row,.sf-op-kpis,.sf-home-grid,.sf-home-grid-v2){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sf-shell :is(.sf-page-head,.sf-page-head-v2){align-items:flex-start!important}
 .sf-shell :is(.sf-page-head,.sf-page-head-v2) h1{font-size:26px!important}
 .sf-shell :is(.sf-card-v2,.sf-op-card){padding:16px!important}
 .sf-shell .sf-side nav{grid-template-columns:1fr!important}
 .sf-shell :is(.sf-actions,.sf-form-actions){gap:7px!important}
 .sf-shell :is(.sf-actions,.sf-form-actions) button{min-height:42px!important}
 .pp-shell :is(.pp-page,.portal-page){padding:18px 12px 32px!important}
 .pp-shell :is(.portal-head,.pp-page-title){align-items:flex-start!important}
 .pp-shell :is(.pp-kpis,.portal-kpis){gap:11px!important}
 .admin-shell .admin-main{padding:17px 12px!important}
 #sfQuickDialog .sf-quick-dialog{padding:18px!important}
 #sfQuickDialog .sf-form-grid{grid-template-columns:1fr!important}
}
@media(max-width:420px){
 .sf-shell :is(.sf-stat-grid,.sf-kpi-row,.sf-op-kpis,.sf-home-grid,.sf-home-grid-v2){grid-template-columns:1fr!important}
 .sf-shell :is(.sf-page-head,.sf-page-head-v2) h1{font-size:23px!important}
 .pp-shell :is(.pp-kpis,.portal-kpis){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .pp-shell :is(.pp-kpis>article,.portal-kpis>div){padding:15px!important}
}
@media(prefers-reduced-motion:reduce){
 .sf-shell *,.sf-shell *::before,.sf-shell *::after,
 .pp-shell *,.pp-shell *::before,.pp-shell *::after,
 .admin-shell *,.admin-shell *::before,.admin-shell *::after,
 #sfQuickDialog .sf-quick-dialog{
  animation:none!important;transition:none!important;transform:none!important;scroll-behavior:auto!important
 }
}


/* ATELIER UI 2.0 — monogram and decorative ink finishing */
.sf-shell .sf-brand-v2 .sf-logo-v2{
 font-family:Georgia,"Times New Roman",serif!important;font-size:23px!important;
 font-weight:800!important;letter-spacing:-.08em!important;
 background:#1d1f23!important;color:#fff!important;
 border-radius:13px!important;
}
.sf-shell .sf-brand-v2 b{
 font-size:14px!important;
 white-space:normal!important;
 line-height:1.15!important;
}
.sf-shell .sf-brand-v2 small{
 font-size:10px!important;
 white-space:nowrap!important;
}
.sf-shell .sf-menu-icon{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 20px!important;min-width:20px!important;
 width:20px!important;height:20px!important;
 color:#777e87!important;
}
.sf-shell .sf-menu-icon svg{
 display:block!important;flex:0 0 18px!important;
 width:18px!important;height:18px!important;
 stroke:currentColor!important;fill:none!important;
 transition:transform .2s ease!important;
}
.sf-shell .sf-menu-item-v2:hover .sf-menu-icon svg{transform:scale(1.04)}
.sf-shell .sf-menu-item-v2.active .sf-menu-icon svg{stroke:#fff!important}
.sf-shell .sf-context-badge{
 display:inline-flex;align-items:center;gap:7px;
 border:1px solid #e8eaed;
 border-radius:8px;padding:7px 10px;
 background:#fafafa;color:#6c737b;
 font:790 10px/1.1 Inter,system-ui,sans-serif;
 letter-spacing:.065em;
 white-space:nowrap;
}
.sf-shell .sf-context-badge::before{
 content:"";width:6px;height:6px;border-radius:50%;
 background:#454a50;
}
.sf-shell .sf-account-button{
 min-width:78px!important;display:inline-flex!important;
 align-items:center!important;gap:9px!important;
 color:#2b3036!important;
 font-size:11px!important;font-weight:770!important;
 border:1px solid #eceef0!important;
}
.sf-shell .sf-account-button span{color:#7c828a!important}
.pp-shell :is(.pp-crm-version,.academy-heading>div>span,.pp-store-kicker,
 .pp-train-kicker,.pp-crm-kicker,.pp-crm-section-label){
 color:#4b5159!important;
}
.pp-shell .academy-card footer button{color:#343941!important}
.pp-shell .academy-kpi>small{color:#d9dce1!important}
.pp-shell .academy-hero button{
 background:#fff!important;color:#25282d!important;border:1px solid #e9ecef!important;
}
.pp-shell .academy-hero button:hover{background:#eceef1!important}
.pp-shell :is(.pp-cx-hero,.academy-hero,.pp-train-hero) :is(.pp-crm-version,.pp-train-kicker){
 color:#d4d7dc!important;
}
.pp-shell .pp-store-hours-summary strong{color:#2a2e34!important}
.pp-shell .pp-store-opening-actions button.portal-save:hover{
 background:#42464d!important;border-color:#42464d!important;color:#fff!important;
}
@media(max-width:900px){
 .sf-shell .sf-context-badge{display:none!important}
 .sf-shell .sf-brand-v2{padding:13px 15px!important}
}
@media(prefers-reduced-motion:reduce){
 .sf-shell .sf-menu-icon svg{transition:none!important}
 .sf-shell .sf-menu-item-v2:hover .sf-menu-icon svg{transform:none!important}
}


/* ATELIER — ZERO COLORED DECORATIVE LABELS
   Text accents are graphite; exceptional states rely on label, border and icon.
*/
.sf-shell :is(
 .sf-home-banner h2,.sf-home-grid-v2 button span,.sf-status-rows b,
 .sf-download-grid span,.sf-op-card>span,.sf-import-card>span,
 .sf-capture-note,.sf-op-report
){color:#444a52!important}
.sf-shell :is(.sf-stat-grid,.sf-op-kpis,.sf-kpi-row)>div:first-child :is(b,span,small){
 color:#fff!important
}
.sf-shell :is(.sf-stat-grid,.sf-op-kpis,.sf-kpi-row)>div:first-child :is(span,small){
 color:#c6ccd2!important
}
.pp-shell :is(
 .pp-card header button,.pp-store-avatar,.pp-audit-icon,
 .academy-back button,.academy-lesson>header small,
 .academy-tour small,.academy-heading>button,.pp-store-kicker,
 .pp-store-hours-summary span.pp-store-hours-dirty
){color:#4a5058!important}
.pp-shell :is(.pp-card,.portal-panel) header small{color:#717780!important}
.pp-shell :is(.portal-head,.pp-page-title)>div>span{color:#858c94!important}
.pp-shell .pp-top-actions .pp-a11y-tools>button:hover:not(:disabled){
 color:#22252a!important;background:#f1f3f5!important
}
.pp-shell .academy-notice{
 background:#f4f5f6!important;border-radius:8px!important;
 color:#4f5660!important;padding:10px!important
}
.pp-shell :is(.pp-store-opening-status .pp-store-open-ok,.pp-store-opening-status .pp-store-open-warn){
 color:#242a31!important
}
.pp-shell .pp-store-opening-status .pp-store-open-ok::before{
 content:"● "!important;color:#333941!important
}
.pp-shell .pp-store-opening-status .pp-store-open-warn::before{
 content:"◐ "!important;color:#5b626b!important
}
.pp-shell .pp-store-hours-day.enabled .pp-store-hours-toggle small{
 color:#31383f!important;background:#e9ebee!important
}
.pp-shell .academy-kpi b{color:#fff!important}
.pp-shell :is(.pp-crm-tabs,.pp-tabs,.portal-tabs)>button.active{
 color:#1a1d20!important
}


/* CATALOG SALES ATTRIBUTION V1 — honest source and period coverage. */
.pp-shell .pp-catalog-sales-notice{
 display:flex!important;
 align-items:center!important;
 flex-wrap:wrap!important;
 gap:8px 16px!important;
 min-width:0!important;
 background:#f8f9fa!important;
 border:1px solid #e5e8eb!important;
 border-left:3px solid #343940!important;
 border-radius:12px!important;
 padding:12px 16px!important;
 margin-bottom:16px!important;
}
.pp-shell .pp-catalog-sales-notice>strong{
 font-size:12px!important;font-weight:830!important;color:#25292e!important;
 letter-spacing:-.005em!important;
}
.pp-shell .pp-catalog-sales-notice>b{
 font-size:17px!important;letter-spacing:-.025em!important;
 font-weight:870!important;font-variant-numeric:tabular-nums!important;
 color:#1c2024!important;
}
.pp-shell .pp-catalog-sales-notice>span{
 flex:1 1 100%!important;
 color:#5c646e!important;
 font-size:11px!important;
 line-height:1.5!important;
}
.pp-shell .pp-catalog-sales-notice small{
 display:block!important;margin-top:5px!important;
 font-weight:780!important;font-size:11px!important;
 color:#444b53!important;line-height:1.45!important;
}
.pp-shell .pp-sales-share{
 display:inline-flex!important;align-items:center!important;
 gap:4px!important;flex-wrap:wrap!important;
 color:#525963!important;background:#f7f8fa!important;
 border:1px solid #e7e9ec!important;
 border-radius:999px!important;
 font-size:10px!important;padding:6px 10px!important;
}
.pp-shell .pp-sales-share b{
 color:#282d33!important;font-size:12px!important;
 font-variant-numeric:tabular-nums!important;font-weight:860!important;
}
@media(max-width:600px){
 .pp-shell .pp-catalog-sales-notice{padding:11px 12px!important;gap:5px 12px!important;margin-bottom:12px!important}
 .pp-shell .pp-catalog-sales-notice>b{font-size:16px!important}
 .pp-shell .pp-sales-share{padding:5px 9px!important;max-width:100%!important}
}
