/* Pimenta de Cheiro | Padrão internacional — Operação > Pedidos
   Camada exclusivamente visual. Preserva filtros, ações, fluxos, endpoints e dados. */
.pp-shell:has(.pp-orders-page){
  --ppi-bg:#f5f7fa;--ppi-ink:#202a36;--ppi-ink-strong:#17212f;
  --ppi-muted:#627185;--ppi-line:#e4e9ef;--ppi-red:#ad2938;
  --ppi-red-dark:#8f1f2d;--ppi-surface:#fff;--ppi-success:#137954;
  background:var(--ppi-bg);color:var(--ppi-ink);
  grid-template-columns:244px minmax(0,1fr);
}
.pp-shell:has(.pp-orders-page) .pp-sidebar{
  background:#fff;border-right:1px solid var(--ppi-line);
  padding:18px 12px 13px;box-shadow:2px 0 18px rgba(20,33,50,.025)
}
.pp-shell:has(.pp-orders-page) .pp-logo{padding:3px 8px 17px;border-bottom-color:var(--ppi-line)}
.pp-shell:has(.pp-orders-page) .pp-logo span{font-size:11px;line-height:1.35;color:#344258}
.pp-shell:has(.pp-orders-page) .pp-storebox{margin:18px 0 15px}
.pp-shell:has(.pp-orders-page) .pp-storebox>small{
  color:#7d8998;font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:800
}
.pp-shell:has(.pp-orders-page) .pp-storebox>button{
  border-color:#dfe5ec;border-radius:12px;padding:12px;background:#fff;min-height:59px
}
.pp-shell:has(.pp-orders-page) .pp-storebox>button b{font-size:12px;color:#273447}
.pp-shell:has(.pp-orders-page) .pp-storebox>button em{font-size:10px;color:#16815c}
.pp-shell:has(.pp-orders-page) .pp-storebox>button em::before{
  content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  background:currentColor;vertical-align:middle;margin-right:5px
}
.pp-shell:has(.pp-orders-page) .pp-nav-group>span{
  font-size:10px;letter-spacing:.11em;padding:3px 10px 8px;color:#8993a1
}
.pp-shell:has(.pp-orders-page) .pp-nav-group button{
  min-height:42px;padding:10px 11px;margin:2px 0;border-radius:10px;color:#536073;gap:10px
}
.pp-shell:has(.pp-orders-page) .pp-nav-group button b{font-size:12px;font-weight:720}
.pp-shell:has(.pp-orders-page) .pp-nav-group button.active{
  background:#fff0f1;color:#aa2737;box-shadow:inset 3px 0 0 #b52636
}
.pp-shell:has(.pp-orders-page) .pp-nav-group button:hover{background:#f5f7fa}
.pp-shell:has(.pp-orders-page) .pp-nav-group button.active:hover{background:#fff0f1}
.pp-shell:has(.pp-orders-page) .pp-sidebar-foot{border-top-color:var(--ppi-line)}
.pp-shell:has(.pp-orders-page) .pp-sidebar-foot button{min-height:38px;font-size:11px}
.pp-shell:has(.pp-orders-page) .pp-workspace{min-width:0;overflow-x:clip}
.pp-shell:has(.pp-orders-page) .pp-topbar{
  height:68px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--ppi-line);
  padding:0 clamp(15px,2vw,34px);box-shadow:0 1px 5px rgba(31,45,62,.025)
}
.pp-shell:has(.pp-orders-page) .pp-topbar h2{font-size:16px;letter-spacing:-.02em;color:#1b2533}
.pp-shell:has(.pp-orders-page) .pp-top-actions{gap:7px}
.pp-shell:has(.pp-orders-page) .pp-top-actions>button{
  border-color:#e1e7ee;border-radius:11px;width:37px;height:37px;color:#465267;background:#fff
}
.pp-shell:has(.pp-orders-page) .pp-top-actions>button:hover{background:#f7f9fc;border-color:#bdc8d7}
.pp-shell:has(.pp-orders-page) .pp-profile{border-left-color:var(--ppi-line)}
.pp-shell:has(.pp-orders-page) .pp-profile b{font-size:11px}
.pp-shell:has(.pp-orders-page) .pp-profile small{font-size:10px}

.pp-shell .pp-orders-page{
  max-width:1600px;width:100%;padding:27px clamp(16px,2vw,34px) 62px;
  margin:0 auto;color:#253244;overflow-x:clip!important
}
.pp-shell .pp-orders-page .portal-head{margin-bottom:18px!important}
.pp-shell .pp-orders-page .portal-head>div>span{
  color:#a72e3a;font-size:10px;font-weight:850;letter-spacing:.12em
}
.pp-shell .pp-orders-page .portal-head h1{
  color:#192435;font-size:clamp(23px,2.2vw,32px)!important;
  font-weight:850;letter-spacing:-.04em;line-height:1.16!important
}
.pp-shell .pp-orders-page .portal-head p{
  color:#68788b;font-size:12px!important;line-height:1.5
}
.pp-shell .pp-orders-page .portal-head .portal-save{
  min-height:42px!important;padding:10px 16px!important;background:#fff;
  border:1px solid #dbe2eb;border-radius:11px;color:#34465d;font-size:12px!important;
  box-shadow:0 3px 8px rgba(26,38,56,.03)
}
.pp-shell .pp-orders-page .portal-head .portal-save:hover{background:#fafbfc;border-color:#acbacb}

.pp-shell .pp-orders-page .pp-ops-kpis{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;margin:0 0 16px!important
}
.pp-shell .pp-orders-page .pp-ops-kpis article{
  min-height:104px!important;display:flex;flex-direction:column;justify-content:space-between;
  background:#fff;border:1px solid var(--ppi-line,#e4e9ef)!important;
  border-radius:15px!important;padding:15px 16px!important;
  box-shadow:0 4px 18px rgba(25,40,60,.035)!important;
  position:relative;overflow:hidden
}
.pp-shell .pp-orders-page .pp-ops-kpis article::before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;
  border-radius:0 4px 4px 0;background:#c8d3df
}
.pp-shell .pp-orders-page .pp-ops-kpis article:nth-child(1)::before{background:#ae2c3c}
.pp-shell .pp-orders-page .pp-ops-kpis article:nth-child(2)::before{background:#ce8435}
.pp-shell .pp-orders-page .pp-ops-kpis article:nth-child(3)::before{background:#4975bb}
.pp-shell .pp-orders-page .pp-ops-kpis article:nth-child(4)::before{background:#259268}
.pp-shell .pp-orders-page .pp-ops-kpis article:nth-child(5)::before{background:#a92a39}
.pp-shell .pp-orders-page .pp-ops-kpis article span{font-size:12px!important;color:#69788c!important;font-weight:700}
.pp-shell .pp-orders-page .pp-ops-kpis article b{
  font-size:clamp(22px,2vw,30px)!important;line-height:1.15!important;
  font-weight:850!important;letter-spacing:-.035em;color:#1f2d40
}
.pp-shell .pp-orders-page .pp-ops-kpis article.danger{background:#fff9f7!important;border-color:#f2d2cb!important}
.pp-shell .pp-orders-page .pp-ops-kpis article.danger b{color:#b33539!important}

.pp-shell .pp-orders-filterbar{
  background:#fff!important;border:1px solid #e1e8ef!important;border-radius:16px!important;
  padding:18px!important;margin:0 0 14px!important;
  box-shadow:0 5px 22px rgba(26,40,58,.035)!important
}
.pp-shell .pp-orders-filterbar .pp-filterbar-head{margin:0 0 15px!important;gap:12px}
.pp-shell .pp-orders-filterbar .pp-filterbar-heading strong{
  color:#1d293b;font-size:16px;font-weight:850;letter-spacing:-.025em
}
.pp-shell .pp-orders-filterbar .pp-filter-count{
  font-size:10px;color:#745465;background:#f8eff1;padding:5px 10px
}
.pp-shell .pp-orders-filterbar .pp-filter-reset,.pp-shell .pp-orders-filterbar .pp-filter-expand{
  min-height:36px;border:1px solid #e1e7ef;border-radius:9px;
  color:#546174;background:#fff;font-size:11px
}
.pp-shell .pp-orders-filterbar .pp-filter-reset:disabled{opacity:.45;cursor:default}
.pp-shell .pp-orders-filterbar .pp-orders-toolbar{
  grid-template-columns:minmax(220px,2.2fr) repeat(3,minmax(132px,1fr)) minmax(150px,.9fr)!important;
  align-items:end!important;gap:11px!important;margin:0 0 15px!important
}
.pp-shell .pp-orders-filterbar .pp-filter-field{gap:7px!important}
.pp-shell .pp-orders-filterbar .pp-filter-field>.pp-filter-label{
  color:#526175;font-size:11px;line-height:1.25;font-weight:750
}
.pp-shell .pp-orders-filterbar .pp-filter-field .pp-search,
.pp-shell .pp-orders-filterbar .pp-filter-field select{
  background:#fff!important;border:1px solid #d7dfe9!important;border-radius:11px!important;
  min-height:44px!important;height:44px!important;box-shadow:0 1px 2px rgba(13,27,45,.025)!important;
  transition:border-color .15s,box-shadow .15s
}
.pp-shell .pp-orders-filterbar .pp-filter-field .pp-search:focus-within,
.pp-shell .pp-orders-filterbar .pp-filter-field select:focus{
  border-color:#a72b39!important;box-shadow:0 0 0 3px rgba(173,41,56,.1)!important
}
.pp-shell .pp-orders-filterbar .pp-filter-field .pp-search input{
  font-size:12px!important;color:#273447!important
}
.pp-shell .pp-orders-filterbar .pp-filter-field .pp-search input::placeholder{color:#8993a3}
.pp-shell .pp-orders-filterbar .pp-filter-field select{font-size:12px!important;color:#354255!important}
.pp-shell .pp-orders-filterbar .pp-orders-toolbar .pp-filter-checkbox{
  min-height:44px!important;height:44px!important;
  background:#fafbfd!important;border-color:#dae1ea!important;
  border-radius:11px!important;font-size:11px!important;color:#526175!important
}
.pp-shell .pp-orders-filterbar .pp-filter-operation-row{
  padding-top:13px;border-color:#ebeff4;gap:14px
}
.pp-shell .pp-orders-filterbar .pp-filter-operation-title{font-size:11px!important;color:#677587}
.pp-shell .pp-orders-filterbar .portal-op-selector{gap:7px!important}
.pp-shell .pp-orders-filterbar .portal-op-selector button{
  min-height:37px!important;padding:8px 12px!important;
  border:1px solid #dfe5ec!important;border-radius:9px!important;
  background:#fff;color:#566174;font-size:11px!important;
  transition:background .15s,border-color .15s
}
.pp-shell .pp-orders-filterbar .portal-op-selector button:hover{background:#f8fafc;border-color:#c6d1de!important}
.pp-shell .pp-orders-filterbar .portal-op-selector button.active{
  color:white!important;background:#263444!important;border-color:#263444!important
}
.pp-shell .pp-orders-page .pp-orders-command-strip{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px!important;
  align-items:center;background:#fff!important;border:1px solid #e1e8ef!important;
  border-radius:13px!important;padding:13px 17px!important;
  box-shadow:0 3px 14px rgba(32,46,65,.024)
}
.pp-shell .pp-orders-page .pp-orders-command-strip>div:first-child{gap:8px}
.pp-shell .pp-orders-page .pp-orders-command-strip>div:first-child b{
  font-size:22px!important;letter-spacing:-.04em;color:#233044
}
.pp-shell .pp-orders-page .pp-orders-command-strip>div:first-child span{
  font-size:11px!important;color:#637287
}
.pp-shell .pp-orders-page .pp-order-status-summary{gap:12px}
.pp-shell .pp-orders-page .pp-order-status-summary span{font-size:11px;color:#5c6a7d;gap:5px}
.pp-shell .pp-orders-page .pp-order-status-summary i{width:7px;height:7px;background:#7a96b9}
.pp-shell .pp-orders-page .pp-order-status-summary span:last-child i{background:#a83c48}
.pp-shell .pp-orders-page .pp-orders-command-strip>strong{font-size:10px!important;color:#16835d}

.pp-shell .pp-orders-page .pp-orders-workspace{gap:15px}
.pp-shell .pp-orders-page .uo-order,.pp-shell .pp-orders-page .pp-order-operational{
  border-radius:17px!important;border:1px solid #dfe6ee!important;
  background:#fff;box-shadow:0 7px 26px rgba(23,40,61,.045)!important;
  overflow:hidden;min-width:0;width:100%;margin:0 0 2px
}
.pp-shell .pp-orders-page .uo-head{
  background:linear-gradient(180deg,#fff,#fafbfd)!important;
  border-bottom:1px solid #e5eaf0;
  color:#1c2b40!important;padding:18px 21px!important;
  border-left:4px solid #af293b
}
.pp-shell .pp-orders-page .uo-head>div:first-child{min-width:0}
.pp-shell .pp-orders-page .uo-head small,.pp-shell .pp-orders-page .uo-head span{
  color:#68778a;opacity:1;font-size:11px
}
.pp-shell .pp-orders-page .uo-head h3{
  font-size:clamp(22px,2vw,28px);font-weight:850;letter-spacing:-.035em;
  color:#172538;margin:6px 0!important;overflow-wrap:anywhere
}
.pp-shell .pp-orders-page .uo-head-right{min-width:138px;gap:5px}
.pp-shell .pp-orders-page .uo-head-right strong{
  color:#172a40;font-size:clamp(22px,2.1vw,29px);font-weight:850
}
.pp-shell .pp-orders-page .uo-head-right .uo-pill{
  align-self:end;width:max-content;background:#fff0f1;color:#9c2836!important;
  border:1px solid #efc6cb;border-radius:100px;font-size:11px!important;
  font-weight:800;padding:6px 12px;opacity:1
}
.pp-shell .pp-orders-page .uo-quickbar{
  background:#f2f7ff!important;border-bottom-color:#dce8f7;color:#243c5d;
  padding:14px 21px!important;gap:18px
}
.pp-shell .pp-orders-page .uo-quickbar strong{font-size:13px;color:#233b5d}
.pp-shell .pp-orders-page .uo-quickbar small{font-size:11px;color:#556b87;line-height:1.5}
.pp-shell .pp-orders-page .uo-quickbar-complete{
  background:#f0fbf6!important;border-color:#c8eadd!important;color:#1e654a
}
.pp-shell .pp-orders-page .uo-quickbar button.uo-quick-primary{
  min-height:42px;padding:11px 16px;background:#af2b3c;border-radius:10px;
  border-color:#af2b3c;font-size:12px;box-shadow:0 3px 7px rgba(175,43,60,.12)
}
.pp-shell .pp-orders-page .uo-quickbar button.uo-quick-primary:hover{background:#91212f}
.pp-shell .pp-orders-page .uo-metadata{
  grid-template-columns:minmax(170px,1fr) minmax(210px,1.65fr) minmax(150px,.9fr);
  padding:18px 21px;gap:24px;border-color:#ecf0f4
}
.pp-shell .pp-orders-page .uo-metadata>div{gap:6px}
.pp-shell .pp-orders-page .uo-metadata span{
  font-size:10px;font-weight:820;letter-spacing:.075em;color:#7a8795
}
.pp-shell .pp-orders-page .uo-metadata b{
  font-size:13px;line-height:1.45;color:#243249;font-weight:800
}
.pp-shell .pp-orders-page .uo-metadata small{font-size:11px;line-height:1.5;color:#7a8796}
.pp-shell .pp-orders-page .uo-groups{padding:17px 21px;gap:13px}
.pp-shell .pp-orders-page .uo-station{
  border-radius:13px;border-color:#e0e7ef;background:#fff
}
.pp-shell .pp-orders-page .uo-station header{
  background:#f5f7fa;padding:13px 15px;border-bottom:1px solid #e8edf3
}
.pp-shell .pp-orders-page .uo-station header span{
  font-size:10px;letter-spacing:.08em;color:#7a8595
}
.pp-shell .pp-orders-page .uo-station header strong{font-size:14px;color:#263449}
.pp-shell .pp-orders-page .uo-station header b{font-size:13px;color:#29384d}
.pp-shell .pp-orders-page .uo-station-items{
  padding:12px 15px;max-height:none;overflow:visible
}
.pp-shell .pp-orders-page .uo-station-items p{
  font-size:13px;font-weight:650;line-height:1.5;color:#334054;margin:5px 0
}
.pp-shell .pp-orders-page .uo-station-items p small{
  font-size:11px;line-height:1.6;font-weight:450;color:#6a798c
}
.pp-shell .pp-orders-page .uo-station footer{padding:12px 15px;border-color:#e9eef4}
.pp-shell .pp-orders-page .uo-station footer span{font-size:11px}
.pp-shell .pp-orders-page .uo-station select{
  min-height:38px;border:1px solid #d5deea;border-radius:9px;color:#27384e;
  font-size:12px;padding:7px 10px
}
.pp-shell .pp-orders-page .uo-bottom{
  padding:19px 21px;gap:24px;background:#fafbfd;border-color:#e8edf3
}
.pp-shell .pp-orders-page .uo-calculation{gap:9px}
.pp-shell .pp-orders-page .uo-calculation>div{
  font-size:12px;line-height:1.5;color:#5c6b7e
}
.pp-shell .pp-orders-page .uo-calculation>div b{color:#273549}
.pp-shell .pp-orders-page .uo-calculation .uo-total{
  font-size:17px;color:#182b42;border-color:#dde5ed;padding-top:12px
}
.pp-shell .pp-orders-page .uo-actions{gap:10px}
.pp-shell .pp-orders-page .uo-actions>b{color:#223146;font-size:15px}
.pp-shell .pp-orders-page .uo-actions>small{color:#69788b;font-size:11px;line-height:1.5}
.pp-shell .pp-orders-page .uo-actions button{
  min-height:41px;border-radius:10px;border-color:#dce3eb;
  padding:10px 13px;font-size:12px;font-weight:750
}
.pp-shell .pp-orders-page .uo-actions button.uo-primary{
  background:#ad2938;border-color:#ad2938;color:white
}
.pp-shell .pp-orders-page .uo-actions button:disabled{opacity:.48}
.pp-shell .pp-orders-page .pp-order-operational{
  border-left:4px solid #9eafc2
}
.pp-shell .pp-orders-page .pp-order-operational.late{
  border-color:#e3b472!important;border-left-color:#e28a24!important
}
.pp-shell .pp-orders-page .pp-order-op-head{background:#fafbfd;padding:16px 18px}
.pp-shell .pp-orders-page .pp-order-id>b{font-size:19px}
.pp-shell .pp-orders-page .pp-order-id>span,.pp-shell .pp-orders-page .pp-order-id>small{font-size:10px}
.pp-shell .pp-orders-page .pp-order-overview>section{padding:14px 17px}
.pp-shell .pp-orders-page .pp-order-overview span{font-size:10px}
.pp-shell .pp-orders-page .pp-order-overview b{font-size:12px}
.pp-shell .pp-orders-page .pp-order-overview small{font-size:11px}
.pp-shell .pp-orders-page .pp-order-line b{font-size:12px}
.pp-shell .pp-orders-page .pp-order-line small{font-size:11px}
.pp-shell .pp-orders-page .pp-order-line strong{font-size:12px}
.pp-shell .pp-orders-page :is(button,input,select):focus-visible{
  outline:3px solid #c35366!important;outline-offset:2px!important
}
@media(max-width:1350px){
 .pp-shell .pp-orders-filterbar .pp-orders-toolbar{
   grid-template-columns:minmax(200px,1.5fr) repeat(2,minmax(135px,1fr))!important
 }
 .pp-shell .pp-orders-page .pp-ops-kpis{gap:9px!important}
 .pp-shell .pp-orders-page .pp-ops-kpis article{padding:13px!important}
}
@media(max-width:1040px){
 .pp-shell .pp-orders-page .pp-ops-kpis{
   grid-template-columns:repeat(3,minmax(0,1fr))!important
 }
 .pp-shell .pp-orders-filterbar .pp-orders-toolbar{
   grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
 .pp-shell .pp-orders-filterbar .pp-filter-search{grid-column:1/-1}
 .pp-shell .pp-orders-filterbar .pp-filter-checkbox{grid-column:auto}
}
@media(max-width:780px){
 .pp-shell:has(.pp-orders-page){grid-template-columns:minmax(0,1fr)}
 .pp-shell:has(.pp-orders-page) .pp-topbar{padding:0 13px;height:60px}
 .pp-shell .pp-orders-page{padding:16px 12px 90px}
 .pp-shell .pp-orders-page .portal-head{gap:10px!important}
 .pp-shell .pp-orders-page .portal-head .portal-save{min-height:39px!important}
 .pp-shell .pp-orders-page .pp-ops-kpis{
   grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
 .pp-shell .pp-orders-page .pp-ops-kpis article{
   min-height:85px!important;padding:11px 12px!important
 }
 .pp-shell .pp-orders-page .pp-ops-kpis article:last-child{grid-column:1/-1}
 .pp-shell .pp-orders-page .pp-ops-kpis article span{font-size:11px!important}
 .pp-shell .pp-orders-page .pp-ops-kpis article b{font-size:23px!important}
 .pp-shell .pp-orders-filterbar{padding:12px!important}
 .pp-shell .pp-orders-filterbar .pp-filterbar-head{align-items:flex-start!important}
 .pp-shell .pp-orders-filterbar .pp-filterbar-heading strong{font-size:14px}
 .pp-shell .pp-orders-filterbar .pp-orders-toolbar{
   grid-template-columns:minmax(0,1fr)!important;margin:0 0 12px!important
 }
 .pp-shell .pp-orders-filterbar .pp-filter-search{grid-column:auto}
 .pp-shell .pp-orders-filterbar .pp-orders-toolbar:not(.is-expanded) .pp-filter-field:not(.pp-filter-search),
 .pp-shell .pp-orders-filterbar .pp-orders-toolbar:not(.is-expanded) .pp-filter-checkbox{display:none!important}
 .pp-shell .pp-orders-filterbar .pp-filter-operation-row{
   align-items:flex-start;flex-direction:column;gap:7px
 }
 .pp-shell .pp-orders-page .pp-orders-command-strip{padding:11px!important}
 .pp-shell .pp-orders-page .pp-orders-command-strip>strong{width:100%}
 .pp-shell .pp-orders-page .uo-head{padding:14px!important;gap:11px}
 .pp-shell .pp-orders-page .uo-head h3{font-size:20px}
 .pp-shell .pp-orders-page .uo-head-right{min-width:110px}
 .pp-shell .pp-orders-page .uo-head-right strong{font-size:20px}
 .pp-shell .pp-orders-page .uo-quickbar{padding:13px!important}
 .pp-shell .pp-orders-page .uo-metadata{
   grid-template-columns:1fr!important;gap:15px;padding:15px!important
 }
 .pp-shell .pp-orders-page .uo-groups{padding:12px}
 .pp-shell .pp-orders-page .uo-bottom{
   grid-template-columns:1fr!important;gap:18px;padding:15px
 }
 .pp-shell .pp-orders-page .uo-station select{max-width:55%}
}
@media(max-width:480px){
 .pp-shell .pp-orders-page .portal-head h1{font-size:23px!important}
 .pp-shell .pp-orders-filterbar .pp-filterbar-head{flex-wrap:wrap}
 .pp-shell .pp-orders-page .uo-head{flex-direction:column!important}
 .pp-shell .pp-orders-page .uo-head-right{
   display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
   gap:8px;text-align:left;width:100%
 }
 .pp-shell .pp-orders-page .uo-head-right small{width:100%}
 .pp-shell .pp-orders-page .uo-head-right .uo-pill{align-self:auto}
 .pp-shell .pp-orders-page .uo-station-items p{font-size:12px}
 .pp-shell .pp-orders-page .uo-actions>div{display:grid;grid-template-columns:1fr}
 .pp-shell .pp-orders-page .uo-actions button{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .pp-shell .pp-orders-page *{transition:none!important;animation:none!important}
}