/* These rules also apply after resizing between the two menu layouts. */
html body.premium-ui #nav .hidden,
html body.premium-ui #nav .desktop-search-hidden {display:none!important}
html body.premium-ui #nav:not(.desktop-searching) .desktop-section-item-hidden {display:none!important}
html body.premium-ui #nav.desktop-searching button.desktop-section-item-hidden:not(.hidden):not(.desktop-search-hidden) {display:grid!important}
html body.premium-ui #nav .nav-section-title {cursor:pointer;min-height:40px;touch-action:manipulation}
html body.premium-ui #nav .desktop-section-chevron::before {content:none!important;display:none!important}
html body.premium-ui #nav .desktop-section-chevron {display:block!important;width:6px!important;height:6px!important;border-right:1.5px solid currentColor!important;border-bottom:1.5px solid currentColor!important;transform:rotate(45deg)!important}
html body.premium-ui #nav .desktop-section-collapsed .desktop-section-chevron {transform:rotate(-45deg)!important}
html body.premium-ui .premium-menu-actions .hidden {display:none!important}
.workflow-overview,.workflow-metrics {margin:0 0 18px;padding:20px;min-width:0}
.workflow-heading,.workflow-row,.workflow-attention-row {display:flex;align-items:center;justify-content:space-between;gap:12px}
.workflow-heading h3,.workflow-metrics h3 {margin:0 0 6px}
.workflow-heading p {margin:0;color:var(--muted)}
.workflow-attention {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.workflow-attention-row {font:inherit;text-align:left;padding:12px;border:1px solid #8b733540;border-left:3px solid #e7b744;border-radius:10px;background:var(--panel,#101d30);color:inherit;cursor:pointer;min-width:0}
.workflow-attention-row span {min-width:0}.workflow-attention-row strong{flex-shrink:0;font-size:12px;color:#c99420}
.workflow-attention-row b,.workflow-attention-row small,.workflow-row small,.workflow-row-detail small {display:block;overflow-wrap:anywhere}
.workflow-attention-row small,.workflow-row small,.workflow-row-detail small {font-size:12px;color:var(--muted);margin-top:5px}
.workflow-kpis {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.workflow-kpis>div {border:1px solid #71849b40;border-radius:12px;padding:16px}
.workflow-kpis b,.workflow-kpis small {display:block;margin-top:8px}.workflow-kpis b {font-size:25px}.workflow-kpis small{color:var(--muted)}
.workflow-row,.workflow-row-detail {border:1px solid #71849b40;border-radius:10px;padding:12px;margin:10px 0;overflow-wrap:anywhere;min-width:0}
.workflow-row-detail summary{cursor:pointer}.workflow-actions{display:flex;gap:6px;flex-wrap:wrap}.workflow-diff{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,3fr);gap:8px;font-size:13px}.workflow-diff dd{margin:0;overflow-wrap:anywhere}.workflow-diff dd span{opacity:.7}
.workflow-check{display:flex;gap:8px;align-items:center;margin:12px 0}.workflow-check input{width:auto!important}.workflow-error{color:#ff8f9e;overflow-wrap:anywhere}
#orderWorkflowContent textarea{min-height:80px;width:100%;box-sizing:border-box}#orderWorkflowContent details{margin-bottom:16px}#orderWorkflowContent>details>summary{font-size:16px;font-weight:700;padding:12px 0}
html body.premium-ui #orderModal .order-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px}
html body.premium-ui #orderModal .order-tabs .order-tab{flex:0 0 auto!important;width:auto!important;min-width:0!important;white-space:nowrap!important;overflow:visible!important;padding:10px 12px!important}
@media(max-width:768px){.workflow-attention,.workflow-kpis{grid-template-columns:1fr}.workflow-heading,.workflow-row{align-items:flex-start;flex-direction:column}.workflow-overview,.workflow-metrics{padding:14px}.workflow-diff{grid-template-columns:1fr}.workflow-diff dt{font-weight:700}.workflow-diff dd{padding-bottom:6px}}

/* 5.7.5: títulos sem linhas decorativas, mantendo a seta de recolhimento. */
html body.premium-ui #nav .nav-section-title::after,
html body.premium-ui #nav .nav-section-title .desktop-section-line {display:none!important;content:none!important;background:none!important;border:0!important;}

/* 5.8.4: ações da OS contidas na tela, inclusive no Safari mobile. */
html body.premium-ui #orderModal #osDropdownMenu {
  left:auto!important;right:0!important;
  width:min(320px, calc(100vw - 32px))!important;
  min-width:0!important;max-width:calc(100vw - 32px)!important;
  max-height:var(--os-menu-height, 60vh)!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior:contain;box-sizing:border-box!important;
}
html body.premium-ui #orderModal #osDropdownMenu button {
  white-space:normal!important;overflow-wrap:anywhere;text-align:left;
  height:auto!important;min-height:44px!important;
}

html body.premium-ui #orderModal #osDropdownMenu.hidden,
html body.premium-ui #orderModal #osDropdownMenu button.hidden {display:none!important;}