:root {
      font-family: 'Space Grotesk', system-ui, sans-serif;
      line-height: 1.45;
      font-weight: 400;
      color: #e4f0ff;
      background-color: #08182f;
      color-scheme: dark;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      --erp-bg: #06285c;
      --erp-bg-deep: #031936;
      --erp-bg-quiet: #082b5e;
      --erp-panel: linear-gradient(155deg, rgba(10, 52, 112, 0.9), rgba(5, 30, 71, 0.92) 58%, rgba(6, 23, 54, 0.94));
      --erp-panel-soft: linear-gradient(155deg, rgba(12, 60, 126, 0.74), rgba(6, 34, 78, 0.78));
      --erp-card: linear-gradient(165deg, rgba(16, 74, 151, 0.58), rgba(7, 36, 82, 0.84) 56%, rgba(5, 27, 64, 0.9));
      --erp-card-hover: linear-gradient(165deg, rgba(26, 96, 184, 0.68), rgba(10, 49, 108, 0.9) 60%, rgba(6, 32, 74, 0.94));
      --erp-field-bg: linear-gradient(180deg, rgba(7, 39, 90, 0.84), rgba(5, 27, 64, 0.92));
      --erp-table-head: linear-gradient(180deg, rgba(30, 103, 196, 0.96), rgba(8, 48, 110, 0.98));
      --erp-table-row: rgba(11, 54, 117, 0.36);
      --erp-table-row-alt: rgba(16, 74, 151, 0.24);
      --erp-border: rgba(162, 215, 255, 0.28);
      --erp-border-strong: rgba(222, 243, 255, 0.52);
      --erp-text: #f8fcff;
      --erp-text-muted: #b8d7f5;
      --erp-blue: #2f7ff0;
      --erp-blue-strong: #1455ad;
      --erp-blue-light: #9ed7ff;
      --erp-blue-neon: #7ec3ff;
      --erp-white: #ffffff;
      --erp-red: #ff3b63;
      --erp-red-soft: rgba(255, 59, 99, 0.18);
      --erp-shadow: 0 22px 54px rgba(0, 16, 48, 0.42), 0 0 34px rgba(47, 127, 240, 0.12);
      --erp-shadow-soft: 0 14px 32px rgba(0, 16, 48, 0.3);
      --erp-focus: 0 0 0 3px rgba(126, 195, 255, 0.24), 0 0 0 1px rgba(248, 252, 255, 0.26) inset;
      --radius-xs: 8px;
      --radius-sm: 10px;
      --radius-md: 12px;
      --radius-lg: 14px;
      --radius-xl: 18px;
      --radius-2xl: 22px;
      --radius-pill: 999px;
      --erp-radius: var(--radius-xl);
      --erp-radius-sm: var(--radius-md);
      --erp-grid-line: rgba(158, 215, 255, 0.1);
      --blue-950: #051122;
      --blue-925: #07182f;
      --blue-900: #0b2243;
      --blue-875: #103058;
      --blue-850: #153c69;
      --blue-800: #1b487b;
      --blue-750: #24578f;
      --blue-700: #2f69a9;
      --blue-600: #3a7cc3;
      --blue-500: #4f94e3;
      --blue-400: #76afea;
      --blue-300: #a4cbf4;
      --blue-200: #d5e8fb;
      --blue-100: #f5faff;
      --sorbet-peach: #f5faff;
      --sorbet-coral: #d55a6c;
      --sorbet-berry: #76afea;
      --mint-frost: #d5e8fb;
      --vanilla-cream: #f8fbff;
      --red-600: #8f2435;
      --red-500: #b73649;
      --red-400: #d55a6c;
      --red-300: #ef97a3;
      --accent-gradient: linear-gradient(135deg, var(--blue-700) 0%, var(--blue-600) 52%, var(--blue-400) 100%);
      --accent-gradient-soft: linear-gradient(145deg, rgba(245, 250, 255, 0.18), rgba(118, 175, 234, 0.18), rgba(27, 72, 123, 0.28));
      --white-100: #ffffff;
      --text-main: #f4f9ff;
      --text-soft: #d8e8fa;
      --text-muted: #aac7e6;
      --stroke: rgba(173, 208, 247, 0.24);
      --stroke-strong: rgba(173, 208, 247, 0.42);
      --surface-deep: #07172d;
      --surface-base: #0b2244;
      --surface-elevated: #123764;
      --surface-float: #1c4a86;
      --panel-bg: linear-gradient(158deg, rgba(14, 33, 63, 0.96) 0%, rgba(10, 24, 48, 0.95) 52%, rgba(7, 16, 33, 0.97) 100%);
      --card-bg: linear-gradient(170deg, rgba(18, 41, 77, 0.9) 0%, rgba(11, 26, 52, 0.91) 56%, rgba(7, 18, 36, 0.94) 100%);
      --glow-accent: 0 0 0 1px rgba(196, 224, 255, 0.1), 0 10px 28px rgba(46, 105, 169, 0.18);
      --shadow-soft: 0 12px 30px rgba(3, 10, 24, 0.4);
      --shadow-panel: 0 24px 52px rgba(2, 8, 20, 0.52);
      --tab-height: 38px;
      --tabs-row-gap: 6px;
      --window-gap-x: 1rem;
      --window-gap-y: 1.35rem;
      --tabs-two-rows-height: calc(var(--tab-height) * 2 + var(--tabs-row-gap));
      --erp-header-logo-max-width: clamp(200px, 18vw, 280px);
      --erp-header-logo-max-height: clamp(90px, 9vw, 120px);
      --table-visible-rows: 10;
      --table-row-height: 38px;
      --table-head-height: 40px;
      --table-max-height: calc(var(--table-head-height) + (var(--table-row-height) * var(--table-visible-rows)));
    }

    * {
      box-sizing: border-box;
    }
    html,
    body {
      margin: 0;
      overflow-x: hidden;
      background:
        radial-gradient(circle at 8% -10%, rgba(245, 250, 255, 0.18), transparent 30%),
        radial-gradient(circle at 90% -8%, rgba(118, 175, 234, 0.16), transparent 28%),
        radial-gradient(circle at 84% 22%, rgba(213, 232, 251, 0.12), transparent 26%),
        radial-gradient(circle at 50% 118%, rgba(58, 124, 195, 0.2), transparent 38%),
        linear-gradient(180deg, var(--blue-900) 0%, var(--blue-925) 46%, var(--blue-950) 100%) !important;
      color: var(--text-main) !important;
      font-family: 'Space Grotesk', system-ui, sans-serif !important;
    }

    *::-webkit-scrollbar {
      width: 10px;
      height: 10px;
    }

    *::-webkit-scrollbar-track {
      background: rgba(8, 20, 38, 0.65);
      border-radius: var(--radius-pill);
    }

    *::-webkit-scrollbar-thumb {
      background: rgba(103, 162, 255, 0.45);
      border-radius: var(--radius-pill);
      border: 2px solid rgba(8, 20, 38, 0.6);
    }

    *::-webkit-scrollbar-thumb:hover {
      background: rgba(103, 162, 255, 0.65);
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    .app {
      display: flex;
      flex-direction: column;
      min-height: 100vh;
      overflow-x: hidden;
      position: relative;
      isolation: isolate;
    }

    html.is-mobile-light-mode [data-tab-target="visao-geral"],
    html.is-mobile-light-mode [data-tab-target="expedicao"],
    html.is-mobile-light-mode [data-tab-panel="visao-geral"],
    html.is-mobile-light-mode [data-tab-panel="expedicao"] {
      display: none !important;
    }

    .app-header {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-areas: 'tabs brand';
      align-items: end;
      column-gap: 0.55rem;
      row-gap: 0;
      padding: 0.45rem 0.9rem;
      margin: 0.75rem 0.75rem 0;
      border-radius: var(--radius-xl);
      position: sticky;
      top: 0.6rem;
      z-index: 20;
      background:
        linear-gradient(176deg, rgba(20, 37, 70, 0.94) 0%, rgba(10, 23, 46, 0.92) 52%, rgba(8, 18, 36, 0.92) 100%),
        radial-gradient(circle at top right, rgba(245, 250, 255, 0.12), transparent 32%);
      border: 1px solid rgba(189, 207, 255, 0.28);
      backdrop-filter: blur(10px);
      box-shadow: 0 18px 40px rgba(3, 10, 24, 0.42), inset 0 1px 0 rgba(244, 249, 255, 0.14);
      transition: all 0.28s ease;
      overflow-x: hidden;
    }

    .app.is-overview {
      height: 100vh;
      overflow: hidden;
    }

    .app.is-overview [data-alerts-panel] {
      display: none;
    }

    .app.is-overview .app-header,
    .app.is-overview [data-mobile-modules-nav] {
      display: none;
    }

    .app.is-overview .app-header {
      margin-bottom: 0;
    }

    .app.is-overview .app-main {
      flex: 1 1 auto;
      overflow: hidden;
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 0.35rem;
      gap: 0;
      min-height: 0;
    }

    @supports (height: 100dvh) {
      .app.is-overview {
        height: 100dvh;
      }
    }

    .app.is-overview [data-tab-panel="visao-geral"].is-active {
      flex: 1 1 auto;
      height: 100%;
      min-height: 0;
      display: grid;
      grid-template-rows: minmax(0, 1fr);
      align-content: stretch;
      gap: 0;
      margin: 0;
      padding: 0.25rem;
      overflow: hidden;
    }

    .app.is-overview [data-tab-panel="visao-geral"] .panel-header {
      display: none;
      margin-bottom: 0;
    }

    .app.is-overview [data-tab-panel="visao-geral"] .panel-header h2 {
      font-size: 1.05rem;
    }

    .app.is-overview [data-tab-panel="visao-geral"] .panel-header p {
      font-size: 0.78rem;
      margin-top: 0.12rem;
    }

    .app.is-overview [data-tab-panel="visao-geral"] .panel-header > div:first-child p {
      display: none;
    }

    .app.is-overview [data-tab-panel="visao-geral"] .panel-actions {
      display: none;
    }

    .app.is-expedition-panel {
      height: 100vh;
      overflow: hidden;
    }

    .app.is-expedition-panel [data-alerts-panel],
    .app.is-expedition-panel .app-header,
    .app.is-expedition-panel [data-mobile-modules-nav] {
      display: none;
    }

    .app.is-expedition-panel .app-main {
      flex: 1 1 auto;
      overflow: hidden;
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 0.35rem;
      min-height: 0;
      gap: 0.35rem;
    }

    @supports (height: 100dvh) {
      .app.is-expedition-panel {
        height: 100dvh;
      }
    }

    .app.is-expedition-panel [data-tab-panel="expedicao"].is-active {
      flex: 1 1 auto;
      height: 100%;
      min-height: 0;
      display: grid;
      grid-template-rows: minmax(0, 1fr);
      align-content: stretch;
      gap: 0;
      margin: 0;
      padding: 0.3rem;
      overflow: hidden;
    }

    .app.is-expedition-panel [data-tab-panel="expedicao"] .panel-header {
      display: none;
    }

    .app.is-expedition-panel [data-tab-panel="expedicao"] .panel-header p {
      display: none;
    }

    .app.is-expedition-panel .expedition-board {
      flex: 1 1 auto;
      min-height: 0;
      height: 100%;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 0.5rem;
      align-items: stretch;
    }

    .app.is-expedition-panel .expedition-column {
      min-height: 0;
      height: 100%;
    }

    .app.is-expedition-panel .expedition-column h3 {
      font-size: clamp(1.18rem, 1.45vw, 1.8rem);
      line-height: 1.1;
    }

    .app.is-expedition-panel .expedition-item-btn {
      min-height: clamp(76px, 8.4vh, 112px);
      padding: clamp(0.76rem, 1vw, 1.05rem);
      border-radius: var(--radius-lg);
      font-size: clamp(1.04rem, 1.18vw, 1.38rem);
      line-height: 1.12;
    }

    .app.is-expedition-panel .expedition-item-btn--vehicle {
      font-size: clamp(0.98rem, 1.08vw, 1.28rem);
    }

    .app.is-expedition-panel .expedition-item-main {
      font-size: clamp(1.18rem, 1.5vw, 1.9rem);
    }

    .app.is-expedition-panel .expedition-item-meta {
      font-size: clamp(0.84rem, 0.92vw, 1.05rem);
    }

    .app.is-expedition-panel .expedition-item-badge {
      font-size: clamp(1.05rem, 1.32vw, 1.72rem);
      min-width: clamp(68px, 6.8vw, 104px);
      padding: 0.48rem 0.62rem;
    }

    [data-tab-panel="expedicao"]:fullscreen,
    [data-tab-panel="expedicao"]:-webkit-full-screen {
      width: 100vw;
      height: 100vh;
      min-height: 100vh;
      max-width: none;
      max-height: none;
      margin: 0;
      border-radius: 0;
      border: 0;
      padding: 0.35rem;
      display: grid !important;
      grid-template-rows: minmax(0, 1fr);
      align-content: stretch;
      gap: 0;
      overflow: hidden;
      background: linear-gradient(180deg, rgba(5, 18, 42, 0.98), rgba(4, 14, 31, 0.98));
    }

    [data-tab-panel="expedicao"]:fullscreen .panel-header,
    [data-tab-panel="expedicao"]:-webkit-full-screen .panel-header {
      display: none !important;
    }

    [data-tab-panel="visao-geral"]:fullscreen,
    [data-tab-panel="visao-geral"]:-webkit-full-screen {
      width: 100vw;
      height: 100vh;
      min-height: 100vh;
      max-width: none;
      max-height: none;
      margin: 0;
      border-radius: 0;
      border: 0;
      padding: 0.2rem;
      display: grid !important;
      grid-template-rows: minmax(0, 1fr);
      align-content: stretch;
      gap: 0;
      overflow: hidden;
      background: linear-gradient(180deg, rgba(5, 18, 42, 0.98), rgba(4, 14, 31, 0.98));
    }

    [data-tab-panel="visao-geral"]:fullscreen .panel-header,
    [data-tab-panel="visao-geral"]:fullscreen .overview-customize,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .panel-header,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-customize {
      display: none !important;
    }

    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-wrapper,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-wrapper {
      min-height: 0;
      height: 100%;
      align-self: stretch;
      overflow: hidden;
    }

    [data-tab-panel="visao-geral"]:fullscreen .overview-grid,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-grid {
      height: 100%;
      min-height: 0;
      overflow: hidden;
    }

    .overview-quick-nav {
      display: flex;
      gap: 0.45rem;
      align-items: center;
      justify-content: flex-end;
      flex-wrap: wrap;
    }

    .overview-scale-controls {
      display: inline-flex;
      align-items: center;
      gap: 0.28rem;
      padding: 0.2rem;
      border: 1px solid rgba(148, 190, 255, 0.22);
      border-radius: var(--radius-pill);
      background: rgba(8, 18, 36, 0.46);
    }

    .overview-scale-controls .btn {
      min-height: 34px;
      padding: 0.28rem 0.62rem;
    }

    .overview-scale-badge {
      min-width: 54px;
      text-align: center;
      font-size: 0.8rem;
      color: var(--text-soft);
      font-weight: 700;
      letter-spacing: 0.02em;
    }

    .overview-quick-nav .input {
      min-width: 200px;
      min-height: 40px;
    }

    .app.is-overview [data-tab-panel="visao-geral"].is-active .overview-quick-nav {
      display: flex;
    }

    .overview-kpi-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 0.5rem;
      margin-bottom: 0.45rem;
    }

    .overview-kpi {
      border: 1px solid rgba(146, 190, 255, 0.25);
      border-radius: var(--erp-radius-sm);
      background: linear-gradient(156deg, rgba(16, 35, 68, 0.82), rgba(9, 22, 44, 0.84));
      padding: 0.5rem 0.62rem;
      display: grid;
      gap: 0.2rem;
      min-height: 62px;
    }

    .overview-kpi span {
      color: var(--text-muted);
      font-size: 0.72rem;
      letter-spacing: 0.03em;
      font-weight: 600;
    }

    .overview-kpi strong {
      font-size: 1.08rem;
      color: var(--white-100);
      font-weight: 700;
      line-height: 1;
    }

    .overview-kpi--critical strong {
      color: var(--red-300);
    }

    .overview-kpi--warning strong {
      color: var(--blue-200);
    }

    .overview-kpi--ok strong {
      color: var(--blue-100);
    }

    .overview-customize {
      border: 1px solid rgba(148, 190, 255, 0.24);
      border-radius: var(--erp-radius-sm);
      background: rgba(7, 18, 34, 0.56);
      margin-bottom: 0.5rem;
    }

    .overview-customize summary {
      cursor: pointer;
      list-style: none;
      padding: 0.6rem 0.8rem;
      font-weight: 600;
      color: var(--text-main);
      user-select: none;
    }

    .overview-customize summary::-webkit-details-marker {
      display: none;
    }

    .overview-customize summary::after {
      content: '▼';
      float: right;
      opacity: 0.7;
      font-size: 0.7rem;
      margin-top: 0.2rem;
      transition: transform 0.18s ease;
    }

    .overview-customize[open] summary::after {
      transform: rotate(180deg);
    }

    .overview-customize-form {
      padding: 0 0.8rem 0.8rem;
      display: grid;
      gap: 0.7rem;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      align-items: end;
    }

    .overview-customize-form label {
      display: grid;
      gap: 0.32rem;
      font-size: 0.82rem;
      color: var(--text-soft);
    }

    .overview-range-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
    }

    .overview-range-value {
      font-size: 0.76rem;
      color: var(--text-muted);
      min-width: 44px;
      text-align: right;
    }

    .overview-range {
      width: 100%;
    }

    .brand {
      grid-area: brand;
      display: flex;
      align-items: center;
      gap: 0;
      margin-left: 0;
      transform: none;
      align-self: stretch;
      justify-self: end;
      min-width: 0;
    }

    .erp-header-brand-area {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 6px;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      padding: 0;
      min-width: 0;
    }

    .erp-header-logo-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.4rem;
      width: 100%;
    }

    .erp-header-user-area {
      width: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 0;
    }

    .erp-header-logo-slot {
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
      outline: none !important;
      padding: 0 !important;
      margin: 0 !important;
      min-width: 0 !important;
      min-height: 0 !important;
      width: auto;
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 0;
    }

    .erp-header-logo {
      display: block;
      width: auto;
      height: auto;
      max-width: var(--erp-header-logo-max-width);
      max-height: var(--erp-header-logo-max-height);
      object-fit: contain;
      object-position: center;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      padding: 0 !important;
    }

    .brand__meta {
      display: none;
    }

    .brand__public-title {
      display: none;
    }

    .brand h1 {
      margin: 0;
      font-size: 1.06rem;
      line-height: 1.05;
      color: var(--white-100);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .brand p {
      margin: 0;
      color: rgba(236, 242, 255, 0.74);
      font-size: 0.74rem;
      line-height: 1.25;
    }

    .tabs {
      grid-area: tabs;
      display: grid;
      min-width: 0;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      grid-auto-rows: var(--tab-height);
      gap: var(--tabs-row-gap) 0.32rem;
      overflow: visible;
      padding-bottom: 0;
      align-items: stretch;
      align-content: start;
    }

    .tab {
      border: 1px solid rgba(142, 194, 255, 0.2);
      background: linear-gradient(170deg, rgba(14, 32, 62, 0.58), rgba(8, 18, 36, 0.74));
      color: var(--text-soft);
      width: 100%;
      min-height: var(--tab-height);
      height: var(--tab-height);
      padding: 0.26rem 0.38rem;
      border-radius: var(--radius-pill);
      cursor: pointer;
      font-size: 0.89rem;
      line-height: 1.05;
      text-align: center;
      transition: 0.2s ease;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .tab:hover,
    .tab.is-active {
      border-color: rgba(207, 228, 255, 0.56);
      background: var(--accent-gradient-soft);
      color: var(--white-100);
      box-shadow: 0 9px 20px rgba(28, 72, 166, 0.22), inset 0 1px 0 rgba(244, 249, 255, 0.24);
    }

    .mobile-bottom-nav {
      display: none;
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 45;
      border-top: 1px solid rgba(142, 194, 255, 0.22);
      background: linear-gradient(180deg, rgba(12, 27, 52, 0.94), rgba(7, 14, 28, 0.97));
      backdrop-filter: blur(12px);
      box-shadow: 0 -10px 28px rgba(2, 8, 20, 0.46);
      padding: 0.5rem 0.55rem calc(0.5rem + env(safe-area-inset-bottom));
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
    }

    .mobile-modules-toggle {
      display: none !important;
      width: 100%;
      min-height: 40px;
      border-radius: var(--radius-sm);
    }

    .app.mobile-modules-open .mobile-bottom-nav {
      display: block;
    }

    .mobile-bottom-nav__track {
      display: flex;
      gap: 0.45rem;
      width: 100%;
      min-width: 0;
      flex-wrap: wrap;
      justify-content: center;
    }

    .mobile-tab {
      flex: 1 1 auto;
      border: 1px solid rgba(142, 194, 255, 0.24);
      background: linear-gradient(170deg, rgba(14, 31, 60, 0.72), rgba(8, 18, 36, 0.84));
      color: var(--text-soft);
      min-height: 40px;
      padding: 0.44rem 0.72rem;
      border-radius: var(--radius-sm);
      font-size: 0.8rem;
      white-space: normal;
      cursor: pointer;
      transition: 0.2s ease;
      min-width: 86px;
      text-align: center;
    }

    .mobile-tab.is-active {
      color: var(--white-100);
      border-color: rgba(184, 217, 255, 0.6);
      background: linear-gradient(145deg, rgba(61, 121, 255, 0.5), rgba(28, 63, 141, 0.6));
      box-shadow: 0 5px 14px rgba(42, 99, 214, 0.34);
    }

    .app-main {
      flex: 1;
      width: min(1680px, 100%);
      margin: 0 auto;
      padding: 1.2rem 1.2rem 1.8rem;
      display: flex;
      flex-direction: column;
      gap: 1.2rem;
    }

    body.is-erp-startup-preloading .app {
      pointer-events: none;
      user-select: none;
    }

    .erp-startup-preload {
      position: fixed;
      inset: 0;
      z-index: 100000;
      display: grid;
      place-items: center;
      padding: 1rem;
      background: rgba(3, 10, 24, 0.78);
      backdrop-filter: blur(8px);
      pointer-events: auto;
    }

    .erp-startup-preload__card {
      width: min(420px, 100%);
      display: grid;
      gap: 0.8rem;
      padding: 1rem;
      border: 1px solid rgba(166, 217, 255, 0.36);
      border-radius: var(--radius-lg);
      background: linear-gradient(170deg, rgba(14, 33, 63, 0.98), rgba(6, 15, 31, 0.98));
      box-shadow: 0 24px 52px rgba(2, 8, 20, 0.58);
      pointer-events: auto;
    }

    .erp-startup-preload__title {
      margin: 0;
      color: var(--white-100);
      font-size: 1.05rem;
      font-weight: 800;
    }

    .erp-startup-preload__status {
      margin: 0;
      color: var(--text-soft);
      font-size: 0.9rem;
      line-height: 1.35;
    }

    .erp-startup-preload__track {
      height: 8px;
      overflow: hidden;
      border-radius: var(--radius-pill);
      background: rgba(148, 190, 255, 0.18);
    }

    .erp-startup-preload__bar {
      width: 8%;
      height: 100%;
      border-radius: inherit;
      background: var(--accent-gradient);
      transition: width 0.18s ease;
    }

    .global-module-loading-overlay {
      position: fixed;
      inset: 0;
      z-index: 99995;
      display: grid;
      place-items: center;
      padding: 1rem;
      background:
        radial-gradient(circle at 16% 20%, rgba(86, 164, 255, 0.24), transparent 44%),
        radial-gradient(circle at 84% 16%, rgba(255, 132, 92, 0.2), transparent 46%),
        linear-gradient(165deg, rgba(3, 10, 24, 0.86), rgba(4, 16, 33, 0.9));
      backdrop-filter: blur(8px);
      pointer-events: auto;
      cursor: progress;
    }

    .global-module-loading-overlay[hidden] {
      display: none !important;
    }

    .global-module-loading-overlay__card {
      width: min(520px, 92vw);
      min-height: min(220px, 44vh);
      border: 1px solid rgba(171, 218, 255, 0.4);
      border-radius: var(--radius-xl);
      background:
        radial-gradient(circle at 22% 14%, rgba(168, 220, 255, 0.16), transparent 44%),
        linear-gradient(165deg, rgba(13, 36, 70, 0.96), rgba(6, 18, 36, 0.98));
      box-shadow: 0 26px 56px rgba(2, 8, 22, 0.62), inset 0 1px 0 rgba(248, 252, 255, 0.14);
      display: grid;
      place-items: center;
      gap: 0.9rem;
      padding: clamp(1.2rem, 4vw, 2rem);
      text-align: center;
    }

    .global-module-loading-overlay__spinner {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      border: 3px solid rgba(198, 230, 255, 0.28);
      border-top-color: rgba(248, 252, 255, 0.95);
      animation: moduleTitleLoadingSpin 0.72s linear infinite;
    }

    .global-module-loading-overlay__title {
      margin: 0;
      color: var(--white-100);
      font-size: clamp(1.1rem, 3.4vw, 1.45rem);
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    body.is-global-module-loading {
      cursor: progress;
    }

    .app.is-global-module-loading {
      pointer-events: none;
      user-select: none;
    }

    .panel {
      display: none;
      background: var(--panel-bg);
      border-radius: 20px;
      padding: 1.5rem;
      border: 1px solid rgba(142, 194, 255, 0.24);
      box-shadow: var(--shadow-panel), inset 0 1px 0 rgba(190, 221, 255, 0.12);
      overflow: hidden;
    }

    .panel.is-active {
      display: block;
      animation: panelFade 0.22s ease-out;
    }

    @keyframes panelFade {
      from {
        opacity: 0;
        transform: translateY(4px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .panel-header {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 1rem;
      align-items: center;
      margin-bottom: 1.5rem;
    }

    .panel-header h2 {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      margin: 0;
      font-size: 1.45rem;
      letter-spacing: 0.01em;
      color: var(--white-100);
    }

    @keyframes moduleTitleLoadingSpin {
      to { transform: rotate(360deg); }
    }

    .panel-header h2::after {
      content: '';
      display: none;
      width: 0.72rem;
      height: 0.72rem;
      flex: 0 0 0.72rem;
      border-radius: var(--radius-pill);
      border: 2px solid rgba(216, 239, 255, 0.28);
      border-top-color: var(--white-100);
      box-shadow: 0 0 12px rgba(126, 195, 255, 0.26);
      animation: moduleTitleLoadingSpin 0.72s linear infinite;
    }

    .panel.is-module-loading > .panel-header h2::after,
    .panel[data-module-loading="true"] > .panel-header h2::after {
      display: inline-block;
    }

    .panel-header p {
      margin: 0.3rem 0 0;
      color: var(--text-muted);
    }

    .panel-header > div:first-child > p {
      display: none !important;
      margin: 0;
    }

    .panel-actions {
      display: flex;
      gap: 0.75rem;
      align-items: end;
      flex-wrap: wrap;
    }

    .public-link-copy {
      display: grid;
      grid-template-columns: minmax(220px, 360px) auto;
      gap: 0.38rem;
      align-items: end;
      min-width: min(520px, 100%);
    }

    .public-link-copy__label {
      grid-column: 1 / -1;
      color: var(--text-muted);
      font-size: 0.76rem;
      font-weight: 600;
      line-height: 1.15;
    }

    .public-link-copy__input {
      min-width: 0;
      font-size: 0.82rem;
    }

    .public-link-copy__feedback {
      grid-column: 1 / -1;
      min-height: 1rem;
      margin: 0;
    }

    [data-tab-panel="compras"] > .panel-header {
      align-items: center;
      gap: 0.75rem 1rem;
      margin-bottom: 0.85rem;
    }

    [data-tab-panel="compras"] > .panel-header > div:first-child {
      flex: 0 0 auto;
    }

    [data-tab-panel="compras"] > .panel-header .panel-actions {
      flex: 1 1 min(700px, 100%);
      justify-content: flex-end;
      align-items: center;
      min-width: 0;
    }

    [data-tab-panel="compras"] [data-quotation-supplier-link-wrap] {
      width: min(760px, 100%);
      min-width: 0;
      grid-template-columns: max-content minmax(260px, 1fr) auto;
      align-items: center;
      gap: 0.38rem 0.5rem;
    }

    [data-tab-panel="compras"] [data-quotation-supplier-link-wrap] .public-link-copy__label {
      grid-column: auto;
      align-self: center;
      white-space: nowrap;
    }

    [data-tab-panel="compras"] [data-quotation-supplier-link-wrap] .public-link-copy__feedback {
      grid-column: 2 / -1;
      min-height: 0;
      height: 0;
      overflow: hidden;
    }

    [data-tab-panel="compras"] [data-quotation-supplier-link-wrap] .public-link-copy__feedback:not(:empty) {
      height: auto;
      min-height: 1rem;
    }

    [data-tab-panel="crm"] > .panel-header {
      align-items: center;
      gap: 0.6rem 1rem;
      margin-bottom: 0.8rem;
    }

    [data-tab-panel="crm"] > .panel-header > div:first-child {
      flex: 0 1 auto;
    }

    [data-tab-panel="crm"] > .panel-header .panel-actions {
      flex: 1 1 min(620px, 100%);
      justify-content: flex-end;
      align-items: center;
      min-width: 0;
    }

    [data-tab-panel="crm"] [data-public-link-wrap="crm"] {
      width: min(560px, 100%);
      min-width: 0;
      grid-template-columns: minmax(240px, 1fr) auto;
      align-items: center;
      gap: 0.28rem 0.5rem;
    }

    [data-tab-panel="crm"] [data-public-link-wrap="crm"] .public-link-copy__feedback {
      grid-column: 1 / -1;
      min-height: 0;
      height: 0;
      margin: 0;
      overflow: hidden;
    }

    [data-tab-panel="crm"] [data-public-link-wrap="crm"] .public-link-copy__feedback:not(:empty) {
      height: auto;
      min-height: 0.95rem;
    }

    [data-tab-panel="venda"] > .panel-header {
      align-items: center;
      gap: 0.6rem 1rem;
      margin-bottom: 0.95rem;
    }

    [data-tab-panel="venda"] > .panel-header .panel-actions {
      flex: 1 1 min(620px, 100%);
      justify-content: flex-end;
      align-items: center;
      min-width: 0;
    }

    [data-tab-panel="venda"] > .panel-header [data-public-link-wrap="pedido"] {
      width: min(560px, 100%);
      min-width: 0;
      grid-template-columns: minmax(240px, 1fr) auto;
      align-items: center;
      gap: 0.28rem 0.5rem;
    }

    [data-tab-panel="venda"] > .panel-header [data-public-link-wrap="pedido"] .public-link-copy__feedback {
      grid-column: 1 / -1;
      min-height: 0;
      height: 0;
      margin: 0;
      overflow: hidden;
    }

    [data-tab-panel="venda"] > .panel-header [data-public-link-wrap="pedido"] .public-link-copy__feedback:not(:empty) {
      height: auto;
      min-height: 0.95rem;
    }

    [data-tab-panel="pedido"] > .panel-header {
      align-items: center;
      gap: 0.6rem 1rem;
      margin-bottom: 1rem;
    }

    [data-tab-panel="pedido"] > .panel-header > div:first-child {
      flex: 0 1 auto;
    }

    [data-tab-panel="pedido"] > .panel-header .panel-actions {
      flex: 1 1 min(620px, 100%);
      justify-content: flex-end;
      align-items: center;
      min-width: 0;
    }

    [data-tab-panel="pedido"] > .panel-header [data-public-link-wrap="pedido"] {
      width: min(560px, 100%);
      min-width: 0;
      grid-template-columns: minmax(240px, 1fr) auto;
      align-items: center;
      gap: 0.28rem 0.5rem;
    }

    [data-tab-panel="pedido"] > .panel-header [data-public-link-wrap="pedido"] .public-link-copy__feedback {
      grid-column: 1 / -1;
      min-height: 0;
      height: 0;
      margin: 0;
      overflow: hidden;
    }

    [data-tab-panel="pedido"] > .panel-header [data-public-link-wrap="pedido"] .public-link-copy__feedback:not(:empty) {
      height: auto;
      min-height: 0.95rem;
    }

    @media (min-width: 1180px) {
      [data-tab-panel="pedido"] > .panel-header {
        display: grid;
        grid-template-columns: minmax(220px, 0.9fr) minmax(320px, 1.35fr) minmax(300px, 1fr);
        align-items: center;
        gap: 0.78rem;
      }

      [data-tab-panel="pedido"] > .panel-header > div:first-child {
        grid-column: 1 / span 2;
        min-width: 0;
      }

      [data-tab-panel="pedido"] > .panel-header .panel-actions {
        grid-column: 3;
        justify-content: stretch;
        width: 100%;
      }

      [data-tab-panel="pedido"] > .panel-header [data-public-link-wrap="pedido"] {
        width: 100%;
      }
    }

    @media (max-width: 1100px) {
      [data-tab-panel="pedido"] > .panel-header {
        margin-bottom: 0.9rem;
      }

      [data-tab-panel="pedido"] > .panel-header .panel-actions {
        justify-content: center;
        width: 100%;
      }

      [data-tab-panel="pedido"] > .panel-header [data-public-link-wrap="pedido"] {
        width: min(420px, 100%);
      }
    }

    @media (max-width: 900px) {
      [data-tab-panel="compras"] > .panel-header {
        align-items: stretch;
        margin-bottom: 1rem;
      }

      [data-tab-panel="compras"] > .panel-header .panel-actions {
        justify-content: stretch;
      }

      [data-tab-panel="compras"] [data-quotation-supplier-link-wrap] {
        grid-template-columns: minmax(0, 1fr) auto;
      }

      [data-tab-panel="compras"] [data-quotation-supplier-link-wrap] .public-link-copy__label,
      [data-tab-panel="compras"] [data-quotation-supplier-link-wrap] .public-link-copy__feedback {
        grid-column: 1 / -1;
      }

      [data-tab-panel="crm"] > .panel-header {
        align-items: stretch;
        margin-bottom: 0.95rem;
      }

      [data-tab-panel="crm"] > .panel-header .panel-actions {
        justify-content: stretch;
      }

      [data-tab-panel="crm"] [data-public-link-wrap="crm"] {
        grid-template-columns: minmax(0, 1fr) auto;
      }

      [data-tab-panel="venda"] > .panel-header {
        align-items: stretch;
        margin-bottom: 0.95rem;
      }

      [data-tab-panel="venda"] > .panel-header .panel-actions {
        justify-content: stretch;
      }

      [data-tab-panel="venda"] > .panel-header [data-public-link-wrap="pedido"] {
        grid-template-columns: minmax(0, 1fr) auto;
      }
    }

    .sale-incoming-actions {
      display: flex;
      align-items: end;
      justify-content: flex-end;
      gap: 0.5rem;
      flex-wrap: wrap;
    }

    .public-link-copy--compact {
      min-width: 0;
      grid-template-columns: minmax(230px, 360px) auto;
      gap: 0.28rem;
      align-items: end;
    }

    .public-link-copy--compact .public-link-copy__label {
      font-size: 0.68rem;
      font-weight: 500;
      opacity: 0.82;
    }

    .public-link-copy--compact .public-link-copy__input {
      min-height: 36px;
      padding: 0.42rem 0.62rem;
      border-radius: var(--radius-sm);
      font-size: 0.76rem;
      opacity: 0.74;
    }

    .public-link-copy--compact .btn {
      min-height: 36px;
      padding: 0.42rem 0.72rem;
      border-radius: var(--radius-sm);
      font-size: 0.78rem;
    }

    .public-link-copy--compact .public-link-copy__feedback {
      min-height: 0.85rem;
      font-size: 0.72rem;
      text-align: right;
    }

    .public-link-copy--compact .public-link-copy__feedback:empty {
      display: none;
    }

    .pwa-install-shell {
      position: fixed;
      inset: 0;
      z-index: 120;
      display: grid;
      place-items: center;
      padding: clamp(1rem, 3vw, 2rem);
      overflow-y: auto;
      background:
        linear-gradient(180deg, rgba(2, 10, 24, 0.9), rgba(3, 18, 43, 0.94)),
        radial-gradient(circle at 18% 8%, rgba(126, 195, 255, 0.16), transparent 34%),
        radial-gradient(circle at 82% 20%, rgba(255, 59, 99, 0.1), transparent 28%);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }

    .pwa-install-shell[hidden],
    .pwa-install-panel[hidden],
    .pwa-install-action[hidden] {
      display: none !important;
    }

    .pwa-install-card {
      width: min(760px, 100%);
      border: 1px solid rgba(222, 243, 255, 0.28);
      border-radius: var(--radius-xs);
      background:
        linear-gradient(180deg, rgba(248, 252, 255, 0.12), rgba(248, 252, 255, 0.03)),
        linear-gradient(150deg, rgba(8, 33, 76, 0.94), rgba(3, 19, 43, 0.98) 62%, rgba(2, 10, 24, 0.98));
      box-shadow: 0 28px 72px rgba(0, 8, 24, 0.58), inset 0 1px 0 rgba(248, 252, 255, 0.16);
      padding: clamp(1rem, 3vw, 1.8rem);
      color: #f8fcff;
    }

    .pwa-install-topbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.75rem;
      margin-bottom: 1rem;
    }

    .pwa-install-pill {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0.28rem 0.62rem;
      border: 1px solid rgba(255, 59, 99, 0.48);
      border-radius: var(--radius-pill);
      color: #ffeaf0;
      background: rgba(255, 59, 99, 0.13);
      font-size: 0.76rem;
      font-weight: 800;
    }

    .pwa-install-close {
      min-height: 34px;
      padding: 0.3rem 0.64rem;
    }

    .pwa-install-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(150px, 210px);
      gap: clamp(1rem, 3vw, 1.8rem);
      align-items: center;
    }

    .pwa-install-copy {
      display: grid;
      gap: 0.7rem;
      min-width: 0;
    }

    .pwa-install-copy h2 {
      margin: 0;
      font-size: clamp(1.5rem, 4vw, 2.35rem);
      line-height: 1.05;
      color: #f8fcff;
    }

    .pwa-install-copy p {
      margin: 0;
      color: #dceeff;
      font-size: clamp(0.96rem, 2.4vw, 1.08rem);
      line-height: 1.45;
    }

    .pwa-install-status {
      min-height: 42px;
      display: flex;
      align-items: center;
      padding: 0.62rem 0.75rem;
      border: 1px solid rgba(126, 195, 255, 0.26);
      border-radius: var(--radius-xs);
      background: rgba(2, 16, 38, 0.62);
      color: #e7f6ff;
      font-size: 0.9rem;
    }

    .pwa-install-visual {
      display: grid;
      justify-items: center;
      gap: 0.9rem;
    }

    .pwa-install-logo {
      width: min(180px, 42vw);
      height: auto;
      display: block;
      filter: drop-shadow(0 12px 18px rgba(0, 8, 24, 0.34));
    }

    .pwa-install-icon {
      width: clamp(82px, 18vw, 112px);
      height: clamp(82px, 18vw, 112px);
      display: block;
      border-radius: var(--radius-xs);
      box-shadow: 0 12px 26px rgba(0, 8, 24, 0.36);
    }

    .pwa-install-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.55rem;
      align-items: center;
      margin-top: 0.2rem;
    }

    .pwa-install-actions .btn {
      min-height: 42px;
    }

    .pwa-install-panel {
      margin-top: 1rem;
      padding: 0.9rem;
      border: 1px solid rgba(172, 214, 255, 0.22);
      border-radius: var(--radius-xs);
      background: rgba(2, 12, 30, 0.54);
    }

    .pwa-install-panel h3 {
      margin: 0 0 0.55rem;
      color: #f8fcff;
      font-size: 1rem;
    }

    .pwa-install-steps {
      margin: 0;
      padding-left: 1.2rem;
      color: #dceeff;
      line-height: 1.5;
    }

    .pwa-install-steps li + li {
      margin-top: 0.22rem;
    }

    .pwa-install-share-glyph {
      display: inline-grid;
      place-items: center;
      width: 34px;
      height: 34px;
      margin-right: 0.4rem;
      border: 1px solid rgba(126, 195, 255, 0.35);
      border-radius: var(--radius-xs);
      color: #f8fcff;
      background: rgba(47, 127, 240, 0.18);
      font-weight: 900;
      vertical-align: middle;
    }

    .pwa-install-share {
      margin-top: 1rem;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.45rem;
      align-items: end;
    }

    .pwa-install-share label {
      grid-column: 1 / -1;
      display: grid;
      gap: 0.3rem;
      color: #a9c6e8;
      font-size: 0.78rem;
      font-weight: 700;
    }

    .pwa-install-share .input {
      min-width: 0;
    }

    .pwa-install-feedback {
      grid-column: 1 / -1;
      min-height: 1rem;
      margin: 0;
      color: #a9c6e8;
      font-size: 0.78rem;
    }

    @media (max-width: 720px) {
      .pwa-install-shell {
        align-items: stretch;
        padding: 0.72rem;
      }

      .pwa-install-card {
        align-self: center;
      }

      .pwa-install-layout {
        grid-template-columns: 1fr;
      }

      .pwa-install-visual {
        order: -1;
        grid-template-columns: minmax(0, 1fr) auto;
        justify-items: start;
        align-items: center;
      }

      .pwa-install-icon {
        width: 76px;
        height: 76px;
      }

      .pwa-install-logo {
        width: min(160px, 54vw);
      }

      .pwa-install-actions,
      .pwa-install-share {
        grid-template-columns: 1fr;
      }

      .pwa-install-actions .btn,
      .pwa-install-share .btn {
        width: 100%;
      }
    }

    .app.is-crm-portal [data-public-link-wrap="crm"] {
      display: none !important;
    }

    .btn {
      border: 1px solid rgba(142, 194, 255, 0.32);
      background: linear-gradient(145deg, rgba(20, 46, 90, 0.86), rgba(14, 33, 66, 0.9));
      color: var(--text-main);
      padding: 0.58rem 1rem;
      border-radius: var(--radius-md);
      cursor: pointer;
      font-size: 0.9rem;
      min-height: 44px;
      max-width: 100%;
      box-sizing: border-box;
      transition: transform 0.16s ease, border-color 0.18s ease, box-shadow 0.18s ease;
      box-shadow: 0 6px 16px rgba(2, 10, 25, 0.3), inset 0 1px 0 rgba(185, 222, 255, 0.12);
    }

    .btn.primary {
      background: var(--accent-gradient);
      border-color: rgba(216, 232, 251, 0.42);
      color: var(--white-100);
      box-shadow: 0 10px 24px rgba(46, 105, 169, 0.24), inset 0 1px 0 rgba(244, 249, 255, 0.28);
    }

    .btn.btn-ghost {
      background: linear-gradient(145deg, rgba(13, 31, 61, 0.56), rgba(9, 21, 42, 0.45));
      border-color: rgba(142, 194, 255, 0.28);
    }

    .btn:hover {
      transform: translateY(-1px);
      border-color: rgba(184, 217, 255, 0.58);
      filter: brightness(1.05);
    }

    .btn:active {
      transform: translateY(0);
    }

    .btn:focus-visible,
    .tab:focus-visible,
    .mobile-tab:focus-visible {
      outline: none;
      box-shadow: 0 0 0 3px rgba(103, 162, 255, 0.34), 0 8px 20px rgba(15, 34, 70, 0.45);
      border-color: rgba(190, 221, 255, 0.8);
    }

    .input,
    select.input,
    textarea.input {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      min-height: 44px;
      padding: 0.55rem 0.78rem;
      border-radius: var(--radius-md);
      border: 1px solid rgba(148, 190, 255, 0.38);
      background: linear-gradient(162deg, rgba(10, 24, 47, 0.8), rgba(6, 15, 31, 0.84));
      color: var(--text-main);
      font-size: 0.95rem;
      transition: border-color 0.16s ease, box-shadow 0.16s ease;
    }

    select.input[multiple] {
      min-height: 7.6rem;
      padding-top: 0.35rem;
      padding-bottom: 0.35rem;
    }

    select.input[multiple][data-easy-multi] {
      display: none;
    }

    .easy-multi-dropdown {
      position: relative;
      width: 100%;
    }

    .easy-multi-dropdown details {
      position: relative;
      width: 100%;
    }

    .easy-multi-dropdown summary {
      list-style: none;
      cursor: pointer;
      user-select: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
    }

    .easy-multi-dropdown summary::-webkit-details-marker {
      display: none;
    }

    .easy-multi__value {
      flex: 1 1 auto;
      min-width: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: var(--text-main);
      font-weight: 600;
    }

    .easy-multi__caret {
      flex: 0 0 auto;
      color: var(--text-soft);
      font-size: 0.86rem;
      transition: transform 0.15s ease;
    }

    .easy-multi-dropdown details[open] .easy-multi__caret {
      transform: rotate(180deg);
    }

    .easy-multi-dropdown details[open] > summary {
      border-color: rgba(194, 224, 255, 0.78);
      box-shadow: 0 0 0 2px rgba(103, 162, 255, 0.24);
    }

    .easy-multi__summary.is-disabled {
      opacity: 0.6;
      cursor: not-allowed;
    }

    .easy-multi__list {
      position: absolute;
      inset: calc(100% + 0.35rem) 0 auto 0;
      z-index: 30;
      max-height: 220px;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 0.42rem;
      border-radius: var(--radius-md);
      border: 1px solid rgba(151, 194, 255, 0.35);
      background: linear-gradient(162deg, rgba(11, 26, 50, 0.98), rgba(6, 15, 30, 0.98));
      box-shadow: 0 14px 36px rgba(2, 10, 25, 0.56);
    }

    .easy-multi__option {
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      gap: 0.5rem;
      border-radius: var(--radius-sm);
      padding: 0.28rem 0.38rem;
      color: var(--text-main);
      font-size: 0.92rem;
      cursor: pointer;
    }

    .easy-multi__option--select-all {
      margin-bottom: 0.24rem;
      padding-bottom: 0.34rem;
      border-bottom: 1px solid rgba(151, 194, 255, 0.22);
      border-radius: 0;
      font-weight: 700;
    }

    .easy-multi__option:hover {
      background: rgba(112, 170, 255, 0.12);
    }

    .easy-multi__option input[type='checkbox'] {
      width: 16px;
      height: 16px;
      accent-color: #5e94ff;
    }

    .easy-multi__option.is-disabled {
      opacity: 0.45;
      cursor: not-allowed;
    }

    .easy-multi__empty {
      padding: 0.3rem 0.5rem;
      color: var(--text-muted);
      font-size: 0.88rem;
    }

    .input:focus,
    select.input:focus,
    textarea.input:focus {
      outline: none;
      border-color: rgba(196, 224, 255, 0.84);
      box-shadow: 0 0 0 3px rgba(103, 162, 255, 0.24), 0 0 0 1px rgba(216, 236, 255, 0.22) inset;
    }

    .input::placeholder,
    textarea.input::placeholder {
      color: rgba(168, 196, 236, 0.72);
    }

    select.input option {
      background: #0b1730;
      color: var(--white-100);
    }

    .form-grid {
      --erp-form-min-column: 180px;
      --erp-form-gap: 0.72rem;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(var(--erp-form-min-column), 100%), 1fr));
      gap: var(--erp-form-gap);
      align-items: end;
      grid-auto-flow: row;
    }

    @media (max-width: 900px) {
      .form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    .form-grid > *,
    .filter-row > *,
    .cadastro-filter-bar > *,
    .panel-actions > *,
    .purchase-form-2row > *,
    .product-register-form > *,
    .product-extra-row > *,
    .sales-order-line > *,
    .client-order-line > *,
    .finance-settlement-line > *,
    .finance-settlement-main > *,
    .finance-settlement-cheque > *,
    .history-report-bar-row > *,
    .time-clock-actions > *,
    .time-clock-filter-grid > *,
    .time-clock-schedule-row > *,
    .schedule-week-grid .schedule-day-row > * {
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
      justify-self: stretch;
    }

    .form-grid label,
    .form-grid .form-field {
      display: grid;
      gap: 0.4rem;
      font-size: 0.9rem;
      color: var(--text-soft);
      min-width: 0;
      width: 100%;
      align-self: end;
    }

    .form-grid .input,
    .filter-row .input,
    .filter-row .btn,
    .cadastro-filter-bar .input,
    .cadastro-filter-bar .btn,
    .panel-actions .input,
    .panel-actions .btn {
      min-width: 0;
      box-sizing: border-box;
    }

    .form-grid .input,
    .form-grid > :is(label, .form-field, div) > :is(input.input, select.input, textarea.input, .input, button, .btn),
    .filter-row .input,
    .filter-row > * > :is(input.input, select.input, textarea.input, .input, button, .btn),
    .cadastro-filter-bar .input,
    .cadastro-filter-bar > * > :is(input.input, select.input, textarea.input, .input, button, .btn),
    .panel-actions .input,
    .time-clock-actions > * > :is(input.input, select.input, textarea.input, .input, button, .btn),
    .time-clock-filter-grid > * > :is(input.input, select.input, textarea.input, .input, button, .btn),
    .time-clock-schedule-row > * > :is(input.input, select.input, textarea.input, .input, button, .btn) {
      width: 100%;
      max-width: 100%;
    }

    .form-grid > .btn,
    .form-grid > button,
    .filter-row > .btn,
    .filter-row > button,
    .cadastro-filter-bar > .btn,
    .cadastro-filter-bar > button {
      align-self: end;
      justify-self: stretch;
      width: 100%;
    }

    .form-grid .table-actions {
      width: 100%;
    }

    .form-grid .table-actions > .btn {
      flex: 1 1 min(180px, 100%);
    }

    .time-clock-schedule-grid.schedule-week-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.62rem;
      align-items: start;
      width: 100%;
    }

    .time-clock-schedule-row.schedule-day-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.46rem 0.55rem;
      padding: 0.58rem;
      border-radius: var(--erp-radius-sm);
      align-items: end;
    }

    .time-clock-schedule-day {
      grid-column: 1 / -1;
      font-size: 1.02rem;
      font-weight: 800;
      color: var(--white-100);
    }

    .schedule-day-active {
      grid-column: 1 / -1;
      display: inline-flex;
      align-items: center;
      gap: 0.38rem;
      margin: 0;
    }

    .time-clock-schedule-row .schedule-time-field {
      display: grid;
      gap: 0.28rem;
      margin: 0;
    }

    @media (max-width: 1280px) {
      .time-clock-schedule-grid.schedule-week-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 900px) {
      .time-clock-schedule-grid.schedule-week-grid {
        grid-template-columns: minmax(0, 1fr);
      }

      .time-clock-schedule-row.schedule-day-row {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    .purchase-form-grid {
      gap: 0.55rem;
    }

    .purchase-form-2row {
      display: grid;
      grid-template-columns:
        minmax(170px, 1.05fr)
        minmax(220px, 1.45fr)
        minmax(110px, 0.72fr)
        minmax(140px, 0.9fr)
        minmax(150px, 0.95fr)
        minmax(140px, 0.9fr)
        minmax(180px, 1fr);
      grid-template-rows: auto;
      align-items: end;
      gap: 0.55rem;
    }
    .purchase-form-2row .purchase-field--ingredient { grid-column: 1; grid-row: 1; }
    .purchase-form-2row .purchase-field--supplier { grid-column: 2; grid-row: 1; }
    .purchase-form-2row .purchase-field--quantity { grid-column: 3; grid-row: 1; }
    .purchase-form-2row .purchase-field--price { grid-column: 4; grid-row: 1; }
    .purchase-form-2row .purchase-field--total-2row { grid-column: 5; grid-row: 1; }
    .purchase-form-2row .purchase-field--arrival { grid-column: 6; grid-row: 1; }
    .purchase-form-2row .purchase-field--lead-days { display: none; }
    .purchase-form-2row .purchase-submit-btn-2row { grid-column: 7; grid-row: 1; align-self: end; margin-top: 0; }
    .input-with-unit,
    .purchase-quantity-wrap {
      position: relative;
      display: block;
      width: 100%;
      min-width: 0;
    }

    .input-with-unit > .input,
    .purchase-quantity-wrap .input {
      width: 100% !important;
      display: block !important;
      padding-right: var(--input-unit-padding, 3.35rem) !important;
    }

    .input-with-unit.is-unit-empty > .input {
      padding-right: 0.9rem !important;
    }

    .input-unit-suffix,
    .purchase-quantity-unit {
      position: absolute;
      right: 0.72rem;
      top: 50%;
      transform: translateY(-50%);
      max-width: min(46%, 5.8rem);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 0.92em;
      color: #b8d0f8;
      pointer-events: none;
      line-height: 1;
    }

    .input-with-unit.is-unit-empty .input-unit-suffix {
      display: none;
    }
    .purchase-form-2row .purchase-field--total-2row { align-self: end; display: grid; gap: 0.4rem; }
    .purchase-form-2row .purchase-field--total-2row input { min-height: 38px; width: 100%; }
    .purchase-form-2row .purchase-optional-input { width: 100%; }
    .purchase-form-2row .purchase-submit-btn-2row { width: 100%; min-height: 42px; }
    .purchase-form-2row label { min-width: 0; }

    [data-tab-panel="compras"] .purchase-form-2row [data-form-error]:empty,
    [data-tab-panel="compras"] .purchase-form-2row [data-purchase-feedback]:empty {
      display: none;
    }

    [data-tab-panel="compras"] .purchase-form-2row [data-form-error]:not(:empty),
    [data-tab-panel="compras"] .purchase-form-2row [data-purchase-feedback]:not(:empty) {
      display: block;
      min-height: 1.1rem;
    }

    [data-tab-panel="compras"].panel > form.purchase-form-2row.form-grid + .card {
      margin-top: 0.45rem;
    }

    [data-tab-panel="compras"] .quotation-card {
      width: min(100%, 1320px);
      padding: 0.82rem 0.9rem;
    }

    [data-tab-panel="compras"] .quotation-card h3 {
      margin-bottom: 0.55rem;
    }

    [data-tab-panel="compras"] .quotation-card h4 {
      margin: 0.72rem 0 0.36rem;
      font-size: 0.94rem;
      line-height: 1.2;
      color: var(--white-100);
    }

    [data-tab-panel="compras"] .quotation-form {
      --erp-form-gap: 0.46rem;
      grid-template-columns: minmax(210px, 1fr) minmax(140px, 0.62fr) minmax(280px, 1.25fr) minmax(160px, 0.68fr);
      align-items: end;
    }

    [data-tab-panel="compras"] .quotation-field {
      gap: 0.28rem;
      font-size: 0.84rem;
    }

    [data-tab-panel="compras"] .quotation-field--item { grid-column: 1; grid-row: 1; }
    [data-tab-panel="compras"] .quotation-field--quantity { grid-column: 2; grid-row: 1; }
    [data-tab-panel="compras"] .quotation-field--suppliers { grid-column: 3 / 5; grid-row: 1; }
    [data-tab-panel="compras"] .quotation-request-hint { grid-column: 2 / 3; grid-row: 2; }
    [data-tab-panel="compras"] .quotation-field--channels { grid-column: 1; grid-row: 3; }
    [data-tab-panel="compras"] .quotation-field--message { grid-column: 2 / 4; grid-row: 3; }
    [data-tab-panel="compras"] .quotation-submit { grid-column: 4; grid-row: 3; }
    [data-tab-panel="compras"] .quotation-field--auto { grid-column: 1 / 3; grid-row: 4; }
    [data-tab-panel="compras"] .quotation-feedback { grid-column: 3 / 5; grid-row: 4; }

    [data-tab-panel="compras"] .quotation-card .input,
    [data-tab-panel="compras"] .quotation-card .easy-multi-dropdown summary.input {
      min-height: 38px;
    }

    [data-tab-panel="compras"] .quotation-card [data-quotation-message] {
      min-height: 42px;
      height: 42px;
      resize: vertical;
    }

    [data-tab-panel="compras"] .quotation-channel-options {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.28rem 0.7rem;
      margin-top: 0;
    }

    [data-tab-panel="compras"] .quotation-card .check-row {
      margin-bottom: 0;
      font-size: 0.84rem;
      line-height: 1.2;
    }

    [data-tab-panel="compras"] .quotation-card .check-row input[type="checkbox"] {
      width: 15px;
      height: 15px;
    }

    [data-tab-panel="compras"] .quotation-submit {
      justify-self: start;
      width: min(180px, 100%) !important;
      min-height: 42px;
      padding-inline: 0.85rem;
    }

    [data-tab-panel="compras"] .quotation-request-hint,
    [data-tab-panel="compras"] .quotation-feedback {
      min-height: 0;
      margin: 0;
      font-size: 0.78rem;
      line-height: 1.2;
    }

    [data-tab-panel="compras"] .quotation-request-hint:empty,
    [data-tab-panel="compras"] .quotation-feedback:empty {
      display: none;
    }

    [data-tab-panel="compras"] .quotation-suggestions-table-wrap {
      max-height: 230px;
    }

    [data-tab-panel="compras"] .quotation-history-table-wrap {
      max-height: 300px;
    }

    [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] {
      width: 100%;
      min-width: 100%;
      table-layout: fixed;
    }

    [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th,
    [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td {
      white-space: nowrap;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: manual;
    }

    [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(9) .btn {
      white-space: nowrap;
    }

    [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(8),
    [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(8) {
      text-align: center;
    }

    [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(2),
    [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(2) {
      display: none;
    }


    [data-tab-panel="compras"] .table-export-toolbar[data-table-export-owner*="daily-mrp"]:not(.table-export-toolbar--inline) .table-export-toggle {
      transform: translateY(21px);
    }
    @media (max-width: 900px) {
      .purchase-form-2row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
        align-items: end;
      }

      .purchase-form-2row .purchase-field--ingredient,
      .purchase-form-2row .purchase-field--supplier,
      .purchase-form-2row .purchase-submit-btn-2row,
      .purchase-form-2row [data-form-error],
      .purchase-form-2row [data-purchase-feedback] {
        grid-column: 1 / -1;
        grid-row: auto;
      }

      .purchase-form-2row .purchase-field--quantity { grid-column: 1; grid-row: 3; }
      .purchase-form-2row .purchase-field--price { grid-column: 2; grid-row: 3; }
      .purchase-form-2row .purchase-field--total-2row { grid-column: 1; grid-row: 4; }
      .purchase-form-2row .purchase-field--arrival { grid-column: 2; grid-row: 4; }
      .purchase-form-2row .purchase-field--lead-days { display: none; }

      [data-tab-panel="compras"] .quotation-form {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      }

      [data-tab-panel="compras"] .quotation-field--item { grid-column: 1; grid-row: 1; }
      [data-tab-panel="compras"] .quotation-field--quantity { grid-column: 2; grid-row: 1; }
      [data-tab-panel="compras"] .quotation-field--suppliers { grid-column: 1 / -1; grid-row: 2; }
      [data-tab-panel="compras"] .quotation-request-hint { grid-column: 1 / -1; grid-row: 3; }
      [data-tab-panel="compras"] .quotation-field--channels { grid-column: 1 / -1; grid-row: 4; }
      [data-tab-panel="compras"] .quotation-field--message { grid-column: 1 / -1; grid-row: 5; }
      [data-tab-panel="compras"] .quotation-submit { grid-column: 1; grid-row: 6; width: 100% !important; }
      [data-tab-panel="compras"] .quotation-field--auto { grid-column: 1 / -1; grid-row: 7; }
      [data-tab-panel="compras"] .quotation-feedback { grid-column: 1 / -1; grid-row: 8; }

      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
        font-size: 0.78rem;
      }

      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th,
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td {
        padding: 0.44rem 0.34rem;
      }

      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(2),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(2),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(5),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(5),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(6),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(6),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(7),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(7),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(9),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(9) {
        display: none;
      }

      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(1),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(1) {
        width: 34%;
      }

      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(3),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(3) {
        width: 24%;
      }

      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(4),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(4) {
        width: 20%;
      }

      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(8),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(8) {
        width: 22%;
      }
    }

    @media (max-width: 640px) {
      .purchase-form-2row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
        align-items: end;
      }

      .purchase-form-2row .purchase-field--ingredient,
      .purchase-form-2row .purchase-field--supplier,
      .purchase-form-2row .purchase-submit-btn-2row,
      .purchase-form-2row [data-form-error],
      .purchase-form-2row [data-purchase-feedback] {
        grid-column: 1 / -1;
        grid-row: auto;
      }

      .purchase-form-2row .purchase-field--quantity { grid-column: 1; grid-row: 3; }
      .purchase-form-2row .purchase-field--price { grid-column: 2; grid-row: 3; }
      .purchase-form-2row .purchase-field--total-2row { grid-column: 1; grid-row: 4; }
      .purchase-form-2row .purchase-field--arrival { grid-column: 2; grid-row: 4; }
      .purchase-form-2row .purchase-field--lead-days { display: none; }

      [data-tab-panel="compras"] .quotation-card {
        padding: 0.75rem;
      }

      [data-tab-panel="compras"] .quotation-form {
        grid-template-columns: minmax(0, 1fr);
      }

      [data-tab-panel="compras"] .quotation-field--item,
      [data-tab-panel="compras"] .quotation-field--quantity,
      [data-tab-panel="compras"] .quotation-field--suppliers,
      [data-tab-panel="compras"] .quotation-request-hint,
      [data-tab-panel="compras"] .quotation-field--channels,
      [data-tab-panel="compras"] .quotation-field--message,
      [data-tab-panel="compras"] .quotation-submit,
      [data-tab-panel="compras"] .quotation-field--auto,
      [data-tab-panel="compras"] .quotation-feedback {
        grid-column: 1 / -1;
        grid-row: auto;
      }

      [data-tab-panel="compras"] .quotation-channel-options {
        align-items: flex-start;
      }
    }

    .purchase-optional-input {
      position: relative;
      display: block;
      min-width: 0;
    }

    .purchase-optional-input .input {
      position: relative;
      z-index: 1;
    }

    .purchase-optional-placeholder {
      position: absolute;
      left: 0.62rem;
      top: 50%;
      z-index: 2;
      transform: translateY(-50%);
      color: rgba(168, 196, 236, 0.72);
      font-size: 0.86rem;
      line-height: 1;
      pointer-events: none;
    }

    .purchase-optional-input:not(.is-empty) .purchase-optional-placeholder,
    .purchase-optional-input.is-focused .purchase-optional-placeholder {
      display: none;
    }

    .purchase-optional-input.is-empty:not(.is-focused) input[type="date"] {
      color: transparent;
    }

    .purchase-optional-input.is-empty:not(.is-focused) input[type="date"]::-webkit-datetime-edit {
      color: transparent;
    }

    @media (min-width: 1100px) {
      /* O grid antigo foi substituído pelo .purchase-form-2row acima */
    }

    .partner-cnpj-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.46rem;
      align-items: end;
    }

    .partner-cnpj-row .btn {
      white-space: nowrap;
      padding-inline: 0.82rem;
    }

    [data-cadastro-card="parceiros"] .cadastro-filter-bar > .partner-cnpj-batch-refresh-btn {
      flex: 0 0 auto;
      width: auto;
      min-width: 220px;
    }

    [data-cadastro-card="parceiros"] [data-partner-cnpj-batch-feedback] {
      margin: -0.15rem 0 0.55rem;
      min-height: 1.12rem;
    }

    [data-cadastro-card="parceiros"] [data-partner-form] {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      align-items: start;
    }

    [data-cadastro-card="parceiros"] [data-partner-form] > label {
      min-width: 0;
    }

    [data-partner-form] .partner-field--type {
      grid-column: span 2;
    }

    [data-partner-form] .partner-field--legal-name {
      grid-column: span 4;
    }

    [data-partner-form] .partner-field--name {
      grid-column: span 3;
    }

    [data-partner-form] .partner-field--nickname {
      grid-column: span 3;
    }

    [data-partner-form] .partner-field--cnpj {
      grid-column: span 5;
    }

    [data-partner-form] .partner-field--cep {
      grid-column: span 3;
    }

    [data-partner-form] .partner-field--city {
      grid-column: span 3;
    }

    [data-partner-form] .partner-field--address {
      grid-column: span 4;
    }

    [data-partner-form] .partner-field--phone {
      grid-column: span 3;
    }

    [data-partner-form] .partner-field--email {
      grid-column: span 4;
    }

    [data-partner-form] .partner-field--order-password {
      grid-column: span 2;
    }

    [data-partner-form] .partner-field--receivable-days {
      grid-column: span 3;
    }

    [data-partner-form] .partner-field--permissions {
      grid-column: span 6;
    }

    [data-partner-form] .partner-time-clock-grid {
      grid-column: span 6;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      align-items: end;
    }

    [data-partner-form] .partner-time-clock-grid > label {
      min-width: 0;
    }

    [data-cadastro-card="parceiros"] [data-partner-form] > label.span-2,
    [data-cadastro-card="parceiros"] [data-partner-form] > .partner-access-panel,
    [data-cadastro-card="parceiros"] [data-partner-form] > .form-note,
    [data-cadastro-card="parceiros"] [data-partner-form] > .btn.primary {
      grid-column: 1 / -1;
    }

    .partner-access-panel {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 0.65rem;
      padding: 0.8rem;
      border: 1px solid rgba(147, 197, 253, 0.22);
      border-radius: var(--radius-sm);
      background: rgba(8, 22, 45, 0.36);
    }

    .partner-access-panel h4,
    .partner-access-panel .partner-access-status,
    .partner-access-panel .partner-access-actions {
      grid-column: 1 / -1;
    }

    .partner-access-panel h4 {
      margin: 0;
    }

    .partner-access-status {
      color: var(--text-muted);
      font-size: 0.84rem;
      line-height: 1.35;
    }

    .partner-access-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
    }

    .field-hidden {
      display: none !important;
    }

    .form-grid .span-2 {
      grid-column: span 2;
    }

    .form-grid .span-3 {
      grid-column: span 3;
    }

    .form-grid .span-4 {
      grid-column: span 4;
    }

    .form-grid .span-6 {
      grid-column: span 6;
    }

    .product-register-form {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 0.65rem 0.58rem;
      align-items: start;
    }

    .product-register-form > label,
    .product-register-form > .form-field {
      grid-column: span 3;
      align-self: start;
      gap: 0.32rem;
      font-size: 0.88rem;
    }

    .product-register-form > label.product-field--half,
    .product-register-form > .form-field.product-field--half {
      grid-column: span 6;
    }

    .product-register-form > label.product-field--full,
    .product-register-form > .form-field.product-field--full {
      grid-column: 1 / -1;
    }

    .product-matrix-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.55rem;
      min-width: 0;
    }

    .product-matrix-header > span {
      min-width: 0;
    }

    .product-matrix-header .btn {
      flex: 0 0 auto;
      min-height: 34px;
      padding: 0.38rem 0.7rem;
      font-size: 0.82rem;
    }

    .product-register-form .check-row {
      margin-bottom: 0;
      line-height: 1.25;
    }

    .product-register-form .nutrition-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.42rem 0.5rem;
      margin-top: 0.2rem;
    }

    .product-register-form .formula-matrix {
      max-height: 300px;
    }

    .product-register-form > .product-extra-builder,
    .product-edit-form .product-extra-builder,
    [data-subcategory-form] .product-extra-builder,
    [data-generic-edit-fields] .product-extra-builder {
      grid-column: 1 / -1;
    }

    .product-extra-legacy-field {
      display: none !important;
    }

    .product-extra-builder {
      display: grid;
      gap: 0.55rem;
      min-width: 0;
    }

    [data-product-extra-wrap],
    [data-edit-product-extra-wrap],
    [data-subcategory-extra-wrap],
    [data-edit-subcategory-production-defaults-wrap] {
      padding: 0.62rem;
      border: 1px solid rgba(148, 190, 255, 0.2);
      border-radius: var(--radius-sm);
      background: rgba(5, 14, 30, 0.24);
    }

    [data-product-formula-wrap],
    [data-edit-product-formula-wrap] {
      padding: 0.62rem;
      border: 1px solid rgba(178, 213, 249, 0.34);
      border-radius: var(--erp-radius-sm);
      background: var(--erp-card);
      box-shadow: var(--erp-shadow-soft), inset 0 1px 0 rgba(244, 248, 255, 0.12);
      overflow: hidden;
    }

    [data-product-formula-wrap] .product-extra-builder__header,
    [data-edit-product-formula-wrap] .product-extra-builder__header {
      margin: -0.62rem -0.62rem 0;
      padding: 0.54rem 0.72rem 0.48rem;
      border-bottom: 1px solid rgba(178, 213, 249, 0.24);
      background: linear-gradient(180deg, rgba(244, 248, 255, 0.08), rgba(244, 248, 255, 0.02));
    }

    .product-extra-builder__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      color: var(--text-soft);
      font-size: 0.88rem;
      font-weight: 600;
    }

    .product-extra-list {
      display: grid;
      gap: 0.5rem;
    }

    [data-product-extra-list],
    [data-edit-product-extra-list],
    [data-subcategory-extra-list],
    [data-edit-subcategory-extra-list] {
      gap: 0;
    }

    [data-product-formula-list],
    [data-edit-product-formula-list] {
      gap: 0;
      padding: 0.46rem 0.62rem;
      border: 1px solid rgba(178, 213, 249, 0.3);
      border-radius: var(--erp-radius-sm);
      background: linear-gradient(180deg, rgba(8, 21, 53, 0.54), rgba(5, 14, 30, 0.36));
    }

    [data-product-formula-wrap] :is([data-product-formula-add], [data-edit-product-formula-add]),
    [data-edit-product-formula-wrap] :is([data-product-formula-add], [data-edit-product-formula-add]) {
      min-height: 38px;
      padding: 0.42rem 0.92rem;
      border-radius: var(--radius-pill) !important;
      font-weight: 700;
      letter-spacing: 0.01em;
    }

    [data-product-formula-wrap] .product-extra-row [data-formula-item-remove],
    [data-edit-product-formula-wrap] .product-extra-row [data-formula-item-remove] {
      min-height: 38px;
      padding: 0.4rem 0.86rem;
      border-radius: var(--radius-pill) !important;
      font-weight: 700;
      white-space: nowrap;
    }

    .product-extra-row {
      display: grid;
      grid-template-columns: minmax(150px, 0.8fr) minmax(220px, 1.35fr) minmax(150px, 0.75fr) auto;
      gap: 0.5rem;
      align-items: end;
      padding: 0.58rem;
      border: 1px solid rgba(148, 190, 255, 0.2);
      border-radius: var(--radius-sm);
      background: rgba(5, 14, 30, 0.38);
    }

    .product-extra-row label {
      display: grid;
      gap: 0.28rem;
      min-width: 0;
      font-size: 0.78rem;
      color: var(--text-muted);
    }

    .product-extra-row .btn {
      min-height: 36px;
      align-self: end;
    }

    .product-extra-list [data-product-extra-row] {
      padding: 0.42rem 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .product-extra-list [data-product-extra-row] + [data-product-extra-row] {
      border-top: 1px solid rgba(148, 190, 255, 0.2);
      margin-top: 0.08rem;
      padding-top: 0.6rem;
    }

    .product-extra-empty {
      margin: 0;
      padding: 0.7rem 0.85rem;
      border: 1px dashed rgba(148, 190, 255, 0.24);
      border-radius: var(--radius-sm);
      color: var(--text-muted);
      font-size: 0.82rem;
    }

    .product-register-form .product-register-submit {
      grid-column: 10 / -1;
      align-self: end;
      width: 100%;
      min-height: 40px;
    }

    .product-register-form > .form-note {
      grid-column: 1 / -1;
    }

    .form-note {
      grid-column: 1 / -1;
      font-size: 0.85rem;
      color: var(--text-muted);
      min-height: 1.2rem;
      margin: 0;
    }

    .app-toast-container {
      position: fixed;
      top: max(0.9rem, env(safe-area-inset-top));
      right: max(0.9rem, env(safe-area-inset-right));
      z-index: 100020;
      width: min(390px, calc(100vw - 1.8rem));
      display: grid;
      gap: 0.55rem;
      pointer-events: none;
    }

    .app-toast {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 0.65rem;
      align-items: start;
      padding: 0.72rem 0.78rem;
      border: 1px solid rgba(181, 218, 255, 0.32);
      border-left: 4px solid var(--blue-400);
      border-radius: var(--radius-xs);
      background: linear-gradient(160deg, rgba(8, 20, 40, 0.96), rgba(3, 11, 24, 0.97));
      color: var(--text-main);
      box-shadow: 0 16px 34px rgba(2, 8, 22, 0.48);
      pointer-events: auto;
      animation: toastIn 0.18s ease-out;
    }

    .app-toast.is-leaving {
      opacity: 0;
      transform: translateY(-6px);
      transition: opacity 0.16s ease, transform 0.16s ease;
    }

    .app-toast--success {
      border-left-color: #48d6b5;
    }

    .app-toast--warning {
      border-left-color: #f2b84b;
    }

    .app-toast--error {
      border-left-color: var(--red-400);
    }

    .app-toast--info {
      border-left-color: var(--blue-400);
    }

    .app-toast__dot {
      width: 0.6rem;
      height: 0.6rem;
      margin-top: 0.34rem;
      border-radius: 50%;
      background: var(--blue-400);
      box-shadow: 0 0 0 4px rgba(118, 175, 234, 0.12);
    }

    .app-toast--success .app-toast__dot {
      background: #48d6b5;
      box-shadow: 0 0 0 4px rgba(72, 214, 181, 0.12);
    }

    .app-toast--warning .app-toast__dot {
      background: #f2b84b;
      box-shadow: 0 0 0 4px rgba(242, 184, 75, 0.14);
    }

    .app-toast--error .app-toast__dot {
      background: var(--red-400);
      box-shadow: 0 0 0 4px rgba(213, 90, 108, 0.14);
    }

    .app-toast__message {
      min-width: 0;
      color: #f8fcff;
      font-size: 0.86rem;
      font-weight: 700;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }

    .app-toast__close {
      width: 1.6rem;
      height: 1.6rem;
      display: inline-grid;
      place-items: center;
      border: 1px solid rgba(181, 218, 255, 0.24);
      border-radius: var(--radius-xs);
      background: rgba(255, 255, 255, 0.04);
      color: rgba(248, 252, 255, 0.82);
      cursor: pointer;
      font: inherit;
      font-size: 0.8rem;
      line-height: 1;
    }

    .app-toast__close:hover {
      border-color: rgba(248, 252, 255, 0.5);
      color: #ffffff;
      background: rgba(255, 255, 255, 0.09);
    }

    @keyframes toastIn {
      from {
        opacity: 0;
        transform: translateY(-8px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @media (max-width: 720px) {
      .app-toast-container {
        top: auto;
        right: max(0.75rem, env(safe-area-inset-right));
        bottom: max(0.85rem, env(safe-area-inset-bottom));
        left: max(0.75rem, env(safe-area-inset-left));
        width: auto;
      }

      .app-toast {
        padding: 0.68rem 0.72rem;
      }
    }

    .crm-attachment-note {
      display: block;
      margin-top: 0.35rem;
      color: var(--text-muted);
      font-size: 0.82rem;
      line-height: 1.35;
    }

    .formula-matrix {
      border: 1px solid rgba(148, 190, 255, 0.22);
      border-radius: var(--radius-md);
      background: rgba(5, 14, 30, 0.62);
      overflow: hidden;
      max-height: 220px;
      overflow-y: auto;
    }

    .formula-matrix__empty {
      margin: 0;
      padding: 0.7rem 0.85rem;
      font-size: 0.82rem;
      color: var(--text-muted);
    }

    .formula-matrix__row {
      display: grid;
      grid-template-columns: 30px minmax(0, 1fr) 112px 78px 90px;
      gap: 0.45rem;
      align-items: center;
      padding: 0.38rem 0.55rem;
      border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    }

    .formula-matrix__row:last-child {
      border-bottom: 0;
    }

    .formula-matrix__check {
      width: 16px;
      height: 16px;
    }

    .formula-matrix__label {
      font-size: 0.84rem;
      color: var(--text-soft);
      line-height: 1.2;
    }

    .formula-matrix__badge {
      justify-self: start;
      border: 1px solid rgba(142, 194, 255, 0.24);
      border-radius: var(--radius-pill);
      padding: 0.14rem 0.45rem;
      font-size: 0.74rem;
      color: var(--blue-200);
      background: rgba(9, 24, 48, 0.55);
      white-space: nowrap;
    }

    .formula-matrix__qty {
      min-height: 34px;
      padding: 0.25rem 0.45rem;
      font-size: 0.82rem;
      text-align: right;
    }

    .formula-matrix__qty[readonly] {
      opacity: 0.8;
      cursor: default;
    }

    .formula-matrix__op-toggle {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.2rem;
      font-size: 0.7rem;
      color: var(--text-muted);
      white-space: nowrap;
      padding: 0.2rem 0.28rem;
      border: 1px solid rgba(142, 194, 255, 0.22);
      border-radius: var(--radius-pill);
      background: rgba(9, 24, 48, 0.42);
    }

    .formula-matrix__op-toggle input {
      width: 14px;
      height: 14px;
      accent-color: var(--blue-500);
    }

    .formula-help {
      font-size: 0.78rem;
      color: var(--text-muted);
      line-height: 1.35;
    }

    .check-row {
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      font-size: 0.9rem;
      color: var(--text-soft);
      margin-bottom: 0.2rem;
    }

    .check-row input[type="checkbox"] {
      width: 16px;
      height: 16px;
    }

    .production-detail-list {
      border: 1px solid rgba(148, 190, 255, 0.2);
      border-radius: var(--radius-md);
      background: rgba(5, 14, 30, 0.62);
      overflow: hidden;
      max-height: 260px;
      overflow-y: auto;
      min-height: 44px;
    }

    .production-detail-empty {
      margin: 0;
      padding: 0.7rem 0.85rem;
      font-size: 0.82rem;
      color: var(--text-muted);
    }

    .production-detail-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(88px, 42%);
      gap: 0.5rem;
      align-items: center;
      padding: 0.4rem 0.55rem;
      border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    }

    .production-detail-row:last-child {
      border-bottom: 0;
    }

    .production-detail-name {
      font-size: 0.83rem;
      color: var(--text-soft);
      line-height: 1.2;
      word-break: normal;
      overflow-wrap: break-word;
    }

    .production-detail-note {
      display: block;
      margin-top: 0.18rem;
      font-size: 0.7rem;
      color: var(--text-muted);
      line-height: 1.25;
    }

    .production-detail-row .input {
      min-height: 34px;
      padding: 0.25rem 0.45rem;
      font-size: 0.8rem;
    }

    .production-detail-row--fill {
      grid-template-columns: minmax(120px, 1fr) minmax(160px, 56%);
    }

    .production-detail-inputs--fill {
      grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
    }

    .production-detail-row--roles {
      grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
      align-items: start;
      gap: 0.42rem;
    }

    .production-detail-row--roles .production-detail-name {
      font-weight: 600;
      color: var(--white-100);
      padding-top: 0.38rem;
    }

    .production-detail-row--roles .production-detail-inputs {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.42rem;
    }

    .production-detail-inputs--roles .production-role-half {
      min-width: 0;
      width: 100%;
    }

    @media (max-width: 860px) {
      .production-detail-row--roles {
        grid-template-columns: minmax(0, 1fr);
      }

      .production-detail-row--fill {
        grid-template-columns: minmax(0, 1fr);
      }

      .production-detail-row--roles .production-detail-name {
        padding-top: 0;
      }

      .production-detail-row--roles .production-detail-inputs {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    .production-detail-inputs {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
      gap: 0.35rem;
      width: 100%;
    }

    .production-detail-inputs .input {
      width: 100%;
      min-width: 0;
    }

    .production-role-slot {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(120px, 170px);
      gap: 0.35rem;
      align-items: end;
    }

    .production-role-slot--single {
      grid-template-columns: minmax(0, 1fr);
    }

    .production-role-schedule-wrap {
      min-width: 0;
    }

    .production-role-slot .input {
      width: 100%;
      min-width: 0;
    }

    .production-role-slot [data-production-role-employee][size] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 30;
    }

    .production-role-time {
      font-size: 0.76rem;
      color: var(--text-muted);
      line-height: 1.1;
    }

    .production-detail-row.is-disabled .production-detail-name {
      opacity: 0.68;
    }

    .production-detail-row .input:disabled {
      opacity: 0.6;
      cursor: not-allowed;
    }

    .production-detail-row--batch {
      grid-template-columns:
        minmax(180px, 1fr)
        minmax(110px, 0.46fr);
      gap: 0.42rem;
      align-items: center;
      min-width: 0;
      margin: 0.42rem;
      padding: 0.52rem 0.58rem;
      border: 1px solid rgba(148, 163, 184, 0.14);
      border-radius: var(--radius-sm);
      background: rgba(8, 18, 36, 0.52);
    }

    .production-batch-header {
      display: grid;
      grid-template-columns:
        minmax(180px, 1fr)
        minmax(110px, 0.46fr);
      gap: 0.42rem;
      align-items: center;
      padding: 0.48rem 0.58rem;
      border-bottom: 1px solid rgba(148, 163, 184, 0.16);
      background: rgba(12, 27, 52, 0.68);
      font-size: 0.73rem;
      color: var(--text-muted);
      letter-spacing: 0.02em;
      min-width: 0;
    }

    .production-batch-col-title {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .production-batch-allocated {
      text-align: right;
      font-variant-numeric: tabular-nums;
    }

    .production-batch-product {
      min-width: 0;
    }

    [data-production-form] [data-production-group-batch-wrap] > .check-row {
      display: none;
    }

    .production-batch-product .production-detail-name {
      display: block;
      min-width: 0;
      font-weight: 600;
      color: var(--white-100);
    }

    [data-production-form] {
      grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
      gap: 0.72rem;
      align-items: start;
    }

    .production-form-main,
    .production-form-side {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.62rem;
      align-content: start;
      min-width: 0;
    }

    .production-form-main {
      grid-column: 1;
    }

    .production-form-main > label {
      grid-template-columns: minmax(130px, 170px) minmax(0, 1fr);
      align-items: center;
      column-gap: 0.58rem;
      row-gap: 0.28rem;
    }

    .production-form-main > label > .input,
    .production-form-main > label > .production-detail-list,
    .production-form-main > label > textarea {
      grid-column: 2;
      min-width: 0;
      width: 100%;
    }

    .production-form-main > label > span:first-child {
      grid-column: 1;
    }

    .production-form-side {
      grid-column: 2;
    }

    [data-production-overrun-wrap] {
      max-width: none;
    }

    [data-production-overrun-wrap] .input {
      max-width: none;
    }

    .production-capacity-fields {
      display: grid;
      grid-template-columns: repeat(2, minmax(120px, 1fr));
      gap: 0.45rem;
      margin: 0;
    }

    .production-capacity-field {
      display: grid;
      gap: 0.18rem;
      font-size: 0.76rem;
      color: var(--text-muted);
      margin: 0;
    }

    .production-capacity-field .input {
      min-height: 34px;
      padding: 0.24rem 0.45rem;
      font-size: 0.8rem;
      color: var(--text-soft);
    }

    .production-capacity-field .input[readonly] {
      cursor: default;
      opacity: 0.92;
    }

    [data-production-form] [data-production-group-batch-wrap] {
      grid-column: 1 / -1;
      order: 1;
    }

    [data-production-group-batch-list] {
      display: grid;
      gap: 0;
      overflow-x: hidden;
      overflow-y: auto;
      max-height: none;
    }

    [data-production-form] [data-production-role-wrap] {
      grid-column: 1 / -1;
      order: 2;
    }

    .production-form-side [data-production-role-wrap] .production-detail-list {
      grid-template-columns: minmax(0, 1fr);
      max-height: none;
    }

    .production-form-side [data-production-role-wrap] .production-detail-row--roles {
      grid-template-columns: minmax(0, 1fr);
    }

    .production-form-side [data-production-role-wrap] .production-detail-row--roles .production-detail-name {
      padding-top: 0;
    }

    .production-form-side [data-production-role-wrap] .production-detail-row--roles .production-detail-inputs {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.35rem;
    }

    .production-form-side .production-role-slot {
      grid-template-columns: minmax(0, 1fr);
    }

    .production-form-side .production-detail-row--batch,
    .production-form-side .production-batch-header {
      grid-template-columns: minmax(130px, 1fr) minmax(86px, 0.48fr);
      min-width: 0;
    }

    [data-production-form] [data-production-flavor-group-wrap] {
      display: none !important;
    }

    [data-production-form] [data-production-pending-wrap] {
      order: 1;
    }

    [data-production-form] [data-production-base-wrap] {
      order: 2;
    }

    [data-production-form] [data-production-solid-wrap],
    [data-production-form] [data-production-liquid-wrap],
    [data-production-form] [data-production-flavoring-wrap] {
      grid-column: 1 / -1;
      min-width: 0;
    }

    [data-production-form] [data-production-pending-wrap],
    [data-production-form] [data-production-base-wrap],
    [data-production-form] [data-production-actual-produced-wrap],
    [data-production-form] [data-production-bobina-wrap],
    [data-production-form] [data-production-overrun-wrap],
    [data-production-form] [data-production-estimated-final-wrap] {
      grid-column: 1 / -1;
    }

    [data-production-form] [data-production-solid-wrap] {
      order: 3;
    }

    [data-production-form] [data-production-liquid-wrap] {
      order: 4;
    }

    [data-production-form] [data-production-flavoring-wrap] {
      order: 5;
    }

    [data-production-form] [data-production-overrun-wrap] {
      order: 6;
      min-width: 0;
    }

    [data-production-form] [data-production-solid-wrap] .production-detail-row,
    [data-production-form] [data-production-liquid-wrap] .production-detail-row,
    [data-production-form] [data-production-flavoring-wrap] .production-detail-row {
      grid-template-columns: minmax(0, 1fr);
      gap: 0.3rem;
      padding: 0.42rem 0.48rem;
    }

    [data-production-form] [data-production-solid-wrap] .production-detail-inputs--fill,
    [data-production-form] [data-production-liquid-wrap] .production-detail-inputs--fill,
    [data-production-form] [data-production-flavoring-wrap] .production-detail-inputs--fill {
      grid-template-columns: minmax(0, 1fr);
    }

    [data-production-form] [data-production-estimated-final-wrap] {
      order: 7;
    }

    .production-entry-card {
      overflow: hidden;
      padding: 0;
    }

    .production-entry-card > h3 {
      margin: 0;
      padding: 0.9rem 1rem 0.78rem;
      border-bottom: 1px solid rgba(148, 190, 255, 0.22);
      background: linear-gradient(90deg, rgba(23, 54, 98, 0.46), rgba(6, 18, 38, 0.28));
    }

    .production-entry-card [data-production-form] {
      padding: 0.85rem;
      gap: 0.82rem;
    }

    .production-form-main,
    .production-form-side {
      border: 1px solid rgba(148, 190, 255, 0.2);
      border-radius: var(--radius-md);
      background: rgba(5, 14, 30, 0.36);
      padding: 0.72rem;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    }

    .production-form-main {
      grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
      gap: 0.62rem;
    }

    .production-form-section-title {
      grid-column: 1 / -1;
      display: flex;
      align-items: center;
      min-height: 22px;
      color: var(--blue-200);
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.04em;
    }

    .production-form-main > label,
    .production-form-side > label {
      border: 1px solid rgba(148, 190, 255, 0.18);
      border-radius: var(--radius-sm);
      background: rgba(7, 20, 42, 0.58);
      padding: 0.58rem;
    }

    .production-form-main > label {
      grid-template-columns: minmax(0, 1fr);
      align-items: stretch;
      gap: 0.34rem;
    }

    .production-form-main > label > .input,
    .production-form-main > label > .production-detail-list,
    .production-form-main > label > textarea,
    .production-form-main > label > span:first-child {
      grid-column: 1;
    }

    .production-form-main [data-production-pending-wrap],
    .production-form-main [data-production-solid-wrap],
    .production-form-main [data-production-liquid-wrap],
    .production-form-main [data-production-flavoring-wrap],
    .production-form-main > label.span-2:not([data-production-group-batch-wrap]),
    .production-form-main > button[type="submit"],
    .production-form-main > .form-note {
      grid-column: 1 / -1;
    }

    .production-form-main [data-production-base-wrap],
    .production-form-main [data-production-actual-produced-wrap],
    .production-form-main [data-production-bobina-wrap],
    .production-form-main [data-production-overrun-wrap],
    .production-form-main [data-production-estimated-final-wrap] {
      grid-column: span 1;
    }

    .production-form-main .production-detail-list {
      border-radius: var(--radius-sm);
      background: rgba(2, 9, 22, 0.5);
      max-height: none;
    }

    .production-form-main [data-production-solid-wrap] .production-detail-row--fill,
    .production-form-main [data-production-liquid-wrap] .production-detail-row--fill,
    .production-form-main [data-production-flavoring-wrap] .production-detail-row--fill {
      grid-template-columns: minmax(125px, 0.78fr) minmax(220px, 1.22fr);
      padding: 0.48rem 0.56rem;
    }

    .production-form-main > button[type="submit"] {
      width: 100%;
      min-height: 44px;
      border-radius: var(--radius-sm);
    }

    .production-form-side {
      gap: 0.72rem;
    }

    .production-form-side > label {
      display: grid;
      gap: 0.5rem;
      min-width: 0;
    }

    .production-side-title {
      color: var(--blue-200);
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.04em;
    }

    .production-form-side .production-detail-list {
      border-radius: var(--radius-sm);
      background: rgba(2, 9, 22, 0.44);
    }

    .production-form-side [data-production-role-wrap] .production-detail-row--roles {
      border-color: rgba(148, 190, 255, 0.18);
      background: rgba(9, 24, 49, 0.62);
    }

    .production-form-main > label.span-2:not([data-production-group-batch-wrap]) {
      grid-column: 1 / -1;
      order: 40;
    }

    .production-form-main > button[type="submit"] {
      order: 41;
    }

    .production-form-main > .form-note {
      grid-column: 1 / -1;
      order: 42;
    }

    .production-entry-card {
      overflow: visible;
      padding: 1rem;
    }

    .production-entry-card > h3 {
      margin: 0 0 0.85rem;
      padding: 0;
      border-bottom: 0;
      background: transparent;
    }

    .production-entry-card [data-production-form] {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      grid-auto-flow: row;
      gap: 0.6rem;
      padding: 0;
      align-items: start;
    }

    .production-entry-card .production-form-main,
    .production-entry-card .production-form-side {
      border: 0;
      border-radius: 0;
      background: transparent;
      padding: 0;
      box-shadow: none;
      gap: 0.6rem;
    }

    .production-entry-card .production-form-main {
      grid-column: 1 / 10;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      grid-auto-flow: row dense;
    }

    .production-entry-card .production-form-main [data-production-quantity-stack] {
      grid-column: span 3;
      order: 2;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.28rem;
      align-self: start;
      min-width: 0;
    }

    .production-entry-card .production-form-side {
      grid-column: 10 / -1;
      grid-template-columns: minmax(0, 1fr);
      margin-top: 0;
    }

    .production-entry-card .production-form-section-title {
      display: none;
    }

    .production-entry-card .production-form-main > label,
    .production-entry-card .production-form-side > label {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.35rem;
      align-items: start;
      column-gap: 0;
      min-width: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      padding: 0;
      font-size: 0.9rem;
      color: var(--text-soft);
    }

    .production-entry-card .production-form-side > label {
      border: 1px solid rgba(148, 190, 255, 0.2);
      border-radius: var(--radius-xs);
      background: rgba(4, 13, 28, 0.44);
      padding: 0.58rem;
    }

    .production-entry-card .production-form-side [data-production-role-wrap] {
      border: 0;
      border-radius: 0;
      background: transparent;
      padding: 0;
    }

    .production-entry-card .production-form-main [data-production-pending-wrap] {
      grid-column: 1 / -1;
      order: 1;
    }

    .production-entry-card .production-form-main [data-production-base-wrap] {
      grid-column: 1 / -1;
      align-self: start;
    }

    .production-entry-card .production-form-main [data-production-quantity-stack] [data-production-overrun-wrap] {
      grid-column: 1 / -1;
      align-self: start;
    }

    .production-entry-card .production-form-main [data-production-group-batch-wrap] {
      grid-column: 4 / 9;
      order: 2;
      align-self: start;
      border: 0;
      border-radius: 0;
      background: transparent;
      padding: 0;
    }

    .production-entry-card .production-form-main [data-production-group-batch-wrap] .production-detail-list {
      border: 0;
      background: transparent;
      padding: 0;
      min-height: 0;
    }

    .production-entry-card .production-form-main [data-production-group-batch-wrap] .production-detail-row--batch {
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
    }

    .production-entry-card .production-form-main [data-production-group-batch-wrap] .production-detail-row--batch {
      margin: 0 0 0.46rem;
      padding: 0;
      min-height: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    .production-entry-card .production-form-main [data-production-group-batch-wrap] .production-detail-row--batch:last-child {
      margin-bottom: 0;
    }

    .production-entry-card .production-form-main [data-production-group-batch-wrap] .production-detail-name {
      display: block;
      font-size: 0.9rem;
      font-weight: 500;
      color: var(--text-soft);
      line-height: 1.25;
      min-height: 1.25rem;
    }

    .production-entry-card .production-form-main [data-production-group-batch-wrap] [data-production-batch-qty] {
      min-height: 42px;
      padding: 0.55rem 0.72rem;
      font-size: 0.95rem;
      text-align: right;
    }

    .production-entry-card .production-form-main [data-production-solid-wrap] .production-detail-name,
    .production-entry-card .production-form-main [data-production-liquid-wrap] .production-detail-name,
    .production-entry-card .production-form-main [data-production-flavoring-wrap] .production-detail-name {
      display: block;
      font-size: 0.9rem;
      font-weight: 500;
      color: var(--text-soft);
      line-height: 1.25;
      min-height: 1.25rem;
    }

    .production-entry-card .production-detail-field {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.4rem;
      min-width: 0;
      margin: 0;
      font-size: 0.9rem;
      color: var(--text-soft);
    }

    .production-entry-card .production-form-main [data-production-estimated-final-wrap] {
      grid-column: span 3;
      order: 3;
    }

    .production-entry-card .production-form-main [data-production-overrun-wrap] {
      grid-column: span 3;
      order: 3;
      align-self: start;
    }

    .production-entry-card .production-form-main [data-production-solid-wrap],
    .production-entry-card .production-form-main [data-production-liquid-wrap],
    .production-entry-card .production-form-main [data-production-flavoring-wrap] {
      grid-column: 9 / -1;
      align-self: start;
    }

    .production-entry-card .production-form-main [data-production-solid-wrap] {
      order: 2;
    }

    .production-entry-card .production-form-main [data-production-liquid-wrap] {
      order: 3;
    }

    .production-entry-card .production-form-main [data-production-flavoring-wrap] {
      order: 4;
    }

    .production-entry-card .production-form-main > label.span-2:not([data-production-group-batch-wrap]) {
      grid-column: 1 / 6;
      order: 40;
    }

    .production-entry-card .production-form-main > button[type="submit"] {
      grid-column: 6 / 9;
      order: 40;
      min-height: 42px;
      border-radius: var(--radius-xs);
      align-self: start;
      margin-top: 1.58rem;
    }

    .production-entry-card .production-form-main > .form-note {
      grid-column: 1 / -1;
    }

    .production-entry-card [data-production-form] .input {
      min-height: 42px;
      padding: 0.55rem 0.72rem;
      font-size: 0.95rem;
      line-height: 1.25;
    }

    .production-entry-card [data-production-form] select.input {
      padding: 0.5rem 0.66rem;
    }

    .production-entry-card .production-detail-list {
      border: 1px solid rgba(148, 190, 255, 0.2);
      border-radius: var(--radius-xs);
      background: rgba(4, 13, 28, 0.54);
      padding: 0.45rem;
      max-height: none;
    }

    .production-entry-card .production-form-main [data-production-solid-wrap] .production-detail-list,
    .production-entry-card .production-form-main [data-production-liquid-wrap] .production-detail-list,
    .production-entry-card .production-form-main [data-production-flavoring-wrap] .production-detail-list {
      border: 0;
      border-radius: 0;
      background: transparent;
      padding: 0;
      overflow: visible;
      min-height: 0;
    }

    .production-entry-card .production-form-main [data-production-solid-wrap] .production-detail-row--fill,
    .production-entry-card .production-form-main [data-production-liquid-wrap] .production-detail-row--fill,
    .production-entry-card .production-form-main [data-production-flavoring-wrap] .production-detail-row--fill {
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
      align-items: start;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    .production-entry-card .production-form-main [data-production-solid-wrap] .production-detail-inputs--fill,
    .production-entry-card .production-form-main [data-production-liquid-wrap] .production-detail-inputs--fill,
    .production-entry-card .production-form-main [data-production-flavoring-wrap] .production-detail-inputs--fill {
      grid-template-columns: minmax(0, 1fr);
      gap: 0.46rem;
    }

    .production-entry-card .production-form-main [data-production-solid-wrap] .production-detail-row--fill:last-child,
    .production-entry-card .production-form-main [data-production-liquid-wrap] .production-detail-row--fill:last-child,
    .production-entry-card .production-form-main [data-production-flavoring-wrap] .production-detail-row--fill:last-child {
      border-bottom: 0;
    }

    .production-entry-card [data-production-group-batch-list] {
      border-radius: 0;
      padding: 0;
    }

    .production-entry-card .production-form-side [data-production-role-wrap] .production-detail-list {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.46rem;
      border: 0;
      border-radius: 0;
      background: transparent;
      padding: 0;
      min-height: 0;
      overflow: visible;
    }

    .production-entry-card .production-form-side [data-production-role-wrap] .production-detail-row--roles {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
      align-items: start;
      border: 0;
      border-radius: 0;
      background: transparent;
      padding: 0;
      min-height: 0;
    }

    .production-entry-card .production-form-side [data-production-role-wrap] .production-detail-name {
      display: block;
      margin: 0;
      padding-top: 0;
      min-height: 1.25rem;
      font-size: 0.9rem;
      font-weight: 500;
      line-height: 1.25;
      color: var(--text-soft);
    }

    .production-entry-card .production-form-side [data-production-role-wrap] .production-detail-inputs--roles {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.46rem;
      align-items: start;
    }

    .production-entry-card .production-form-side [data-production-role-wrap] .production-role-half,
    .production-entry-card .production-form-side [data-production-role-wrap] .production-role-slot {
      min-width: 0;
    }

    .production-entry-card .production-form-side [data-production-role-wrap] .production-role-slot {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
      align-items: start;
    }

    .production-entry-card .production-form-side [data-production-role-wrap] .input {
      height: 42px;
      min-height: 42px;
      padding: 0.55rem 0.72rem;
      font-size: 0.95rem;
      line-height: 1.25;
    }

    .production-entry-card .production-detail-row--batch,
    .production-entry-card .production-batch-header {
      grid-template-columns: minmax(135px, 1fr) minmax(86px, 0.46fr);
    }

    .production-entry-card .production-side-title {
      color: var(--text-soft);
      font-size: 0.76rem;
      letter-spacing: 0.04em;
    }

    @media (max-width: 980px) {
      [data-production-form] {
        grid-template-columns: minmax(0, 1fr);
      }

      .production-form-main,
      .production-form-side {
        grid-column: 1 / -1;
      }

      .production-form-main {
        grid-template-columns: minmax(0, 1fr);
      }

      .production-form-main [data-production-base-wrap],
      .production-form-main [data-production-actual-produced-wrap],
      .production-form-main [data-production-bobina-wrap],
      .production-form-main [data-production-overrun-wrap],
      .production-form-main [data-production-estimated-final-wrap] {
        grid-column: 1 / -1;
      }

      [data-production-form] [data-production-solid-wrap],
      [data-production-form] [data-production-liquid-wrap],
      [data-production-form] [data-production-flavoring-wrap] {
        grid-column: 1 / -1;
      }

      .production-form-main > label.span-2:not([data-production-group-batch-wrap]) {
        grid-column: 1 / -1;
      }

      .production-entry-card [data-production-form] {
        grid-template-columns: minmax(0, 1fr);
      }

      .production-entry-card .production-form-main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .production-entry-card .production-form-main,
      .production-entry-card .production-form-side {
        grid-column: 1 / -1;
      }

      .production-entry-card .production-form-side {
        margin-top: 0;
      }

      .production-entry-card .production-form-main [data-production-base-wrap],
      .production-entry-card .production-form-main [data-production-actual-produced-wrap],
      .production-entry-card .production-form-main [data-production-bobina-wrap],
      .production-entry-card .production-form-main [data-production-overrun-wrap],
      .production-entry-card .production-form-main [data-production-estimated-final-wrap] {
        grid-column: span 1;
      }

      .production-entry-card .production-form-main [data-production-quantity-stack] {
        grid-column: 1 / 2;
      }

      .production-entry-card .production-form-main [data-production-group-batch-wrap] {
        grid-column: 2 / 3;
      }

      .production-entry-card .production-form-main [data-production-solid-wrap],
      .production-entry-card .production-form-main [data-production-liquid-wrap],
      .production-entry-card .production-form-main [data-production-flavoring-wrap] {
        grid-column: 1 / -1;
      }

      .production-entry-card .production-form-main > label.span-2:not([data-production-group-batch-wrap]) {
        grid-column: 1 / -1;
      }

      .production-entry-card .production-form-main > button[type="submit"] {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 520px) {
      .production-entry-card .production-form-main [data-production-group-batch-wrap],
      .production-entry-card .production-form-main [data-production-quantity-stack],
      .production-entry-card .production-form-main [data-production-solid-wrap],
      .production-entry-card .production-form-main [data-production-liquid-wrap],
      .production-entry-card .production-form-main [data-production-flavoring-wrap],
      .production-entry-card .production-form-main > label.span-2:not([data-production-group-batch-wrap]),
      .production-entry-card .production-form-main > button[type="submit"] {
        grid-column: 1 / -1;
      }

      .production-entry-card .production-form-main > button[type="submit"] {
        margin-top: 0;
      }
    }

    .production-entry-card {
      --production-field-height: 42px;
      --production-field-label-height: 1.25rem;
      --production-area-gap: 1.15rem;
      --production-main-gap: 0.76rem;
    }

    .production-entry-card [data-production-form] {
      grid-template-columns: minmax(0, 2.1fr) minmax(340px, 0.95fr);
      gap: var(--production-area-gap);
      align-items: start;
      max-height: calc(100vh - 220px);
      overflow-x: hidden;
      overflow-y: auto;
      padding-right: 0.12rem;
    }

    .production-entry-card .production-form-main,
    .production-entry-card .production-form-side {
      display: grid;
      min-width: 0;
      align-content: start;
    }

    .production-entry-card .production-form-main {
      grid-column: 1;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--production-main-gap);
    }

    .production-entry-card .production-form-side {
      grid-column: 2;
      grid-template-columns: minmax(0, 1fr);
      gap: var(--production-main-gap);
      padding: 0 0.72rem 0.72rem;
      border: 1px solid rgba(148, 190, 255, 0.24);
      border-radius: var(--radius-sm);
      background: linear-gradient(180deg, rgba(12, 30, 58, 0.42), rgba(5, 14, 30, 0.28));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
    }

    .production-entry-card .production-form-section-title {
      display: none;
    }

    .production-entry-card .production-form-main [data-production-quantity-stack],
    .production-entry-card .production-form-main [data-production-group-batch-wrap],
    .production-entry-card .production-form-main [data-production-solid-wrap],
    .production-entry-card .production-form-main [data-production-liquid-wrap],
    .production-entry-card .production-form-main [data-production-flavoring-wrap],
    .production-entry-card .production-form-side [data-production-role-wrap],
    .production-entry-card [data-production-group-batch-list],
    .production-entry-card .production-form-main [data-production-solid-wrap] .production-detail-list,
    .production-entry-card .production-form-main [data-production-liquid-wrap] .production-detail-list,
    .production-entry-card .production-form-main [data-production-flavoring-wrap] .production-detail-list,
    .production-entry-card .production-form-side [data-production-role-wrap] .production-detail-list {
      display: contents;
    }

    .production-entry-card .production-form-main [data-production-pending-wrap] {
      grid-column: 1 / -1;
      order: 1;
    }

    .production-entry-card .production-form-main [data-production-base-wrap],
    .production-entry-card .production-form-main [data-production-actual-produced-wrap],
    .production-entry-card .production-form-main [data-production-bobina-wrap],
    .production-entry-card .production-form-main [data-production-overrun-wrap],
    .production-entry-card .production-form-main [data-production-estimated-final-wrap],
    .production-entry-card [data-production-group-batch-list] .production-detail-row--batch {
      grid-column: span 3;
      order: 2;
      min-width: 0;
    }

    .production-entry-card .production-form-main [data-production-solid-wrap] .production-detail-row--fill,
    .production-entry-card .production-form-main [data-production-liquid-wrap] .production-detail-row--fill,
    .production-entry-card .production-form-main [data-production-flavoring-wrap] .production-detail-row--fill {
      grid-column: 1 / -1;
      order: 2;
      min-width: 0;
    }

    .production-entry-card .production-form-side [data-production-role-wrap] .production-detail-row--roles {
      grid-column: 1 / -1;
      order: 2;
      min-width: 0;
    }

    .production-entry-card .production-form-main > label.span-2:not([data-production-group-batch-wrap]) {
      grid-column: 1 / span 6;
      order: 40;
    }

    .production-entry-card .production-form-main > button[type="submit"] {
      grid-column: span 3;
      order: 40;
      width: 100%;
      height: var(--production-field-height);
      min-height: var(--production-field-height);
      margin-top: calc(var(--production-field-label-height) + 0.35rem);
    }

    .production-entry-card .production-form-main > .form-note {
      grid-column: 1 / -1;
      order: 41;
    }

    .production-entry-card .production-form-main [data-production-base-wrap],
    .production-entry-card .production-form-main [data-production-actual-produced-wrap],
    .production-entry-card .production-form-main [data-production-bobina-wrap],
    .production-entry-card .production-form-main [data-production-overrun-wrap],
    .production-entry-card .production-form-main [data-production-estimated-final-wrap],
    .production-entry-card .production-detail-field,
    .production-entry-card .production-form-side [data-production-role-wrap] .production-detail-row--roles {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: var(--production-field-label-height) var(--production-field-height);
      gap: 0.35rem;
      align-items: start;
      min-width: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    .production-entry-card .production-form-main [data-production-pending-wrap] {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.35rem;
      min-width: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    .production-entry-card .production-detail-row--batch,
    .production-entry-card .production-detail-row--fill,
    .production-entry-card .production-detail-row--roles {
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      align-items: start;
    }

    .production-entry-card .production-form-main [data-production-solid-wrap] .production-detail-inputs--fill,
    .production-entry-card .production-form-main [data-production-liquid-wrap] .production-detail-inputs--fill,
    .production-entry-card .production-form-main [data-production-flavoring-wrap] .production-detail-inputs--fill,
    .production-entry-card .production-form-side [data-production-role-wrap] .production-detail-inputs--roles {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.6rem;
      align-items: start;
      min-width: 0;
    }

    .production-entry-card .production-detail-name,
    .production-entry-card .production-form-main [data-production-base-wrap] > span:first-child,
    .production-entry-card .production-form-main [data-production-actual-produced-wrap] > span:first-child,
    .production-entry-card .production-form-main [data-production-bobina-wrap] > span:first-child,
    .production-entry-card .production-form-main [data-production-overrun-wrap] > span:first-child,
    .production-entry-card .production-form-main [data-production-estimated-final-wrap] > span:first-child {
      display: block;
      min-height: var(--production-field-label-height);
      max-height: var(--production-field-label-height);
      line-height: var(--production-field-label-height);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 0;
      margin: 0;
    }

    .production-entry-card [data-production-form] .input:not(textarea) {
      width: 100%;
      height: var(--production-field-height);
      min-height: var(--production-field-height);
      max-height: var(--production-field-height);
      box-sizing: border-box;
    }

    .production-entry-card [data-production-form] textarea.input {
      min-height: calc((var(--production-field-height) * 1.5) + var(--production-field-label-height));
      height: auto;
    }

    .production-entry-card .production-role-slot,
    .production-entry-card .production-role-half {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
      min-width: 0;
    }

    @media (max-width: 980px) {
      .production-entry-card [data-production-form] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.92rem;
      }

      .production-entry-card .production-form-main,
      .production-entry-card .production-form-side {
        grid-column: 1 / -1;
      }

      .production-entry-card .production-form-main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .production-entry-card .production-form-main [data-production-base-wrap],
      .production-entry-card .production-form-main [data-production-actual-produced-wrap],
      .production-entry-card .production-form-main [data-production-bobina-wrap],
      .production-entry-card .production-form-main [data-production-overrun-wrap],
      .production-entry-card .production-form-main [data-production-estimated-final-wrap],
      .production-entry-card [data-production-group-batch-list] .production-detail-row--batch,
      .production-entry-card .production-form-main > button[type="submit"] {
        grid-column: span 2;
      }

      .production-entry-card .production-form-main [data-production-solid-wrap] .production-detail-row--fill,
      .production-entry-card .production-form-main [data-production-liquid-wrap] .production-detail-row--fill,
      .production-entry-card .production-form-main [data-production-flavoring-wrap] .production-detail-row--fill,
      .production-entry-card .production-form-side [data-production-role-wrap] .production-detail-row--roles,
      .production-entry-card .production-form-main > label.span-2:not([data-production-group-batch-wrap]) {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 640px) {
      .production-entry-card [data-production-form] {
        grid-template-columns: minmax(0, 1fr);
        max-height: none;
        overflow: visible;
        padding-right: 0;
      }

      .production-entry-card .production-form-main {
        grid-template-columns: minmax(0, 1fr);
      }

      .production-entry-card .production-form-side {
        padding: 0.64rem;
      }

      .production-entry-card .production-form-main [data-production-base-wrap],
      .production-entry-card .production-form-main [data-production-actual-produced-wrap],
      .production-entry-card .production-form-main [data-production-bobina-wrap],
      .production-entry-card .production-form-main [data-production-overrun-wrap],
      .production-entry-card .production-form-main [data-production-estimated-final-wrap],
      .production-entry-card [data-production-group-batch-list] .production-detail-row--batch,
      .production-entry-card .production-form-main [data-production-solid-wrap] .production-detail-row--fill,
      .production-entry-card .production-form-main [data-production-liquid-wrap] .production-detail-row--fill,
      .production-entry-card .production-form-main [data-production-flavoring-wrap] .production-detail-row--fill,
      .production-entry-card .production-form-side [data-production-role-wrap] .production-detail-row--roles,
      .production-entry-card .production-form-main > label.span-2:not([data-production-group-batch-wrap]),
      .production-entry-card .production-form-main > button[type="submit"] {
        grid-column: 1 / -1;
      }

      .production-entry-card .production-form-main [data-production-base-wrap],
      .production-entry-card .production-form-main [data-production-actual-produced-wrap],
      .production-entry-card .production-form-main [data-production-bobina-wrap],
      .production-entry-card .production-form-main [data-production-overrun-wrap],
      .production-entry-card .production-form-main [data-production-estimated-final-wrap] {
        grid-column: 1 / -1;
      }

      .production-entry-card .production-form-main [data-production-solid-wrap] .production-detail-inputs--fill,
      .production-entry-card .production-form-main [data-production-liquid-wrap] .production-detail-inputs--fill,
      .production-entry-card .production-form-main [data-production-flavoring-wrap] .production-detail-inputs--fill,
      .production-entry-card .production-form-side [data-production-role-wrap] .production-detail-inputs--roles {
        grid-template-columns: minmax(0, 1fr);
      }

      .production-entry-card .production-form-main > button[type="submit"] {
        margin-top: 0;
      }
    }

    @media (min-width: 981px) {
      .production-entry-card [data-production-form] {
        grid-template-columns: minmax(0, 2.1fr) minmax(340px, 0.95fr);
        grid-auto-flow: row dense;
        gap: var(--production-area-gap);
      }

      .production-entry-card .production-form-main {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .production-entry-card .production-form-side {
        grid-template-columns: minmax(0, 1fr);
      }

      .production-entry-card .production-form-main [data-production-pending-wrap] {
        grid-column: 1 / 3;
        order: 1;
      }

      .production-entry-card .production-form-main [data-production-base-wrap],
      .production-entry-card .production-form-main [data-production-estimated-final-wrap] {
        grid-column: 1 / 2;
        order: 2;
      }

      .production-entry-card .production-form-main [data-production-actual-produced-wrap] {
        grid-column: 2 / 3;
        order: 2;
      }

      .production-entry-card .production-form-main [data-production-bobina-wrap] {
        grid-column: 3 / 4;
        order: 2;
      }

      .production-entry-card .production-form-main [data-production-quantity-stack] [data-production-overrun-wrap] {
        grid-column: 1 / 2;
        order: 2;
      }

      .production-entry-card [data-production-group-batch-list] .production-detail-row--batch {
        grid-column: 2 / 3;
        order: 2;
      }

      .production-entry-card .production-form-main [data-production-solid-wrap] .production-detail-row--fill,
      .production-entry-card .production-form-main [data-production-liquid-wrap] .production-detail-row--fill,
      .production-entry-card .production-form-main [data-production-flavoring-wrap] .production-detail-row--fill {
        display: contents;
      }

      .production-entry-card .production-form-main [data-production-solid-wrap] .production-detail-inputs--fill,
      .production-entry-card .production-form-main [data-production-liquid-wrap] .production-detail-inputs--fill,
      .production-entry-card .production-form-main [data-production-flavoring-wrap] .production-detail-inputs--fill {
        display: contents;
      }

      .production-entry-card .production-form-main [data-production-solid-wrap] .production-detail-field,
      .production-entry-card .production-form-main [data-production-liquid-wrap] .production-detail-field,
      .production-entry-card .production-form-main [data-production-flavoring-wrap] .production-detail-field {
        grid-column: 3 / 4;
        order: 1;
      }

      .production-entry-card .production-form-side [data-production-role-wrap] .production-detail-row--roles {
        grid-column: 1 / -1;
        order: 2;
      }

      .production-entry-card .production-form-side [data-production-role-wrap] .production-detail-inputs--roles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.8rem;
      }

      .production-entry-card .production-form-main > label.span-2:not([data-production-group-batch-wrap]) {
        grid-column: 1 / 3;
      }

      .production-entry-card .production-form-main > button[type="submit"] {
        grid-column: 3 / 4;
      }
    }

    [data-production-role-wrap] .production-detail-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.55rem;
      align-content: start;
      max-height: 280px;
      padding: 0.55rem;
    }

    [data-production-role-wrap] .production-detail-row--roles {
      min-height: 100%;
      margin: 0;
      padding: 0.55rem 0.6rem;
      border: 1px solid rgba(148, 163, 184, 0.14);
      border-radius: var(--radius-md);
      background: rgba(8, 18, 36, 0.52);
    }

    [data-production-form] [data-production-group-fill-wrap] {
      grid-column: 1 / -1;
    }

    [data-production-group-fill-wrap] .production-detail-list {
      max-height: 290px;
    }

    .production-entry-card [data-production-form] .production-form-window {
      border: 1px solid rgba(148, 190, 255, 0.24);
      border-radius: var(--radius-sm);
      background: linear-gradient(180deg, rgba(12, 30, 58, 0.34), rgba(5, 14, 30, 0.22));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
      padding: 0.62rem;
    }

    .production-entry-card [data-production-form] .production-form-window-title {
      grid-column: 1 / -1;
      margin: 0 0 0.45rem;
      padding-bottom: 0.38rem;
      border-bottom: 1px solid rgba(148, 190, 255, 0.2);
      color: var(--blue-050);
      font-size: 0.88rem;
      font-weight: 700;
      letter-spacing: 0.02em;
    }

    .production-group-fill-card {
      padding: 0.5rem 0.6rem 0.6rem;
      border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    }

    .production-group-fill-card--shared {
      background: rgba(17, 38, 72, 0.36);
      border-bottom-color: rgba(148, 190, 255, 0.2);
    }

    .production-group-fill-card:last-child {
      border-bottom: 0;
    }

    .production-group-fill-title {
      margin: 0 0 0.42rem;
      font-size: 0.84rem;
      font-weight: 600;
      color: var(--white-100);
    }

    .production-group-fill-grid {
      display: grid;
      gap: 0.35rem;
    }

    .production-group-fill-label {
      display: inline-flex;
      align-items: center;
      gap: 0.32rem;
      min-width: 0;
    }

    .production-group-fill-type {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 62px;
      padding: 0.12rem 0.4rem;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(145, 197, 255, 0.28);
      background: rgba(20, 44, 82, 0.48);
      font-size: 0.68rem;
      letter-spacing: 0.01em;
      color: var(--blue-200);
      flex: 0 0 auto;
    }

    .production-group-fill-name {
      min-width: 0;
      word-break: normal;
      overflow-wrap: break-word;
    }

    .production-group-fill-meta {
      display: block;
      margin-top: 0.1rem;
      font-size: 0.7rem;
      color: var(--text-muted);
      line-height: 1.25;
    }

    .product-edit-dialog {
      width: min(1540px, 98vw);
      max-height: 90vh;
      border: 1px solid rgba(148, 190, 255, 0.34);
      border-radius: 16px;
      background: linear-gradient(170deg, rgba(8, 20, 40, 0.98), rgba(3, 11, 24, 0.98));
      color: var(--text-main);
      padding: 0;
      overflow: hidden;
      box-shadow: 0 20px 60px rgba(2, 8, 22, 0.55);
    }

    .product-edit-dialog[data-app-alert-dialog],
    .product-edit-dialog[data-app-confirm-dialog],
    .product-edit-dialog[data-app-text-prompt-dialog] {
      width: min(980px, 92vw);
    }

    .product-edit-dialog.mrp-quotation-dialog {
      width: min(720px, 84vw);
    }

    .product-edit-dialog::backdrop {
      background: rgba(2, 8, 23, 0.72);
      backdrop-filter: blur(2px);
    }

    .product-edit-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      padding: 0.9rem 1.1rem;
      border-bottom: 1px solid rgba(148, 163, 184, 0.2);
      background: rgba(7, 18, 36, 0.88);
      position: sticky;
      top: 0;
      z-index: 2;
    }

    .product-edit-header h3 {
      margin: 0;
      font-size: 1.05rem;
      color: var(--white-100);
    }

    .product-edit-body {
      padding: 1rem 1.1rem 1.1rem;
      max-height: calc(90vh - 62px);
      overflow-y: auto;
      overflow-x: hidden;
    }

    .product-edit-form .formula-matrix {
      max-height: 250px;
    }

    .product-edit-formula-row {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.72rem;
      align-items: start;
      min-width: 0;
    }

    .product-edit-formula-wrap {
      min-width: 0;
      width: 100%;
    }

    .product-edit-nutrition-section {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: minmax(320px, 0.9fr) minmax(420px, 1.1fr);
      gap: 0.72rem 0.9rem;
      align-items: start;
    }

    .product-edit-nutrition-fields {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.65rem;
      align-content: start;
    }

    .product-edit-nutrition-rules,
    .product-edit-nutrition-ingredients {
      grid-column: 1 / -1;
    }

    .product-edit-nutrition-manual {
      align-self: start;
      display: grid;
      gap: 0.4rem;
      margin: 0;
    }

    .product-edit-nutrition-manual .nutrition-grid {
      margin-top: 0;
    }

    @media (max-width: 1180px) {
      .product-edit-nutrition-section {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    @media (max-width: 760px) {
      .product-edit-nutrition-fields {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    .generic-edit-form-shell {
      display: grid;
      gap: 1rem;
    }

    .generic-edit-description {
      margin: 0;
      color: var(--text-muted);
      font-size: 0.9rem;
    }

    .generic-edit-fields {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 1rem;
      align-items: end;
    }

    .generic-edit-fields label {
      display: grid;
      gap: 0.4rem;
      font-size: 0.9rem;
      color: var(--text-soft);
    }

    .generic-edit-fields .span-2 {
      grid-column: 1 / -1;
    }

    .table-column-percent-dialog {
      width: min(760px, 94vw);
    }

    .table-column-percent-grid {
      display: grid;
      gap: 0.55rem;
      max-height: min(56vh, 520px);
      overflow-y: auto;
      padding-right: 0.2rem;
    }

    .table-column-percent-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 128px;
      gap: 0.65rem;
      align-items: center;
      padding: 0.45rem 0.55rem;
      border: 1px solid rgba(142, 194, 255, 0.22);
      border-radius: var(--radius-sm);
      background: rgba(8, 18, 36, 0.56);
    }

    .table-column-percent-row.is-fixed {
      opacity: 0.9;
      background: rgba(11, 23, 45, 0.48);
    }

    .table-column-percent-row-name {
      min-width: 0;
      display: grid;
      gap: 0.2rem;
      color: var(--text-soft);
      font-size: 0.84rem;
    }

    .table-column-percent-row-name strong {
      font-size: 0.9rem;
      color: var(--white-100);
      font-weight: 600;
    }

    .table-column-percent-row-name small {
      color: var(--text-muted);
      font-size: 0.74rem;
    }

    .table-column-percent-fixed-value {
      justify-self: end;
      color: var(--text-muted);
      font-size: 0.78rem;
      font-weight: 600;
      letter-spacing: 0.02em;
    }

    .table-column-percent-total {
      margin: 0;
      color: var(--text-muted);
      font-size: 0.82rem;
      min-height: 1.05rem;
    }

    .table-column-percent-total.is-warning {
      color: #facc15;
    }

    .session-access {
      min-width: 0;
      max-width: none;
      width: auto;
      margin-left: 0;
      display: grid;
      gap: 0.2rem;
      align-self: center;
      justify-items: end;
    }

    .session-access .input {
      min-height: 32px;
      padding-top: 0.24rem;
      padding-bottom: 0.24rem;
      padding-right: 2.55rem;
      appearance: none;
      background-image:
        linear-gradient(45deg, transparent 50%, rgba(221, 235, 255, 0.88) 50%),
        linear-gradient(135deg, rgba(221, 235, 255, 0.88) 50%, transparent 50%);
      background-position:
        calc(100% - 18px) calc(50% - 3px),
        calc(100% - 12px) calc(50% - 3px);
      background-size: 6px 6px, 6px 6px;
      background-repeat: no-repeat;
      border-color: rgba(173, 208, 247, 0.3);
      box-shadow: inset 0 1px 0 rgba(244, 249, 255, 0.12);
    }

    .session-select-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    .session-switch-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 24px;
      min-width: 26px;
      padding: 0 0.3rem;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(162, 215, 255, 0.45);
      background: linear-gradient(160deg, rgba(16, 52, 104, 0.9), rgba(7, 28, 60, 0.9));
      color: var(--white-100);
      cursor: pointer;
      line-height: 1;
      box-shadow: 0 8px 16px rgba(3, 12, 30, 0.35), inset 0 1px 0 rgba(248, 252, 255, 0.2);
      transition: transform 0.16s ease, border-color 0.18s ease, box-shadow 0.18s ease;
    }

    .session-switch-btn::before {
      content: '';
      width: 7px;
      height: 7px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: rotate(45deg);
      display: block;
    }

    .session-switch-btn:hover {
      border-color: rgba(200, 230, 255, 0.7);
      transform: translateY(-1px);
    }

    .session-switch-btn:focus-visible {
      outline: none;
      box-shadow: 0 0 0 3px rgba(103, 162, 255, 0.32), 0 10px 20px rgba(3, 12, 30, 0.4);
    }

    .session-role-badge {
      margin: 0;
      font-size: 0.75rem;
      color: var(--blue-100);
      border: 1px solid rgba(173, 208, 247, 0.24);
      border-radius: var(--radius-pill);
      background: linear-gradient(145deg, rgba(244, 249, 255, 0.1), rgba(79, 148, 227, 0.16));
      padding: 0.22rem 0.6rem;
      justify-self: start;
    }

    .alerts-card {
      display: grid;
      gap: 0.7rem;
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

    .alerts-card h3 {
      margin: 0;
    }

    .alerts-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      gap: 0.5rem;
    }

    .alert-item {
      border: 1px solid rgba(142, 194, 255, 0.22);
      border-radius: var(--radius-md);
      padding: 0.55rem 0.75rem;
      background: rgba(8, 18, 36, 0.72);
      color: var(--text-soft);
      font-size: 0.9rem;
      display: flex;
      gap: 0.6rem;
      align-items: flex-start;
    }

    .alert-item__text {
      min-width: 0;
      display: inline-flex;
      gap: 0.45rem;
      align-items: baseline;
      flex-wrap: wrap;
      flex: 1 1 auto;
    }

    .alert-item__actions {
      margin-left: auto;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      flex: 0 0 auto;
    }

    .alert-item__read-btn {
      min-height: 30px;
      padding: 0.22rem 0.55rem;
      font-size: 0.74rem;
    }

    .alert-item__notify-btn {
      min-height: 30px;
      padding: 0.22rem 0.55rem;
      font-size: 0.74rem;
    }

    .alert-item strong {
      color: var(--white-100);
    }

    .alert-item--critical {
      border-color: rgba(248, 113, 113, 0.45);
      background: rgba(127, 29, 29, 0.22);
    }

    .alert-item--warning {
      border-color: rgba(251, 191, 36, 0.45);
      background: rgba(120, 53, 15, 0.2);
    }

    .alert-item--info {
      border-color: rgba(96, 165, 250, 0.4);
      background: rgba(30, 64, 175, 0.2);
    }

    .permission-note {
      margin: 0;
      font-size: 0.82rem;
      color: var(--text-muted);
    }

    .access-permissions-panel {
      margin-top: 0.85rem;
      display: grid;
      gap: 0.55rem;
    }

    .access-permissions-toolbar {
      align-items: flex-end;
      gap: 0.45rem;
    }

    .access-permissions-user {
      min-width: 240px;
      flex: 1 1 260px;
      display: grid;
      gap: 0.25rem;
      font-size: 0.82rem;
      color: var(--text-soft);
    }

    .access-permissions-actions {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.36rem;
      justify-content: stretch;
      align-items: center;
      flex: 999 1 680px;
      min-width: min(680px, 100%);
    }

    .access-permissions-actions .btn {
      width: auto !important;
      min-width: 0;
      min-height: 40px;
      padding: 0.46rem 0.58rem;
      white-space: nowrap;
    }

    .access-permissions-table th,
    .access-permissions-table td {
      text-align: center;
      white-space: nowrap;
    }

    .access-permissions-table th:first-child,
    .access-permissions-table td:first-child {
      text-align: left;
      min-width: 180px;
    }

    .access-permissions-table input[type="checkbox"] {
      width: 16px;
      height: 16px;
      accent-color: #3d79ff;
      cursor: pointer;
    }

    .access-granular-panel {
      display: grid;
      gap: 0.75rem;
      margin-top: 0.9rem;
      padding: 0.85rem;
      border: 1px solid rgba(148, 163, 184, 0.18);
      border-radius: var(--radius-md);
      background: rgba(15, 23, 42, 0.18);
    }

    .access-granular-header {
      display: grid;
      grid-template-columns: minmax(180px, 0.6fr) minmax(220px, 1fr);
      gap: 0.7rem;
      align-items: center;
    }

    .access-granular-title {
      display: grid;
      gap: 0.12rem;
      color: #f8fafc;
      font-weight: 900;
    }

    .access-granular-title small {
      color: var(--text-muted);
      font-size: 0.74rem;
      font-weight: 700;
      line-height: 1.35;
    }

    .access-granular-list {
      display: grid;
      gap: 0.55rem;
      max-height: min(620px, 68vh);
      overflow: auto;
      padding-right: 0.2rem;
    }

    .access-granular-module {
      border: 1px solid rgba(148, 163, 184, 0.16);
      border-radius: var(--radius-sm);
      background: rgba(15, 23, 42, 0.22);
    }

    .access-granular-module summary {
      display: flex;
      gap: 0.5rem;
      align-items: center;
      justify-content: space-between;
      padding: 0.62rem 0.75rem;
      cursor: pointer;
      color: #f8fafc;
      font-weight: 900;
      list-style: none;
    }

    .access-granular-module summary::-webkit-details-marker {
      display: none;
    }

    .access-granular-count {
      color: var(--text-muted);
      font-size: 0.72rem;
      font-weight: 800;
    }

    .access-granular-groups {
      display: grid;
      gap: 0.55rem;
      padding: 0 0.75rem 0.75rem;
    }

    .access-granular-group {
      display: grid;
      gap: 0.35rem;
    }

    .access-granular-group > span {
      color: var(--text-muted);
      font-size: 0.72rem;
      font-weight: 900;
      text-transform: uppercase;
    }

    .access-granular-option {
      display: grid;
      grid-template-columns: 1.2rem minmax(0, 1fr) auto;
      gap: 0.45rem;
      align-items: center;
      min-width: 0;
      padding: 0.42rem 0.5rem;
      border: 1px solid rgba(148, 163, 184, 0.12);
      border-radius: var(--radius-xs);
      background: rgba(2, 6, 23, 0.18);
    }

    .access-granular-option input[type="checkbox"] {
      width: 1.05rem;
      height: 1.05rem;
    }

    .access-granular-option strong {
      min-width: 0;
      color: #e5f3ff;
      font-size: 0.8rem;
      font-weight: 850;
      overflow-wrap: anywhere;
    }

    .access-granular-option em {
      color: var(--text-muted);
      font-size: 0.68rem;
      font-style: normal;
      font-weight: 800;
      white-space: nowrap;
    }

    .access-granular-empty {
      margin: 0;
      padding: 0.85rem;
      color: var(--text-muted);
      text-align: center;
    }

    .is-permission-locked {
      cursor: not-allowed !important;
      filter: grayscale(0.24);
      opacity: 0.58;
    }

    .access-copy-dialog {
      width: min(760px, 96vw);
    }

    .access-copy-content {
      display: grid;
      gap: 0.75rem;
    }

    .access-copy-source {
      display: grid;
      gap: 0.22rem;
      padding: 0.68rem 0.75rem;
      border: 1px solid rgba(148, 190, 255, 0.24);
      border-radius: var(--radius-xs);
      background: rgba(5, 14, 30, 0.52);
    }

    .access-copy-source span,
    .access-copy-section-label {
      color: var(--text-muted);
      font-size: 0.78rem;
      font-weight: 700;
    }

    .access-copy-source strong {
      color: var(--white-100);
      font-size: 0.95rem;
      overflow-wrap: anywhere;
    }

    .access-copy-tools {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto auto;
      gap: 0.45rem;
      align-items: center;
    }

    .access-copy-list {
      max-height: min(42vh, 360px);
      overflow: auto;
      display: grid;
      gap: 0.38rem;
      padding: 0.45rem;
      border: 1px solid rgba(148, 190, 255, 0.22);
      border-radius: var(--radius-xs);
      background: rgba(2, 12, 30, 0.46);
    }

    .access-copy-option {
      min-height: 44px;
      display: flex;
      align-items: center;
      gap: 0.55rem;
      padding: 0.58rem 0.66rem;
      border: 1px solid rgba(148, 190, 255, 0.2);
      border-radius: var(--radius-xs);
      background: rgba(18, 41, 77, 0.5);
      color: var(--text-soft);
      cursor: pointer;
      user-select: none;
    }

    .access-copy-option:hover {
      border-color: rgba(184, 217, 255, 0.46);
      background: rgba(30, 69, 128, 0.62);
    }

    .access-copy-option input[type="checkbox"] {
      width: 18px;
      height: 18px;
      accent-color: #3d79ff;
      flex: 0 0 auto;
    }

    .access-copy-option span {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .access-copy-empty {
      margin: 0;
      padding: 0.8rem;
      color: var(--text-muted);
      text-align: center;
    }

    .access-copy-dialog .table-actions {
      align-items: center;
    }

    .access-window-panel {
      display: grid;
      gap: 0.42rem;
      padding: 0.55rem 0.65rem;
      border-radius: var(--radius-sm);
      border: 1px solid rgba(81, 145, 255, 0.32);
      background: rgba(9, 22, 52, 0.45);
    }

    .access-window-title {
      font-size: 0.8rem;
      color: var(--text-muted);
      letter-spacing: 0.01em;
    }

    .access-window-subtitle {
      grid-column: 1 / -1;
      font-size: 0.76rem;
      color: var(--blue-200);
      font-weight: 600;
      letter-spacing: 0.06em;
      padding-top: 0.2rem;
    }

    .access-window-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
      gap: 0.45rem;
    }

    .access-window-option {
      display: flex;
      align-items: center;
      gap: 0.45rem;
      font-size: 0.82rem;
      color: var(--text-soft);
      border: 1px solid rgba(96, 165, 250, 0.24);
      border-radius: var(--radius-xs);
      padding: 0.42rem 0.55rem;
      background: rgba(15, 35, 82, 0.3);
    }

    .access-window-option input[type="checkbox"] {
      width: 15px;
      height: 15px;
      accent-color: #3d79ff;
      cursor: pointer;
      margin: 0;
      flex: 0 0 auto;
    }

    .access-window-option.is-disabled {
      opacity: 0.58;
      border-color: rgba(148, 163, 184, 0.24);
      background: rgba(15, 23, 42, 0.32);
    }

    .field-requirements-table th,
    .field-requirements-table td {
      vertical-align: middle;
    }

    .field-requirements-table td:last-child {
      min-width: 150px;
    }

    [data-field-requirements-wrapper] {
      max-height: 480px;
      overflow-y: auto;
      overflow-x: hidden;
      border: 1px solid rgba(148, 163, 184, 0.12);
      border-radius: var(--radius-xs);
    }

    [data-field-requirements-wrapper] table {
      margin: 0;
    }

    [data-field-requirements-wrapper] thead {
      position: sticky;
      top: 0;
      background: rgba(8, 18, 36, 0.8);
      z-index: 2;
    }

    .company-logo-preview {
      grid-column: 1 / -1;
      display: flex;
      align-items: center;
      gap: 0.75rem;
      min-height: 60px;
      color: var(--text-soft);
      font-size: 0.86rem;
    }

    .company-logo-preview img {
      width: 56px;
      height: 56px;
      border-radius: var(--radius-md);
      object-fit: cover;
      border: 0;
      background: transparent;
      flex: 0 0 56px;
    }

    .company-logo-preview img.is-hidden {
      display: none;
    }

    .company-logo-preview .company-logo-empty {
      color: var(--text-muted);
    }

    .card {
      position: relative;
      isolation: isolate;
      background: linear-gradient(180deg, rgba(9, 23, 46, 0.92), rgba(5, 14, 31, 0.9));
      border-radius: var(--radius-sm);
      padding: 1rem;
      border: 1px solid rgba(166, 217, 255, 0.32);
      box-shadow:
        0 12px 26px rgba(3, 11, 26, 0.34),
        inset 0 1px 0 rgba(190, 224, 255, 0.1);
    }

    .card::before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 3px;
      border-radius: var(--radius-sm) var(--radius-sm) 0 0;
      pointer-events: none;
      background: linear-gradient(90deg, rgba(118, 175, 234, 0.9), rgba(213, 232, 251, 0.76), rgba(213, 90, 108, 0.52));
    }

    .card h3 {
      margin: 0 0 0.85rem;
      font-size: 1.08rem;
      color: var(--vanilla-cream);
      display: flex;
      align-items: center;
      gap: 0.52rem;
      line-height: 1.2;
    }

    .card h3::before {
      content: '';
      width: 0.54rem;
      height: 0.54rem;
      border-radius: var(--radius-pill);
      background: linear-gradient(135deg, var(--red-400), var(--red-500));
      box-shadow: 0 0 0 3px rgba(213, 90, 108, 0.1);
      flex: 0 0 auto;
    }

    .panel > .card + .card,
    .panel > form + .card,
    .panel > .form-grid + .card {
      margin-top: var(--window-gap-y);
    }

    .table-wrapper {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      box-sizing: border-box;
      position: relative;
      isolation: isolate;
      contain: paint;
      max-height: var(--table-max-height);
      overflow-x: auto;
      overflow-y: auto;
      border: 1px solid rgba(142, 194, 255, 0.2);
      border-radius: var(--radius-sm);
      clip-path: inset(0 round 10px);
      background: linear-gradient(180deg, rgba(8, 19, 39, 0.62), rgba(5, 13, 28, 0.5));
      background-clip: padding-box;
      -webkit-overflow-scrolling: touch;
    }

    table {
      width: 100%;
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
      table-layout: fixed;
      border-collapse: separate;
      border-spacing: 0;
      font-size: 0.9rem;
    }

    .table-wrapper > table {
      width: 100%;
      min-width: 100%;
      max-width: none;
      box-sizing: border-box;
    }

    .table-wrapper > table th,
    .table-wrapper > table td {
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
      overflow-wrap: anywhere;
    }

    .table-wrapper > table th > *,
    .table-wrapper > table td > * {
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
    }

    .table-wrapper > table td:has(.btn),
    .table-wrapper > table td.has-actions {
      overflow-wrap: normal;
    }

    .table-wrapper > table td .table-actions,
    .table-wrapper > table td.has-actions,
    .table-wrapper > table td:has(.btn) > div {
      min-width: 0;
      max-width: 100%;
    }

    .table-wrapper > table td:has(.btn) {
      white-space: normal;
    }

    .table-wrapper > table td .table-actions {
      flex-wrap: wrap;
    }

    .table-wrapper > table td .btn {
      max-width: 100%;
      min-width: 0;
    }

    .table-wrapper > table[data-mobile-disable-cards],
    .table-wrapper > .overview-scale-content > table,
    .table-wrapper > table.client-order-products-table {
      min-width: 0;
    }

    .table-wrapper.is-mobile-cards {
      contain: none;
      clip-path: none;
      isolation: auto;
    }

    table thead {
      text-align: left;
      color: var(--blue-300);
      background: linear-gradient(180deg, rgba(15, 34, 68, 1), rgba(10, 23, 45, 1));
    }

    table thead th {
      position: sticky;
      top: var(--table-header-sticky-top, 0px);
      z-index: 12;
      background: linear-gradient(180deg, rgba(15, 34, 68, 1), rgba(10, 23, 45, 1));
      background-clip: padding-box;
      box-shadow: 0 1px 0 rgba(148, 163, 184, 0.24);
      padding-right: 0.95rem;
    }

    .floating-table-header {
      position: fixed;
      left: 0;
      top: 0;
      display: none;
      overflow: hidden;
      box-sizing: border-box;
      pointer-events: none;
      z-index: 86;
      border: 1px solid rgba(126, 195, 255, 0.34);
      border-top-color: rgba(248, 252, 255, 0.44);
      background: var(--erp-table-head, linear-gradient(180deg, rgba(15, 34, 68, 1), rgba(10, 23, 45, 1)));
      box-shadow: 0 12px 26px rgba(0, 16, 48, 0.32), inset 0 1px 0 rgba(248, 252, 255, 0.12);
      transform: translateZ(0);
    }

    .floating-table-header.is-visible {
      display: block;
    }

    .floating-table-header__track {
      display: grid;
      align-items: stretch;
      min-width: 100%;
      height: 100%;
      background: var(--erp-table-head, linear-gradient(180deg, rgba(15, 34, 68, 1), rgba(10, 23, 45, 1)));
      transform: translateX(var(--floating-table-shift, 0px));
      will-change: transform;
    }

    .floating-table-header__cell {
      min-width: 0;
      display: flex;
      align-items: center;
      box-sizing: border-box;
      padding: 0.65rem 0.95rem 0.65rem 0.5rem;
      border-bottom: 1px solid rgba(248, 252, 255, 0.14);
      color: var(--erp-white, #f8fcff);
      background: var(--erp-table-head, linear-gradient(180deg, rgba(15, 34, 68, 1), rgba(10, 23, 45, 1)));
      font-size: 0.9rem;
      font-weight: 700;
      line-height: 1.18;
      overflow-wrap: anywhere;
      word-break: break-word;
    }

    table th,
    table td {
      padding: 0.65rem 0.5rem;
      border-bottom: 1px solid rgba(148, 163, 184, 0.14);
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: break-word;
      hyphens: auto;
      vertical-align: middle;
    }

    table td .btn,
    table td button,
    table th .btn,
    table th button {
      max-width: 100%;
      white-space: normal;
      overflow-wrap: anywhere;
    }

    table th[data-boolean-column="1"],
    table td[data-boolean-column="1"] {
      min-width: 64px;
      max-width: 82px;
      padding-left: 0.28rem;
      padding-right: 0.28rem;
      text-align: center;
      white-space: nowrap;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: manual;
    }

    table th[data-boolean-column="1"] .table-sort-btn,
    table td[data-boolean-column="1"] .table-sort-btn {
      text-align: center;
      white-space: nowrap;
      overflow-wrap: normal;
    }

    table tbody tr:nth-child(even) {
      background: rgba(15, 37, 74, 0.24);
    }

    table tbody tr:hover {
      background: rgba(46, 103, 214, 0.22);
    }

    .table-wrapper > table tbody tr:first-child > th,
    .table-wrapper > table tbody tr:first-child > td {
      border-top: 0;
    }

    .table-wrapper > table tbody tr:last-child > th,
    .table-wrapper > table tbody tr:last-child > td {
      border-bottom: 0;
    }

    :is(.table-wrapper, .sale-release-table-wrapper, .history-report-table-wrap, .forecast-table-wrap, .schedule-template-table-wrapper, .employee-schedule-table-wrapper) > table tbody tr:first-child > th,
    :is(.table-wrapper, .sale-release-table-wrapper, .history-report-table-wrap, .forecast-table-wrap, .schedule-template-table-wrapper, .employee-schedule-table-wrapper) > table tbody tr:first-child > td {
      border-top: 0;
    }

    :is(.table-wrapper, .sale-release-table-wrapper, .history-report-table-wrap, .forecast-table-wrap, .schedule-template-table-wrapper, .employee-schedule-table-wrapper) > table tbody tr:last-child > th,
    :is(.table-wrapper, .sale-release-table-wrapper, .history-report-table-wrap, .forecast-table-wrap, .schedule-template-table-wrapper, .employee-schedule-table-wrapper) > table tbody tr:last-child > td {
      border-bottom: 0;
    }

    .table-sort-btn {
      appearance: none;
      border: 0;
      background: transparent;
      color: inherit;
      font: inherit;
      font-weight: inherit;
      letter-spacing: inherit;
      padding: 0;
      margin: 0;
      cursor: pointer;
      text-align: left;
      width: 100%;
    }

    .table-sort-btn.is-active {
      color: var(--white-100);
      text-shadow: 0 0 12px rgba(118, 177, 255, 0.45);
    }

    .table-export-toolbar {
      position: relative;
      z-index: 18;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 0.35rem;
      width: 100%;
      margin: 0;
      height: 0;
      padding-right: 1.05rem;
      pointer-events: none;
    }

    .table-export-toolbar--inline {
      position: sticky;
      top: 0;
      z-index: 20;
      justify-content: flex-end;
      height: auto;
      padding: 0.25rem 0.35rem;
      margin: 0;
      background: linear-gradient(180deg, rgba(8, 19, 39, 0.92), rgba(5, 13, 28, 0.72));
      pointer-events: auto;
    }

    .table-export-control {
      position: relative;
      display: inline-flex;
      align-items: center;
    }

    .table-export-toggle {
      appearance: none;
      min-width: 2.15rem;
      min-height: 1.75rem;
      padding: 0.12rem 0.5rem 0.2rem;
      border: 1px solid rgba(151, 194, 255, 0.22);
      border-radius: var(--radius-pill);
      background: rgba(8, 22, 45, 0.42);
      color: rgba(216, 232, 250, 0.72);
      font: inherit;
      font-size: 0.78rem;
      line-height: 1;
      transform: translateY(25px);
      cursor: pointer;
      transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease, opacity 0.16s ease;
    }

    .table-export-toolbar .table-export-control,
    .table-export-toolbar .table-export-toggle,
    .table-export-toolbar .table-export-menu {
      pointer-events: auto;
    }

    .table-export-toolbar--inline .table-export-toggle {
      transform: translateY(0);
    }

    table.table-export-overlay-table thead th.table-export-last-visible-col {
      padding-right: 0.95rem;
    }

    .table-export-toggle:hover,
    .table-export-control.is-open .table-export-toggle {
      border-color: rgba(194, 224, 255, 0.55);
      background: rgba(34, 78, 152, 0.38);
      color: var(--white-100);
    }

    .table-export-menu {
      position: absolute;
      top: calc(100% + 0.25rem);
      right: 0;
      z-index: 99970;
      min-width: 8.2rem;
      display: none;
      gap: 0.15rem;
      padding: 0.35rem;
      border: 1px solid rgba(151, 194, 255, 0.32);
      border-radius: var(--radius-md);
      background: linear-gradient(162deg, rgba(11, 26, 50, 0.99), rgba(6, 15, 30, 0.99));
      box-shadow: 0 16px 38px rgba(2, 10, 25, 0.58);
    }

    .table-export-control.is-open .table-export-menu {
      display: grid;
    }

    .table-export-option {
      appearance: none;
      width: 100%;
      min-height: 1.95rem;
      padding: 0.28rem 0.5rem;
      border: 0;
      border-radius: var(--radius-sm);
      background: transparent;
      color: var(--text-soft);
      font: inherit;
      font-size: 0.8rem;
      text-align: left;
      cursor: pointer;
    }

    .table-export-option:hover {
      background: rgba(46, 103, 214, 0.24);
      color: var(--white-100);
    }

    @media print {
      .table-export-toolbar {
        display: none !important;
      }
    }

    .sales-column-heading {
      display: flex;
      align-items: center;
      gap: 0.3rem;
      min-width: 0;
    }

    .sales-column-heading .table-sort-btn {
      flex: 1 1 auto;
      min-width: 0;
      width: auto;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .sales-column-filter-btn {
      appearance: none;
      flex: 0 0 1.55rem;
      width: 1.55rem;
      height: 1.55rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(151, 194, 255, 0.34);
      border-radius: 7px;
      background: rgba(9, 23, 48, 0.72);
      color: var(--blue-200);
      font-size: 0.74rem;
      font-weight: 700;
      line-height: 1;
      cursor: pointer;
      transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease;
    }

    .sales-column-filter-btn:hover,
    .sales-column-filter-btn.is-active {
      border-color: rgba(194, 224, 255, 0.76);
      background: rgba(34, 78, 152, 0.55);
      color: var(--white-100);
    }

    .sales-column-filter-menu {
      position: fixed;
      z-index: 99990;
      width: min(320px, calc(100vw - 24px));
      max-height: min(440px, calc(100vh - 32px));
      display: grid;
      grid-template-rows: auto auto 1fr auto;
      gap: 0.55rem;
      padding: 0.75rem;
      border: 1px solid rgba(151, 194, 255, 0.36);
      border-radius: var(--radius-md);
      background: linear-gradient(162deg, rgba(11, 26, 50, 0.99), rgba(6, 15, 30, 0.99));
      box-shadow: 0 16px 38px rgba(2, 10, 25, 0.62);
      color: var(--text-main);
    }

    .sales-column-filter-menu__title {
      font-weight: 700;
      color: var(--white-100);
    }

    .sales-column-filter-menu__list {
      min-height: 5.5rem;
      max-height: 230px;
      overflow: auto;
      display: grid;
      gap: 0.18rem;
      padding-right: 0.2rem;
    }

    .sales-column-filter-menu__option {
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      gap: 0.45rem;
      padding: 0.3rem 0.35rem;
      border-radius: var(--radius-sm);
      font-size: 0.86rem;
      cursor: pointer;
    }

    .sales-column-filter-menu__option:hover {
      background: rgba(46, 103, 214, 0.24);
    }

    .sales-column-filter-menu__label {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .sales-column-filter-menu__count {
      color: var(--text-soft);
      font-size: 0.78rem;
      white-space: nowrap;
    }

    .sales-column-filter-menu__actions {
      display: flex;
      justify-content: flex-end;
      gap: 0.42rem;
      flex-wrap: wrap;
    }

    th.table-generic-sortable {
      cursor: pointer;
      user-select: none;
      position: relative;
      transition: color 0.18s ease;
    }

    th.table-generic-sortable:hover {
      color: var(--white-100);
    }

    th.table-generic-sortable::after {
      content: attr(data-generic-sort-indicator);
      margin-left: 0.3rem;
      color: rgba(142, 194, 255, 0.72);
      font-size: 0.75em;
      font-weight: 700;
      vertical-align: middle;
    }

    th.table-generic-sortable.is-generic-sort-active::after {
      color: var(--white-100);
      text-shadow: 0 0 10px rgba(118, 177, 255, 0.45);
    }

    .table-column-resize-handle {
      position: absolute;
      top: 0;
      right: -3px;
      width: 10px;
      height: 100%;
      cursor: col-resize;
      touch-action: none;
      z-index: 4;
      border-radius: var(--radius-pill);
      transition: background-color 0.18s ease;
    }

    .table-column-resize-handle::before {
      content: '';
      position: absolute;
      top: 14%;
      bottom: 14%;
      left: 50%;
      width: 2px;
      transform: translateX(-50%);
      border-radius: var(--radius-pill);
      background: rgba(132, 186, 255, 0.05);
      transition: background-color 0.18s ease;
    }

    table thead th:hover .table-column-resize-handle::before,
    .table-column-resize-handle:hover::before,
    .table-column-resize-handle.is-active::before {
      background: rgba(162, 210, 255, 0.62);
    }

    body.is-resizing-table-column {
      cursor: col-resize;
      user-select: none;
    }

    .list {
      list-style: none;
      padding: 0;
      margin: 0.75rem 0 0;
      display: grid;
      gap: 0.5rem;
      color: var(--text-soft);
    }

    .table-actions {
      display: flex;
      gap: 0.5rem;
      justify-content: flex-end;
      align-items: center;
      padding-top: 0.75rem;
      flex-wrap: wrap;
    }

    .table-actions > h3 {
      margin-right: auto;
      text-align: left;
    }

    .table-pager {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.6rem;
      flex-wrap: wrap;
      padding-top: 0.65rem;
    }

    .table-pager__info {
      color: var(--text-muted);
      font-size: 0.82rem;
    }

    .table-pager__controls {
      display: flex;
      align-items: center;
      gap: 0.45rem;
      flex-wrap: wrap;
    }

    .table-pager__controls label {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      color: var(--text-muted);
      font-size: 0.8rem;
    }

    .table-pager__controls select.input {
      min-height: 34px;
      padding-top: 0.2rem;
      padding-bottom: 0.2rem;
    }

    .table-pager__page {
      color: var(--text-soft);
      font-size: 0.82rem;
      min-width: 90px;
      text-align: center;
    }

    .cadastro-filter-bar {
      display: flex;
      gap: 0.5rem;
      flex-wrap: wrap;
      align-items: end;
      margin-bottom: 0.65rem;
    }

    .cadastro-filter-bar .input {
      min-height: 40px;
      flex: 1 1 180px;
    }

    .overview-matrix-wrapper {
      border: 1px solid rgba(148, 197, 253, 0.48);
      border-radius: var(--radius-md);
      overflow-x: auto;
      overflow-y: auto;
      background:
        linear-gradient(
          90deg,
          rgba(6, 22, 42, 0.96) 0,
          rgba(6, 22, 42, 0.96) var(--overview-col-category-dynamic),
          var(--overview-status-zone-red) var(--overview-col-category-dynamic),
          var(--overview-status-zone-red) calc(var(--overview-col-category-dynamic) + var(--overview-col-red-dynamic)),
          var(--overview-status-zone-yellow) calc(var(--overview-col-category-dynamic) + var(--overview-col-red-dynamic)),
          var(--overview-status-zone-yellow) calc(var(--overview-col-category-dynamic) + var(--overview-col-red-dynamic) + var(--overview-col-yellow-dynamic)),
          var(--overview-status-zone-green) calc(var(--overview-col-category-dynamic) + var(--overview-col-red-dynamic) + var(--overview-col-yellow-dynamic)),
          var(--overview-status-zone-green) 100%
        ),
        linear-gradient(180deg, rgba(6, 22, 42, 0.96), rgba(3, 17, 32, 0.98));
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 18px 36px rgba(2, 8, 23, 0.34);
    }

    .overview-scale-content {
      display: block;
      width: 100%;
      min-width: 0;
      min-height: 100%;
      transform-origin: top left;
    }

    [data-tab-panel="visao-geral"] {
      --overview-card-min-width: 128px;
      --overview-card-gap: 0.12rem;
      --overview-card-padding-y: 0.08rem;
      --overview-card-padding-x: 0.34rem;
      --overview-card-height: 28px;
      --overview-card-title-size: 0.9rem;
      --overview-card-title-line-height: 1;
      --overview-card-title-clamp: 1;
      --overview-card-title-letter-spacing: 0;
      --overview-card-radius: 6px;
      --overview-col-category-dynamic: 95px;
      --overview-col-red-dynamic: calc((100% - 95px) / 3);
      --overview-col-yellow-dynamic: calc((100% - 95px) / 3);
      --overview-col-green-dynamic: calc((100% - 95px) / 3);
      --overview-status-divider-width: 0px;
      --overview-status-zone-red: rgba(127, 29, 29, 0.34);
      --overview-status-zone-yellow: rgba(180, 120, 12, 0.32);
      --overview-status-zone-green: rgba(22, 101, 52, 0.32);
    }

    .overview-matrix-table {
      width: 100%;
      table-layout: auto;
      border-collapse: collapse;
      --overview-col-category-dynamic: 95px;
      --overview-col-red-dynamic: calc((100% - 95px) / 3);
      --overview-col-yellow-dynamic: calc((100% - 95px) / 3);
      --overview-col-green-dynamic: calc((100% - 95px) / 3);
    }

    .overview-matrix-table col.overview-matrix-col-category {
      width: var(--overview-col-category-dynamic);
    }

    .overview-matrix-table col.overview-matrix-col-status {
      width: var(--overview-col-red-dynamic);
    }

    .overview-matrix-table col.overview-matrix-col-status:nth-child(3) {
      width: var(--overview-col-yellow-dynamic);
    }

    .overview-matrix-table col.overview-matrix-col-status:nth-child(4) {
      width: var(--overview-col-green-dynamic);
    }

    .overview-matrix-table thead th:nth-child(1),
    .overview-matrix-table tbody th.overview-matrix-category-cell {
      width: var(--overview-col-category-dynamic);
    }

    .overview-matrix-table thead th:nth-child(2),
    .overview-matrix-table tbody td:nth-child(2) {
      width: var(--overview-col-red-dynamic);
    }

    .overview-matrix-table thead th:nth-child(3),
    .overview-matrix-table tbody td:nth-child(3) {
      width: var(--overview-col-yellow-dynamic);
    }

    .overview-matrix-table thead th:nth-child(4),
    .overview-matrix-table tbody td:nth-child(4) {
      width: var(--overview-col-green-dynamic);
    }

    .overview-matrix-table thead th {
      letter-spacing: 0;
      font-size: 0.86rem;
      font-weight: 800;
      line-height: 1.08;
      text-shadow: 0 1px 1px rgba(2, 6, 23, 0.26);
    }

    .overview-matrix-table thead th.overview-matrix-head--category {
      background: #f8fafc;
      color: #0f172a;
    }

    .overview-matrix-table thead th.overview-matrix-head--red {
      background: linear-gradient(180deg, rgba(153, 27, 27, 0.98), rgba(107, 20, 31, 0.96));
      color: #fff1f2;
    }

    .overview-matrix-table thead th.overview-matrix-head--yellow {
      background: linear-gradient(180deg, rgba(202, 138, 4, 0.98), rgba(146, 99, 11, 0.96));
      color: #fffce8;
    }

    .overview-matrix-table thead th.overview-matrix-head--green {
      background: linear-gradient(180deg, rgba(22, 101, 52, 0.98), rgba(12, 78, 47, 0.96));
      color: #ecfdf5;
    }

    .overview-matrix-table tbody tr td,
    .overview-matrix-table tbody tr th {
      height: auto;
      vertical-align: top;
      border-top: 1px solid rgba(148, 197, 253, 0.36);
      padding: 0.18rem;
    }

    .overview-matrix-table tbody tr:first-child td,
    .overview-matrix-table tbody tr:first-child th {
      border-top-color: rgba(168, 208, 255, 0.34);
    }

    .overview-matrix-category-cell {
      background:
        linear-gradient(135deg, var(--overview-category-accent, rgba(214, 234, 255, 0.96)) 0%, var(--overview-category-color, rgba(214, 234, 255, 0.96)) 52%, var(--overview-category-depth, rgba(190, 216, 245, 0.96)) 100%);
      color: var(--overview-category-text, #0b1220);
      font-weight: 800;
      text-align: center;
      line-height: 1.08;
      white-space: normal;
      overflow-wrap: break-word;
      position: sticky;
      left: 0;
      z-index: 1;
      box-shadow: inset -1px 0 0 rgba(91, 134, 190, 0.34), 0 4px 12px var(--overview-category-glow, rgba(5, 13, 27, 0.18));
      text-shadow: var(--overview-category-text-shadow, 0 1px 0 rgba(255, 255, 255, 0.42));
    }

    .overview-matrix-table tbody th.overview-matrix-category-cell {
      vertical-align: middle;
    }

    .overview-matrix-cell {
      background: transparent;
    }

    .overview-matrix-cell--red {
      --overview-status-cell-bg: linear-gradient(180deg, rgba(127, 29, 29, 0.78), rgba(88, 20, 31, 0.82));
      background: var(--overview-status-cell-bg);
    }

    .overview-matrix-cell--yellow {
      --overview-status-cell-bg: linear-gradient(180deg, rgba(180, 120, 12, 0.72), rgba(123, 81, 12, 0.8));
      background: var(--overview-status-cell-bg);
    }

    .overview-matrix-cell--green {
      --overview-status-cell-bg: linear-gradient(180deg, rgba(22, 101, 52, 0.74), rgba(12, 83, 52, 0.82));
      background: var(--overview-status-cell-bg);
    }

    .overview-matrix-cell--empty {
      background: rgba(15, 23, 42, 0.32);
    }

    .overview-matrix-cell--red.overview-matrix-cell--empty,
    .overview-matrix-cell--yellow.overview-matrix-cell--empty,
    .overview-matrix-cell--green.overview-matrix-cell--empty {
      background: var(--overview-status-cell-bg);
    }

    .overview-matrix-table thead th.overview-matrix-status-empty,
    .overview-matrix-table tbody td.overview-matrix-status-empty {
      padding-left: 0.02rem;
      padding-right: 0.02rem;
    }

    .overview-matrix-table thead th.overview-matrix-status-empty {
      color: transparent;
      font-size: 0;
      text-shadow: none;
    }

    .overview-matrix-table tbody td.overview-matrix-status-empty .overview-status-empty {
      display: none;
    }

    .overview-matrix-cards {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--overview-card-min-width)), 1fr));
      gap: var(--overview-card-gap);
      align-items: start;
    }

    .app.is-overview .overview-matrix-cards,
    [data-tab-panel="visao-geral"].is-active .overview-matrix-cards,
    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-cards,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-cards {
      grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--overview-card-min-width)), 1fr));
      gap: var(--overview-card-gap);
    }

    .overview-matrix-card {
      background:
        linear-gradient(135deg, var(--card-accent, var(--card-color, #1d4ed8)) 0%, var(--card-color, #1d4ed8) 52%, var(--card-depth, var(--card-color, #1d4ed8)) 100%);
      color: var(--card-text, #e0f2ff);
      border-radius: var(--overview-card-radius);
      padding: var(--overview-card-padding-y) var(--overview-card-padding-x);
      border: 1px solid rgba(255, 255, 255, 0.22);
      box-shadow: 0 4px 12px var(--card-glow, rgba(5, 13, 27, 0.24)), inset 0 1px 0 rgba(255, 255, 255, 0.28);
      min-width: 0;
      width: 100%;
      max-width: 100%;
      display: grid;
      gap: 0.08rem;
      min-height: var(--overview-card-height);
      height: auto;
      align-content: center;
      overflow: hidden;
      position: relative;
    }

    .overview-matrix-card::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.14), transparent 34%, rgba(255, 255, 255, 0.06));
      pointer-events: none;
    }

    .app.is-overview .overview-matrix-card,
    [data-tab-panel="visao-geral"].is-active .overview-matrix-card,
    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-card,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-card {
      padding: var(--overview-card-padding-y) var(--overview-card-padding-x);
      border-radius: var(--overview-card-radius);
      min-height: var(--overview-card-height);
      height: auto;
      align-content: center;
    }

    .overview-matrix-card h4 {
      margin: 0;
      font-size: var(--overview-card-title-size);
      line-height: var(--overview-card-title-line-height);
      letter-spacing: var(--overview-card-title-letter-spacing);
      font-weight: 800;
      text-align: center;
      text-shadow: var(--card-text-shadow, 0 1px 1px rgba(0, 0, 0, 0.36));
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: none;
      position: relative;
      z-index: 1;
      justify-self: stretch;
      max-width: 100%;
    }

    .app.is-overview .overview-matrix-card h4,
    [data-tab-panel="visao-geral"].is-active .overview-matrix-card h4,
    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-card h4,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-card h4 {
      font-size: var(--overview-card-title-size);
      line-height: var(--overview-card-title-line-height);
      letter-spacing: var(--overview-card-title-letter-spacing);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    @media (max-width: 1100px) {
      [data-tab-panel="visao-geral"] {
        --overview-card-min-width: 116px;
        --overview-card-gap: 0.1rem;
        --overview-card-padding-y: 0.06rem;
        --overview-card-padding-x: 0.28rem;
        --overview-card-height: 26px;
        --overview-card-title-size: 0.82rem;
        --overview-card-title-line-height: 1;
        --overview-card-title-clamp: 1;
        --overview-card-title-letter-spacing: 0;
      }

      .app.is-overview .overview-matrix-cards,
      [data-tab-panel="visao-geral"].is-active .overview-matrix-cards,
      [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-cards,
      [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-cards {
        grid-template-columns: repeat(auto-fill, minmax(var(--overview-card-min-width), 1fr));
        gap: var(--overview-card-gap);
      }

      .app.is-overview .overview-matrix-card,
      [data-tab-panel="visao-geral"].is-active .overview-matrix-card,
      [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-card,
      [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-card {
        padding: var(--overview-card-padding-y) var(--overview-card-padding-x);
        min-height: var(--overview-card-height);
        height: auto;
      }

      .app.is-overview .overview-matrix-card h4,
      [data-tab-panel="visao-geral"].is-active .overview-matrix-card h4,
      [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-card h4,
      [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-card h4 {
        font-size: var(--overview-card-title-size);
        line-height: var(--overview-card-title-line-height);
      }
    }

    .overview-matrix-card p {
      margin: 0;
      font-size: 0.69rem;
      line-height: 1.2;
      opacity: 0.92;
    }

    .overview-status-empty {
      display: inline-block;
      font-size: 0.76rem;
      color: rgba(224, 242, 254, 0.88);
      white-space: nowrap;
    }

    .overview-matrix-cell--empty .overview-status-empty {
      opacity: 0.18;
    }

    .overview-matrix-row--empty > td,
    .overview-matrix-row--empty > th {
      height: 24px;
      min-height: 24px;
      padding-top: 0.08rem;
      padding-bottom: 0.08rem;
      line-height: 1;
    }

    .overview-matrix-row--empty .overview-status-empty {
      font-size: 0.62rem;
      line-height: 1;
      opacity: 0.72;
    }

    .app.is-overview .overview-matrix-wrapper {
      min-height: 0;
      height: 100%;
      align-self: stretch;
      max-height: none;
      overflow-x: hidden;
      overflow-y: auto;
      overscroll-behavior: contain;
    }

    [data-tab-panel="visao-geral"].is-active .overview-matrix-wrapper {
      overflow-x: hidden;
      overflow-y: auto;
    }

    .app.is-overview .overview-scale-content,
    [data-tab-panel="visao-geral"]:fullscreen .overview-scale-content,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-scale-content {
      height: 100%;
      min-height: 100%;
    }

    .app.is-overview .overview-matrix-table,
    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-table,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-table {
      height: 100%;
      min-height: 100%;
    }

    .app.is-overview .overview-matrix-table thead,
    .app.is-overview .overview-matrix-table thead tr,
    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-table thead,
    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-table thead tr,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-table thead,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-table thead tr {
      height: 20px;
      max-height: 20px;
    }

    .app.is-overview .overview-matrix-table thead th,
    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-table thead th,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-table thead th {
      height: 20px;
      max-height: 20px;
      padding: 0.02rem 0.16rem;
      font-size: 0.62rem;
      line-height: 1;
      vertical-align: middle;
      white-space: nowrap;
    }

    .app.is-overview .overview-matrix-table tbody tr td,
    .app.is-overview .overview-matrix-table tbody tr th,
    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-table tbody tr td,
    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-table tbody tr th,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-table tbody tr td,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-table tbody tr th {
      padding: 0.1rem;
      line-height: 1.06;
    }

    .app.is-overview .overview-matrix-category-cell,
    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-category-cell,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-category-cell {
      font-size: 0.86rem;
      line-height: 1.12;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: none;
    }

    .app.is-overview .overview-matrix-row--empty > td,
    .app.is-overview .overview-matrix-row--empty > th,
    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-row--empty > td,
    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-row--empty > th,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-row--empty > td,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-row--empty > th {
      height: 18px;
      min-height: 18px;
      padding-top: 0.04rem;
      padding-bottom: 0.04rem;
    }

    .app.is-overview .overview-status-empty,
    [data-tab-panel="visao-geral"]:fullscreen .overview-status-empty,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-status-empty {
      font-size: 0.6rem;
      line-height: 1.12;
    }

    .app.is-overview .overview-matrix-row--empty .overview-status-empty,
    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-row--empty .overview-status-empty,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-row--empty .overview-status-empty {
      font-size: 0.62rem;
      line-height: 1;
    }

    [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-wrapper,
    [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-wrapper {
      overflow-x: hidden;
      overflow-y: auto;
    }

    @media (max-height: 720px) {
      .app.is-overview [data-tab-panel="visao-geral"].is-active {
        padding: 0.16rem;
      }

      .app.is-overview .overview-matrix-table thead th,
      [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-table thead th,
      [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-table thead th {
        height: 18px;
        max-height: 18px;
        padding-top: 0;
        padding-bottom: 0;
      }

      .app.is-overview .overview-matrix-table tbody tr td,
      .app.is-overview .overview-matrix-table tbody tr th,
      [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-table tbody tr td,
      [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-table tbody tr th,
      [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-table tbody tr td,
      [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-table tbody tr th {
        padding: 0.07rem;
      }
    }

    @media (max-height: 620px) {
      .app.is-overview .app-main {
        padding: 0.14rem;
      }

      .app.is-overview [data-tab-panel="visao-geral"].is-active {
        padding: 0.1rem;
      }

      .app.is-overview .overview-matrix-category-cell,
      [data-tab-panel="visao-geral"]:fullscreen .overview-matrix-category-cell,
      [data-tab-panel="visao-geral"]:-webkit-full-screen .overview-matrix-category-cell {
        font-size: 0.76rem;
        line-height: 1.04;
      }
    }

    @media (max-width: 980px) {
      .overview-matrix-table col.overview-matrix-col-category {
        width: 75px;
      }

      .overview-matrix-table col.overview-matrix-col-status {
        width: calc((100% - 75px) / 3);
      }
    }

    @media (max-width: 900px) {
      .app.is-overview [data-tab-panel="visao-geral"].is-active .overview-matrix-wrapper {
        max-height: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
      }

      .app.is-overview [data-tab-panel="visao-geral"].is-active .overview-matrix-table {
        min-width: 0;
      }
    }

    .category-color-swatch {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      font-size: 0.82rem;
      color: var(--text-muted);
      white-space: nowrap;
    }

    .category-color-swatch::before {
      content: '';
      width: 14px;
      height: 14px;
      border-radius: 4px;
      background: var(--swatch, #0b2a52);
      border: 1px solid rgba(148, 163, 184, 0.48);
      box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.18);
      flex: 0 0 14px;
    }

    .history-grid {
      display: grid;
      gap: var(--window-gap-x);
      row-gap: var(--window-gap-y);
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }

    [data-tab-panel="historico"] .history-grid {
      grid-template-columns: minmax(0, 1fr) !important;
    }

    [data-tab-panel="historico"] .history-grid > .card {
      width: 100%;
      min-width: 0;
    }

    [data-tab-panel="crm"] .history-grid {
      grid-template-columns: minmax(0, 1fr) !important;
    }

    [data-tab-panel="crm"] .history-grid > .card {
      width: 100%;
      min-width: 0;
    }

    [data-tab-panel="custos"] .history-grid {
      grid-template-columns: minmax(0, 1fr) !important;
    }

    [data-tab-panel="custos"] .history-grid > .card {
      width: 100%;
      min-width: 0;
    }

    .crm-public-card.field-hidden {
      display: none !important;
    }

    .public-crm-field-label--hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    .app.is-crm-portal [data-public-crm-form] {
      grid-template-columns: minmax(0, 1fr);
    }

    .app.is-crm-portal [data-public-crm-form] > * {
      grid-column: 1 / -1;
    }

    .app.is-crm-portal [data-public-crm-form] [data-public-crm-type-field] {
      grid-column: 1 / -1;
      gap: 0.46rem;
      margin-bottom: 0.08rem;
    }

    .app.is-crm-portal [data-public-crm-form] .public-crm-type-label {
      font-size: 0.95rem;
      font-weight: 700;
      letter-spacing: 0.01em;
      color: rgba(240, 249, 255, 0.96);
    }

    .app.is-crm-portal [data-public-crm-form] .public-crm-type-select {
      -webkit-appearance: none;
      appearance: none;
      min-height: 48px;
      padding-right: 2.8rem !important;
      font-size: clamp(0.98rem, 3.6vw, 1.04rem);
      font-weight: 600;
      text-overflow: clip;
      white-space: normal;
      border-color: rgba(220, 240, 255, 0.62) !important;
      border-top-color: rgba(248, 252, 255, 0.92) !important;
      border-radius: 16px !important;
      background:
        linear-gradient(45deg, transparent 50%, rgba(231, 243, 255, 0.96) 50%),
        linear-gradient(135deg, rgba(231, 243, 255, 0.96) 50%, transparent 50%),
        linear-gradient(180deg, rgba(13, 62, 136, 0.96), rgba(7, 36, 88, 0.98)) !important;
      background-position:
        calc(100% - 20px) calc(50% - 2px),
        calc(100% - 13px) calc(50% - 2px),
        0 0 !important;
      background-size: 7px 7px, 7px 7px, 100% 100% !important;
      background-repeat: no-repeat !important;
      box-shadow:
        inset 0 1px 0 rgba(248, 252, 255, 0.26),
        0 12px 24px rgba(4, 20, 52, 0.35),
        0 0 0 1px rgba(172, 214, 255, 0.18) !important;
      transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    }

    @supports (-webkit-touch-callout: none) {
      .app.is-crm-portal [data-public-crm-form] .public-crm-type-select {
        font-size: clamp(0.92rem, 3.4vw, 1rem);
      }
    }

    .app.is-crm-portal [data-public-crm-form] .public-crm-type-select:hover {
      border-color: rgba(248, 252, 255, 0.88) !important;
      box-shadow:
        inset 0 1px 0 rgba(248, 252, 255, 0.28),
        0 14px 26px rgba(4, 20, 52, 0.38),
        0 0 0 1px rgba(204, 232, 255, 0.24) !important;
    }

    .app.is-crm-portal [data-public-crm-form] .public-crm-type-select:focus {
      border-color: rgba(248, 252, 255, 0.98) !important;
      box-shadow:
        0 0 0 4px rgba(126, 195, 255, 0.26),
        0 0 22px rgba(126, 195, 255, 0.34),
        inset 0 1px 0 rgba(248, 252, 255, 0.32) !important;
      transform: translateY(-1px);
    }

    .app.is-crm-portal [data-public-crm-form] .public-crm-type-select option {
      font-weight: 600;
    }

    @media (max-width: 640px) {
      .app.is-crm-portal [data-public-crm-form] [data-public-crm-type-field] {
        gap: 0.38rem;
      }

      .app.is-crm-portal [data-public-crm-form] .public-crm-type-label {
        font-size: 0.92rem;
      }

      .app.is-crm-portal [data-public-crm-form] .public-crm-type-select {
        min-height: 50px;
      }
    }

    .app.is-crm-portal [data-public-crm-form] [data-public-crm-attachment] {
      min-height: 52px;
      padding: 0.34rem 0.38rem !important;
      border-radius: 16px !important;
      border-color: rgba(220, 240, 255, 0.62) !important;
      border-top-color: rgba(248, 252, 255, 0.86) !important;
      background: linear-gradient(180deg, rgba(9, 52, 118, 0.94), rgba(7, 37, 88, 0.98)) !important;
      color: rgba(236, 247, 255, 0.92) !important;
      font-size: 0.95rem;
      line-height: 1.2;
      overflow: hidden;
    }

    .app.is-crm-portal [data-public-crm-form] [data-public-crm-attachment]:hover {
      border-color: rgba(248, 252, 255, 0.84) !important;
      background: linear-gradient(180deg, rgba(12, 63, 136, 0.95), rgba(8, 44, 102, 0.98)) !important;
    }

    .app.is-crm-portal [data-public-crm-form] [data-public-crm-attachment]:focus {
      border-color: rgba(248, 252, 255, 0.96) !important;
      box-shadow:
        0 0 0 4px rgba(126, 195, 255, 0.24),
        0 0 18px rgba(126, 195, 255, 0.3),
        inset 0 1px 0 rgba(248, 252, 255, 0.24) !important;
      outline: none;
    }

    .app.is-crm-portal [data-public-crm-form] [data-public-crm-attachment]::file-selector-button,
    .app.is-crm-portal [data-public-crm-form] [data-public-crm-attachment]::-webkit-file-upload-button {
      margin-right: 0.62rem;
      border: 1px solid rgba(236, 245, 255, 0.72);
      border-radius: 999px;
      padding: 0.42rem 0.88rem;
      background: linear-gradient(135deg, #f7fbff 0%, #cde8ff 45%, #92cbff 100%);
      color: #0a2b57;
      font-size: 0.88rem;
      font-weight: 800;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: filter 0.16s ease;
    }

    .app.is-crm-portal [data-public-crm-form] [data-public-crm-attachment]::file-selector-button:hover,
    .app.is-crm-portal [data-public-crm-form] [data-public-crm-attachment]::-webkit-file-upload-button:hover {
      filter: brightness(1.05);
    }

    .app.is-crm-portal [data-public-crm-form] [data-public-crm-attachment-note] {
      margin-top: 0.46rem;
      color: rgba(206, 231, 255, 0.88);
      font-size: 0.78rem;
      line-height: 1.3;
    }

    .crm-attachment-preview {
      display: grid;
      gap: 0.35rem;
      margin-top: 0.55rem;
      max-width: 240px;
    }

    .crm-attachment-preview img,
    .crm-attachment-preview video {
      display: block;
      width: 100%;
      max-height: 160px;
      border: 1px solid rgba(148, 190, 255, 0.28);
      border-radius: var(--radius-xs);
      background: rgba(5, 14, 30, 0.62);
      object-fit: cover;
    }

    .crm-attachment-preview video {
      object-fit: contain;
    }

    .crm-attachment-preview__link {
      color: var(--blue-200);
      font-size: 0.82rem;
      text-decoration: none;
    }

    .crm-attachment-preview__link:hover {
      text-decoration: underline;
    }

    .crm-attachment-preview__meta {
      color: var(--text-muted);
      font-size: 0.78rem;
    }

    .crm-candidate-note {
      width: 100%;
      min-width: 180px;
      min-height: 42px;
      height: 42px;
      resize: vertical;
    }

    .crm-candidate-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
    }

    [data-crm-form] {
      --crm-control-size: 44px;
      grid-template-columns:
        minmax(170px, 1.2fr)
        minmax(150px, 1fr)
        minmax(150px, 1fr)
        minmax(150px, 1fr)
        minmax(160px, 1fr)
        minmax(160px, 1fr);
      gap: 0.62rem;
    }

    [data-crm-form] .crm-form-description-field {
      grid-column: 1 / 5;
      grid-row: 2;
      display: grid;
      gap: 0.42rem;
    }

    [data-crm-form] .crm-form-attachment-field {
      grid-column: 5 / 6;
      grid-row: 2;
      align-self: end;
      display: grid;
      gap: 0.42rem;
    }

    [data-crm-form] .crm-form-attachment-inline {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.5rem;
    }

    [data-crm-form] [data-crm-attachment-trigger],
    [data-crm-form] .crm-form-submit-button {
      width: 100%;
      min-height: var(--crm-control-size);
      height: var(--crm-control-size);
      padding-block: 0;
    }

    [data-crm-form] [data-crm-attachment-trigger] {
      padding-inline: 0.95rem;
    }

    [data-crm-form] [data-crm-attachment-note]:empty {
      display: none;
      margin-top: 0;
    }

    [data-crm-form] [data-crm-attachment] {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    [data-crm-form] .crm-form-submit-button {
      grid-column: 6 / 7;
      grid-row: 2;
      align-self: end;
      justify-self: stretch;
    }

    [data-crm-form] [data-crm-feedback] {
      grid-column: 1 / -1;
    }

    [data-crm-form] [data-crm-feedback]:empty {
      display: none;
      min-height: 0;
    }

    [data-crm-form] [data-crm-feedback]:not(:empty) {
      display: block;
      min-height: 1.1rem;
    }

    [data-crm-form] [data-crm-description] {
      min-height: 44px;
      height: 44px;
      resize: vertical;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] {
      table-layout: fixed;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] th:nth-child(1),
    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] td:nth-child(1) {
      width: 6%;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] th:nth-child(2),
    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] td:nth-child(2) {
      width: 11%;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] th:nth-child(3),
    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] td:nth-child(3) {
      width: 11%;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] th:nth-child(4),
    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] td:nth-child(4) {
      width: 15%;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] th:nth-child(5),
    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] td:nth-child(5) {
      width: 8%;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] th:nth-child(6),
    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] td:nth-child(6) {
      width: 24%;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] th:nth-child(7),
    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] td:nth-child(7) {
      width: 9%;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] th:nth-child(8),
    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] td:nth-child(8) {
      width: 16%;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] tbody td {
      vertical-align: top;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] tbody td:nth-child(6) .crm-candidate-actions,
    [data-tab-panel="crm"] table[data-table-column-key="crm-history-table"] tbody td:nth-child(8) .crm-candidate-actions {
      justify-content: flex-start;
      align-items: flex-start;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] {
      table-layout: fixed;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] th:nth-child(1),
    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] td:nth-child(1) {
      width: 8%;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] th:nth-child(2),
    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] td:nth-child(2) {
      width: 16%;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] th:nth-child(3),
    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] td:nth-child(3) {
      width: 14%;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] th:nth-child(4),
    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] td:nth-child(4) {
      width: 10%;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] th:nth-child(5),
    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] td:nth-child(5) {
      width: 14%;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] th:nth-child(6),
    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] td:nth-child(6) {
      width: 24%;
    }

    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] th:nth-child(7),
    [data-tab-panel="crm"] table[data-table-column-key="crm-candidates-table"] td:nth-child(7) {
      width: 14%;
    }

    [data-tab-panel="crm"] .table-export-toolbar[data-table-export-owner*="crm-candidates-table"]:not(.table-export-toolbar--inline) .table-export-toggle {
      transform: translateY(21px);
    }

    [data-tab-panel="crm"] .table-export-toolbar[data-table-export-owner*="crm-history-table"]:not(.table-export-toolbar--inline) {
      padding-right: calc(8% - 0.2rem);
    }

    [data-tab-panel="crm"] .table-export-toolbar[data-table-export-owner*="crm-history-table"]:not(.table-export-toolbar--inline) .table-export-toggle {
      transform: translateY(21px);
    }

    @media (max-width: 1200px) {
      [data-crm-form] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      [data-crm-form] .crm-form-description-field,
      [data-crm-form] .crm-form-attachment-field,
      [data-crm-form] .crm-form-submit-button,
      [data-crm-form] [data-crm-feedback] {
        grid-column: 1 / -1;
        grid-row: auto;
      }
    }

    @media (max-width: 760px) {
      [data-crm-form] {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    [data-tab-panel="documentos"] .table-export-toolbar[data-table-export-owner*="documents-library-table"]:not(.table-export-toolbar--inline) .table-export-toggle {
      transform: translateY(21px);
    }

    [data-tab-panel="documentos"] table[data-table-column-key="documents-library-table"] tbody td.has-actions {
      vertical-align: middle !important;
    }

    [data-tab-panel="documentos"] table[data-table-column-key="documents-library-table"] tbody td.has-actions .table-actions {
      padding-top: 0;
      min-height: 100%;
      align-items: center;
    }

    [data-documents-form] {
      grid-template-columns:
        minmax(120px, 0.75fr)
        minmax(120px, 0.75fr)
        minmax(180px, 1.25fr)
        minmax(160px, 1fr)
        minmax(130px, 0.82fr);
      gap: 0.62rem;
    }

    [data-documents-form] .documents-actions {
      grid-column: 5 / -1;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-items: center;
      gap: 0.45rem;
      align-self: end;
      justify-self: stretch;
    }

    [data-documents-form] .documents-actions > button.btn {
      width: 100%;
      min-width: 0;
      max-width: none;
      padding-inline: 0.8rem;
    }

    [data-documents-form] .documents-recurring-toggle {
      display: flex;
      align-items: center;
      gap: 0.45rem;
      min-height: 44px;
    }

    [data-documents-form] .documents-recurring-toggle input[type='checkbox'] {
      width: 16px;
      height: 16px;
      flex: 0 0 auto;
    }

    [data-documents-form] .documents-field--recurrence-config {
      grid-column: 4 / span 1;
      align-self: end;
    }

    [data-documents-form] .documents-recurrence-config-row {
      display: grid;
      grid-template-columns: minmax(90px, 120px) minmax(150px, 1fr);
      gap: 0.5rem;
      align-items: end;
    }

    [data-documents-form] .documents-recurrence-config-row .input {
      min-width: 0;
    }

    [data-documents-form] .documents-field--link {
      grid-column: span 2;
    }

    [data-documents-form] .documents-field--file {
      grid-column: 4 / span 2;
    }

    [data-documents-form] .documents-field--issued-at {
      grid-column: 1 / span 2;
    }

    [data-documents-form] .documents-field--expiry {
      grid-column: 3 / span 1;
    }

    [data-documents-form] [data-documents-remove-file-wrap],
    [data-documents-form] [data-documents-file-note],
    [data-documents-form] [data-documents-feedback] {
      grid-column: 1 / -1;
    }

    [data-documents-form] [data-documents-file-note],
    [data-documents-form] [data-documents-feedback] {
      min-height: 0;
    }

    [data-documents-form] [data-documents-file-note]:empty,
    [data-documents-form] [data-documents-feedback]:empty {
      display: none;
    }

    .documents-download-list {
      display: grid;
      gap: 0.46rem;
      max-height: min(55vh, 340px);
      overflow: auto;
      padding-right: 0.2rem;
    }

    .documents-download-option {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      column-gap: 0.56rem;
      row-gap: 0.14rem;
      align-items: start;
      border: 1px solid rgba(178, 214, 255, 0.36);
      border-radius: 10px;
      padding: 0.48rem 0.56rem;
      background: rgba(12, 33, 78, 0.42);
    }

    .documents-download-option input[type='checkbox'] {
      margin-top: 0.18rem;
    }

    .documents-download-option__title {
      font-weight: 600;
      min-width: 0;
    }

    .documents-download-option__meta {
      grid-column: 2;
      font-size: 0.78rem;
      color: var(--text-muted);
      min-width: 0;
    }

    @media (max-width: 1200px) {
      [data-documents-form] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      [data-documents-form] .documents-field--link,
      [data-documents-form] .documents-field--file,
      [data-documents-form] .documents-field--recurrence-config,
      [data-documents-form] .documents-actions {
        grid-column: span 3;
      }

      [data-documents-form] .documents-field--issued-at,
      [data-documents-form] .documents-field--expiry {
        grid-column: span 1;
      }

      [data-documents-form] .documents-actions {
        grid-template-columns: minmax(0, 1fr);
      }

      [data-documents-form] .documents-actions > button.btn {
        width: 100%;
        min-width: 0;
        max-width: none;
      }
    }

    @media (max-width: 900px) {
      [data-documents-form] {
        grid-template-columns: minmax(0, 1fr);
      }

      [data-documents-form] .documents-field--link,
      [data-documents-form] .documents-field--file,
      [data-documents-form] .documents-field--recurrence-config,
      [data-documents-form] .documents-actions {
        grid-column: span 1;
      }

      [data-documents-form] .documents-field--issued-at,
      [data-documents-form] .documents-field--expiry {
        grid-column: span 1;
      }

      [data-documents-form] .span-2 {
        grid-column: span 1;
      }

      [data-documents-form] .documents-recurrence-config-row {
        grid-template-columns: minmax(0, 1fr);
      }

      [data-documents-form] .documents-actions {
        grid-template-columns: minmax(0, 1fr);
      }

      [data-documents-form] .documents-actions > button.btn {
        width: 100%;
        min-width: 0;
        max-width: none;
      }
    }

    @media (max-width: 640px) {
      [data-documents-form] {
        grid-template-columns: minmax(0, 1fr);
      }

      [data-documents-form] .documents-field--link,
      [data-documents-form] .documents-field--file,
      [data-documents-form] .documents-field--recurrence-config,
      [data-documents-form] .documents-actions {
        grid-column: span 1;
      }

      [data-documents-form] .documents-field--issued-at,
      [data-documents-form] .documents-field--expiry {
        grid-column: span 1;
      }

      [data-documents-form] .documents-actions {
        grid-template-columns: minmax(0, 1fr);
      }

      [data-documents-form] .documents-actions > button.btn {
        width: 100%;
        min-width: 0;
        max-width: none;
      }
    }

    :is(html, body).is-mobile-light-mode [data-documents-form],
    .app.is-mobile-light-mode [data-documents-form] {
      grid-template-columns: minmax(0, 1fr);
    }

    :is(html, body).is-mobile-light-mode [data-documents-form] > *,
    .app.is-mobile-light-mode [data-documents-form] > * {
      grid-column: 1 / -1;
    }

    :is(html, body).is-mobile-light-mode [data-documents-form] .documents-recurrence-config-row,
    .app.is-mobile-light-mode [data-documents-form] .documents-recurrence-config-row {
      grid-template-columns: minmax(0, 1fr);
    }

    :is(html, body).is-mobile-light-mode [data-documents-form] .documents-actions,
    .app.is-mobile-light-mode [data-documents-form] .documents-actions {
      grid-template-columns: minmax(0, 1fr);
    }

    :is(html, body).is-mobile-light-mode [data-documents-form] .documents-actions > button.btn,
    .app.is-mobile-light-mode [data-documents-form] .documents-actions > button.btn {
      width: 100%;
      min-width: 0;
      max-width: none;
    }

    .quotation-public-card.field-hidden {
      display: none !important;
    }

    .app.is-crm-portal,
    .app.is-quotation-portal,
    .app.is-client-order-portal {
      min-height: 100vh;
    }

    html.is-public-portal-no-zoom,
    html.is-public-portal-no-zoom body,
    html.is-public-portal-no-zoom .app,
    html.is-mobile-no-zoom,
    html.is-mobile-no-zoom body,
    html.is-mobile-no-zoom .app {
      touch-action: manipulation;
      -webkit-text-size-adjust: 100%;
      text-size-adjust: 100%;
    }

    .app.is-crm-portal .app-header,
    .app.is-quotation-portal .app-header {
      grid-template-columns: 1fr;
      grid-template-areas: 'brand';
      align-items: center;
    }

    .app.is-crm-portal .brand,
    .app.is-quotation-portal .brand {
      width: 100%;
      box-sizing: border-box;
      padding-left: clamp(0.8rem, 4vw, 1.5rem);
      justify-self: stretch;
      justify-content: space-between;
      gap: 0.9rem;
    }

    .app.is-crm-portal .brand__public-title,
    .app.is-quotation-portal .brand__public-title {
      display: block;
      min-width: 0;
      color: var(--white-100);
      font-size: clamp(1.08rem, 4.4vw, 1.65rem);
      font-weight: 800;
      line-height: 1.08;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .app.is-crm-portal .erp-header-logo,
    .app.is-quotation-portal .erp-header-logo {
      max-width: clamp(94px, 26vw, 150px);
      max-height: clamp(44px, 12vw, 62px);
    }

    .app.is-crm-portal .tabs,
    .app.is-crm-portal .erp-header-user-area,
    .app.is-crm-portal .session-access,
    .app.is-crm-portal .mobile-bottom-nav,
    .app.is-crm-portal [data-alerts-panel],
    .app.is-crm-portal [data-crm-internal-card],
    .app.is-crm-portal [data-crm-history-card],
    .app.is-crm-portal [data-crm-candidates-card] {
      display: none !important;
    }

    .app.is-quotation-portal .tabs,
    .app.is-quotation-portal .erp-header-user-area,
    .app.is-quotation-portal .session-access,
    .app.is-quotation-portal .mobile-bottom-nav,
    .app.is-quotation-portal [data-alerts-panel],
    .app.is-quotation-portal [data-tab-panel="compras"] > :not([data-public-quotation-card]) {
      display: none !important;
    }

    .app.is-client-order-portal .tabs,
    .app.is-client-order-portal .session-access,
    .app.is-client-order-portal .mobile-bottom-nav,
    .app.is-client-order-portal [data-alerts-panel],
    .app.is-client-order-portal [data-tab-panel="pedido"] [data-public-link-wrap="pedido"] {
      display: none !important;
    }

    .app.is-crm-portal .app-main,
    .app.is-quotation-portal .app-main,
    .app.is-client-order-portal .app-main {
      width: 100%;
      max-width: 100%;
    }

    .app.is-crm-portal [data-tab-panel="crm"] {
      display: block;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
      overflow: visible;
    }

    .app.is-crm-portal [data-tab-panel="crm"]::before {
      content: none !important;
      display: none !important;
    }

    .app.is-quotation-portal [data-tab-panel="compras"] {
      display: block;
    }

    .app.is-client-order-portal [data-tab-panel="pedido"] {
      display: block;
    }

    .app.is-quotation-portal [data-tab-panel="compras"] .panel-header {
      margin-bottom: 1.15rem;
    }

    .app.is-quotation-portal [data-public-quotation-form] input[type="date"].input,
    .app.is-quotation-portal [data-public-quotation-delivery-date] {
      display: block;
      width: 100%;
      inline-size: 100%;
      max-width: 100%;
      max-inline-size: 100%;
      min-width: 0;
      min-inline-size: 0;
      box-sizing: border-box;
      -webkit-appearance: none;
      appearance: none;
      text-align: left;
      overflow: hidden;
    }

    .app.is-quotation-portal [data-public-quotation-delivery-date]::-webkit-date-and-time-value {
      min-width: 0;
      max-width: 100%;
      text-align: left;
    }

    .app.is-quotation-portal [data-public-quotation-delivery-date]::-webkit-datetime-edit {
      max-width: 100%;
      overflow: hidden;
    }

    .app.is-quotation-portal [data-public-quotation-total] {
      color: var(--white-100);
      font-weight: 800;
    }

    .app.is-crm-portal [data-tab-panel="crm"] .panel-header {
      display: none;
    }

    .app.is-crm-portal [data-tab-panel="crm"] .history-grid {
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 0;
    }

    .production-grid {
      margin-top: 1rem;
      grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    }

    [data-tab-panel="producao"].is-active {
      display: flex;
      flex-direction: column;
    }

    [data-tab-panel="producao"] > .history-grid.production-grid {
      order: 1;
      margin-top: 0.85rem;
    }

    [data-tab-panel="producao"] > .production-entry-card {
      order: 2;
      margin-top: 0.9rem;
    }

    .production-grid .production-op-card,
    .production-entry-card {
      grid-column: 1 / -1;
    }

    .op-estimate-panel {
      border: 1px solid rgba(148, 190, 255, 0.2);
      border-radius: var(--radius-md);
      background: rgba(4, 13, 28, 0.56);
      padding: 0.5rem 0.6rem;
      max-height: 180px;
      overflow-x: hidden;
      overflow-y: auto;
    }

    [data-op-table] td:nth-child(1) {
      width: 12%;
    }

    [data-op-table] td:nth-child(2) {
      width: 20%;
    }

    [data-op-table] td:nth-child(3) {
      width: 8%;
      text-align: center;
    }

    [data-op-table] td:nth-child(4) {
      width: 50%;
    }

    [data-op-table] td:nth-child(5) {
      width: 10%;
      display: flex;
      gap: 0.3rem;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: flex-start;
    }

    [data-op-table] td:nth-child(5) button {
      flex: 1 1 auto;
      min-width: 60px;
      padding: 0.4rem 0.5rem;
      font-size: 0.82rem;
      white-space: nowrap;
    }

    [data-op-table] tbody tr {
      height: auto;
    }

    .op-estimate-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.45rem;
      align-items: center;
      padding: 0.32rem 0;
      border-bottom: 1px solid rgba(148, 163, 184, 0.14);
      font-size: 0.83rem;
    }

    .op-estimate-row:last-child {
      border-bottom: 0;
    }

    .op-estimate-row strong {
      color: var(--white-100);
      font-weight: 600;
    }

    .production-ingredient-summary {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
      gap: 0.35rem 0.85rem;
      min-width: 0;
    }

    .production-ingredient-summary__item {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.55rem;
      align-items: start;
      font-size: 0.82rem;
      color: var(--text-soft);
    }

    .production-ingredient-summary__name {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .production-ingredient-summary__value {
      color: var(--white-100);
      font-weight: 600;
      white-space: nowrap;
    }

    @media (min-width: 1460px) {
      .production-ingredient-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    .production-ingredient-summary__empty {
      font-size: 0.78rem;
      color: var(--text-muted);
    }

    .production-order-cell-list {
      display: grid;
      gap: 0.35rem;
      min-width: 0;
    }

    .production-order-cell-item {
      min-width: 0;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }

    .production-order-actions {
      display: grid;
      gap: 0.35rem;
      align-items: start;
      justify-items: start;
    }

    table[data-table-column-key="production-pending-orders"] .production-ingredient-summary__item {
      display: block;
      width: 100%;
    }

    table[data-table-column-key="production-pending-orders"] .production-ingredient-summary__name,
    table[data-table-column-key="production-pending-orders"] .production-ingredient-summary__value {
      display: block;
      width: 100%;
      white-space: normal;
    }

    table[data-table-column-key="production-pending-orders"] .production-ingredient-summary__value {
      margin-top: 0.15rem;
    }

    .op-group-line {
      display: grid;
      grid-template-columns: var(--op-group-column-template,
        minmax(128px, 0.95fr)
        minmax(220px, 1.55fr)
        minmax(116px, 0.76fr)
        minmax(130px, 0.86fr)
        minmax(116px, 0.72fr));
      gap: var(--op-grid-gap, 0.45rem);
      align-items: end;
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
    }

    [data-op-form] {
      --op-grid-gap: 0.6rem;
      --op-form-column-template:
        minmax(128px, 0.95fr)
        minmax(220px, 1.55fr)
        minmax(104px, 0.7fr)
        minmax(82px, 0.52fr)
        minmax(126px, 0.82fr)
        minmax(104px, 0.68fr)
        minmax(104px, 0.68fr)
        minmax(190px, 1.2fr)
        minmax(96px, 0.6fr);
      --op-group-column-template:
        minmax(128px, 0.95fr)
        minmax(220px, 1.55fr)
        minmax(116px, 0.76fr)
        minmax(130px, 0.86fr)
        minmax(116px, 0.72fr);
      grid-template-columns: var(--op-form-column-template);
      grid-auto-flow: row;
      gap: var(--op-grid-gap);
    }

    [data-op-form].op-form--group-mode {
      --op-action-row-height: 42px;
      grid-template-columns: var(--op-group-column-template) minmax(240px, 1.4fr);
      align-items: start;
      row-gap: 0.42rem;
    }

    [data-op-form] > *,
    [data-op-form] .op-group-line > * {
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
      justify-self: stretch;
    }

    [data-op-form] .op-main-field,
    [data-op-form] .op-group-line label,
    [data-op-form] .op-note-field,
    [data-op-form] .op-estimate-field {
      width: 100%;
    }

    [data-op-form] :is(input.input, select.input, textarea.input, .input),
    [data-op-form] .op-submit-btn {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      box-sizing: border-box;
    }

    [data-op-form] .op-main-field--category {
      grid-column: 1;
      grid-row: 1;
      align-self: start;
    }

    [data-op-form] .op-main-field--product {
      grid-column: 2;
      grid-row: 1;
      align-self: start;
    }

    [data-op-form] .op-main-field--qty {
      grid-column: 3;
    }

    [data-op-form] .op-main-field--unit {
      grid-column: 4;
    }

    [data-op-form] .op-main-field--date {
      grid-column: 5;
    }

    [data-op-form] .op-main-field--stock {
      grid-column: 6;
    }

    [data-op-form] .op-main-field--capacity {
      grid-column: 7;
    }

    [data-op-form] .op-main-field--suggested {
      grid-column: 8;
    }

    [data-op-form] .op-main-field--horizon {
      grid-column: 9;
    }

    [data-op-form].op-form--group-mode .op-main-field--category {
      grid-column: 1;
      align-self: start;
    }

    [data-op-form].op-form--group-mode .op-main-field--product {
      grid-column: 2;
      align-self: start;
    }

    [data-op-form].op-form--group-mode .op-main-field--qty {
      grid-column: 3;
      align-self: start;
    }

    [data-op-form].op-form--group-mode .op-main-field--date {
      grid-column: 4;
      align-self: start;
    }

    [data-op-form].op-form--group-mode .op-main-field--horizon {
      grid-column: 5;
      align-self: start;
    }

    .op-group-line {
      min-width: 0;
    }

    .op-group-line:first-child {
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
    }

    [data-op-group-wrap] {
      grid-column: 1 / 10;
    }

    [data-op-form].op-form--group-mode [data-op-group-wrap] {
      grid-column: 1 / 6;
      grid-row: 2;
      align-self: start;
    }

    @media (min-width: 981px) {
      [data-op-form].op-form--group-mode [data-op-group-wrap] {
        display: grid;
        grid-template-columns: var(--op-group-column-template);
        column-gap: var(--op-grid-gap);
        row-gap: 0.72rem;
      }

      [data-op-form].op-form--group-mode .op-group-list,
      [data-op-form].op-form--group-mode .op-group-line {
        display: contents;
      }
    }

    [data-op-group-horizon-wrap] {
      display: grid;
      gap: 0.3rem;
      min-width: 0;
    }

    [data-op-group-horizon-wrap].field-hidden {
      display: none !important;
    }

    [data-op-group-horizon-wrap] [data-op-group-horizon] {
      width: 100%;
      min-width: 0;
      padding: 0.55rem 0.72rem;
      font-size: 0.95rem;
      min-height: 42px;
    }

    .op-group-wrap {
      display: grid;
      gap: 0.4rem;
    }

    .op-section-label {
      font-size: 0.9rem;
      color: var(--text-soft);
    }

    .op-group-list {
      display: grid;
      gap: 0.72rem;
      width: 100%;
      overflow: visible;
    }

    [data-op-form] .op-group-line label {
      display: grid;
      gap: 0.28rem;
      font-size: 0.82rem;
      color: var(--text-soft);
      min-width: 0;
    }

    [data-op-form] .op-group-label-repeat {
      display: inline;
    }

    @media (min-width: 641px) {
      [data-op-form] .op-group-line:not(.op-group-line--first) .op-group-label-repeat {
        display: none;
      }
    }

    [data-op-form] .op-group-line .input {
      padding: 0.42rem 0.52rem;
      font-size: 0.86rem;
      min-height: 36px;
    }

    [data-op-form] .op-group-product-field {
      align-self: end;
      min-height: 36px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }

    [data-op-form] .op-group-product-field .check-row {
      width: 100%;
      min-height: 36px;
      margin: 0;
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      text-align: left;
      line-height: 1.2;
    }

    [data-op-form] .op-group-product-name {
      flex: 1 1 auto;
      min-width: 0;
      overflow-wrap: anywhere;
    }

    [data-op-form] .op-group-product-field .check-row input[type="checkbox"] {
      flex: 0 0 auto;
    }

    [data-op-form] .op-coverage-priority {
      grid-column: 1 / -1;
      grid-row: 2;
      display: grid;
      gap: 0.45rem;
      max-width: none;
      justify-self: stretch;
      width: 100%;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    [data-op-form]:not(.op-form--group-mode) .op-main-field--product.field-hidden ~ .op-coverage-priority {
      grid-column: 2 / -1;
      grid-row: 1;
      align-self: start;
      margin-top: 0;
    }

    [data-op-form].op-form--category-selected .op-coverage-priority {
      grid-column: 1 / -1;
      grid-row: 2;
      align-self: start;
      margin-top: 0;
      max-width: none;
    }

    [data-op-form]:not(.op-form--group-mode).op-form--category-selected .op-coverage-priority {
      grid-column: 3 / -1;
      grid-row: 1;
      justify-self: start;
      width: 100%;
      max-width: min(100%, 820px);
    }

    [data-op-form].op-form--category-selected .op-coverage-priority__table-wrap {
      max-width: none;
    }

    [data-op-form] .op-coverage-priority__header {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      justify-content: space-between;
      gap: 0.25rem 0.7rem;
    }

    [data-op-form].op-form--category-selected .op-coverage-priority__single > .op-coverage-priority__header {
      padding-left: 0.66rem;
    }

    [data-op-form]:not(.op-form--group-mode).op-form--category-selected .op-coverage-priority__single > .op-coverage-priority__header {
      padding-left: 0;
    }

    [data-op-form] .op-coverage-priority__single,
    [data-op-form] .op-coverage-priority__multi {
      display: grid;
      gap: 0.45rem;
    }

    [data-op-form] .op-coverage-priority__single-grid {
      display: grid;
      gap: 0.55rem;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      width: 100%;
      max-width: none;
      justify-content: stretch;
    }

    [data-op-form] .op-coverage-priority__single > .op-coverage-priority__header,
    [data-op-form] .op-coverage-priority__single-grid {
      width: min(100%, 920px);
      max-width: 920px;
      justify-self: start;
    }

    [data-op-form] .op-coverage-priority__multi {
      justify-items: stretch;
    }

    [data-op-form] .op-coverage-priority__header strong {
      font-size: 0.86rem;
      color: var(--text-main);
      font-weight: 600;
    }

    [data-op-form] .op-coverage-priority__header span {
      font-size: 0.78rem;
      color: var(--text-soft);
    }

    [data-op-form] .op-coverage-priority__table-wrap {
      margin: 0;
      max-height: 240px;
      overflow-y: auto;
    }

    [data-op-form] .op-coverage-priority__family-grid {
      display: grid;
      gap: 0.55rem;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      width: 100%;
      max-width: none;
      justify-content: stretch;
    }

    [data-op-form] .op-coverage-priority__family {
      display: grid;
      gap: 0.35rem;
      min-width: 0;
      width: 100%;
      max-width: none;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    [data-op-form] .op-coverage-priority__family-header {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      justify-content: space-between;
      gap: 0.2rem 0.45rem;
    }

    [data-op-form] .op-coverage-priority__family-header strong {
      font-size: 0.82rem;
      color: var(--text-main);
      font-weight: 600;
    }

    [data-op-form] .op-coverage-priority__family-header span {
      font-size: 0.74rem;
      color: var(--text-soft);
    }

    [data-op-form] .op-coverage-priority__family .op-coverage-priority__table-wrap {
      max-height: none;
      max-width: none;
      overflow-y: visible;
      border: 0;
      border-radius: 0;
      background: transparent;
      clip-path: none;
    }

    [data-op-form] .op-coverage-priority__table {
      width: 100%;
      min-width: 0;
      table-layout: fixed;
    }

    [data-op-form] .op-coverage-priority__table th,
    [data-op-form] .op-coverage-priority__table td {
      font-size: 0.82rem;
      white-space: normal;
      word-break: break-word;
    }

    [data-op-form].op-form--category-selected .op-coverage-priority__single .op-coverage-priority__table th:first-child,
    [data-op-form].op-form--category-selected .op-coverage-priority__single .op-coverage-priority__table td:first-child {
      padding-left: 0.66rem;
    }

    [data-op-form]:not(.op-form--group-mode).op-form--category-selected .op-coverage-priority__single .op-coverage-priority__table th:first-child,
    [data-op-form]:not(.op-form--group-mode).op-form--category-selected .op-coverage-priority__single .op-coverage-priority__table td:first-child {
      padding-left: 0.5rem;
    }

    [data-op-form]:not(.op-form--group-mode).op-form--category-selected .op-coverage-priority__single .op-coverage-priority__table th:nth-child(2),
    [data-op-form]:not(.op-form--group-mode).op-form--category-selected .op-coverage-priority__single .op-coverage-priority__table td:nth-child(2),
    [data-op-form]:not(.op-form--group-mode).op-form--category-selected .op-coverage-priority__single .op-coverage-priority__table th:nth-child(3),
    [data-op-form]:not(.op-form--group-mode).op-form--category-selected .op-coverage-priority__single .op-coverage-priority__table td:nth-child(3) {
      width: 88px;
    }

    [data-op-form] .op-coverage-priority__family .op-coverage-priority__table th,
    [data-op-form] .op-coverage-priority__family .op-coverage-priority__table td {
      font-size: 0.78rem;
    }

    [data-op-form] .op-coverage-priority__table th:nth-child(2),
    [data-op-form] .op-coverage-priority__table td:nth-child(2),
    [data-op-form] .op-coverage-priority__table th:nth-child(3),
    [data-op-form] .op-coverage-priority__table td:nth-child(3) {
      text-align: right;
    }

    @media (min-width: 1500px) {
      [data-op-form] .op-coverage-priority {
        gap: 0.72rem;
      }

      [data-op-form] .op-coverage-priority__single-grid {
        gap: 0.9rem;
      }

      [data-op-form] .op-coverage-priority__family-grid {
        gap: 0.9rem;
      }

      [data-op-form] .op-coverage-priority__family {
        gap: 0.5rem;
        padding: 0.72rem 0.9rem;
      }

      [data-op-form] .op-coverage-priority__family-header {
        gap: 0.3rem 0.75rem;
        padding-inline: 0.08rem;
      }

      [data-op-form] .op-coverage-priority__family-header strong {
        font-size: 0.9rem;
      }

      [data-op-form] .op-coverage-priority__family-header span {
        font-size: 0.79rem;
      }

      [data-op-form] .op-coverage-priority__family .op-coverage-priority__table-wrap {
        max-height: none;
      }

      [data-op-form] .op-coverage-priority__family .op-coverage-priority__table th,
      [data-op-form] .op-coverage-priority__family .op-coverage-priority__table td {
        padding-left: 0.62rem;
        padding-right: 0.62rem;
        font-size: 0.8rem;
      }
    }

    [data-op-form] .op-estimate-field {
      grid-column: 1 / -1;
      grid-row: auto;
      align-self: stretch;
      min-height: 0;
    }

    [data-op-form].op-form--group-mode .op-estimate-field {
      grid-column: 6 / -1;
      grid-row: 1 / 4;
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      align-self: stretch;
      min-height: 0;
      margin: 0;
    }

    [data-op-form] .op-estimate-field .op-estimate-panel {
      max-height: 180px;
    }

    [data-op-form].op-form--group-mode .op-estimate-field .op-estimate-panel {
      height: 100%;
      min-height: 0;
      max-height: none;
    }

    [data-op-form] .op-note-field {
      grid-column: 1 / 7;
    }

    [data-op-form].op-form--group-mode .op-note-field {
      grid-column: 1 / 5;
      grid-row: 3;
      align-self: end;
      min-width: 0;
      margin: 0;
    }

    [data-op-form].op-form--group-mode .op-note-field .input {
      height: var(--op-action-row-height);
      min-height: var(--op-action-row-height);
    }

    [data-op-form] label {
      font-size: 0.9rem;
      gap: 0.35rem;
      min-width: 0;
    }

    [data-op-form] .input {
      padding: 0.55rem 0.72rem;
      font-size: 0.95rem;
      min-height: 42px;
      line-height: 1.25;
    }

    [data-op-form] select.input {
      padding: 0.5rem 0.66rem;
      min-height: 42px;
    }

    [data-op-form] [data-op-calculated-field]:disabled {
      opacity: 1;
      cursor: default;
      color: var(--text-main);
      -webkit-text-fill-color: var(--text-main);
      user-select: none;
      pointer-events: none;
    }

    [data-op-form] [type="date"] {
      padding: 0.5rem 0.66rem;
      min-height: 42px;
    }

    [data-op-form] .op-main-field--date .input {
      padding: 0.45rem 0.55rem;
      font-size: 0.9rem;
    }

    [data-op-form] .op-submit-btn {
      min-height: 42px;
      align-self: end;
      margin: 0;
      grid-column: 7 / 9;
      justify-self: stretch;
      width: 100%;
    }

    [data-op-form].op-form--group-mode .op-submit-btn {
      grid-column: 5 / 6;
      grid-row: 3;
      align-self: end;
      justify-self: stretch;
      height: var(--op-action-row-height);
      min-height: var(--op-action-row-height);
      margin: 0;
      min-width: 0;
      width: 100%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    [data-op-form] [data-op-feedback] {
      grid-column: 1 / -1;
    }

    @media (max-width: 980px) {
      [data-op-form] {
        grid-template-columns: repeat(4, minmax(170px, 1fr));
      }

      [data-op-form] .op-coverage-priority {
        grid-column: 1 / -1;
        grid-row: auto;
        max-width: none;
      }

      [data-op-form].op-form--category-selected .op-coverage-priority {
        grid-column: 1 / -1;
        max-width: none;
      }

      [data-op-form].op-form--category-selected .op-coverage-priority__table-wrap {
        max-width: none;
      }

      [data-op-form] .op-coverage-priority__family-grid {
        grid-template-columns: 1fr;
      }

      [data-op-form] .op-coverage-priority__single-grid {
        grid-template-columns: 1fr;
      }

      [data-op-form] .op-coverage-priority__single > .op-coverage-priority__header,
      [data-op-form] .op-coverage-priority__single-grid {
        width: 100%;
        max-width: none;
      }

      .op-group-line {
        grid-template-columns: repeat(3, minmax(170px, 1fr));
      }

      [data-op-form].op-form--group-mode .op-group-line {
        grid-template-columns: var(--op-group-column-template);
      }

      [data-op-group-wrap],
      [data-op-form].op-form--group-mode [data-op-group-wrap],
      [data-op-form] .op-estimate-field,
      [data-op-form].op-form--group-mode .op-estimate-field,
      [data-op-form] .op-note-field,
      [data-op-form].op-form--group-mode .op-note-field,
      [data-op-form] .op-submit-btn,
      [data-op-form].op-form--group-mode .op-submit-btn {
        grid-column: 1 / -1;
        grid-row: auto;
      }

      [data-op-form] .op-estimate-field .op-estimate-panel {
        height: auto;
        min-height: 0;
        max-height: 180px;
      }

      [data-op-form].op-form--group-mode .op-estimate-field {
        min-height: 0;
        margin-top: 0;
      }

      [data-op-form].op-form--group-mode .op-note-field {
        align-self: stretch;
        margin-top: 0;
      }

      [data-op-form].op-form--group-mode .op-note-field .input {
        height: auto;
        min-height: 42px;
      }

      [data-op-form].op-form--group-mode .op-submit-btn {
        align-self: end;
        justify-self: stretch;
        height: auto;
        min-height: 42px;
        margin: 0;
        width: 100%;
      }
    }

    @media (max-width: 820px) {
      [data-op-form],
      [data-op-form].op-form--group-mode {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      [data-op-form] .op-main-field,
      [data-op-form].op-form--group-mode .op-main-field {
        grid-column: auto;
      }

      .op-group-line,
      [data-op-form].op-form--group-mode .op-group-line {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      [data-op-form] .op-main-field--date,
      [data-op-form].op-form--group-mode .op-main-field--date {
        align-self: end;
      }

      [data-op-form] .op-main-field--date .input,
      [data-op-form].op-form--group-mode .op-main-field--date .input {
        min-height: 36px;
        padding: 0.38rem 0.48rem;
        font-size: 0.85rem;
      }

      [data-op-form].op-form--group-mode [data-op-group-wrap] {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 640px) {
      [data-op-form],
      [data-op-form].op-form--group-mode {
        grid-template-columns: minmax(0, 1fr);
      }

      [data-op-form] > * {
        grid-column: 1 / -1;
      }

      [data-op-form] .op-note-field,
      [data-op-form] .op-estimate-field,
      [data-op-form] .op-submit-btn,
      [data-op-form] [data-op-group-wrap],
      [data-op-form] [data-op-feedback] {
        grid-column: 1 / -1;
      }

      .op-group-line {
        grid-template-columns: minmax(0, 1fr);
      }

      [data-op-form].op-form--group-mode [data-op-group-wrap],
      [data-op-form].op-form--group-mode .op-estimate-field,
      [data-op-form].op-form--group-mode .op-note-field,
      [data-op-form].op-form--group-mode .op-submit-btn {
        grid-column: 1 / -1;
        grid-row: auto;
      }
    }

    .filter-row {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      gap: 0.6rem;
      align-items: end;
      margin-bottom: 0.75rem;
    }

    .sales-view-toggle {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      min-height: 44px;
      border: 1px solid rgba(148, 190, 255, 0.3);
      border-radius: var(--radius-md);
      padding: 0.45rem 0.7rem;
      color: var(--text-soft);
      background: rgba(6, 15, 31, 0.45);
      font-size: 0.88rem;
      white-space: nowrap;
    }

    .sales-view-toggle input {
      width: 16px;
      height: 16px;
      accent-color: var(--blue-500);
    }

    .history-report-card {
      display: grid;
      gap: 0.92rem;
    }

    .history-report-header {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      justify-content: space-between;
      gap: 0.5rem 1rem;
    }

    .history-report-header h3 {
      margin: 0;
    }

    .history-report-summary {
      color: var(--text-soft);
      font-size: 0.95rem;
      font-weight: 600;
      text-align: right;
    }

    [data-tab-panel="historico"].is-module-loading .history-report-card .history-report-kpis,
    [data-tab-panel="historico"].is-module-loading .history-report-card .history-report-visual,
    [data-tab-panel="historico"].is-module-loading .history-report-card .history-report-table-wrap,
    [data-tab-panel="historico"][data-module-loading="true"] .history-report-card .history-report-kpis,
    [data-tab-panel="historico"][data-module-loading="true"] .history-report-card .history-report-visual,
    [data-tab-panel="historico"][data-module-loading="true"] .history-report-card .history-report-table-wrap {
      display: none !important;
    }

    [data-tab-panel="historico"].is-module-loading .history-report-card::after,
    [data-tab-panel="historico"][data-module-loading="true"] .history-report-card::after {
      content: 'Carregando dados da consulta do histórico...';
      display: block;
      padding: 0.72rem 0.82rem;
      border: 1px dashed rgba(151, 206, 255, 0.35);
      border-radius: var(--radius-xs);
      color: var(--text-soft);
      background: rgba(8, 20, 42, 0.35);
      text-align: center;
      font-size: 0.86rem;
    }

    .history-report-kpis {
      display: grid;
      grid-template-columns: repeat(4, minmax(170px, 1fr));
      gap: 0.82rem;
    }

    .history-report-state-row {
      display: grid;
      gap: 0.3rem;
      padding: 0.84rem;
      margin-top: 0.18rem;
      border: 1px dashed rgba(143, 168, 204, 0.35);
      border-radius: var(--radius-xs);
      background: rgba(8, 20, 42, 0.42);
      text-align: left;
    }

    .history-report-state-row strong {
      color: rgba(232, 244, 255, 0.96);
      font-size: 0.86rem;
      line-height: 1.3;
    }

    .history-report-state-row small {
      color: rgba(167, 193, 227, 0.92);
      font-size: 0.75rem;
      line-height: 1.4;
    }

    .history-report-state-card {
      display: grid;
      gap: 0.38rem;
      padding: 0.8rem 0.9rem;
      border-radius: var(--radius-xs);
      border: 1px solid rgba(151, 206, 255, 0.34);
      background: linear-gradient(170deg, rgba(25, 58, 116, 0.44), rgba(8, 22, 50, 0.78));
      box-shadow: inset 0 1px 0 rgba(244, 251, 255, 0.08);
    }

    .history-report-state-card strong {
      color: rgba(232, 244, 255, 0.96);
      font-size: 0.9rem;
      line-height: 1.25;
    }

    .history-report-state-card small {
      color: rgba(176, 203, 236, 0.9);
      font-size: 0.76rem;
      line-height: 1.4;
    }

    .history-report-state-card--partial,
    .history-report-state-card--error {
      border-color: rgba(255, 194, 112, 0.52);
      background: linear-gradient(170deg, rgba(113, 76, 27, 0.44), rgba(44, 29, 8, 0.78));
    }

    .history-report-state-card--partial strong,
    .history-report-state-card--error strong {
      color: rgba(255, 235, 204, 0.98);
    }

    .history-report-kpi {
      --history-kpi-accent: rgba(141, 206, 255, 0.9);
      --history-kpi-accent-soft: rgba(141, 206, 255, 0.24);
      position: relative;
      min-width: 0;
      border: 1px solid rgba(126, 195, 255, 0.38);
      border-radius: calc(var(--radius-md) + 2px);
      background:
        radial-gradient(circle at 88% -8%, var(--history-kpi-accent-soft), transparent 44%),
        linear-gradient(180deg, rgba(242, 250, 255, 0.12), rgba(242, 250, 255, 0.03)),
        linear-gradient(145deg, rgba(24, 64, 145, 0.82), rgba(8, 24, 64, 0.92));
      padding: 0.9rem 1rem 0.95rem;
      display: grid;
      gap: 0.5rem;
      box-shadow: inset 0 1px 0 rgba(243, 249, 255, 0.14), 0 12px 24px rgba(2, 10, 26, 0.24);
      overflow: hidden;
    }

    .history-report-kpi::before {
      content: '';
      position: absolute;
      left: 0.72rem;
      right: 0.72rem;
      top: 0.5rem;
      height: 2px;
      border-radius: var(--radius-pill);
      background: linear-gradient(90deg, transparent, var(--history-kpi-accent), transparent);
      opacity: 0.92;
      pointer-events: none;
    }

    .history-report-kpi::after {
      content: '';
      position: absolute;
      inset: auto -26% -54% auto;
      width: 170px;
      height: 170px;
      border-radius: 50%;
      background: radial-gradient(circle, color-mix(in srgb, var(--history-kpi-accent) 30%, transparent), transparent 68%);
      pointer-events: none;
      opacity: 0.55;
    }

    .history-report-kpi--total {
      --history-kpi-accent: rgba(242, 250, 255, 0.95);
      --history-kpi-accent-soft: rgba(242, 250, 255, 0.2);
    }

    .history-report-kpi--picole {
      --history-kpi-accent: rgba(126, 214, 255, 0.95);
      --history-kpi-accent-soft: rgba(126, 214, 255, 0.22);
    }

    .history-report-kpi--massa {
      --history-kpi-accent: rgba(156, 225, 255, 0.95);
      --history-kpi-accent-soft: rgba(156, 225, 255, 0.24);
    }

    .history-report-kpi--pote {
      --history-kpi-accent: rgba(255, 143, 164, 0.9);
      --history-kpi-accent-soft: rgba(255, 143, 164, 0.24);
    }

    .history-report-kpi-title {
      position: relative;
      z-index: 1;
      display: block;
      text-align: left;
      color: rgba(225, 240, 255, 0.95);
      font-size: 0.8rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .history-report-kpi strong {
      position: relative;
      z-index: 1;
      min-width: 0;
      color: var(--text);
      line-height: 1.08;
      font-variant-numeric: tabular-nums;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .history-report-kpi--total strong {
      justify-self: start;
      text-align: left;
      font-size: clamp(1.72rem, 2.15vw, 2.34rem);
      text-shadow: 0 0 16px rgba(183, 220, 255, 0.2);
    }

    .history-report-kpi-main {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
      align-items: end;
      column-gap: 0.78rem;
      row-gap: 0.16rem;
    }

    .history-report-kpi-quantity {
      justify-self: start;
      text-align: left;
      font-size: clamp(1.28rem, 1.58vw, 1.66rem);
      color: rgba(225, 241, 255, 0.96);
    }

    .history-report-kpi-value {
      justify-self: end;
      text-align: right;
      font-size: clamp(1.44rem, 1.86vw, 2rem);
      color: #f7fbff;
      text-shadow: 0 0 18px color-mix(in srgb, var(--history-kpi-accent) 35%, transparent);
    }

    .history-report-kpi small {
      position: relative;
      z-index: 1;
      min-width: 0;
      color: rgba(214, 232, 252, 0.9);
      font-size: 0.69rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .history-report-controls {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 0.64rem;
      align-items: stretch;
      padding: 0.74rem;
      border: 1px solid rgba(154, 208, 255, 0.28);
      border-radius: var(--radius-md);
      background:
        radial-gradient(circle at 84% -20%, rgba(236, 248, 255, 0.12), transparent 42%),
        linear-gradient(160deg, rgba(33, 77, 162, 0.32), rgba(8, 23, 58, 0.78));
      box-shadow: inset 0 1px 0 rgba(244, 251, 255, 0.12);
    }

    .history-report-controls > * {
      min-width: 0;
    }

    .history-report-controls > .history-report-source-radios {
      grid-column: 1 / span 3;
      grid-row: 3;
      min-width: 0;
    }

    .history-report-controls > .history-report-group-radios {
      grid-column: 4 / span 6;
      grid-row: 3;
    }

    .history-report-controls > .history-report-metric-radios:not(.history-report-source-radios) {
      grid-column: 10 / span 3;
      grid-row: 3;
      min-width: 0;
    }

    .history-report-controls > [data-history-report-control='chart'] {
      grid-column: 10 / span 3;
      grid-row: 2;
      min-width: 0;
    }

    .history-report-controls > [data-history-report-filter='partner'] + .easy-multi-dropdown {
      grid-column: 1 / span 3;
      grid-row: 1;
    }

    .history-report-controls > [data-history-report-filter='product'] + .easy-multi-dropdown {
      grid-column: 4 / span 3;
      grid-row: 1;
    }

    .history-report-controls > [data-history-report-filter='category'] + .easy-multi-dropdown {
      grid-column: 7 / span 3;
      grid-row: 1;
    }

    .history-report-controls > [data-history-report-filter='subcategory'] + .easy-multi-dropdown {
      grid-column: 10 / span 3;
      grid-row: 1;
    }

    .history-report-controls > [data-history-report-control='start'] {
      grid-column: 1 / span 3;
      grid-row: 2;
    }

    .history-report-controls > [data-history-report-control='end'] {
      grid-column: 4 / span 3;
      grid-row: 2;
    }

    .history-report-controls > [data-history-report-clear] {
      grid-column: 7 / span 3;
      grid-row: 2;
      width: 100%;
      min-height: 44px;
      border-color: rgba(170, 219, 255, 0.46);
      background: linear-gradient(165deg, rgba(58, 118, 221, 0.34), rgba(13, 37, 92, 0.9));
      font-weight: 800;
    }

    .history-report-group-radios,
    .history-report-metric-radios {
      display: grid;
      align-items: stretch;
      gap: 0.38rem;
      min-width: 0;
      padding: 0.24rem;
      border: 1px solid rgba(127, 193, 255, 0.24);
      border-radius: var(--radius-pill);
      background: linear-gradient(160deg, rgba(14, 34, 76, 0.68), rgba(6, 18, 44, 0.86));
    }

    .history-report-group-radios {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .history-report-metric-radios {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .history-report-group-radio,
    .history-report-metric-radio {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: 0.46rem;
      min-height: 42px;
      width: 100%;
      padding: 0.46rem 0.82rem;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(128, 193, 255, 0.46);
      background: linear-gradient(150deg, rgba(19, 47, 95, 0.82), rgba(8, 23, 55, 0.92));
      color: var(--white-100);
      font-weight: 700;
      cursor: pointer;
      user-select: none;
      box-shadow: inset 0 1px 0 rgba(243, 249, 255, 0.1);
      transition: border-color 0.14s ease, background 0.14s ease, box-shadow 0.14s ease, transform 0.14s ease;
    }

    .history-report-group-radio:hover,
    .history-report-metric-radio:hover {
      border-color: rgba(209, 234, 255, 0.72);
      background: linear-gradient(152deg, rgba(29, 68, 138, 0.86), rgba(10, 31, 72, 0.94));
      transform: translateY(-1px);
    }

    .history-report-group-radio span,
    .history-report-metric-radio span {
      min-width: 0;
    }

    .history-report-group-radio span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .history-report-metric-radio {
      justify-content: center;
    }

    .history-report-group-radio input[type='radio'],
    .history-report-metric-radio input[type='radio'] {
      appearance: none;
      -webkit-appearance: none;
      width: 0.92rem;
      height: 0.92rem;
      margin: 0;
      border-radius: 50%;
      border: 2px solid rgba(183, 212, 255, 0.8);
      background: rgba(8, 19, 40, 0.55);
      display: inline-grid;
      place-items: center;
      flex: 0 0 0.92rem;
      transition: border-color 0.14s ease, background 0.14s ease;
    }

    .history-report-group-radio input[type='radio']::before,
    .history-report-metric-radio input[type='radio']::before {
      content: '';
      width: 0.42rem;
      height: 0.42rem;
      border-radius: 50%;
      background: rgba(225, 241, 255, 0.96);
      transform: scale(0);
      transition: transform 0.14s ease;
    }

    .history-report-group-radio input[type='radio']:checked,
    .history-report-metric-radio input[type='radio']:checked {
      border-color: rgba(225, 241, 255, 0.95);
      background: linear-gradient(160deg, rgba(91, 153, 248, 0.95), rgba(30, 86, 180, 0.9));
    }

    .history-report-group-radio input[type='radio']:checked::before,
    .history-report-metric-radio input[type='radio']:checked::before {
      transform: scale(1);
    }

    .history-report-group-radio:has(input[type='radio']:checked),
    .history-report-metric-radio:has(input[type='radio']:checked) {
      border-color: rgba(214, 235, 255, 0.86);
      background: linear-gradient(148deg, rgba(54, 116, 225, 0.92), rgba(20, 67, 149, 0.95));
      box-shadow: 0 10px 18px rgba(2, 12, 33, 0.3), inset 0 1px 0 rgba(241, 248, 255, 0.24);
      color: var(--white-100);
      transform: translateY(-1px);
    }

    .history-report-group-radio:has(input[type='radio']:focus-visible),
    .history-report-metric-radio:has(input[type='radio']:focus-visible) {
      box-shadow: 0 0 0 2px rgba(132, 190, 255, 0.28), 0 8px 18px rgba(2, 12, 33, 0.2);
    }

    .history-report-group-radio input[type='radio']:disabled,
    .history-report-metric-radio input[type='radio']:disabled {
      cursor: not-allowed;
      border-color: rgba(160, 182, 214, 0.44);
      background: rgba(27, 41, 69, 0.55);
    }

    .history-report-group-radio:has(input[type='radio']:disabled),
    .history-report-metric-radio:has(input[type='radio']:disabled) {
      opacity: 0.56;
      cursor: not-allowed;
    }

    .history-report-visual {
      min-height: 260px;
      max-height: min(64vh, 560px);
      border: 1px solid rgba(96, 165, 250, 0.24);
      border-radius: var(--radius-xs);
      background: linear-gradient(180deg, rgba(8, 20, 42, 0.74), rgba(5, 13, 28, 0.54));
      padding: 0.9rem;
      overflow-x: hidden;
      overflow-y: auto;
      overscroll-behavior: contain;
      scrollbar-gutter: stable;
    }

    .history-report-visual[hidden] {
      display: none;
    }

    .history-report-chart-empty {
      min-height: 220px;
      display: grid;
      place-items: center;
      color: var(--text-muted);
      font-weight: 700;
      text-align: center;
    }

    .history-report-bars {
      display: grid;
      gap: 0.68rem;
      padding-right: 0.18rem;
    }

    .history-report-bar-row {
      display: grid;
      grid-template-columns: minmax(130px, 0.95fr) minmax(180px, 2.6fr) minmax(112px, auto);
      gap: 0.75rem;
      align-items: center;
      min-width: 0;
      --history-report-bar-color: #48d6b5;
      --history-report-bar-width: 0%;
    }

    .history-report-bar-label,
    .history-report-bar-value {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-weight: 700;
    }

    .history-report-bar-label {
      display: flex;
      align-items: center;
      gap: 0.45rem;
      color: var(--text-soft);
    }

    .history-report-bar-label::before {
      content: '';
      width: 0.7rem;
      height: 0.7rem;
      border-radius: var(--radius-pill);
      flex: 0 0 auto;
      background: var(--history-report-bar-color);
      box-shadow: 0 0 0 4px color-mix(in srgb, var(--history-report-bar-color) 18%, transparent);
    }

    .history-report-bar-label-text {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .history-report-bar-value {
      color: var(--text);
      text-align: right;
      display: grid;
      gap: 0.1rem;
    }

    .history-report-bar-value small {
      color: var(--text-muted);
      font-size: 0.72rem;
      font-weight: 700;
    }

    .history-report-bar-track {
      height: 24px;
      border: 1px solid rgba(148, 163, 184, 0.24);
      border-radius: var(--radius-pill);
      background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
        rgba(15, 23, 42, 0.72);
      overflow: hidden;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.34);
    }

    .history-report-bar-fill {
      display: block;
      width: var(--history-report-bar-width);
      height: 100%;
      min-width: 0;
      border-radius: inherit;
      background: linear-gradient(90deg, var(--history-report-bar-color), color-mix(in srgb, var(--history-report-bar-color) 70%, #ffffff));
      box-shadow: 0 0 18px color-mix(in srgb, var(--history-report-bar-color) 42%, transparent);
      transition: width 0.22s ease;
    }

    .history-report-donut-layout {
      display: grid;
      grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
      gap: 1rem;
      align-items: center;
      min-height: 228px;
    }

    .history-report-donut {
      width: min(230px, 100%);
      aspect-ratio: 1;
      border-radius: 50%;
      margin: 0 auto;
      border: 1px solid rgba(226, 232, 240, 0.28);
      position: relative;
      box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.35);
    }

    .history-report-donut::after {
      content: '';
      position: absolute;
      inset: 23%;
      border-radius: 50%;
      background: #071327;
      border: 1px solid rgba(226, 232, 240, 0.18);
    }

    .history-report-legend {
      display: grid;
      gap: 0.48rem;
      min-width: 0;
    }

    .history-report-legend-item {
      display: grid;
      grid-template-columns: 12px minmax(0, 1fr) auto;
      gap: 0.5rem;
      align-items: center;
      min-width: 0;
    }

    .history-report-legend-swatch {
      width: 12px;
      height: 12px;
      border-radius: 3px;
    }

    .history-report-legend-label,
    .history-report-legend-value {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-weight: 700;
    }

    .history-report-legend-label {
      color: var(--text-soft);
    }

    .history-report-legend-value {
      color: var(--text);
      text-align: right;
    }

    .history-report-line-svg {
      width: 100%;
      min-height: 230px;
      display: block;
    }

    .history-report-line-labels {
      display: flex;
      justify-content: space-between;
      gap: 0.4rem;
      color: var(--text-muted);
      font-size: 0.76rem;
      font-weight: 700;
      margin-top: 0.35rem;
    }

    .history-report-line-labels span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .history-report-table-wrap {
      max-height: 640px;
    }

    .history-report-table th:nth-child(n + 2),
    .history-report-table td:nth-child(n + 2) {
      text-align: right;
      white-space: nowrap;
    }


    .history-report-variation {
      display: inline-flex;
      justify-content: flex-end;
      min-width: 5.2rem;
      font-weight: 800;
    }

    .history-report-variation--positive {
      color: #6ee7b7;
    }

    .history-report-variation--negative {
      color: #fda4af;
    }

    .history-report-variation--neutral {
      color: var(--text-soft);
    }
    .sales-order-cell {
      display: flex;
      flex-direction: column;
      gap: 0.18rem;
      align-items: flex-start;
      width: 100%;
      min-width: 0;
    }

    .sales-order-summary-btn {
      appearance: none;
      border: 0;
      background: transparent;
      color: inherit;
      padding: 0;
      width: 100%;
      min-width: 0;
      display: grid;
      gap: 0.18rem;
      text-align: left;
      cursor: pointer;
    }

    .sales-order-summary-btn:focus-visible {
      outline: 2px solid rgba(142, 194, 255, 0.72);
      outline-offset: 3px;
    }

    .sales-order-summary-main {
      font-weight: 700;
      color: var(--text-main);
      line-height: 1.2;
    }

    .sales-order-summary-preview {
      color: var(--text-soft);
      font-size: 0.86rem;
      line-height: 1.22;
      white-space: normal;
    }

    .sales-order-detail-row td {
      background: rgba(5, 16, 34, 0.45);
      border-top: 0;
      padding-top: 0;
    }

    .sales-order-detail-panel {
      border: 1px solid rgba(142, 194, 255, 0.18);
      border-radius: var(--radius-xs);
      overflow: hidden;
    }

    .sales-order-detail-table {
      width: 100%;
      min-width: 0;
      border-collapse: collapse;
    }

    .sales-order-detail-table th,
    .sales-order-detail-table td {
      padding: 0.5rem 0.65rem;
    }

    .sales-order-item {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: start;
      gap: 0.42rem;
      white-space: normal;
      font-size: 0.92rem;
      width: 100%;
    }

    .sales-order-item-name {
      white-space: normal;
      overflow: visible;
      text-overflow: clip;
      word-break: normal;
      overflow-wrap: normal;
      line-height: 1.22;
    }

    .sales-order-item-value {
      color: var(--blue-200);
      font-size: 0.84rem;
      white-space: nowrap;
      margin-left: auto;
      flex: 0 0 auto;
    }

    .sales-order-total {
      white-space: nowrap;
      font-weight: 700;
      color: var(--blue-100);
    }

    .black-box-count {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
      font-weight: 700;
      color: var(--blue-100);
    }

    .sales-order-detail-summary {
      margin: 0 0 0.55rem;
      color: var(--blue-200);
    }

    .sales-order-detail-summary strong {
      color: var(--blue-100);
    }

    [data-tab-panel="historico"] .sales-history-table {
      width: 100%;
      table-layout: fixed;
    }

    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(3),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr > td:nth-child(3),
    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(5),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr > td:nth-child(5),
    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(6),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr > td:nth-child(6),
    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(7),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr > td:nth-child(7) {
      display: none;
    }

    [data-tab-panel="historico"] .sales-history-table > tbody > tr:not(.sales-order-detail-row) > td:not(:first-child):not(:last-child) {
      cursor: pointer;
    }

    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(1),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr:not(.sales-order-detail-row) > td:nth-child(1) {
      width: 4%;
      white-space: nowrap;
    }

    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(2),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr:not(.sales-order-detail-row) > td:nth-child(2) {
      width: 10%;
      white-space: nowrap;
    }

    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(3),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr:not(.sales-order-detail-row) > td:nth-child(3) {
      width: 27%;
      min-width: 0;
    }

    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(4),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr:not(.sales-order-detail-row) > td:nth-child(4) {
      width: 25%;
      white-space: normal;
    }

    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(5),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr:not(.sales-order-detail-row) > td:nth-child(5) {
      width: 8%;
      min-width: 0;
    }

    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(6),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr:not(.sales-order-detail-row) > td:nth-child(6) {
      width: 9%;
      min-width: 0;
    }

    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(7),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr:not(.sales-order-detail-row) > td:nth-child(7) {
      width: 6%;
      white-space: nowrap;
    }

    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(8),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr:not(.sales-order-detail-row) > td:nth-child(8) {
      width: 15%;
      white-space: nowrap;
    }

    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(9),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr:not(.sales-order-detail-row) > td:nth-child(9) {
      width: 12%;
      white-space: nowrap;
    }

    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(10),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr:not(.sales-order-detail-row) > td:nth-child(10) {
      width: 12%;
      white-space: nowrap;
    }

    [data-tab-panel="historico"] .sales-history-table > thead > tr > th:nth-child(11),
    [data-tab-panel="historico"] .sales-history-table > tbody > tr:not(.sales-order-detail-row) > td:nth-child(11) {
      width: 22%;
      min-width: 0;
    }

    .sales-order-actions {
      display: flex;
      gap: 0.32rem;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: nowrap;
      white-space: nowrap;
    }

    .sales-order-actions .btn {
      min-height: 30px;
      padding: 0.18rem 0.34rem;
      font-size: 0.68rem;
      border-radius: var(--radius-sm);
      box-shadow: none;
    }

    .sales-order-lines {
      display: grid;
      gap: 0.42rem;
      margin-bottom: 0.55rem;
      max-height: min(52vh, 520px);
      overflow-x: hidden;
      overflow-y: auto;
      padding-right: 0.25rem;
    }

    .sales-order-line {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(74px, 92px) minmax(92px, 116px) auto;
      gap: 0.45rem;
      align-items: center;
    }

    .sales-order-dialog {
      width: min(980px, 96vw);
    }

    .sales-order-dialog .product-edit-form {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: start;
    }

    .sales-order-dialog .product-edit-form .span-2 {
      grid-column: 1 / -1;
    }

    .sales-order-dialog .sales-order-lines {
      width: 100%;
    }

    .sales-order-dialog .sales-order-line {
      grid-template-columns: minmax(180px, 1fr) 82px 102px auto;
    }

    .sales-order-line-field {
      display: grid;
      gap: 0.18rem;
      min-width: 0;
    }

    .sales-order-line-field .input {
      width: 100%;
    }

    .sales-order-dialog .sales-order-line .input {
      min-width: 0;
    }

    .sales-order-dialog .sales-order-line [data-sales-order-line-qty] {
      text-align: center;
    }

    .sales-order-dialog .sales-order-line [data-sales-order-line-remove] {
      white-space: nowrap;
    }

    @media (max-width: 640px) {
      .sales-order-dialog .product-edit-form {
        grid-template-columns: 1fr;
      }

      .sales-order-dialog .sales-order-line {
        grid-template-columns: minmax(0, 1fr) 74px 92px auto;
        gap: 0.36rem;
      }

      .sales-order-line-field {
        padding: 0;
        border: 0;
        background: transparent;
      }

      .sales-order-dialog .sales-order-line [data-sales-order-line-remove] {
        min-width: 0;
        padding-inline: 0.42rem;
      }
    }

    .client-order-line {
      grid-template-columns: minmax(0, 1fr) 120px auto;
    }

    .client-order-products-wrap {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      box-sizing: border-box;
      min-height: min(52vh, 520px);
      max-height: min(78vh, 920px);
      overflow-x: hidden;
      overflow-y: auto;
    }

    .client-order-products-table {
      width: 100%;
      min-width: 0;
      table-layout: fixed;
    }

    .client-order-products-table th {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .client-order-products-table th:nth-child(1),
    .client-order-products-table td:nth-child(1) {
      width: 52%;
      min-width: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .client-order-products-table th:nth-child(2),
    .client-order-products-table td:nth-child(2) {
      width: 22%;
      white-space: nowrap;
      min-width: 0;
    }

    .client-order-products-table th:nth-child(3),
    .client-order-products-table td:nth-child(3) {
      width: 22%;
      min-width: 0;
    }

    .client-order-products-table td:nth-child(3) input {
      width: 100%;
      min-width: 0;
      text-align: right;
    }

    .client-order-unit-price-cell {
      color: var(--text-soft);
      font-weight: 700;
    }

    .client-order-qty-cell {
      min-width: 0;
      border-left: 1px solid rgba(56, 189, 248, 0.18);
      padding: 0.42rem 0.5rem;
      vertical-align: middle;
    }

    .client-order-qty-cell .input,
    .client-order-qty-cell .input-with-unit {
      width: 100%;
      max-width: 100%;
      min-width: 0;
    }

    .client-order-qty-cell .input {
      border-color: rgba(56, 189, 248, 0.34);
      background: rgba(8, 23, 48, 0.72);
    }

    .client-order-products-table.has-previously-sent-flag th:nth-child(1),
    .client-order-products-table.has-previously-sent-flag td:nth-child(1) {
      width: 41%;
    }

    .client-order-products-table.has-previously-sent-flag th:nth-child(2),
    .client-order-products-table.has-previously-sent-flag td:nth-child(2) {
      width: 23%;
    }

    .client-order-products-table.has-previously-sent-flag th:nth-child(3),
    .client-order-products-table.has-previously-sent-flag td:nth-child(3) {
      width: 16%;
    }

    .client-order-products-table.has-previously-sent-flag th:nth-child(4),
    .client-order-products-table.has-previously-sent-flag td:nth-child(4) {
      width: 20%;
      white-space: nowrap;
    }

    .generic-quantity-flag {
      margin-bottom: 0;
      justify-content: center;
      color: var(--text);
      font-size: 0.82rem;
    }

    .client-order-fields-window {
      display: grid;
      gap: 0.7rem;
      padding: 0.7rem;
      border-radius: var(--radius-md);
      border: 1px solid var(--blue-700);
      background: rgba(8, 21, 49, 0.58);
      min-width: 0;
    }

    .client-order-fields-window .client-order-field-client,
    .client-order-fields-window .client-order-field-notes {
      min-width: 0;
      margin: 0;
    }

    .client-order-summary {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.7rem;
      padding: 0.7rem;
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
      border-radius: var(--radius-md);
      border: 1px solid var(--blue-700);
      background: rgba(8, 21, 49, 0.58);
    }

    .client-order-summary-item,
    .client-order-summary-breakdown {
      display: flex;
      flex-direction: column;
      gap: 0.2rem;
      min-width: 0;
    }

    .client-order-summary-breakdown div {
      color: var(--blue-100);
      font-size: 0.9rem;
      line-height: 1.3;
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .client-order-summary [data-client-order-submit] {
      width: 100%;
      min-width: 0;
      margin-top: 0.2rem;
    }

    .client-order-subcategory-list {
      margin: 0.25rem 0 0;
      padding-left: 1.1rem;
      color: var(--blue-100);
    }

    .client-order-subcategory-list li {
      margin: 0.18rem 0;
      line-height: 1.25;
    }

    .client-order-preview-dialog {
      width: min(760px, 96vw);
    }

    .client-order-preview-shell {
      display: grid;
      gap: 0.85rem;
    }

    .client-order-preview-image-wrap {
      overflow: auto;
      max-height: min(58vh, 620px);
      padding: 0.75rem;
      border: 1px solid rgba(148, 190, 255, 0.24);
      border-radius: var(--radius-sm);
      background: rgba(2, 8, 23, 0.38);
    }

    .client-order-preview-image {
      display: block;
      width: 100%;
      max-width: 560px;
      margin: 0 auto;
      border: 1px solid rgba(148, 163, 184, 0.34);
      border-radius: var(--radius-xs);
      background: #ffffff;
      box-shadow: 0 16px 34px rgba(2, 8, 23, 0.34);
    }

    .client-order-export-actions {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 0.55rem;
    }

    .client-order-export-actions .btn {
      width: 100%;
    }

    .client-order-export-status {
      min-height: 1.25rem;
      margin: 0;
      color: var(--blue-100);
      font-size: 0.86rem;
      line-height: 1.35;
    }

    @media (min-width: 1180px) {
      [data-tab-panel="pedido"] [data-client-order-form] {
        grid-template-columns: minmax(220px, 0.9fr) minmax(320px, 1.35fr) minmax(300px, 1fr);
        grid-auto-flow: row;
        align-items: start;
        gap: 0.78rem;
      }

      [data-tab-panel="pedido"] .client-order-link-row {
        grid-column: 3;
        grid-row: 1;
        align-self: start;
      }

      [data-tab-panel="pedido"] .client-order-fields-window {
        grid-column: 1 / span 2;
        grid-row: 1;
        grid-template-columns: minmax(220px, 0.9fr) minmax(320px, 1.35fr);
        align-items: start;
      }

      [data-tab-panel="pedido"] .client-order-fields-window .client-order-field-client {
        grid-column: 1;
        grid-row: 1;
      }

      [data-tab-panel="pedido"] .client-order-fields-window .client-order-field-notes {
        grid-column: 2;
        grid-row: 1;
      }

      [data-tab-panel="pedido"] .client-order-field-products {
        grid-column: 1 / span 2;
        grid-row: 2;
      }

      [data-tab-panel="pedido"] .client-order-summary {
        grid-column: 3;
        grid-row: 2;
        grid-template-columns: 1fr;
        align-content: start;
        align-self: start;
        position: static;
        top: auto;
        z-index: auto;
      }

      [data-tab-panel="pedido"] [data-client-order-submit] {
        grid-column: auto;
        grid-row: auto;
        width: 100%;
        align-self: stretch;
      }

      [data-tab-panel="pedido"] [data-client-order-feedback] {
        grid-column: 1 / span 3;
      }

      [data-tab-panel="pedido"] .client-order-products-wrap {
        min-height: min(58vh, 640px);
        max-height: min(70vh, 760px);
      }
    }

    @media (max-width: 1179px) {
      [data-tab-panel="pedido"] [data-client-order-form] {
        grid-template-columns: minmax(0, 1fr);
      }

      [data-tab-panel="pedido"] .client-order-fields-window,
      [data-tab-panel="pedido"] .client-order-link-row,
      [data-tab-panel="pedido"] .client-order-field-products,
      [data-tab-panel="pedido"] .client-order-summary,
      [data-tab-panel="pedido"] [data-client-order-feedback] {
        grid-column: 1 / -1;
      }

      [data-tab-panel="pedido"] .client-order-link-row {
        justify-content: stretch;
      }

      [data-tab-panel="pedido"] .client-order-link-row [data-public-link-wrap="pedido"] {
        width: 100%;
        grid-template-columns: minmax(0, 1fr) auto;
      }

      [data-tab-panel="pedido"] .client-order-fields-window {
        grid-template-columns: minmax(0, 1fr);
      }

      [data-tab-panel="pedido"] .client-order-summary {
        grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
        position: static;
        top: auto;
        z-index: auto;
      }

      [data-tab-panel="pedido"] .client-order-summary [data-client-order-submit] {
        grid-column: 1 / -1;
      }

      [data-tab-panel="pedido"] .client-order-products-wrap {
        min-height: min(46vh, 480px);
        max-height: min(58vh, 620px);
      }
    }

    @media (max-width: 640px) {
      [data-tab-panel="pedido"] .client-order-products-wrap {
        min-height: 0;
        max-height: none;
        overflow: visible;
      }

      [data-tab-panel="pedido"] .client-order-summary {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    .sale-incoming-header {
      display: grid;
      grid-template-columns: minmax(180px, 1fr) minmax(0, auto);
      align-items: end;
      justify-content: space-between;
      gap: 0.6rem;
      margin-bottom: 0.2rem;
    }

    .sale-incoming-header h3 {
      margin: 0;
      align-self: end;
    }

    .sale-loaded-orders-card .sale-incoming-header [data-sale-loaded-count],
    .sale-transport-orders-card .sale-incoming-header [data-sale-transport-count],
    .sale-loaded-orders-card .sale-incoming-header .status-chip,
    .sale-transport-orders-card .sale-incoming-header .status-chip {
      display: none !important;
    }

    [data-sale-employee-form] {
      grid-template-columns:
        minmax(170px, 0.95fr)
        minmax(170px, 0.92fr)
        minmax(230px, 1.2fr)
        minmax(130px, 0.63fr);
      align-items: end;
      gap: 0.58rem;
    }

    [data-sale-employee-form] > label {
      min-width: 0;
      margin: 0;
    }

    [data-sale-employee-form] > label > .input {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      box-sizing: border-box;
    }

    [data-sale-employee-form] .sale-employee-submit {
      grid-column: 1 / 3;
      width: 100%;
      margin-top: 0.12rem;
    }

    [data-sale-employee-form] .sale-employee-feedback {
      grid-column: 1 / -1;
      margin: 0;
    }

    [data-access-window="pedidos-novos-google-forms-firebase"] .sale-incoming-actions > .btn {
      min-height: 44px;
      align-self: end;
    }

    [data-access-window="pedidos-novos-google-forms-firebase"] .sale-incoming-header {
      min-height: 3.2rem;
      padding-block: 0.16rem;
    }

    [data-access-window="pedidos-novos-google-forms-firebase"] .sale-incoming-actions {
      min-width: 0;
    }

    [data-access-window="pedidos-novos-google-forms-firebase"] .public-link-copy--compact {
      width: min(100%, 720px);
      grid-template-columns: minmax(260px, 1fr) auto;
    }

    [data-tab-panel="venda"] .table-export-toolbar[data-table-export-owner*="sale-incoming-orders"]:not(.table-export-toolbar--inline) .table-export-toggle,
    [data-tab-panel="venda"] .table-export-toolbar[data-table-export-owner*="sale-release-pending"]:not(.table-export-toolbar--inline) .table-export-toggle {
      transform: translateY(21px);
    }

    @media (max-width: 900px) {
      .sale-incoming-header {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
      }

      [data-sale-employee-form] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      [data-sale-employee-form] .sale-employee-submit {
        grid-column: 1 / -1;
      }

      .sale-incoming-actions {
        width: 100%;
        justify-content: stretch;
      }

      .sale-incoming-actions .public-link-copy,
      .sale-incoming-actions > .btn {
        flex: 1 1 100%;
        width: 100%;
      }
    }

    @media (max-width: 640px) {
      [data-sale-employee-form] {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    .sale-release-table td {
      vertical-align: middle;
    }

    .sale-release-table-wrapper {
      overflow-x: auto;
    }

    .table-wrapper > table.sale-release-table {
      width: 100%;
      min-width: 0;
      table-layout: fixed;
    }

    .sale-release-table-col-date {
      width: 9% !important;
    }

    .sale-release-table-col-client {
      width: 15% !important;
    }

    .sale-release-table-col-value {
      width: 9% !important;
    }

    .sale-release-table-col-boxes {
      width: 11% !important;
    }

    .sale-release-table-col-vehicle {
      width: 16% !important;
    }

    .sale-release-table-col-driver {
      width: 9% !important;
    }

    .sale-release-table-col-actions {
      width: 40% !important;
    }

    .sale-release-table th,
    .sale-release-table td {
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .sale-release-table th:nth-child(1),
    .sale-release-table td:nth-child(1),
    .sale-release-table th:nth-child(3),
    .sale-release-table td:nth-child(3),
    .sale-release-table th:nth-child(4),
    .sale-release-table td:nth-child(4),
    .sale-release-table th:nth-child(5),
    .sale-release-table td:nth-child(5),
    .sale-release-table th:nth-child(6),
    .sale-release-table td:nth-child(6) {
      white-space: nowrap;
    }

    .sale-release-table th:nth-child(6),
    .sale-release-table td:nth-child(6) {
      overflow: visible;
    }

    .sale-release-table .sale-release-vehicle-select {
      width: 100%;
      min-width: 0;
    }

    .sale-release-table .sale-release-driver-select {
      width: 100%;
      min-width: 0;
    }

    .sale-loaded-order-group-row td {
      vertical-align: top;
    }

    .sale-loaded-order-group-list {
      display: flex;
      flex-direction: column;
      gap: 0.18rem;
      min-width: 0;
    }

    .sale-loaded-order-group-item {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 0.28rem;
      line-height: 1.25;
      min-width: 0;
    }

    .sale-loaded-order-group-item strong {
      color: var(--text);
      font-weight: 700;
      overflow-wrap: anywhere;
    }

    .sale-loaded-order-group-value {
      color: var(--text);
      font-weight: 700;
      white-space: nowrap;
    }

    .sale-incoming-orders-table td {
      vertical-align: middle;
    }

    .sale-incoming-orders-table {
      width: 100%;
      table-layout: fixed;
    }

    .sale-incoming-orders-table col:nth-child(1) { width: 8% !important; }
    .sale-incoming-orders-table col:nth-child(2) { width: 15% !important; }
    .sale-incoming-orders-table col:nth-child(3) { width: 22% !important; }
    .sale-incoming-orders-table col:nth-child(4) { width: 8% !important; }
    .sale-incoming-orders-table col:nth-child(5) { width: 11% !important; }
    .sale-incoming-orders-table col:nth-child(6) { width: 36% !important; }

    .sale-incoming-orders-table th:nth-child(1),
    .sale-incoming-orders-table td:nth-child(1) {
      width: 8% !important;
      white-space: nowrap;
    }

    .sale-incoming-orders-table th:nth-child(2),
    .sale-incoming-orders-table td:nth-child(2) {
      width: 15% !important;
    }

    .sale-incoming-orders-table th:nth-child(3),
    .sale-incoming-orders-table td:nth-child(3) {
      width: 22% !important;
    }

    .sale-incoming-orders-table th:nth-child(4),
    .sale-incoming-orders-table td:nth-child(4) {
      width: 8% !important;
      white-space: nowrap;
      text-align: right;
    }

    .sale-incoming-orders-table th:nth-child(5),
    .sale-incoming-orders-table td:nth-child(5) {
      width: 11% !important;
      white-space: nowrap;
      text-align: center;
    }

    .sale-incoming-orders-table th:nth-child(6),
    .sale-incoming-orders-table td:nth-child(6) {
      width: 36% !important;
      white-space: nowrap;
      overflow: visible;
    }

    .sale-incoming-orders-table .sale-incoming-order-actions {
      display: grid;
      grid-template-columns: repeat(4, minmax(74px, max-content));
      gap: 0.28rem;
      align-items: center;
      justify-content: start;
      justify-items: start;
      overflow: visible;
      width: 100%;
    }

    .sale-incoming-orders-table .sale-incoming-order-actions .btn {
      min-width: 74px;
      width: auto;
      max-width: 118px;
      padding: 0.24rem 0.32rem;
      font-size: 0.74rem;
      white-space: nowrap;
    }

    @media (max-width: 900px) {
      .sale-incoming-orders-table .sale-incoming-order-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .sale-incoming-orders-table thead,
      .sale-release-table thead {
        display: none;
      }

      .sale-release-table colgroup,
      .sale-release-table col {
        width: auto !important;
      }

      .sale-incoming-orders-table tbody tr,
      .sale-release-table tbody tr {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.35rem 0.5rem;
        align-items: start;
        padding: 0.5rem 0;
      }

      .sale-incoming-orders-table tbody td,
      .sale-release-table tbody td {
        display: block;
        min-width: 0;
        width: auto !important;
        max-width: 100%;
        white-space: normal !important;
        overflow: visible;
        text-overflow: clip;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
      }

      .sale-release-table tbody tr {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }

      .sale-release-table tbody td > * {
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
      }

      .sale-loaded-order-group-item,
      .sale-loaded-order-group-item strong,
      .sale-loaded-order-group-value {
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
      }

      .sale-incoming-orders-table tbody tr.sale-empty-row,
      .sale-release-table tbody tr.sale-empty-row {
        grid-template-columns: minmax(0, 1fr);
        padding: 0.45rem 0;
      }

      .sale-incoming-orders-table tbody tr.sale-empty-row td,
      .sale-release-table tbody tr.sale-empty-row td {
        grid-column: 1 / -1;
        text-align: center;
        width: 100% !important;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
      }

      .sale-incoming-orders-table tbody td:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
      }

      .sale-incoming-orders-table tbody td:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
      }

      .sale-incoming-orders-table tbody td:nth-child(4) {
        grid-column: 3;
        grid-row: 1;
        text-align: right;
      }

      .sale-incoming-orders-table tbody td:nth-child(3) {
        grid-column: 1;
        grid-row: 2;
      }

      .sale-incoming-orders-table tbody td:nth-child(5) {
        grid-column: 2;
        grid-row: 2;
        text-align: center;
      }

      .sale-incoming-orders-table tbody td:nth-child(6) {
        grid-column: 3;
        grid-row: 2;
      }

      .sale-release-table tbody td:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
      }

      .sale-release-table tbody td:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
      }

      .sale-release-table tbody td:nth-child(3) {
        grid-column: 3;
        grid-row: 1;
        text-align: right;
      }

      .sale-release-table tbody td:nth-child(4) {
        grid-column: 1;
        grid-row: 2;
        text-align: center;
      }

      .sale-release-table tbody td:nth-child(5) {
        grid-column: 2;
        grid-row: 2;
      }

      .sale-release-table tbody td:nth-child(6) {
        grid-column: 3;
        grid-row: 2;
      }

      .sale-release-table .sale-incoming-order-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.3rem;
        justify-items: stretch;
      }

      .sale-release-table .sale-incoming-order-actions .btn {
        width: 100%;
        min-width: 0;
      }

      .sale-incoming-orders-table tbody tr.sale-empty-row,
      .sale-release-table tbody tr.sale-empty-row {
        grid-template-columns: minmax(0, 1fr) !important;
      }

      .sale-incoming-orders-table tbody tr.sale-empty-row td,
      .sale-release-table tbody tr.sale-empty-row td,
      .sale-incoming-orders-table tbody tr.sale-empty-row td:nth-child(1),
      .sale-release-table tbody tr.sale-empty-row td:nth-child(1) {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        hyphens: none !important;
      }
    }

    .sale-incoming-order-items {
      display: flex;
      flex-direction: column;
      gap: 0.2rem;
      min-width: 0;
    }

    .sale-incoming-order-item {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: start;
      gap: 0.5rem;
      min-width: 0;
    }

    .sale-incoming-order-item-name {
      white-space: normal;
      overflow-wrap: anywhere;
      line-height: 1.2;
    }

    .sale-incoming-order-item-qty {
      color: var(--blue-200);
      font-size: 0.84rem;
      white-space: nowrap;
    }

    .sale-incoming-order-actions {
      display: flex;
      gap: 0.34rem;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      white-space: nowrap;
      overflow-x: hidden;
      width: 100%;
    }

    .sale-incoming-order-actions .btn {
      min-height: 34px;
      padding: 0.24rem 0.44rem;
      font-size: 0.76rem;
      line-height: 1.15;
      white-space: nowrap;
      flex: 0 0 auto;
      min-width: 84px;
      max-width: 138px;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .sale-incoming-order-actions.sale-loaded-order-group-actions {
      gap: 0.36rem;
      flex-wrap: wrap;
      white-space: normal;
    }

    .sale-incoming-order-actions.sale-loaded-order-group-actions .btn {
      min-height: 34px;
      padding: 0.28rem 0.5rem;
      font-size: 0.76rem;
      border-radius: var(--radius-sm);
      white-space: normal;
      overflow: visible;
      text-overflow: unset;
    }

    .expedition-board {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.7rem;
    }

    .expedition-column {
      display: flex;
      flex-direction: column;
      gap: 0.55rem;
      min-height: 420px;
    }

    .expedition-column h3 {
      margin: 0;
      display: flex;
      align-items: center;
      gap: 0.42rem;
      color: var(--white-100);
      line-height: 1.2;
    }

    .expedition-column h3::before {
      content: '';
      width: 0.48rem;
      height: 0.48rem;
      border-radius: var(--radius-pill);
      background: #f05d76;
      box-shadow: 0 0 0 3px rgba(240, 93, 118, 0.16);
    }

    .expedition-list {
      display: flex;
      flex-direction: column;
      gap: 0.62rem;
      flex: 1;
      overflow-x: hidden;
      overflow-y: auto;
      min-height: 0;
      padding-right: 0.12rem;
    }

    .expedition-item-btn {
      width: 100%;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-rows: auto auto;
      gap: 0.28rem 0.72rem;
      align-items: center;
      justify-content: flex-start;
      text-align: left;
      white-space: normal;
      overflow-wrap: normal;
      line-height: 1.16;
      min-height: 58px;
      padding: 0.65rem 0.75rem;
      border-radius: var(--radius-md);
      background:
        linear-gradient(135deg, rgba(39, 85, 157, 0.36), rgba(12, 31, 68, 0.42));
      border-color: rgba(111, 168, 255, 0.45);
      box-shadow: 0 0 0 1px rgba(125, 186, 255, 0.12) inset;
    }

    .expedition-item-btn--vehicle {
      font-size: 0.82rem;
    }

    .expedition-item-main,
    .expedition-item-meta {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .expedition-item-main {
      grid-column: 1;
      grid-row: 1;
      color: var(--white-100);
      font-weight: 750;
      letter-spacing: 0;
      white-space: nowrap;
    }

    .expedition-item-meta {
      grid-column: 1;
      grid-row: 2;
      color: var(--text-soft);
      font-size: 0.78rem;
      white-space: nowrap;
    }

    .expedition-item-badge {
      grid-column: 2;
      grid-row: 1 / span 2;
      justify-self: end;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 58px;
      border-radius: var(--radius-pill);
      padding: 0.34rem 0.52rem;
      color: #dbeafe;
      background: rgba(37, 99, 235, 0.34);
      border: 1px solid rgba(147, 197, 253, 0.42);
      font-weight: 800;
      white-space: nowrap;
    }

    .expedition-vehicle-card {
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: auto auto auto;
      align-items: flex-start;
    }

    .expedition-vehicle-card .expedition-item-main {
      white-space: normal;
    }

    .expedition-vehicle-clients {
      grid-column: 1;
      grid-row: 2;
      display: flex;
      flex-direction: column;
      gap: 0.24rem;
      min-width: 0;
      margin-top: 0.16rem;
    }

    .expedition-vehicle-client {
      display: flex;
      align-items: baseline;
      min-width: 0;
      color: var(--text-soft);
      font-size: 0.78em;
      line-height: 1.2;
    }

    .expedition-vehicle-client-name {
      min-width: 0;
      overflow: hidden;
      color: var(--white-100);
      font-weight: 700;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .expedition-empty {
      margin: 0;
      color: var(--text-muted);
      font-size: 0.86rem;
      border: 1px dashed rgba(147, 197, 253, 0.25);
      border-radius: var(--radius-sm);
      padding: 0.52rem 0.6rem;
      background: rgba(8, 21, 49, 0.38);
    }

    .finance-settlement-line {
      display: flex;
      flex-direction: column;
      gap: 0.42rem;
      width: 100%;
    }

    .finance-settlement-main {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 140px auto;
      gap: 0.45rem;
      align-items: center;
      width: 100%;
    }

    .finance-settlement-cheque {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 160px);
      gap: 0.45rem;
      width: 100%;
    }

    .finance-settlement-summary {
      margin: 0;
      font-size: 0.82rem;
      color: var(--text-muted);
    }

    .finance-kpi-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(180px, 1fr)) minmax(240px, 1.16fr);
      gap: 1rem;
      margin-bottom: 1rem;
    }

    .kpi-card h4 {
      margin: 0 0 0.35rem;
      color: var(--blue-300);
      font-size: 0.85rem;
      letter-spacing: 0.04em;
    }

    .kpi-value {
      margin: 0;
      font-size: 1.2rem;
      color: var(--blue-100);
      font-weight: 600;
    }

    .finance-projected-card {
      display: block;
      position: relative;
      border-color: rgba(248, 113, 113, 0.32);
    }

    .finance-projected-card__header {
      display: block;
      margin-bottom: 0.35rem;
      padding-right: 9.6rem;
    }

    .finance-projected-card__header h4 {
      margin: 0;
    }

    .finance-projected-card .kpi-value {
      font-size: 1.2rem;
      line-height: 1.45;
    }

    .finance-projected-date-field {
      display: flex;
      align-items: center;
      gap: 0.4rem;
      position: absolute;
      top: 1.05rem;
      right: 1rem;
      min-width: 0;
      color: var(--text-muted);
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: 0.04em;
    }

    .finance-projected-date-field .input {
      width: 126px;
      min-height: 30px;
      padding: 0.26rem 0.42rem;
      font-size: 0.82rem;
    }

    @media (max-width: 1080px) {
      .finance-kpi-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      }
    }

    @media (max-width: 760px) {
      .finance-projected-card__header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.8rem;
        padding-right: 0;
        flex-wrap: wrap;
      }

      .finance-projected-date-field {
        position: static;
      }

      .finance-projected-date-field .input {
        width: 100%;
      }
    }

    .status-chip {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-pill);
      padding: 0.18rem 0.55rem;
      font-size: 0.75rem;
      border: 1px solid transparent;
      white-space: nowrap;
    }

    .status-chip--pago {
      color: var(--blue-100);
      background: rgba(213, 232, 251, 0.14);
      border-color: rgba(173, 208, 247, 0.36);
    }

    .status-chip--ok {
      color: var(--blue-100);
      background: rgba(213, 232, 251, 0.14);
      border-color: rgba(173, 208, 247, 0.36);
    }

    .status-chip--pendente {
      color: #bfdbfe;
      background: rgba(29, 78, 216, 0.28);
      border-color: rgba(96, 165, 250, 0.35);
    }

    .status-chip--parcial {
      color: var(--blue-100);
      background: rgba(27, 72, 123, 0.34);
      border-color: rgba(164, 203, 244, 0.34);
    }

    .status-chip--atrasado {
      color: #fff1f3;
      background: rgba(143, 36, 53, 0.32);
      border-color: rgba(213, 90, 108, 0.46);
    }

    .status-chip--warning {
      color: var(--blue-100);
      background: rgba(27, 72, 123, 0.34);
      border-color: rgba(164, 203, 244, 0.34);
    }

    .status-chip--planejada {
      color: #bfdbfe;
      background: rgba(29, 78, 216, 0.28);
      border-color: rgba(96, 165, 250, 0.35);
    }

    .status-chip--producao {
      color: var(--blue-100);
      background: rgba(35, 87, 143, 0.34);
      border-color: rgba(164, 203, 244, 0.36);
    }

    .status-chip--concluida {
      color: var(--blue-100);
      background: rgba(213, 232, 251, 0.14);
      border-color: rgba(173, 208, 247, 0.36);
    }

    .status-chip--cancelada {
      color: #fff1f3;
      background: rgba(143, 36, 53, 0.32);
      border-color: rgba(213, 90, 108, 0.46);
    }

    .finance-filter-grid {
      margin-top: 0.6rem;
      margin-bottom: 0.72rem;
      gap: 0.6rem;
      grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
      align-items: end;
    }

    .finance-summary {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      gap: 0.45rem;
      font-size: 0.92rem;
      color: var(--blue-200);
    }

    .finance-summary li {
      display: flex;
      justify-content: space-between;
      gap: 0.75rem;
    }

    .finance-summary strong {
      color: var(--blue-100);
    }

    .finance-account-balance-inline {
      align-self: end;
      display: flex;
      flex-direction: column;
      gap: 0.22rem;
      min-height: 52px;
      padding: 0.45rem 0.65rem;
      border: 1px solid rgba(128, 186, 255, 0.28);
      border-radius: var(--radius-md);
      background: linear-gradient(180deg, rgba(14, 33, 66, 0.68), rgba(8, 20, 42, 0.62));
    }

    .finance-account-balance-inline span {
      font-size: 0.8rem;
      color: var(--blue-200);
    }

    .finance-account-balance-inline strong {
      color: var(--blue-100);
      font-size: 1.08rem;
      line-height: 1.1;
    }

    .finance-grid-span-2 {
      grid-column: 1 / -1;
    }

    .finance-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.2rem;
      row-gap: 2rem;
      align-items: start;
    }

    .finance-grid .card {
      min-width: 0;
      overflow: hidden;
    }

    .finance-grid .finance-account-history-card,
    .finance-grid .finance-payable-form-card,
    .finance-grid .finance-payable-card,
    .finance-grid .finance-receivable-card {
      position: relative;
      border-width: 1px;
      border-color: rgba(166, 217, 255, 0.32);
      background: linear-gradient(180deg, rgba(9, 23, 46, 0.92), rgba(5, 14, 31, 0.9));
      box-shadow: 0 12px 26px rgba(3, 11, 26, 0.34), inset 0 1px 0 rgba(190, 224, 255, 0.1);
      isolation: isolate;
    }

    .finance-grid .finance-account-history-card::before,
    .finance-grid .finance-payable-form-card::before,
    .finance-grid .finance-payable-card::before,
    .finance-grid .finance-receivable-card::before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 3px;
      border-radius: var(--radius-sm) var(--radius-sm) 0 0;
      pointer-events: none;
    }

    .finance-grid .finance-account-history-card::before {
      background: linear-gradient(90deg, rgba(90, 176, 255, 0.92), rgba(132, 214, 255, 0.88));
    }

    .finance-grid .finance-payable-form-card::before,
    .finance-grid .finance-payable-card::before {
      background: linear-gradient(90deg, rgba(99, 169, 255, 0.9), rgba(153, 214, 255, 0.84));
    }

    .finance-grid .finance-receivable-card::before {
      background: linear-gradient(90deg, rgba(88, 164, 255, 0.92), rgba(140, 208, 255, 0.86));
    }

    .finance-grid .finance-payable-form-card,
    .finance-grid .finance-payable-card,
    .finance-grid .finance-receivable-card {
      grid-column: 1 / -1;
    }

    .finance-grid .finance-account-history-card {
      grid-column: 1 / -1;
      order: 4;
      border-left: 4px solid rgba(98, 196, 255, 0.9);
    }

    .finance-grid .finance-payable-form-card {
      order: 1;
      border-left: 4px solid rgba(120, 182, 255, 0.9);
    }

    .finance-grid .finance-payable-card {
      order: 2;
      border-left: 4px solid rgba(120, 182, 255, 0.9);
    }

    .finance-grid .finance-receivable-card {
      order: 3;
      border-left: 4px solid rgba(140, 206, 255, 0.9);
    }

    .finance-grid .finance-account-history-card > h3,
    .finance-grid .finance-payable-form-card > h3,
    .finance-grid .finance-payable-card > h3,
    .finance-grid .finance-receivable-card > h3 {
      padding-bottom: 0.72rem;
      margin-bottom: 0.88rem;
      border-bottom: 1px solid rgba(151, 206, 255, 0.28);
    }

    .finance-receivable-card .finance-receivable-launch-window {
      margin-bottom: 0.62rem;
      padding: 0.56rem 0.8rem 0.62rem;
      border: 1px solid rgba(151, 206, 255, 0.28);
      border-radius: var(--radius-sm);
      background: linear-gradient(180deg, rgba(10, 27, 54, 0.78), rgba(5, 14, 31, 0.72));
      box-shadow: inset 0 1px 0 rgba(186, 221, 255, 0.12);
    }

    .finance-receivable-card .finance-receivable-launch-window > h4 {
      display: none;
      margin: 0;
      font-size: 0.86rem;
      color: var(--blue-200);
      letter-spacing: 0.03em;
    }

    .finance-receivable-card .finance-receivable-launch-window [data-finance-receivable-form] {
      margin: 0;
      row-gap: 0.55rem;
    }

    .finance-receivable-card .finance-receivable-launch-window [data-finance-receivable-feedback]:empty {
      display: none;
    }

    .finance-entry-card .form-grid {
      grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
      gap: 0.65rem;
    }

    .finance-entry-card .form-grid label,
    .finance-entry-card .form-grid .input {
      min-width: 0;
    }

    .finance-entry-card .form-grid .span-2 {
      grid-column: 1 / -1;
    }

    [data-finance-payable-form] [data-finance-payable-supplier-wrap] {
      grid-column: auto !important;
    }

    .finance-payable-form-card [data-finance-payable-form] .finance-payable-recurring-field {
      display: flex;
      align-items: center;
      align-self: center;
    }

    .finance-payable-form-card [data-finance-payable-form] [data-finance-payable-feedback]:empty {
      display: none;
    }

    .finance-entry-card .btn.primary {
      width: 100%;
      grid-column: span 2;
    }

    @media (min-width: 1101px) {
      .finance-receivable-card [data-finance-receivable-form] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
      }

      .finance-receivable-card [data-finance-receivable-form] .finance-receivable-client-field {
        grid-column: 1 / span 2;
        grid-row: 1;
      }

      .finance-receivable-card [data-finance-receivable-form] .finance-receivable-due-field {
        grid-column: 3 / span 2;
        grid-row: 1;
      }

      .finance-receivable-card [data-finance-receivable-form] .finance-receivable-amount-field {
        grid-column: 5 / span 2;
        grid-row: 1;
      }

      .finance-receivable-card [data-finance-receivable-form] .finance-receivable-description-field {
        grid-column: 7 / span 3;
        grid-row: 1;
      }

      .finance-receivable-card [data-finance-receivable-form] .finance-receivable-submit {
        grid-column: 10 / span 3;
        grid-row: 1;
      }

      .finance-receivable-card [data-finance-receivable-form] .finance-receivable-credit-note {
        grid-column: 1 / span 6;
        grid-row: 2;
      }

      .finance-receivable-card [data-finance-receivable-form] [data-finance-receivable-feedback] {
        grid-column: 7 / span 6;
        grid-row: 2;
      }

      .finance-payable-form-card [data-finance-payable-form] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
      }

      .finance-payable-form-card [data-finance-payable-form] [data-finance-payable-supplier-wrap] {
        grid-column: span 2 !important;
      }

      .finance-payable-form-card [data-finance-payable-form] .finance-payable-description-field {
        grid-column: 1 / span 4;
        grid-row: 2;
      }

      .finance-payable-form-card [data-finance-payable-form] .finance-payable-recurring-field {
        grid-column: 5 / span 1;
        grid-row: 2;
        align-self: center;
      }

      .finance-payable-form-card [data-finance-payable-form] .finance-payable-submit {
        grid-column: 6 / span 1;
        grid-row: 2;
        width: auto;
        min-width: 170px;
        justify-self: stretch;
      }
    }

    .finance-grid .table-wrapper {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      box-sizing: border-box;
      overflow-x: auto;
      overflow-y: auto;
    }

    .finance-grid [data-finance-receivable-table-wrapper] {
      max-height: none;
      overflow-y: visible;
      scrollbar-gutter: auto;
    }

    .finance-grid .finance-payable-card .table-wrapper {
      overflow-x: auto;
      max-height: var(--table-max-height);
      overflow-y: auto;
      scrollbar-gutter: stable;
    }

    [data-tab-panel="financeiro"] .table-export-toolbar:not(.table-export-toolbar--inline) .table-export-toggle {
      transform: translateY(21px);
    }

    .finance-grid table {
      table-layout: fixed;
      width: 100%;
      min-width: 100%;
      max-width: none;
    }

    .finance-grid th,
    .finance-grid td {
      word-break: normal;
      overflow-wrap: anywhere;
      white-space: normal;
      vertical-align: middle;
    }

    .finance-grid [data-finance-company-column] {
      width: 9%;
      white-space: nowrap;
    }

    table[data-finance-payable-grid-table] th:nth-child(1),
    table[data-finance-payable-grid-table] td:nth-child(1) {
      width: 17%;
    }

    table[data-finance-payable-grid-table] th:nth-child(2),
    table[data-finance-payable-grid-table] td:nth-child(2) {
      width: 11%;
    }

    table[data-finance-payable-grid-table] th:nth-child(3),
    table[data-finance-payable-grid-table] td:nth-child(3) {
      width: 11%;
    }

    table[data-finance-payable-grid-table] th:nth-child(4),
    table[data-finance-payable-grid-table] td:nth-child(4) {
      width: 10%;
      white-space: nowrap;
    }

    table[data-finance-payable-grid-table] th:nth-child(5),
    table[data-finance-payable-grid-table] td:nth-child(5),
    table[data-finance-payable-grid-table] th:nth-child(6),
    table[data-finance-payable-grid-table] td:nth-child(6) {
      width: 10%;
      white-space: nowrap;
    }

    table[data-finance-payable-grid-table] th:nth-child(7),
    table[data-finance-payable-grid-table] td:nth-child(7) {
      width: 16%;
    }

    table[data-finance-payable-grid-table] th:nth-child(8),
    table[data-finance-payable-grid-table] td:nth-child(8) {
      width: 15%;
      white-space: nowrap;
    }

    table[data-table-column-key="finance-receivables-table"] {
      min-width: 100%;
      width: 100%;
    }

    table[data-table-column-key="finance-receivables-table"] th,
    table[data-table-column-key="finance-receivables-table"] td {
      padding: 0.3rem 0.56rem;
      line-height: 1.16;
    }

    table[data-table-column-key="finance-receivables-table"] th:nth-child(1),
    table[data-table-column-key="finance-receivables-table"] td:nth-child(1) {
      width: 24%;
    }

    table[data-table-column-key="finance-receivables-table"] th:nth-child(2),
    table[data-table-column-key="finance-receivables-table"] td:nth-child(2) {
      width: 15%;
      white-space: nowrap;
    }

    table[data-table-column-key="finance-receivables-table"] th:nth-child(3),
    table[data-table-column-key="finance-receivables-table"] td:nth-child(3),
    table[data-table-column-key="finance-receivables-table"] th:nth-child(4),
    table[data-table-column-key="finance-receivables-table"] td:nth-child(4) {
      width: 15%;
      white-space: nowrap;
    }

    table[data-table-column-key="finance-receivables-table"] th:nth-child(5),
    table[data-table-column-key="finance-receivables-table"] td:nth-child(5) {
      width: 13%;
      white-space: nowrap;
    }

    table[data-table-column-key="finance-receivables-table"] th:nth-child(6),
    table[data-table-column-key="finance-receivables-table"] td:nth-child(6) {
      width: 18%;
      white-space: nowrap;
    }

    table[data-table-column-key="finance-receivables-table"] th:nth-child(7),
    table[data-table-column-key="finance-receivables-table"] td:nth-child(7) {
      width: 9%;
      white-space: nowrap;
    }

    table[data-table-column-key="finance-receivables-table"] td:nth-child(6) .status-chip {
      min-height: 34px;
      padding: 0.34rem 0.58rem;
      border-radius: var(--erp-radius-sm);
    }

    .finance-receivable-origin {
      display: block;
      max-width: 100%;
      margin-top: 0.1rem;
      color: var(--text-muted);
      font-size: 0.68rem;
      line-height: 1.05;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    table.finance-payable-table {
      width: max(100%, 1180px);
      min-width: 1180px;
      table-layout: fixed;
      border-spacing: 0;
    }

    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)),
    table.finance-payable-table.finance-payable-table--company-visible {
      width: max(100%, 1280px);
      min-width: 1280px;
    }

    table.finance-payable-table th,
    table.finance-payable-table td {
      padding: 0.22rem 0.42rem;
      font-size: 0.8rem;
      line-height: 1.1;
      vertical-align: middle;
    }

    table.finance-payable-table thead th {
      position: sticky;
      top: 0;
      z-index: 3;
      padding-top: 0.3rem;
      padding-bottom: 0.3rem;
    }

    table.finance-payable-table tbody tr {
      min-height: 0;
    }

    table.finance-payable-table tbody td {
      padding-top: 0.14rem;
      padding-bottom: 0.14rem;
      line-height: 1.02;
    }

    table.finance-payable-table th:nth-child(1),
    table.finance-payable-table td:nth-child(1) {
      width: 16%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    table.finance-payable-table th:nth-child(2),
    table.finance-payable-table td:nth-child(2) {
      width: 12%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    table.finance-payable-table th:nth-child(3),
    table.finance-payable-table td:nth-child(3) {
      width: 30%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow-wrap: normal;
    }

    table.finance-payable-table th:nth-child(4),
    table.finance-payable-table td:nth-child(4) {
      width: 11%;
      white-space: nowrap;
    }

    table.finance-payable-table th:nth-child(5),
    table.finance-payable-table td:nth-child(5),
    table.finance-payable-table th:nth-child(6),
    table.finance-payable-table td:nth-child(6) {
      width: 9%;
      white-space: nowrap;
    }

    table.finance-payable-table th:nth-child(7),
    table.finance-payable-table td:nth-child(7) {
      display: none;
    }

    table.finance-payable-table th:nth-child(8),
    table.finance-payable-table td:nth-child(8) {
      width: 13%;
      white-space: nowrap;
      overflow: hidden;
    }

    table.finance-payable-table:has(th:nth-child(8).field-hidden) th:nth-child(1),
    table.finance-payable-table:has(th:nth-child(8).field-hidden) td:nth-child(1),
    table.finance-payable-table.finance-payable-table--actions-hidden th:nth-child(1),
    table.finance-payable-table.finance-payable-table--actions-hidden td:nth-child(1) {
      width: 21%;
    }

    table.finance-payable-table:has(th:nth-child(8).field-hidden) th:nth-child(2),
    table.finance-payable-table:has(th:nth-child(8).field-hidden) td:nth-child(2),
    table.finance-payable-table.finance-payable-table--actions-hidden th:nth-child(2),
    table.finance-payable-table.finance-payable-table--actions-hidden td:nth-child(2) {
      width: 15%;
    }

    table.finance-payable-table:has(th:nth-child(8).field-hidden) th:nth-child(3),
    table.finance-payable-table:has(th:nth-child(8).field-hidden) td:nth-child(3),
    table.finance-payable-table.finance-payable-table--actions-hidden th:nth-child(3),
    table.finance-payable-table.finance-payable-table--actions-hidden td:nth-child(3) {
      width: 36%;
    }

    table.finance-payable-table:has(th:nth-child(8).field-hidden) th:nth-child(4),
    table.finance-payable-table:has(th:nth-child(8).field-hidden) td:nth-child(4),
    table.finance-payable-table.finance-payable-table--actions-hidden th:nth-child(4),
    table.finance-payable-table.finance-payable-table--actions-hidden td:nth-child(4) {
      width: 13%;
    }

    table.finance-payable-table:has(th:nth-child(8).field-hidden) th:nth-child(5),
    table.finance-payable-table:has(th:nth-child(8).field-hidden) td:nth-child(5),
    table.finance-payable-table:has(th:nth-child(8).field-hidden) th:nth-child(6),
    table.finance-payable-table:has(th:nth-child(8).field-hidden) td:nth-child(6),
    table.finance-payable-table.finance-payable-table--actions-hidden th:nth-child(5),
    table.finance-payable-table.finance-payable-table--actions-hidden td:nth-child(5),
    table.finance-payable-table.finance-payable-table--actions-hidden th:nth-child(6),
    table.finance-payable-table.finance-payable-table--actions-hidden td:nth-child(6) {
      width: 7.5%;
    }

    table.finance-payable-table th:nth-child(9),
    table.finance-payable-table td:nth-child(9) {
      width: 6%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(1),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(1),
    table.finance-payable-table.finance-payable-table--company-visible th:nth-child(1),
    table.finance-payable-table.finance-payable-table--company-visible td:nth-child(1) {
      width: 14%;
    }

    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(2),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(2),
    table.finance-payable-table.finance-payable-table--company-visible th:nth-child(2),
    table.finance-payable-table.finance-payable-table--company-visible td:nth-child(2) {
      width: 11%;
    }

    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(3),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(3),
    table.finance-payable-table.finance-payable-table--company-visible th:nth-child(3),
    table.finance-payable-table.finance-payable-table--company-visible td:nth-child(3) {
      width: 23%;
    }

    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(4),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(4),
    table.finance-payable-table.finance-payable-table--company-visible th:nth-child(4),
    table.finance-payable-table.finance-payable-table--company-visible td:nth-child(4) {
      width: 10%;
    }

    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(5),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(5),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(6),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(6),
    table.finance-payable-table.finance-payable-table--company-visible th:nth-child(5),
    table.finance-payable-table.finance-payable-table--company-visible td:nth-child(5),
    table.finance-payable-table.finance-payable-table--company-visible th:nth-child(6),
    table.finance-payable-table.finance-payable-table--company-visible td:nth-child(6) {
      width: 8%;
    }

    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(8),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(8),
    table.finance-payable-table.finance-payable-table--company-visible th:nth-child(8),
    table.finance-payable-table.finance-payable-table--company-visible td:nth-child(8) {
      width: 14%;
    }

    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(9),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(9),
    table.finance-payable-table.finance-payable-table--company-visible th:nth-child(9),
    table.finance-payable-table.finance-payable-table--company-visible td:nth-child(9) {
      width: 12%;
    }

    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)):has(th:nth-child(8).field-hidden) th:nth-child(1),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)):has(th:nth-child(8).field-hidden) td:nth-child(1),
    table.finance-payable-table.finance-payable-table--company-visible.finance-payable-table--actions-hidden th:nth-child(1),
    table.finance-payable-table.finance-payable-table--company-visible.finance-payable-table--actions-hidden td:nth-child(1) {
      width: 18%;
    }

    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)):has(th:nth-child(8).field-hidden) th:nth-child(2),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)):has(th:nth-child(8).field-hidden) td:nth-child(2),
    table.finance-payable-table.finance-payable-table--company-visible.finance-payable-table--actions-hidden th:nth-child(2),
    table.finance-payable-table.finance-payable-table--company-visible.finance-payable-table--actions-hidden td:nth-child(2) {
      width: 14%;
    }

    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)):has(th:nth-child(8).field-hidden) th:nth-child(3),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)):has(th:nth-child(8).field-hidden) td:nth-child(3),
    table.finance-payable-table.finance-payable-table--company-visible.finance-payable-table--actions-hidden th:nth-child(3),
    table.finance-payable-table.finance-payable-table--company-visible.finance-payable-table--actions-hidden td:nth-child(3) {
      width: 31%;
    }

    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)):has(th:nth-child(8).field-hidden) th:nth-child(4),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)):has(th:nth-child(8).field-hidden) td:nth-child(4),
    table.finance-payable-table.finance-payable-table--company-visible.finance-payable-table--actions-hidden th:nth-child(4),
    table.finance-payable-table.finance-payable-table--company-visible.finance-payable-table--actions-hidden td:nth-child(4) {
      width: 12%;
    }

    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)):has(th:nth-child(8).field-hidden) th:nth-child(5),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)):has(th:nth-child(8).field-hidden) td:nth-child(5),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)):has(th:nth-child(8).field-hidden) th:nth-child(6),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)):has(th:nth-child(8).field-hidden) td:nth-child(6),
    table.finance-payable-table.finance-payable-table--company-visible.finance-payable-table--actions-hidden th:nth-child(5),
    table.finance-payable-table.finance-payable-table--company-visible.finance-payable-table--actions-hidden td:nth-child(5),
    table.finance-payable-table.finance-payable-table--company-visible.finance-payable-table--actions-hidden th:nth-child(6),
    table.finance-payable-table.finance-payable-table--company-visible.finance-payable-table--actions-hidden td:nth-child(6) {
      width: 7%;
    }

    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)):has(th:nth-child(8).field-hidden) th:nth-child(9),
    table.finance-payable-table:has(th[data-finance-company-column]:not(.field-hidden)):has(th:nth-child(8).field-hidden) td:nth-child(9),
    table.finance-payable-table.finance-payable-table--company-visible.finance-payable-table--actions-hidden th:nth-child(9),
    table.finance-payable-table.finance-payable-table--company-visible.finance-payable-table--actions-hidden td:nth-child(9) {
      width: 11%;
    }

    table[data-table-column-key="finance-account-history"] {
      width: 100%;
      min-width: min(1120px, 100%);
      table-layout: fixed;
    }

    table[data-table-column-key="finance-account-history"] th:nth-child(1),
    table[data-table-column-key="finance-account-history"] td:nth-child(1) {
      width: 8%;
      white-space: nowrap;
    }

    table[data-table-column-key="finance-account-history"] th:nth-child(2),
    table[data-table-column-key="finance-account-history"] td:nth-child(2) {
      width: 10%;
    }

    table[data-table-column-key="finance-account-history"] th:nth-child(3),
    table[data-table-column-key="finance-account-history"] td:nth-child(3) {
      width: 20%;
      overflow-wrap: anywhere;
    }

    table[data-table-column-key="finance-account-history"] th:nth-child(4),
    table[data-table-column-key="finance-account-history"] td:nth-child(4) {
      width: 11%;
    }

    table[data-table-column-key="finance-account-history"] th:nth-child(5),
    table[data-table-column-key="finance-account-history"] td:nth-child(5) {
      width: 24%;
      overflow-wrap: anywhere;
    }

    table[data-table-column-key="finance-account-history"] th:nth-child(6),
    table[data-table-column-key="finance-account-history"] td:nth-child(6),
    table[data-table-column-key="finance-account-history"] th:nth-child(7),
    table[data-table-column-key="finance-account-history"] td:nth-child(7),
    table[data-table-column-key="finance-account-history"] th:nth-child(8),
    table[data-table-column-key="finance-account-history"] td:nth-child(8) {
      width: 9%;
      white-space: nowrap;
      text-align: right;
    }

    table[data-table-column-key="finance-account-history"]:has(th:nth-child(8).field-hidden) th:nth-child(1),
    table[data-table-column-key="finance-account-history"]:has(th:nth-child(8).field-hidden) td:nth-child(1) {
      width: 10%;
    }

    table[data-table-column-key="finance-account-history"]:has(th:nth-child(8).field-hidden) th:nth-child(2),
    table[data-table-column-key="finance-account-history"]:has(th:nth-child(8).field-hidden) td:nth-child(2) {
      width: 12%;
    }

    table[data-table-column-key="finance-account-history"]:has(th:nth-child(8).field-hidden) th:nth-child(3),
    table[data-table-column-key="finance-account-history"]:has(th:nth-child(8).field-hidden) td:nth-child(3) {
      width: 23%;
    }

    table[data-table-column-key="finance-account-history"]:has(th:nth-child(8).field-hidden) th:nth-child(4),
    table[data-table-column-key="finance-account-history"]:has(th:nth-child(8).field-hidden) td:nth-child(4) {
      width: 13%;
    }

    table[data-table-column-key="finance-account-history"]:has(th:nth-child(8).field-hidden) th:nth-child(5),
    table[data-table-column-key="finance-account-history"]:has(th:nth-child(8).field-hidden) td:nth-child(5) {
      width: 30%;
    }

    table[data-table-column-key="finance-account-history"]:has(th:nth-child(8).field-hidden) th:nth-child(6),
    table[data-table-column-key="finance-account-history"]:has(th:nth-child(8).field-hidden) td:nth-child(6),
    table[data-table-column-key="finance-account-history"]:has(th:nth-child(8).field-hidden) th:nth-child(7),
    table[data-table-column-key="finance-account-history"]:has(th:nth-child(8).field-hidden) td:nth-child(7) {
      width: 6%;
    }

    table[data-table-column-key="finance-account-history"] th:nth-child(9),
    table[data-table-column-key="finance-account-history"] td:nth-child(9) {
      width: 10%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(1),
    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(1) {
      width: 8%;
    }

    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(2),
    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(2) {
      width: 10%;
    }

    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(3),
    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(3) {
      width: 16%;
    }

    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(4),
    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(4) {
      width: 10%;
    }

    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(5),
    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(5) {
      width: 20%;
    }

    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(6),
    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(6),
    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(7),
    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(7),
    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(8),
    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(8) {
      width: 8%;
    }

    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) th:nth-child(9),
    table[data-table-column-key="finance-account-history"]:has(th[data-finance-company-column]:not(.field-hidden)) td:nth-child(9) {
      width: 12%;
    }

    table[data-table-column-key][data-table-column-percent-managed="1"] th,
    table[data-table-column-key][data-table-column-percent-managed="1"] td {
      width: auto !important;
      min-width: 0 !important;
      max-width: none !important;
    }

    .finance-payable-status {
      display: flex;
      flex-wrap: wrap;
      gap: 0.14rem;
      align-items: center;
      justify-content: flex-start;
      min-width: 0;
      overflow: hidden;
      white-space: normal;
      line-height: 1;
    }

    .finance-payable-status .status-chip {
      flex: 0 0 auto;
      white-space: nowrap;
      text-overflow: clip;
      overflow: hidden;
      min-width: 0;
      min-height: 16px;
      padding: 0.08rem 0.3rem;
      font-size: 0.62rem;
      line-height: 1.02;
      border-radius: var(--radius-pill);
    }

    .finance-payable-actions {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(58px, 1fr));
      gap: 0.24rem;
      align-items: stretch;
      justify-items: stretch;
      width: 100%;
      white-space: nowrap;
    }

    .finance-payable-actions .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 0;
      min-height: 24px;
      width: 100%;
      margin: 0 !important;
      padding: 0.14rem 0.24rem;
      border-radius: var(--radius-xs);
      font-size: 0.64rem;
      line-height: 1;
      box-shadow: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: center;
    }

    .table-pager[data-table-pager="financePayables"] {
      position: relative;
      z-index: 2;
      margin-top: 0.62rem;
      margin-bottom: 0.25rem;
      padding: 0.58rem 0.64rem 0.12rem;
      border-top: 1px solid rgba(151, 206, 255, 0.24);
      background: linear-gradient(180deg, rgba(8, 28, 62, 0.72), rgba(5, 18, 43, 0.52));
      border-radius: 0 0 8px 8px;
      clear: both;
    }

    .table-pager[data-table-pager="financePayables"] .table-pager__controls {
      gap: 0.34rem;
    }

    .table-pager[data-table-pager="financePayables"] .table-pager__controls select.input {
      min-height: 28px;
      width: 86px;
    }

    .table-pager[data-table-pager="financePayables"] .btn {
      min-height: 28px;
      margin: 0;
      padding: 0.18rem 0.52rem;
      border-radius: var(--radius-xs);
      font-size: 0.72rem;
    }

    @media (max-width: 1240px) {
      .finance-payable-actions {
        grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));
      }

      table.finance-payable-table .finance-payable-status {
        flex-wrap: wrap;
        white-space: normal;
      }
    }

    .table-wrapper.is-mobile-cards > table.finance-payable-table {
      width: 100%;
      min-width: 0;
    }

    .finance-grid .finance-payable-card > .table-wrapper.is-mobile-cards {
      max-height: var(--table-max-height);
      overflow-x: auto !important;
      overflow-y: auto !important;
    }

    .table-wrapper.is-mobile-cards > table.finance-payable-table tbody td:nth-child(8) {
      grid-template-columns: minmax(0, 1fr);
      gap: 0.32rem;
    }

    .table-wrapper.is-mobile-cards > table.finance-payable-table .finance-payable-actions {
      align-items: stretch;
      grid-template-columns: repeat(auto-fit, minmax(68px, max-content));
      justify-content: center;
      justify-items: center;
      width: 100%;
    }

    .table-wrapper.is-mobile-cards > table.finance-payable-table .finance-payable-actions .btn {
      width: auto;
      min-width: 68px;
      min-height: 30px;
      font-size: 0.72rem;
    }

    table.finance-payable-table .finance-payable-actions {
      gap: 0.24rem !important;
      justify-items: stretch !important;
    }

    table.finance-payable-table .finance-payable-actions .btn {
      width: 100%;
      min-width: 0;
      padding: 0.14rem 0.24rem;
      font-size: 0.63rem;
    }

    .table-wrapper:not(.is-mobile-cards) > table.finance-payable-table .finance-payable-actions {
      grid-template-columns: repeat(auto-fit, minmax(40px, max-content));
      justify-content: center;
      justify-items: center !important;
    }

    .table-wrapper:not(.is-mobile-cards) > table.finance-payable-table .finance-payable-actions .btn {
      width: auto;
      min-width: 40px;
      padding: 0.1rem 0.16rem;
    }

    table[data-products-grid-table],
    table[data-stock-adjust-grid-table] {
      table-layout: auto;
    }

    table[data-products-grid-table] {
      min-width: 1420px;
    }

    table[data-products-grid-table] th,
    table[data-products-grid-table] td,
    table[data-stock-adjust-grid-table] th,
    table[data-stock-adjust-grid-table] td {
      word-break: keep-all;
      overflow-wrap: normal;
      white-space: normal;
    }

    table[data-products-grid-table] th,
    table[data-products-grid-table] th .table-sort-btn {
      white-space: nowrap;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: none;
    }

    table[data-products-grid-table] th:nth-child(1) { min-width: 150px; }
    table[data-products-grid-table] th:nth-child(2) { min-width: 92px; }
    table[data-products-grid-table] th:nth-child(3) { min-width: 120px; }
    table[data-products-grid-table] th:nth-child(4) { min-width: 132px; }
    table[data-products-grid-table] th:nth-child(5) { min-width: 165px; }
    table[data-products-grid-table] th:nth-child(6) { min-width: 92px; }
    table[data-products-grid-table] th:nth-child(7) { min-width: 98px; }
    table[data-products-grid-table] th:nth-child(8) { min-width: 150px; }
    table[data-products-grid-table] th:nth-child(9) { min-width: 136px; }
    table[data-products-grid-table] th:nth-child(10) { min-width: 82px; }
    table[data-products-grid-table] th:nth-child(11),
    table[data-products-grid-table] td:nth-child(11) {
      min-width: 270px !important;
      width: 270px !important;
    }

    table[data-products-grid-table][data-table-column-percent-managed="1"] th:nth-child(1),
    table[data-products-grid-table][data-table-column-percent-managed="1"] th:nth-child(2),
    table[data-products-grid-table][data-table-column-percent-managed="1"] th:nth-child(3),
    table[data-products-grid-table][data-table-column-percent-managed="1"] th:nth-child(4),
    table[data-products-grid-table][data-table-column-percent-managed="1"] th:nth-child(5),
    table[data-products-grid-table][data-table-column-percent-managed="1"] th:nth-child(8),
    table[data-products-grid-table][data-table-column-percent-managed="1"] th:nth-child(9) {
      min-width: 0 !important;
    }

    table[data-products-grid-table] td:nth-child(11) {
      flex-wrap: nowrap !important;
      white-space: nowrap;
    }

    table[data-products-grid-table] td:nth-child(11) .btn {
      flex: 0 0 auto !important;
      white-space: nowrap !important;
    }

    .products-formula-cell {
      color: var(--text-soft);
      font-size: 0.82rem;
      line-height: 1.3;
      white-space: normal;
    }

    .products-formula-empty {
      color: var(--text-muted);
      font-style: italic;
    }

    .nutrition-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
      gap: 0.45rem;
      margin-top: 0.35rem;
    }

    .nutrition-grid label {
      gap: 0.28rem;
      margin: 0;
    }

    .nutrition-preview {
      margin-top: 0.75rem;
      border: 1px solid rgba(142, 194, 255, 0.2);
      border-radius: var(--radius-md);
      padding: 0.8rem;
      background: rgba(5, 16, 34, 0.48);
    }

    .nutrition-preview__title {
      margin: 0 0 0.25rem;
      font-size: 1rem;
      color: var(--white-100);
    }

    .nutrition-preview__source {
      margin: 0.2rem 0 0.55rem;
      color: var(--text-muted);
      font-size: 0.82rem;
    }

    .nutrition-preview__meta {
      margin: 0.4rem 0 0.25rem;
      color: var(--text-soft);
      font-size: 0.82rem;
      line-height: 1.4;
    }

    .nutrition-preview__warn {
      margin: 0.45rem 0 0;
      color: var(--red-300);
      font-size: 0.78rem;
      line-height: 1.35;
    }

    .nutrition-preview .table-wrapper {
      margin-top: 0.55rem;
      max-height: var(--table-max-height);
    }

    .nutrition-preview table {
      width: 100%;
      table-layout: fixed;
    }

    .nutrition-preview th,
    .nutrition-preview td {
      white-space: normal;
      word-break: normal;
      overflow-wrap: anywhere;
      font-size: 0.8rem;
    }

    .finance-grid td .btn {
      margin-bottom: 0.35rem;
    }

    .forecast-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 1rem;
    }

    .forecast-grid[hidden] {
      display: none !important;
    }

    .forecast-metric {
      border: 1px solid rgba(142, 194, 255, 0.2);
      border-radius: var(--radius-md);
      padding: 0.85rem 0.95rem;
      background: rgba(5, 16, 34, 0.55);
    }

    .forecast-metric h3 {
      margin: 0 0 0.35rem;
      font-size: 0.95rem;
      color: var(--blue-200);
    }

    .forecast-metric p {
      margin: 0;
      color: var(--text-main);
      font-size: 0.92rem;
      line-height: 1.35;
    }

    .forecast-results {
      margin-top: 1rem;
      display: grid;
      gap: 0.9rem;
      grid-template-columns: 1fr;
    }

    .forecast-table-wrap {
      max-height: 280px;
    }

    .forecast-plan-actions {
      margin-top: 0.9rem;
      display: flex;
      gap: 0.7rem;
      flex-wrap: wrap;
      align-items: end;
    }

    .forecast-plan-actions label {
      min-width: 190px;
      max-width: 250px;
      flex: 1 1 200px;
    }

    .forecast-plan-actions .btn {
      min-height: 42px;
    }

    .forecast-plan-summary {
      margin-top: 0.8rem;
    }

    .maintenance-actions {
      margin-top: 0.5rem;
      gap: 0.55rem;
    }

    .maintenance-actions .btn {
      min-width: 190px;
      flex: 1 1 190px;
    }

    [data-maintenance-form] {
      grid-template-columns: repeat(6, minmax(0, 1fr));
      align-items: end;
    }

    [data-maintenance-form] .maintenance-type-field {
      display: grid;
      gap: 0.35rem;
      align-self: end;
    }

    [data-maintenance-form] .maintenance-type-toggle {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.4rem;
      width: 100%;
    }

    [data-maintenance-form] .maintenance-type-toggle .btn {
      min-height: 44px;
      width: 100%;
      min-width: 0;
    }

    [data-maintenance-form] .maintenance-type-toggle .btn.is-active {
      border-color: rgba(208, 231, 255, 0.82);
      background: linear-gradient(160deg, rgba(82, 138, 232, 0.72), rgba(22, 66, 143, 0.9));
      color: var(--white-100);
      box-shadow: inset 0 1px 0 rgba(236, 246, 255, 0.28), 0 10px 18px rgba(7, 18, 44, 0.24);
    }

    [data-maintenance-form] .maintenance-notes-field textarea.input {
      min-height: 44px;
      max-height: 44px;
      resize: none;
      overflow-y: auto;
    }

    [data-maintenance-form] .maintenance-notes-field {
      grid-column: span 3;
      align-self: end;
    }

    [data-maintenance-form] .maintenance-photo-field {
      grid-column: span 2;
      display: grid;
      gap: 0.4rem;
      align-self: end;
      grid-template-rows: auto minmax(44px, auto);
    }

    [data-maintenance-form] .maintenance-photo-preview {
      grid-column: 1 / -1;
      display: grid;
      gap: 0.34rem;
    }

    .maintenance-photo-title {
      color: var(--text-soft);
      font-size: 0.9rem;
      font-weight: 600;
      line-height: 1.2;
    }

    .maintenance-file-toolbar {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
      align-items: stretch;
    }

    [data-maintenance-form] .maintenance-file-toolbar .btn {
      flex: 1 1 auto;
      min-height: 44px;
      min-width: 0;
    }

    .maintenance-photo-picker-input {
      display: none;
    }

    .maintenance-photo-list {
      display: flex;
      flex-wrap: wrap;
      gap: 0.42rem;
      align-items: flex-start;
      min-height: 0;
    }

    .maintenance-photo-empty {
      color: var(--text-muted);
      font-size: 0.76rem;
      line-height: 1.25;
    }

    .maintenance-photo-item {
      position: relative;
      width: 76px;
      height: 76px;
      margin: 0;
      border-radius: var(--radius-xs);
      overflow: hidden;
      border: 1px solid rgba(148, 190, 255, 0.34);
      background: rgba(10, 24, 47, 0.9);
    }

    .maintenance-photo-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .maintenance-photo-remove {
      position: absolute;
      top: 4px;
      right: 4px;
      width: 18px;
      height: 18px;
      border: 1px solid rgba(216, 232, 251, 0.44);
      border-radius: 999px;
      background: rgba(6, 18, 36, 0.86);
      color: var(--white-100);
      font-size: 0.68rem;
      line-height: 1;
      cursor: pointer;
      padding: 0;
    }

    [data-maintenance-form] .maintenance-actions {
      grid-column: span 1;
      display: grid;
      gap: 0.4rem;
      justify-content: stretch;
      align-content: end;
      align-items: stretch;
      margin-top: 0;
      padding-top: 0;
      align-self: end;
    }

    [data-maintenance-form] .maintenance-actions::before {
      content: '';
      display: block;
      min-height: 1.32rem;
    }

    [data-maintenance-form] .maintenance-actions > .btn {
      flex: 0 0 auto;
      width: 100%;
      min-width: 0;
      min-height: 44px;
    }

    [data-maintenance-form] .maintenance-photo-note {
      display: block;
      margin-top: 0;
    }

    [data-maintenance-form] .maintenance-photo-note:empty {
      display: none;
    }

    .maintenance-history-table th:nth-child(6),
    .maintenance-history-table td:nth-child(6) {
      width: 13%;
      white-space: nowrap;
    }

    .maintenance-history-table th:nth-child(7),
    .maintenance-history-table td:nth-child(7) {
      width: 16%;
      min-width: 0;
    }

    .maintenance-history-table th:nth-child(8),
    .maintenance-history-table td:nth-child(8) {
      width: 28%;
    }

    .maintenance-history-table td.maintenance-history-confirmation {
      line-height: 1.2;
    }

    .maintenance-history-confirmation-count {
      display: inline-block;
      font-weight: 700;
      color: var(--text-main);
      white-space: nowrap;
    }

    .maintenance-history-confirmation .form-note {
      margin-top: 0.2rem;
    }

    .maintenance-history-actions {
      text-align: left;
      white-space: nowrap;
      overflow-x: auto;
      padding-top: 0;
      padding-bottom: 0;
    }

    .maintenance-history-actions .btn {
      min-width: 5.1rem;
      min-height: 32px;
      padding: 0.22rem 0.34rem;
      font-size: 0.72rem;
      line-height: 1.12;
      white-space: nowrap;
      overflow: visible;
      text-overflow: clip;
    }

    .maintenance-history-actions .btn + .btn {
      margin-left: 0.28rem;
    }

    .mrp-status {
      font-weight: 700;
      letter-spacing: 0.02em;
    }

    .mrp-status--critical {
      color: var(--red-300);
    }

    .mrp-status--warning {
      color: var(--blue-200);
    }

    .mrp-status--ok {
      color: var(--blue-100);
    }

    .cadastro-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      grid-auto-rows: auto;
      gap: var(--window-gap-x);
      row-gap: var(--window-gap-y);
      align-items: start;
      --table-header-sticky-top: 56px;
    }

    .cadastro-grid .card {
      display: flex;
      flex-direction: column;
      height: auto;
      min-width: 0;
      min-height: 0;
      position: relative;
      overflow: visible;
    }

    .cadastro-grid > .card[data-cadastro-card] {
      grid-column: 1 / -1;
      grid-row: auto;
      width: 100%;
      min-width: 0;
      max-width: none;
    }

    .cadastro-grid .card[data-cadastro-collapsible],
    .cadastro-document-config-grid > .card[data-cadastro-collapsible] {
      scroll-margin-top: 7rem;
    }

    .cadastro-grid .card[data-cadastro-collapsible].is-collapsed,
    .cadastro-document-config-grid > .card[data-cadastro-collapsible].is-collapsed {
      max-height: none !important;
      min-height: 0;
      padding-bottom: 0;
      overflow: visible !important;
      border-color: rgba(126, 195, 255, 0.38);
      background:
        linear-gradient(180deg, rgba(248, 252, 255, 0.1), rgba(248, 252, 255, 0.035)),
        linear-gradient(145deg, rgba(18, 67, 132, 0.78), rgba(7, 35, 78, 0.9) 58%, rgba(5, 24, 56, 0.94));
      box-shadow:
        0 12px 28px rgba(0, 16, 44, 0.32),
        0 0 0 1px rgba(126, 195, 255, 0.08),
        inset 0 1px 0 rgba(248, 252, 255, 0.12);
    }

    .cadastro-grid .card[data-cadastro-collapsible].is-collapsed > :not(h3),
    .cadastro-document-config-grid > .card[data-cadastro-collapsible].is-collapsed > :not(h3) {
      display: none !important;
    }

    .cadastro-grid .card[data-cadastro-collapsible].is-collapsed > h3,
    .cadastro-document-config-grid > .card[data-cadastro-collapsible].is-collapsed > h3 {
      margin-bottom: 0;
      color: #f8fcff;
      border-bottom-color: rgba(126, 195, 255, 0.28);
      background:
        linear-gradient(90deg, rgba(126, 195, 255, 0.14), transparent 42%, rgba(255, 59, 99, 0.1)),
        linear-gradient(180deg, rgba(22, 72, 139, 0.78), rgba(7, 34, 78, 0.82));
    }

    .cadastro-grid .card[data-cadastro-collapsible].is-cadastro-active,
    .cadastro-document-config-grid > .card[data-cadastro-collapsible].is-cadastro-active {
      border-color: rgba(255, 119, 143, 0.58);
      box-shadow:
        0 0 0 2px rgba(255, 59, 99, 0.12),
        0 14px 30px rgba(3, 11, 26, 0.34),
        inset 0 1px 0 rgba(190, 224, 255, 0.12);
    }

    .cadastro-card-toggle {
      margin-left: auto;
      flex: 0 0 auto;
      width: 30px;
      height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(172, 214, 255, 0.42);
      border-radius: var(--radius-xs);
      background:
        linear-gradient(180deg, rgba(248, 252, 255, 0.13), rgba(126, 195, 255, 0.08)),
        rgba(15, 52, 103, 0.78);
      color: rgba(248, 252, 255, 0.96);
      font: inherit;
      font-size: 1rem;
      font-weight: 900;
      line-height: 1;
      cursor: pointer;
    }

    .cadastro-card-toggle:hover,
    .cadastro-card-toggle:focus-visible {
      border-color: rgba(248, 252, 255, 0.68);
      background:
        linear-gradient(180deg, rgba(248, 252, 255, 0.18), rgba(255, 59, 99, 0.1)),
        rgba(31, 91, 174, 0.76);
      color: #f8fcff;
      outline: none;
    }

    .cadastro-grid [data-cadastro-card="avisos-notificacao"] { order: 1; }
    .cadastro-grid [data-cadastro-card="categoria"] { order: 2; }
    .cadastro-grid [data-cadastro-card="contas-pagamento"] { order: 3; }
    .cadastro-grid [data-cadastro-card="controle-acesso"] { order: 4; }
    .cadastro-grid [data-cadastro-card="tipos-despesa"] { order: 5; }
    .cadastro-document-config-grid {
      order: 6;
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: var(--window-gap-x);
      align-items: start;
      min-width: 0;
      width: 100%;
    }

    .cadastro-grid [data-cadastro-card="formas-contas"] { order: 7; }
    .cadastro-grid [data-cadastro-card="funcoes"] { order: 8; }
    .cadastro-grid [data-cadastro-card="grupo-sabores"] { order: 9; }
    .cadastro-grid [data-cadastro-card="parceiros"] { order: 10; }
    .cadastro-grid [data-cadastro-card="parametros-globais"] { order: 11; }
    .cadastro-grid [data-cadastro-card="ponto-funcionarios"] { order: 12; }
    .cadastro-grid [data-cadastro-card="produto"] { order: 13; }
    .cadastro-grid [data-cadastro-card="subcategoria"] { order: 14; }
    .cadastro-grid [data-cadastro-card="tabela-nutricional"] { order: 15; }
    .cadastro-grid [data-cadastro-card="unidade-medida"] { order: 16; }
    .cadastro-grid [data-cadastro-card="veiculos"] { order: 17; }

    .cadastro-document-config-grid > .card {
      min-width: 0;
      width: 100%;
    }

    [data-tab-panel="estoque"] .history-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: var(--window-gap-x);
      row-gap: var(--window-gap-y);
      align-items: start;
    }

    [data-tab-panel="estoque"] .history-grid > .card {
      min-width: 0;
      width: 100%;
      position: relative;
      border-width: 1px;
      border-color: rgba(164, 214, 255, 0.32);
      background: linear-gradient(180deg, rgba(9, 23, 46, 0.92), rgba(5, 14, 31, 0.9));
      box-shadow: 0 12px 26px rgba(3, 11, 26, 0.34), inset 0 1px 0 rgba(190, 224, 255, 0.1);
      isolation: isolate;
    }

    [data-tab-panel="estoque"] .history-grid > .card::before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 3px;
      border-radius: var(--radius-sm) var(--radius-sm) 0 0;
      pointer-events: none;
      background: linear-gradient(90deg, rgba(90, 176, 255, 0.92), rgba(132, 214, 255, 0.88));
    }

    [data-tab-panel="estoque"] [data-stock-card="estoque-atual"]::before {
      background: linear-gradient(90deg, rgba(90, 176, 255, 0.92), rgba(132, 214, 255, 0.88));
    }

    [data-tab-panel="estoque"] [data-stock-card="recebimento"]::before {
      background: linear-gradient(90deg, rgba(112, 188, 255, 0.92), rgba(162, 222, 255, 0.9));
    }

    [data-tab-panel="estoque"] [data-stock-card="recebimento"] {
      grid-column: 1 / -1;
      order: 1;
    }

    [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] {
      grid-column: 1 / -1;
      order: 2;
    }

    [data-tab-panel="estoque"] .table-wrapper {
      overflow-x: hidden;
      overflow-y: auto;
    }

    [data-tab-panel="estoque"] .table-wrapper > table {
      table-layout: fixed;
      min-width: 0;
    }

    [data-tab-panel="estoque"] table[data-table-column-key="stock-current-table"] {
      min-width: 0;
    }

    [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] th:nth-child(5),
    [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] td:nth-child(5) {
      display: none;
    }

    [data-tab-panel="estoque"] table[data-table-column-key="stock-receiving-table"] {
      min-width: 0;
    }

    [data-tab-panel="estoque"] [data-stock-card="recebimento"] table[data-table-column-key="stock-receiving-table"] th:nth-child(1),
    [data-tab-panel="estoque"] [data-stock-card="recebimento"] table[data-table-column-key="stock-receiving-table"] td:nth-child(1),
    [data-tab-panel="estoque"] [data-stock-card="recebimento"] table[data-table-column-key="stock-receiving-table"] th:nth-child(6),
    [data-tab-panel="estoque"] [data-stock-card="recebimento"] table[data-table-column-key="stock-receiving-table"] td:nth-child(6) {
      display: none;
    }

    [data-tab-panel="estoque"] table[data-table-column-key="stock-inventory-grid"] {
      min-width: 0;
    }

    [data-tab-panel="estoque"] table th,
    [data-tab-panel="estoque"] table td {
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: break-word;
      hyphens: auto;
    }

    [data-tab-panel="estoque"] table th:first-child,
    [data-tab-panel="estoque"] table td:first-child,
    [data-tab-panel="estoque"] table th:nth-child(2),
    [data-tab-panel="estoque"] table td:nth-child(2) {
      min-width: 150px;
      white-space: normal;
    }

    [data-tab-panel="estoque"] table .input {
      min-width: 116px;
    }

    [data-tab-panel="estoque"] table td .btn,
    [data-tab-panel="estoque"] table td button,
    [data-tab-panel="estoque"] table th .btn,
    [data-tab-panel="estoque"] table th button {
      max-width: none;
      white-space: nowrap;
      overflow-wrap: normal;
    }

    [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] .table-wrapper,
    [data-tab-panel="estoque"] [data-stock-card="recebimento"] .table-wrapper {
      overflow-x: auto;
      scrollbar-gutter: stable;
    }

    [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"],
    [data-tab-panel="estoque"] [data-stock-card="recebimento"] table[data-table-column-key="stock-receiving-table"] {
      width: max-content;
      min-width: 100%;
      table-layout: fixed;
    }

    [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] th,
    [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] td,
    [data-tab-panel="estoque"] [data-stock-card="recebimento"] table[data-table-column-key="stock-receiving-table"] th,
    [data-tab-panel="estoque"] [data-stock-card="recebimento"] table[data-table-column-key="stock-receiving-table"] td {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: manual;
    }

    [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] thead th,
    [data-tab-panel="estoque"] [data-stock-card="recebimento"] table[data-table-column-key="stock-receiving-table"] thead th {
      padding-top: 0.36rem;
      padding-bottom: 0.36rem;
      line-height: 1.08;
    }

    [data-tab-panel="estoque"] [data-stock-card="recebimento"] table[data-table-column-key="stock-receiving-table"] tbody td {
      padding-top: 0.28rem;
      padding-bottom: 0.28rem;
      line-height: 1.08;
    }

    [data-tab-panel="estoque"] [data-stock-card="recebimento"] table[data-table-column-key="stock-receiving-table"] [data-stock-receive-qty] {
      min-height: 32px;
      padding-top: 0.3rem;
      padding-bottom: 0.3rem;
      font-size: 0.84rem;
      line-height: 1.1;
    }

    [data-tab-panel="estoque"] [data-stock-card="recebimento"] .stock-receiving-actions {
      display: flex;
      align-items: center;
      gap: 0.35rem;
      flex-wrap: wrap;
      justify-content: flex-start;
      min-width: max-content;
      white-space: nowrap;
    }

    [data-tab-panel="estoque"] [data-stock-card="recebimento"] .stock-receiving-actions .btn {
      min-height: 30px;
      padding: 0.2rem 0.5rem;
      font-size: 0.82rem;
      line-height: 1.1;
    }

    [data-tab-panel="estoque"] .table-export-toolbar[data-table-export-owner*="stock-current-table"]:not(.table-export-toolbar--inline) .table-export-toggle {
      transform: translateY(20px);
    }

    [data-tab-panel="estoque"] .table-export-toolbar[data-table-export-owner*="stock-receiving-table"]:not(.table-export-toolbar--inline) .table-export-toggle {
      transform: translateY(20px);
    }

    [data-stock-card="estoque-atual"] .stock-current-header {
      position: relative;
      align-items: center;
      justify-content: space-between;
      flex-wrap: nowrap;
      gap: 0.75rem;
      padding-top: 0;
      padding-bottom: 0.2rem;
      margin-bottom: 1.8rem;
      min-height: 0;
      border-bottom: 0;
    }

    [data-stock-card="estoque-atual"] .stock-current-header::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: -0.55rem;
      height: 1px;
      background: rgba(151, 206, 255, 0.28);
      pointer-events: none;
    }

    [data-stock-card="estoque-atual"] .stock-current-header > h3 {
      margin: 0 auto 0 0;
      display: inline-flex;
      align-items: center;
      padding-bottom: 0;
      border-bottom: 0;
      line-height: 1.1;
    }

    [data-stock-card="estoque-atual"] .stock-current-header > [data-save-all-stock-products] {
      margin: 0;
      align-self: center;
    }

    [data-stock-card="estoque-atual"] > .table-wrapper {
      border-top-color: rgba(248, 252, 255, 0.32) !important;
    }

    @media (max-width: 900px) {
      [data-stock-card="estoque-atual"] .stock-current-header {
        flex-wrap: wrap;
      }
    }

    .stock-merged-adjust-section {
      margin-top: 1rem;
      padding-top: 0.95rem;
      border-top: 1px solid rgba(148, 190, 255, 0.24);
    }

    .stock-merged-adjust-section h4 {
      margin: 0 0 0.4rem;
      font-size: 1rem;
      color: var(--text);
    }

    .stock-merged-adjust-section .form-grid {
      align-items: end;
    }

    .stock-inventory-mode-hint {
      margin: 0;
      color: var(--text-soft);
    }

    .stock-inventory-summary {
      margin: 0.45rem 0 0.7rem;
      color: var(--text-soft);
      line-height: 1.4;
    }

    .stock-inventory-allocation {
      margin-top: 0.6rem;
    }

    .alert-routing-recipient-select {
      min-height: 160px;
    }

    .easy-multi__toolbar {
      position: sticky;
      top: 0;
      z-index: 1;
      display: grid;
      gap: 0.28rem;
      margin-bottom: 0.32rem;
      padding-bottom: 0.3rem;
      border-bottom: 1px solid rgba(151, 194, 255, 0.22);
      background: inherit;
    }

    .easy-multi__search.input {
      min-height: 34px;
      padding: 0.3rem 0.55rem;
      font-size: 0.84rem;
    }

    .easy-multi__actions {
      display: flex;
      align-items: center;
      gap: 0.3rem;
      flex-wrap: wrap;
      min-width: 0;
    }

    .easy-multi__action-btn {
      border: 1px solid rgba(151, 194, 255, 0.3);
      background: rgba(10, 24, 47, 0.52);
      color: var(--text-main);
      border-radius: var(--radius-pill);
      min-height: 28px;
      padding: 0.12rem 0.52rem;
      font-size: 0.74rem;
      cursor: pointer;
      transition: border-color 0.16s ease, background 0.16s ease;
    }

    .easy-multi__action-btn:hover {
      border-color: rgba(194, 224, 255, 0.66);
      background: rgba(20, 45, 86, 0.62);
    }

    .easy-multi__meta {
      margin-left: auto;
      color: var(--text-muted);
      font-size: 0.74rem;
      white-space: nowrap;
    }

    .easy-multi__options {
      display: grid;
      gap: 0.08rem;
    }

    .easy-multi__option.is-hidden {
      display: none;
    }

    .alert-type-add-btn {
      align-self: end;
      min-height: 40px;
    }

    .alert-routing-api-form {
      margin-bottom: 1rem;
      padding-bottom: 0.9rem;
      border-bottom: 1px solid rgba(148, 190, 255, 0.18);
    }

    .alert-routing-api-actions {
      display: flex;
      align-items: center;
      gap: 0.55rem;
      flex-wrap: wrap;
      grid-column: 1 / -1;
    }

    .alert-routing-api-actions .btn {
      margin: 0;
    }

    .alert-routing-channels {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      gap: 0.42rem 0.65rem;
      margin-top: 0.35rem;
    }

    .alert-routing-table {
      table-layout: fixed;
    }

    .alert-routing-table th:nth-child(1),
    .alert-routing-table td:nth-child(1) {
      width: 21%;
    }

    .alert-routing-table th:nth-child(2),
    .alert-routing-table td:nth-child(2) {
      width: 32%;
    }

    .alert-routing-table th:nth-child(3),
    .alert-routing-table td:nth-child(3) {
      width: 18%;
    }

    .alert-routing-table th:nth-child(4),
    .alert-routing-table td:nth-child(4) {
      width: 10%;
      white-space: nowrap;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: manual;
    }

    .alert-routing-table th:nth-child(5),
    .alert-routing-table td:nth-child(5) {
      width: 19%;
      white-space: nowrap;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: manual;
    }

    .alert-routing-description-cell {
      color: var(--muted);
      line-height: 1.35;
    }

    .alert-routing-actions {
      display: flex;
      align-items: center;
      gap: 0.35rem;
      flex-wrap: nowrap;
      min-width: 0;
      white-space: nowrap;
    }

    .alert-routing-actions .btn {
      flex: 0 0 auto;
      min-height: 32px;
      margin: 0;
      padding: 0.3rem 0.5rem;
      font-size: 0.78rem;
      line-height: 1.1;
      white-space: nowrap;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: manual;
      box-shadow: none;
    }

    .cadastro-grid .card h3 {
      position: relative;
      top: auto;
      z-index: 1;
      margin: 0 0 0.85rem;
      padding: 0 0 0.6rem;
      background: transparent;
      border-bottom: 1px solid rgba(126, 195, 255, 0.24);
      backdrop-filter: none;
    }

    .cadastro-grid .table-wrapper,
    .cadastro-grid .list {
      flex: 0 0 auto;
      min-height: 0;
      max-width: 100%;
      overflow-x: auto;
      overflow-y: auto;
      scrollbar-gutter: stable;
      --table-header-sticky-top: 0px;
    }

    .cadastro-grid .table-wrapper > table {
      width: max-content;
      min-width: 100%;
      table-layout: auto;
    }

    .cadastro-grid .table-wrapper > table th,
    .cadastro-grid .table-wrapper > table td {
      min-width: 120px;
      max-width: 360px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .cadastro-grid .table-wrapper > table td .partner-name-clamp,
    .cadastro-grid .table-wrapper > table td .table-actions,
    .cadastro-grid .table-wrapper > table td .table-actions .btn {
      white-space: normal;
    }

    .cadastro-grid .card[data-cadastro-pair-equalized="true"],
    .cadastro-document-config-grid > .card[data-cadastro-pair-equalized="true"] {
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
    }

    .cadastro-grid .card[data-cadastro-pair-equalized="true"] > .cadastro-card-scroll,
    .cadastro-document-config-grid > .card[data-cadastro-pair-equalized="true"] > .cadastro-card-scroll {
      max-height: none !important;
      overflow-y: visible !important;
    }

    .cadastro-grid table thead th,
    .cadastro-document-config-grid table thead th {
      position: static;
      top: auto;
    }

    .cadastro-grid .table-wrapper.is-mobile-cards > table,
    .cadastro-document-config-grid .table-wrapper.is-mobile-cards > table {
      width: 100%;
      min-width: 100%;
      table-layout: fixed;
    }

    .cadastro-grid .table-wrapper.is-mobile-cards > table th,
    .cadastro-grid .table-wrapper.is-mobile-cards > table td,
    .cadastro-document-config-grid .table-wrapper.is-mobile-cards > table th,
    .cadastro-document-config-grid .table-wrapper.is-mobile-cards > table td {
      min-width: 0;
      max-width: none;
      white-space: normal;
      overflow: visible;
      text-overflow: clip;
    }

    .cadastro-grid .cadastro-card-pair,
    .cadastro-document-config-grid > .cadastro-card-pair {
      min-height: 0;
    }

    .cadastro-grid .card[data-cadastro-pair-equalized="true"],
    .cadastro-document-config-grid > .card[data-cadastro-pair-equalized="true"] {
      height: var(--cadastro-pair-card-height);
      max-height: var(--cadastro-pair-card-height);
      overflow: hidden;
    }

    .cadastro-grid .card[data-cadastro-pair-equalized="true"] > h3,
    .cadastro-grid .card[data-cadastro-pair-equalized="true"] > form,
    .cadastro-grid .card[data-cadastro-pair-equalized="true"] > .cadastro-filter-bar,
    .cadastro-grid .card[data-cadastro-pair-equalized="true"] > .table-pager,
    .cadastro-grid .card[data-cadastro-pair-equalized="true"] > .bulk-actions,
    .cadastro-grid .card[data-cadastro-pair-equalized="true"] > .form-note,
    .cadastro-grid .card[data-cadastro-pair-equalized="true"] > .permission-note,
    .cadastro-document-config-grid > .card[data-cadastro-pair-equalized="true"] > h3,
    .cadastro-document-config-grid > .card[data-cadastro-pair-equalized="true"] > form,
    .cadastro-document-config-grid > .card[data-cadastro-pair-equalized="true"] > .cadastro-filter-bar,
    .cadastro-document-config-grid > .card[data-cadastro-pair-equalized="true"] > .table-pager,
    .cadastro-document-config-grid > .card[data-cadastro-pair-equalized="true"] > .bulk-actions,
    .cadastro-document-config-grid > .card[data-cadastro-pair-equalized="true"] > .form-note,
    .cadastro-document-config-grid > .card[data-cadastro-pair-equalized="true"] > .permission-note {
      flex: 0 0 auto;
    }

    .cadastro-grid .card[data-cadastro-pair-equalized="true"] > .cadastro-card-scroll,
    .cadastro-document-config-grid > .card[data-cadastro-pair-equalized="true"] > .cadastro-card-scroll {
      flex: 1 1 auto;
      min-height: 0;
      max-height: var(--cadastro-card-scroll-max, none);
      overflow-x: hidden;
      overflow-y: auto;
      overscroll-behavior: contain;
      --table-header-sticky-top: 0px;
    }

    .cadastro-grid .table-wrapper > table.table-actions-col {
      min-width: 100%;
    }

    .cadastro-grid table.table-actions-col th:last-child,
    .cadastro-grid table.table-actions-col td:last-child {
      width: auto;
      min-width: 210px;
      max-width: none;
    }

    .cadastro-grid table.table-actions-col td:last-child {
      display: flex;
      align-items: center;
      gap: 0.35rem;
      flex-wrap: nowrap;
      justify-content: flex-start;
      white-space: nowrap;
    }

    .cadastro-grid table.table-actions-col td:last-child .btn {
      min-height: 32px;
      padding: 0.3rem 0.58rem;
      font-size: 0.8rem;
      margin: 0;
      box-shadow: none;
      white-space: nowrap;
    }

    .cadastro-grid .table-wrapper + .table-pager {
      margin-top: 0.6rem;
      padding-top: 0;
      position: relative;
      z-index: 1;
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] {
      table-layout: fixed;
      --cadastro-partners-col-1: 8%;
      --cadastro-partners-col-2: 18%;
      --cadastro-partners-col-3: 14%;
      --cadastro-partners-col-4: 10%;
      --cadastro-partners-col-5: 12%;
      --cadastro-partners-col-6: 12%;
      --cadastro-partners-col-7: 4%;
      --cadastro-partners-col-8: 4%;
      --cadastro-partners-col-9: 4%;
      --cadastro-partners-col-10: 4%;
      --cadastro-partners-col-11: 10%;
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th,
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td {
      min-width: 0;
      max-width: none;
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(1),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(1) {
      width: var(--cadastro-partners-col-1);
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(2),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(2) {
      width: var(--cadastro-partners-col-2);
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(3),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(3) {
      width: var(--cadastro-partners-col-3);
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(4),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(4) {
      width: var(--cadastro-partners-col-4);
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(5),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(5) {
      width: var(--cadastro-partners-col-5);
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(6),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(6) {
      width: var(--cadastro-partners-col-6);
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(7),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(7) {
      width: var(--cadastro-partners-col-7);
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(8),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(8) {
      width: var(--cadastro-partners-col-8);
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(9),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(9) {
      width: var(--cadastro-partners-col-9);
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(10),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(10),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] col:nth-child(10) {
      width: var(--cadastro-partners-col-10);
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(11),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(11),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] col:nth-child(11) {
      width: var(--cadastro-partners-col-11);
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(7),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(7),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(8),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(8),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(9),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(9),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] th:nth-child(10),
    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:nth-child(10) {
      text-align: center;
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:last-child {
      min-width: 0;
      max-width: none;
      flex-wrap: nowrap;
      white-space: nowrap;
    }

    .cadastro-grid table[data-table-column-key="cadastro-partners-table"] td:last-child .btn {
      flex: 0 0 auto;
      white-space: nowrap;
    }

    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] {
      table-layout: fixed;
    }

    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] th:nth-child(1),
    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] td:nth-child(1) {
      width: 17%;
      min-width: 180px;
    }

    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] th:nth-child(2),
    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] td:nth-child(2) {
      width: 11%;
      min-width: 130px;
    }

    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] th:nth-child(3),
    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] td:nth-child(3) {
      width: 13%;
      min-width: 150px;
    }

    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] th:nth-child(4),
    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] td:nth-child(4),
    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] th:nth-child(5),
    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] td:nth-child(5) {
      width: 8%;
      min-width: 95px;
      text-align: center;
    }

    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] th:nth-child(6),
    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] td:nth-child(6) {
      width: 27%;
      min-width: 270px;
      white-space: normal;
      line-height: 1.25;
    }

    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] th:nth-child(7),
    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] td:nth-child(7),
    .cadastro-grid table[data-table-column-key="cadastro-subcategories-table"] col:nth-child(7) {
      width: 16% !important;
      min-width: 190px !important;
      max-width: none !important;
    }

    .partner-name-clamp {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      overflow: hidden;
      line-height: 1.25;
      max-height: 2.5em;
    }

    .cadastro-grid table.access-users-table th:nth-child(1),
    .cadastro-grid table.access-users-table td:nth-child(1) {
      width: 16%;
    }

    .cadastro-grid table.access-users-table th:nth-child(2),
    .cadastro-grid table.access-users-table td:nth-child(2) {
      width: 17%;
    }

    .cadastro-grid table.access-users-table th:nth-child(3),
    .cadastro-grid table.access-users-table td:nth-child(3) {
      width: 12%;
    }

    .cadastro-grid table.access-users-table th:nth-child(4),
    .cadastro-grid table.access-users-table td:nth-child(4) {
      width: 8%;
    }

    .cadastro-grid table.access-users-table th:nth-child(5),
    .cadastro-grid table.access-users-table td:nth-child(5) {
      width: 22%;
    }

    .cadastro-grid table.access-users-table th:nth-child(6),
    .cadastro-grid table.access-users-table td:nth-child(6) {
      width: 25%;
    }

    .cadastro-grid table.access-users-table td:nth-child(6) {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(78px, 1fr));
      align-items: center;
      gap: 0.28rem;
      justify-content: flex-start;
    }

    .cadastro-grid table.access-users-table td:nth-child(6) .btn {
      min-height: 30px;
      padding: 0.24rem 0.46rem;
      font-size: 0.76rem;
      line-height: 1.1;
      width: 100%;
      margin: 0;
      box-shadow: none;
      white-space: normal;
    }

    .cadastro-grid [data-cadastro-card="produto"] .table-wrapper {
      max-height: var(--table-max-height);
    }

    .bulk-actions {
      display: flex;
      justify-content: flex-end;
      gap: 0.5rem;
      margin-top: 0.75rem;
    }

    .stock-bulk-actions {
      margin: -0.2rem 0 0.75rem;
    }

    @media (max-width: 1420px) {
      .product-register-form {
        grid-template-columns: repeat(8, minmax(0, 1fr));
      }

      .product-register-form > label,
      .product-register-form > .form-field {
        grid-column: span 2;
      }

      .product-register-form > label.product-field--half,
      .product-register-form > .form-field.product-field--half {
        grid-column: span 4;
      }

      .product-register-form .product-register-submit {
        grid-column: 7 / -1;
      }
    }

    @media (max-width: 1160px) {
      .product-register-form {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .product-register-form > label {
        grid-column: span 2;
      }

      .product-register-form > label.product-field--half,
      .product-register-form > label.product-field--full,
      .product-register-form > .form-field.product-field--half,
      .product-register-form > .form-field.product-field--full {
        grid-column: 1 / -1;
      }

      .product-register-form .nutrition-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .product-register-form .product-register-submit {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 900px) {
      .app-header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding:
          max(0.46rem, env(safe-area-inset-top))
          max(0.7rem, env(safe-area-inset-right))
          0.62rem
          max(0.7rem, env(safe-area-inset-left));
        row-gap: 0.34rem;
        min-height: calc(5.9rem + env(safe-area-inset-top));
        top: 0;
        overflow: visible;
      }

      .tabs {
        display: none;
      }

      .erp-header-logo-row {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        width: 100%;
        position: relative;
      }

      .mobile-modules-toggle.btn {
        display: inline-flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: auto;
        min-width: 96px;
        min-height: 54px;
        height: auto;
        padding: 0.48rem 0.82rem;
        font-size: 0.74rem;
        max-width: none;
        line-height: 1.2;
        text-align: center;
        gap: 0.08rem;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
      }

      .mobile-modules-toggle__line {
        display: block;
        line-height: 1.2;
        white-space: nowrap;
        overflow: visible;
        text-overflow: clip;
      }

      .brand {
        margin-left: auto;
        transform: none;
        align-items: center;
      }

      .brand__meta {
        display: none;
      }

      .erp-header-user-area {
        position: absolute;
        top: 50%;
        right: max(0.5rem, env(safe-area-inset-right));
        transform: translateY(-50%);
        width: auto;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        z-index: 60;
      }

      .app {
        --mobile-floating-controls-height: 0rem;
        --mobile-bottom-nav-height: 6.2rem;
      }

      .session-access {
        width: auto;
        min-width: 0;
        max-width: none;
        margin-left: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        gap: 0.32rem;
        position: static;
      }

      .app.mobile-modules-open .session-access {
        position: static;
      }

      .session-access .input {
        min-height: 42px;
      }

      .mobile-modules-toggle {
        order: 1;
      }

      .session-switch-btn {
        order: 2;
        min-height: 26px;
        min-width: 26px;
        padding: 0 0.24rem;
      }

      .session-switch-btn {
        min-height: 22px;
        min-width: 22px;
        padding: 0 0.2rem;
      }

      .erp-header-logo {
        max-width: min(240px, 62vw);
        max-height: 78px;
      }

      .session-role-badge {
        font-size: 0.72rem;
        padding: 0.18rem 0.48rem;
      }

      .app-main {
        padding: 0.72rem;
        gap: 0.82rem;
        padding-bottom: calc(1rem + var(--mobile-floating-controls-height, 0rem) + env(safe-area-inset-bottom));
      }

      .app.mobile-modules-open .app-main {
        padding-bottom: calc(
          var(--mobile-bottom-nav-height, 6.2rem) +
          var(--mobile-floating-controls-height, 0rem) +
          env(safe-area-inset-bottom)
        );
      }

      .panel {
        padding: 0.92rem;
        border-radius: var(--radius-lg);
      }

      .panel-header {
        align-items: flex-start;
        margin-bottom: 1rem;
        gap: 0.7rem;
      }

      .panel-header h2 {
        font-size: 1.18rem;
      }

      .panel-header p {
        font-size: 0.88rem;
      }

      .panel-actions {
        color: var(--vanilla-cream);
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.45rem;
      }

      .panel-actions .btn,
      .panel-actions .input {
        width: 100%;
      }

      [data-tab-panel="historico"] > .panel-header .panel-actions {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.34rem;
      }

      [data-tab-panel="historico"] > .panel-header .panel-actions .btn {
        min-height: 52px;
        padding: 0.34rem 0.32rem;
        font-size: clamp(0.64rem, 2.3vw, 0.78rem);
        line-height: 1.18;
        white-space: normal;
        text-wrap: balance;
      }

      .public-link-copy {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
      }

      .overview-quick-nav {
        width: 100%;
        justify-content: stretch;
      }

      .overview-quick-nav .input,
      .overview-quick-nav .btn {
        width: 100%;
      }

      .overview-customize-form {
        grid-template-columns: 1fr;
      }

      [data-tab-panel="visao-geral"] {
        --overview-col-category: 100px;
      }

      .history-grid,
      .production-grid,
      .finance-grid,
      .forecast-grid,
      .cadastro-grid {
        grid-template-columns: 1fr;
      }

      [data-tab-panel="estoque"] .history-grid {
        grid-template-columns: 1fr !important;
      }

      .cadastro-grid {
        grid-auto-rows: auto;
      }

      .cadastro-grid .card {
        height: auto;
        max-height: none;
        min-height: 0;
        overflow: visible;
      }

      .cadastro-grid .card[data-cadastro-pair-equalized="true"],
      .cadastro-document-config-grid > .card[data-cadastro-pair-equalized="true"] {
        height: auto;
        max-height: none;
        overflow: visible;
      }

      .cadastro-grid .card[data-cadastro-pair-equalized="true"] > .cadastro-card-scroll,
      .cadastro-document-config-grid > .card[data-cadastro-pair-equalized="true"] > .cadastro-card-scroll {
        max-height: none;
        overflow: visible;
      }

      .cadastro-grid [data-cadastro-card="produto"] {
        grid-row: span 1;
      }

      .cadastro-grid .card h3 {
        position: relative;
        top: auto;
        z-index: 1;
        margin: 0 0 0.85rem;
        padding: 0 0 0.6rem;
        background: transparent;
        border-bottom: 1px solid rgba(126, 195, 255, 0.24);
        backdrop-filter: none;
      }

      .cadastro-grid [data-cadastro-card="parceiros"] {
        grid-row: span 1;
        min-height: 0;
      }

      .finance-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .overview-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .table-actions {
        justify-content: stretch;
        gap: 0.45rem;
      }

      .table-actions .btn {
        flex: 1 1 100%;
      }

      .table-wrapper {
        max-height: min(var(--table-max-height), 54vh);
      }

      .cadastro-grid .table-wrapper.is-mobile-cards {
        max-height: min(var(--table-max-height), 54vh);
        overflow-x: auto;
        overflow-y: auto;
      }

      .card {
        padding: 0.85rem;
        border-radius: var(--radius-sm);
      }

      .card::before {
        border-radius: var(--radius-sm) var(--radius-sm) 0 0;
      }

      .card h3 {
        font-size: 1rem;
        margin-bottom: 0.7rem;
      }

      .access-permissions-toolbar {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        gap: 0.6rem;
      }

      .access-permissions-user {
        min-width: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }

      .access-permissions-user .input {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        line-height: 1.2;
      }

      .access-permissions-actions {
        grid-template-columns: 1fr;
        justify-content: stretch;
        min-width: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }

      .access-permissions-actions .btn {
        width: 100% !important;
        white-space: normal;
        text-align: center;
      }

      .card[data-cadastro-card="controle-acesso"] {
        padding-left: max(0.85rem, env(safe-area-inset-left));
        padding-right: max(0.85rem, env(safe-area-inset-right));
        overflow-x: hidden;
      }

      .card[data-cadastro-card="controle-acesso"] [data-access-user-form] {
        grid-template-columns: 1fr;
      }

      .card[data-cadastro-card="controle-acesso"] [data-access-user-form] > * {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
      }

      .card[data-cadastro-card="controle-acesso"] [data-access-user-form] .span-2 {
        grid-column: span 1;
      }

      .card[data-cadastro-card="controle-acesso"] .cadastro-filter-bar {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
      }

      .card[data-cadastro-card="controle-acesso"] .cadastro-filter-bar > * {
        width: 100%;
        max-width: 100%;
        min-width: 0;
      }

      .card[data-cadastro-card="controle-acesso"] :is(
        .access-permissions-panel,
        .access-window-panel,
        .access-window-grid,
        .access-granular-panel,
        .access-granular-header,
        .access-granular-list,
        .table-wrapper
      ) {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
      }

      .access-window-grid {
        grid-template-columns: 1fr;
      }

      .access-window-option {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        flex-wrap: wrap;
        overflow-wrap: anywhere;
      }

      .access-granular-header {
        grid-template-columns: 1fr;
      }

      .access-granular-header .input {
        width: 100%;
        max-width: 100%;
        min-width: 0;
      }

      .access-granular-list {
        overflow-x: hidden;
        padding-right: 0;
      }

      .access-granular-module summary {
        flex-wrap: wrap;
      }

      .access-granular-option {
        grid-template-columns: 1.1rem minmax(0, 1fr);
        row-gap: 0.25rem;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
      }

      .access-granular-option em {
        grid-column: 2 / -1;
        justify-self: start;
        white-space: normal;
      }

      .access-permissions-table {
        table-layout: fixed;
        width: 100%;
      }

      .access-permissions-table th,
      .access-permissions-table td {
        white-space: normal;
        padding: 0.38rem 0.3rem;
        font-size: 0.74rem;
        line-height: 1.2;
        overflow-wrap: anywhere;
        word-break: break-word;
      }

      .access-permissions-table th:first-child,
      .access-permissions-table td:first-child {
        min-width: 0;
        width: 36%;
        text-align: left;
      }

      .access-permissions-table th:not(:first-child),
      .access-permissions-table td:not(:first-child) {
        width: 8%;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
      }

      .access-permissions-table input[type="checkbox"] {
        margin: 0 auto;
      }

      .access-copy-dialog {
        width: min(96vw, 720px);
        max-height: 92vh;
      }

      .access-copy-tools {
        grid-template-columns: 1fr;
      }

      .access-copy-tools .btn {
        width: 100%;
      }

      .access-copy-list {
        max-height: min(48vh, 380px);
      }

      .history-report-controls,
      .history-report-kpis,
      .history-report-donut-layout,
      .sales-order-line,
      .finance-settlement-main,
      .finance-settlement-cheque,
      .production-role-slot {
        grid-template-columns: 1fr;
      }

      .history-report-kpi {
        padding: 0.82rem 0.88rem 0.88rem;
        gap: 0.44rem;
      }

      .history-report-kpi-main {
        grid-template-columns: 1fr;
        row-gap: 0.14rem;
      }

      .history-report-kpi-quantity,
      .history-report-kpi-value,
      .history-report-kpi--total strong {
        justify-self: start;
        text-align: left;
      }

      .history-report-kpi-value {
        font-size: clamp(1.34rem, 5.8vw, 1.74rem);
      }

      .client-order-summary {
        grid-template-columns: 1fr;
      }

      .expedition-board {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .app.is-expedition-panel .expedition-board {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }

      .client-order-products-wrap {
        min-height: min(54vh, 560px);
        max-height: min(74vh, 760px);
      }

      .client-order-products-table th:nth-child(1),
      .client-order-products-table td:nth-child(1) {
        width: 48%;
      }

      .client-order-products-table th:nth-child(2),
      .client-order-products-table td:nth-child(2) {
        width: 26%;
      }

      .client-order-products-table th:nth-child(3),
      .client-order-products-table td:nth-child(3) {
        width: 26%;
      }

      .cadastro-grid table.table-actions-col th:last-child,
      .cadastro-grid table.table-actions-col td:last-child {
        width: auto;
      }

      .cadastro-grid table.table-actions-col td:last-child {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
      }

      .cadastro-grid table.table-actions-col td:last-child .btn {
        flex: 1 1 calc(50% - 0.24rem);
        min-width: 0;
      }

      table {
        font-size: 0.82rem;
      }

      table th,
      table td {
        padding: 0.5rem 0.38rem;
      }

      .mobile-bottom-nav__track {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.35rem;
      }

      .mobile-tab {
        min-width: 0;
        min-height: 38px;
        padding: 0.35rem 0.42rem;
        font-size: 0.75rem;
      }

      .input,
      select.input,
      textarea.input {
        min-height: 44px;
        font-size: 16px;
      }

      .btn {
        min-height: 42px;
        font-size: 0.86rem;
        padding: 0.46rem 0.72rem;
      }
    }

    @media (max-width: 900px) {
      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
      }

      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table],
      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] thead,
      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] tbody,
      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] tr,
      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] th,
      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] td {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
      }

      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] {
        table-layout: fixed;
      }

      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] thead {
        display: none;
      }

      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] tbody {
        display: grid;
        gap: 0.52rem;
        padding: 0.24rem 0;
      }

      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] tbody tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.32rem 0.42rem;
        padding: 0.58rem 0.62rem;
        overflow: hidden;
        border: 1px solid rgba(142, 194, 255, 0.24);
        border-radius: var(--radius-sm);
        background: linear-gradient(168deg, rgba(16, 39, 75, 0.54), rgba(7, 18, 39, 0.58));
        box-shadow: 0 4px 12px rgba(4, 11, 24, 0.2);
      }

      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] tbody tr:nth-child(even),
      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] tbody tr:hover {
        background: linear-gradient(168deg, rgba(20, 47, 86, 0.58), rgba(8, 22, 45, 0.62));
      }

      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] tbody td {
        display: grid;
        grid-template-columns: minmax(70px, 0.9fr) minmax(0, 1.1fr);
        align-items: center;
        gap: 0.32rem;
        min-width: 0;
        padding: 0.22rem 0.32rem;
        border: 1px solid rgba(148, 163, 184, 0.14);
        border-radius: var(--radius-xs);
        background: rgba(15, 23, 42, 0.22);
        color: var(--text-main);
        font-size: 0.74rem;
        line-height: 1.18;
        text-align: right;
        overflow-wrap: anywhere;
        word-break: break-word;
      }

      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] tbody td::before {
        content: attr(data-mobile-col-label);
        color: var(--blue-200);
        font-size: 0.64rem;
        font-weight: 700;
        line-height: 1.12;
        text-align: left;
      }

      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] tbody td:first-child {
        grid-column: 1 / -1;
        grid-template-columns: minmax(78px, auto) minmax(0, 1fr);
        padding: 0.28rem 0.34rem 0.42rem;
        border-color: rgba(147, 197, 253, 0.24);
        background: rgba(30, 64, 124, 0.22);
        font-size: 0.88rem;
        font-weight: 800;
        line-height: 1.2;
        text-align: left;
      }

      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] tbody td:first-child::before {
        align-self: center;
        font-size: 0.66rem;
      }

      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] tbody td.has-actions {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.34rem;
        align-items: stretch;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-wrap: initial !important;
        margin-top: 0.06rem;
        padding: 0.42rem 0 0;
        border: 0;
        border-top: 1px solid rgba(148, 163, 184, 0.18);
        border-radius: 0;
        background: transparent;
        white-space: normal !important;
        text-align: left;
      }

      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] tbody td.has-actions::before {
        grid-column: 1 / -1;
        display: block;
        margin-bottom: -0.08rem;
      }

      .cadastro-grid [data-cadastro-card="produto"] .table-wrapper.is-mobile-cards > table[data-products-grid-table] tbody td.has-actions .btn {
        width: 100%;
        flex: 1 1 auto !important;
        min-width: 0;
        min-height: 31px;
        margin: 0;
        padding: 0.28rem 0.34rem;
        font-size: 0.72rem;
        line-height: 1.1;
        white-space: nowrap;
        box-shadow: none;
      }
    }

    @media (max-width: 900px) {
      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
      }

      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table,
      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table thead,
      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table tbody,
      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table tr,
      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table th,
      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table td {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
      }

      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table {
        table-layout: fixed;
      }

      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table thead {
        display: none;
      }

      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table tbody {
        display: grid;
        gap: 0.52rem;
        padding: 0.24rem 0;
      }

      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table tbody tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.32rem 0.42rem;
        padding: 0.58rem 0.62rem;
        overflow: hidden;
        border: 1px solid rgba(142, 194, 255, 0.24);
        border-radius: var(--radius-sm);
        background: linear-gradient(168deg, rgba(16, 39, 75, 0.54), rgba(7, 18, 39, 0.58));
        box-shadow: 0 4px 12px rgba(4, 11, 24, 0.2);
      }

      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table tbody tr:nth-child(even),
      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table tbody tr:hover {
        background: linear-gradient(168deg, rgba(20, 47, 86, 0.58), rgba(8, 22, 45, 0.62));
      }

      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table tbody td {
        display: grid;
        grid-template-columns: minmax(70px, 0.9fr) minmax(0, 1.1fr);
        align-items: center;
        gap: 0.32rem;
        min-width: 0 !important;
        padding: 0.22rem 0.32rem;
        border: 1px solid rgba(148, 163, 184, 0.14);
        border-radius: var(--radius-xs);
        background: rgba(15, 23, 42, 0.22);
        color: var(--text-main);
        font-size: 0.74rem;
        line-height: 1.18;
        text-align: right;
        overflow-wrap: anywhere;
        word-break: break-word;
      }

      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table tbody td::before {
        content: attr(data-mobile-col-label);
        color: var(--blue-200);
        font-size: 0.64rem;
        font-weight: 700;
        line-height: 1.12;
        text-align: left;
      }

      .cadastro-grid [data-cadastro-card="parceiros"] .table-wrapper.is-mobile-cards > table tbody td:nth-child(2),
      .cadastro-grid [data-cadastro-card="veiculos"] .table-wrapper.is-mobile-cards > table tbody td:first-child,
      .cadastro-grid [data-cadastro-card="categoria"] .table-wrapper.is-mobile-cards > table tbody td:first-child,
      .cadastro-grid [data-cadastro-card="subcategoria"] .table-wrapper.is-mobile-cards > table tbody td:first-child {
        grid-column: 1 / -1;
        grid-template-columns: minmax(78px, auto) minmax(0, 1fr);
        order: -2;
        padding: 0.28rem 0.34rem 0.42rem;
        border-color: rgba(147, 197, 253, 0.24);
        background: rgba(30, 64, 124, 0.22);
        font-size: 0.88rem;
        font-weight: 800;
        line-height: 1.2;
        text-align: left;
      }

      .cadastro-grid [data-cadastro-card="parceiros"] .table-wrapper.is-mobile-cards > table tbody td:nth-child(2)::before,
      .cadastro-grid [data-cadastro-card="veiculos"] .table-wrapper.is-mobile-cards > table tbody td:first-child::before,
      .cadastro-grid [data-cadastro-card="categoria"] .table-wrapper.is-mobile-cards > table tbody td:first-child::before,
      .cadastro-grid [data-cadastro-card="subcategoria"] .table-wrapper.is-mobile-cards > table tbody td:first-child::before {
        align-self: center;
        font-size: 0.66rem;
      }

      .cadastro-grid [data-cadastro-card="parceiros"] .table-wrapper.is-mobile-cards .partner-name-clamp {
        display: block;
        max-height: none;
        -webkit-line-clamp: initial;
        line-clamp: initial;
        -webkit-box-orient: initial;
      }

      .cadastro-grid [data-cadastro-card="categoria"] .table-wrapper.is-mobile-cards > table tbody td:nth-child(4),
      .cadastro-grid [data-cadastro-card="categoria"] .table-wrapper.is-mobile-cards > table tbody td:nth-child(5),
      .cadastro-grid [data-cadastro-card="categoria"] .table-wrapper.is-mobile-cards > table tbody td:nth-child(6),
      .cadastro-grid [data-cadastro-card="categoria"] .table-wrapper.is-mobile-cards > table tbody td:nth-child(7),
      .cadastro-grid [data-cadastro-card="categoria"] .table-wrapper.is-mobile-cards > table tbody td:nth-child(9),
      .cadastro-grid [data-cadastro-card="subcategoria"] .table-wrapper.is-mobile-cards > table tbody td:nth-child(6) {
        grid-column: 1 / -1;
      }

      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table tbody td.has-actions,
      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table tbody td:last-child {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
        gap: 0.34rem;
        align-items: stretch;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-wrap: initial !important;
        margin-top: 0.06rem;
        padding: 0.42rem 0 0;
        border: 0;
        border-top: 1px solid rgba(148, 163, 184, 0.18);
        border-radius: 0;
        background: transparent;
        white-space: normal !important;
        text-align: left;
      }

      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table tbody td.has-actions::before,
      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table tbody td:last-child::before {
        grid-column: 1 / -1;
        display: block;
        margin-bottom: -0.08rem;
      }

      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table tbody td.has-actions .btn,
      .cadastro-grid :is(
        [data-cadastro-card="parceiros"],
        [data-cadastro-card="veiculos"],
        [data-cadastro-card="categoria"],
        [data-cadastro-card="subcategoria"]
      ) .table-wrapper.is-mobile-cards > table tbody td:last-child .btn {
        width: 100%;
        flex: 1 1 auto !important;
        min-width: 0;
        min-height: 31px;
        margin: 0;
        padding: 0.28rem 0.34rem;
        font-size: 0.72rem;
        line-height: 1.1;
        white-space: nowrap !important;
        box-shadow: none;
      }
    }

    @media (max-width: 1100px) and (min-width: 901px) {
      .cadastro-grid {
        grid-template-columns: minmax(0, 1fr);
      }

      .finance-grid {
        grid-template-columns: 1fr;
      }

      .finance-entry-card .form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 640px) {
      .app-header {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        border-radius: 0;
        top: 0;
        border-left: 0;
        border-right: 0;
        padding:
          max(0.4rem, env(safe-area-inset-top))
          max(0.55rem, env(safe-area-inset-right))
          0.62rem
          max(0.55rem, env(safe-area-inset-left));
        gap: 0.25rem;
        min-height: calc(5.8rem + env(safe-area-inset-top));
      }

      .brand {
        order: 1;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-left: 0;
        transform: none;
      }

      .app {
        --mobile-bottom-nav-height: 6.4rem;
      }

      .erp-header-user-area {
        order: 2;
        width: auto;
        max-width: none;
        min-width: 0;
        margin-left: 0;
        position: absolute;
        top: 50%;
        right: max(0.42rem, env(safe-area-inset-right));
        transform: translateY(-50%);
        z-index: 60;
      }

      .mobile-modules-toggle.btn {
        min-width: 92px;
        min-height: 52px;
        padding: 0.44rem 0.76rem;
      }

      .session-access {
        align-items: flex-end;
        width: auto;
        max-width: none;
        position: static;
      }

      .erp-header-user-area {
        display: flex;
        justify-content: flex-end;
        align-items: center;
      }

      .session-role-badge {
        display: none;
      }

      .erp-header-logo {
        max-width: min(270px, 78vw);
        max-height: 90px;
      }

      .brand h1 {
        font-size: 1.3rem;
      }

      .brand p {
        font-size: 0.86rem;
      }

      .tabs {
        gap: 0.4rem;
      }

      .tab {
        min-height: 40px;
        padding: 0.45rem 0.85rem;
      }

      .app-main {
        padding: 0.55rem;
        padding-bottom: calc(0.8rem + var(--mobile-floating-controls-height, 0rem) + env(safe-area-inset-bottom));
      }

      .app.mobile-modules-open .app-main {
        padding-bottom: calc(
          var(--mobile-bottom-nav-height, 6.4rem) +
          var(--mobile-floating-controls-height, 0rem) +
          env(safe-area-inset-bottom)
        );
      }

      .panel {
        padding: 0.78rem;
        border-radius: var(--radius-md);
      }

      .panel-header h2 {
        font-size: 1.03rem;
      }

      .panel-header p {
        font-size: 0.82rem;
      }

      [data-tab-panel="visao-geral"] {
        --overview-col-category: 88px;
      }

      .overview-row > div {
        min-height: 42px;
        padding: 0.3rem 0.32rem;
      }

      .overview-row__category {
        border-right: 2px solid rgba(147, 197, 253, 0.44);
        box-shadow: inset -1px 0 0 rgba(8, 18, 34, 0.72);
      }

      .overview-cell-cards {
        grid-template-columns: 1fr;
        gap: 0.24rem;
        grid-auto-rows: minmax(56px, auto);
      }

      .overview-mini-card {
        padding: 0.36rem 0.42rem;
        min-height: 56px;
      }

      .overview-mini-card h4 {
        font-size: 0.84rem;
      }

      .overview-mini-card p {
        font-size: 0.72rem;
      }

      .app.is-overview .app-main {
        flex: 1 1 auto;
        padding: 0.25rem;
        padding-bottom: calc(0.25rem + env(safe-area-inset-bottom));
      }

      .app.is-overview [data-tab-panel="visao-geral"].is-active {
        gap: 0;
        padding: 0.2rem;
      }

      .app.is-overview [data-tab-panel="visao-geral"] .panel-header {
        display: none;
      }

      .app.is-overview [data-tab-panel="visao-geral"].is-active .overview-quick-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.4rem;
      }

      .app.is-overview [data-tab-panel="visao-geral"] .overview-scale-controls {
        grid-column: 1 / -1;
        justify-content: space-between;
      }

      .app.is-overview [data-tab-panel="visao-geral"] [data-overview-tab-go] {
        display: none;
      }

      .app.is-overview [data-tab-panel="visao-geral"] .overview-quick-nav .input,
      .app.is-overview [data-tab-panel="visao-geral"] .overview-quick-nav .btn {
        min-height: 40px;
      }

      .app.is-overview [data-tab-panel="visao-geral"].is-active .overview-matrix-wrapper {
        min-height: 0;
        height: 100%;
        max-height: none;
        overflow: hidden;
      }

      .form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      [data-documents-form].form-grid {
        grid-template-columns: minmax(0, 1fr);
      }

      [data-documents-form].form-grid > * {
        grid-column: 1 / -1;
      }

      .form-grid .span-2 {
        grid-column: span 2;
      }

      .product-edit-formula-row {
        grid-template-columns: 1fr;
      }

      .product-edit-formula-wrap {
        width: 100%;
      }

      .form-grid .span-3,
      .form-grid .span-4 {
        grid-column: span 2;
      }

      [data-maintenance-form] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      [data-maintenance-form] .maintenance-notes-field,
      [data-maintenance-form] .maintenance-photo-field,
      [data-maintenance-form] .maintenance-photo-preview,
      [data-maintenance-form] .maintenance-actions,
      [data-maintenance-form] [data-maintenance-feedback] {
        grid-column: 1 / -1;
      }

      [data-maintenance-form] .maintenance-actions::before {
        content: none;
        min-height: 0;
      }

      .product-register-form {
        grid-template-columns: 1fr;
      }

      .product-register-form > label,
      .product-register-form > label.product-field--half,
      .product-register-form > label.product-field--full,
      .product-register-form > .form-field,
      .product-register-form > .form-field.product-field--half,
      .product-register-form > .form-field.product-field--full,
      .product-register-form .product-register-submit {
        grid-column: 1 / -1;
      }

      .product-register-form .nutrition-grid {
        grid-template-columns: 1fr;
      }

      .partner-cnpj-row {
        grid-template-columns: 1fr;
      }

      .partner-cnpj-row .btn {
        width: 100%;
      }

      [data-cadastro-card="parceiros"] [data-partner-form] {
        grid-template-columns: 1fr;
      }

      [data-partner-form] .partner-field--type,
      [data-partner-form] .partner-field--legal-name,
      [data-partner-form] .partner-field--name,
      [data-partner-form] .partner-field--nickname,
      [data-partner-form] .partner-field--cnpj,
      [data-partner-form] .partner-field--cep,
      [data-partner-form] .partner-field--city,
      [data-partner-form] .partner-field--address,
      [data-partner-form] .partner-field--phone,
      [data-partner-form] .partner-field--email,
      [data-partner-form] .partner-field--order-password,
      [data-partner-form] .partner-field--receivable-days,
      [data-partner-form] .partner-field--permissions,
      [data-partner-form] .partner-time-clock-grid {
        grid-column: 1 / -1;
      }

      [data-partner-form] .partner-time-clock-grid {
        grid-template-columns: 1fr;
      }

      [data-partner-form] .partner-access-panel {
        grid-template-columns: 1fr;
      }

      [data-partner-form] .partner-field--cnpj,
      [data-partner-form] .partner-field--cep,
      [data-partner-form] .partner-field--city,
      [data-partner-form] .partner-field--address,
      [data-partner-form] .partner-field--phone,
      [data-partner-form] .partner-field--email,
      [data-partner-form] .partner-field--order-password,
      [data-partner-form] .partner-field--receivable-days,
      [data-partner-form] .partner-field--permissions,
      [data-partner-form] .partner-time-clock-grid {
        grid-column: span 1;
      }

      .finance-entry-card .btn.primary {
        grid-column: span 1;
      }

      .formula-matrix__row {
        grid-template-columns: 24px minmax(0, 1fr) 76px 62px 70px;
        gap: 0.35rem;
        padding: 0.32rem 0.45rem;
      }

      .product-extra-row {
        grid-template-columns: 1fr;
      }

      .formula-matrix__label {
        font-size: 0.76rem;
      }

      .formula-matrix__badge {
        font-size: 0.68rem;
        padding: 0.1rem 0.35rem;
      }

      .formula-matrix__qty {
        min-height: 30px;
        font-size: 0.74rem;
        padding: 0.2rem 0.34rem;
      }

      .formula-matrix__op-toggle {
        font-size: 0.62rem;
        padding: 0.1rem 0.24rem;
      }

      .production-detail-row {
        grid-template-columns: minmax(0, 1fr) minmax(82px, 42%);
        gap: 0.35rem;
        padding: 0.34rem 0.45rem;
      }

      [data-production-role-wrap] .production-detail-list {
        grid-template-columns: 1fr;
        padding: 0.4rem;
      }

      .production-detail-row--roles {
        grid-template-columns: 1fr;
      }

      .production-detail-row--batch,
      .production-batch-header {
        grid-template-columns:
          minmax(0, 1fr)
          minmax(78px, 0.78fr)
          minmax(88px, 0.9fr);
        min-width: 0;
      }

      .production-entry-card [data-production-group-batch-list] .production-detail-row--batch,
      .production-entry-card [data-production-group-batch-list] .production-batch-header {
        grid-template-columns: minmax(0, 1fr) minmax(68px, 76px);
        min-width: 0;
      }

      .production-detail-name {
        font-size: 0.76rem;
      }

      .production-detail-row .input {
        min-height: 30px;
        font-size: 0.74rem;
        padding: 0.2rem 0.34rem;
      }

      .production-detail-inputs {
        grid-template-columns: 1fr;
      }

      [data-production-overrun-wrap],
      [data-production-overrun-wrap] .input {
        max-width: 100%;
      }

      .product-edit-dialog {
        width: 100vw;
        max-width: 100vw;
        max-height: 100vh;
        border-radius: 0;
      }

      .product-edit-body {
        max-height: calc(100vh - 60px);
        padding: 0.8rem 0.8rem 0.9rem;
      }

      .expedition-board {
        grid-template-columns: 1fr;
      }

      .app.is-expedition-panel .expedition-board {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }

      .panel-actions .btn,
      .panel-actions .input {
        width: 100%;
      }

      .input,
      select.input,
      textarea.input {
        font-size: 16px;
      }

      .btn {
        min-height: 42px;
        font-size: 0.86rem;
        padding: 0.44rem 0.68rem;
      }

      .table-wrapper table {
        min-width: 0;
      }

      .table-wrapper {
        max-height: min(var(--table-max-height), 56vh);
      }

      .card {
        padding: 0.72rem;
        border-radius: var(--radius-xs);
      }

      .card::before {
        border-radius: var(--radius-xs) var(--radius-xs) 0 0;
      }

      .card h3 {
        font-size: 0.96rem;
        margin-bottom: 0.62rem;
      }

      .client-order-products-wrap {
        min-height: min(56vh, 600px);
        max-height: min(76vh, 820px);
      }

      .client-order-products-table th,
      .client-order-products-table td {
        padding: 0.38rem 0.24rem;
        font-size: 0.76rem;
      }

      .client-order-products-table th:nth-child(1),
      .client-order-products-table td:nth-child(1) {
        width: 47%;
      }

      .client-order-products-table th:nth-child(2),
      .client-order-products-table td:nth-child(2) {
        width: 27%;
      }

      .client-order-products-table th:nth-child(3),
      .client-order-products-table td:nth-child(3) {
        width: 26%;
      }

      table {
        font-size: 0.8rem;
      }

      table th,
      table td {
        padding: 0.42rem 0.32rem;
      }

      .table-pager {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
      }

      .table-pager__controls {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
          'label label'
          'prev next'
          'page page';
        align-items: center;
        gap: 0.45rem;
      }

      .table-pager__controls > label {
        grid-area: label;
      }

      .table-pager__controls > [data-table-page-prev] {
        grid-area: prev;
      }

      .table-pager__controls > [data-table-page-next] {
        grid-area: next;
      }

      .table-pager__controls > .table-pager__page {
        grid-area: page;
        min-width: 0;
      }

      .table-pager__controls > [data-table-page-prev],
      .table-pager__controls > [data-table-page-next] {
        width: 100%;
        margin: 0;
      }

      .table-pager__controls .btn {
        flex: 1 1 auto;
      }

      .table-wrapper.is-mobile-cards {
        max-height: min(var(--table-max-height), 56vh);
        overflow-x: auto;
        overflow-y: auto;
      }

      .table-wrapper.is-mobile-cards > table,
      .table-wrapper.is-mobile-cards > table thead,
      .table-wrapper.is-mobile-cards > table tbody,
      .table-wrapper.is-mobile-cards > table tr,
      .table-wrapper.is-mobile-cards > table th,
      .table-wrapper.is-mobile-cards > table td {
        display: block;
        width: 100%;
      }

      .table-wrapper.is-mobile-cards > table thead {
        display: none;
      }

      .table-wrapper.is-mobile-cards > table tbody {
        display: grid;
        gap: 0.52rem;
        padding: 0.42rem;
      }

      .table-wrapper.is-mobile-cards > table tbody tr {
        border: 1px solid rgba(142, 194, 255, 0.24);
        border-radius: var(--radius-md);
        background: linear-gradient(168deg, rgba(18, 40, 77, 0.52), rgba(9, 21, 43, 0.54));
        padding: 0.5rem 0.58rem;
        box-shadow: 0 4px 12px rgba(4, 11, 24, 0.24);
      }

      .table-wrapper.is-mobile-cards > table tbody tr:nth-child(even),
      .table-wrapper.is-mobile-cards > table tbody tr:hover {
        background: linear-gradient(168deg, rgba(22, 48, 89, 0.58), rgba(10, 24, 49, 0.58));
      }

      .table-wrapper.is-mobile-cards > table tbody td {
        border-bottom: 0;
        padding: 0.2rem 0;
        display: grid;
        grid-template-columns: minmax(90px, 44%) minmax(0, 1fr);
        gap: 0.4rem;
        align-items: start;
      }

      .table-wrapper.is-mobile-cards > table[data-table-column-key="production-pending-orders"] tbody td {
        display: block;
        width: 100%;
        padding: 0.24rem 0;
      }

      .table-wrapper.is-mobile-cards > table[data-table-column-key="production-pending-orders"] tbody td::before {
        display: block;
        margin-bottom: 0.22rem;
      }

      .table-wrapper.is-mobile-cards > table[data-table-column-key="production-pending-orders"] tbody td.has-actions {
        display: block;
      }

      .table-wrapper.is-mobile-cards > table tbody td::before {
        content: attr(data-mobile-col-label);
        color: var(--blue-200);
        font-size: 0.69rem;
        font-weight: 700;
        line-height: 1.2;
      }

      .table-wrapper.is-mobile-cards > table tbody td[data-mobile-col-label='']::before {
        content: '';
        display: none;
      }

      .table-wrapper.is-mobile-cards > table.client-order-products-table tbody {
        gap: 0.45rem;
      }

      .table-wrapper.is-mobile-cards > table.client-order-products-table tbody tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(72px, 92px) auto;
        grid-template-areas: 'name qty price';
        grid-template-rows: auto;
        gap: 0.42rem;
        align-items: center;
        padding: 0.55rem 0.62rem;
      }

      .table-wrapper.is-mobile-cards > table.client-order-products-table tbody td {
        display: block;
        width: auto;
        min-width: 0;
        padding: 0;
      }

      .table-wrapper.is-mobile-cards > table.client-order-products-table tbody td:nth-child(1) {
        grid-area: name;
        align-self: center;
        color: var(--text-main);
        font-size: 0.86rem;
        font-weight: 700;
        line-height: 1.24;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .table-wrapper.is-mobile-cards > table.client-order-products-table tbody td:nth-child(2) {
        grid-area: price;
        align-self: center;
        justify-self: end;
        color: var(--text-soft);
        font-size: 0.84rem;
        line-height: 1.24;
        text-align: right;
        white-space: nowrap;
      }

      .table-wrapper.is-mobile-cards > table.client-order-products-table tbody td:nth-child(1)::before,
      .table-wrapper.is-mobile-cards > table.client-order-products-table tbody td:nth-child(2)::before {
        content: '';
        display: none;
      }

      .table-wrapper.is-mobile-cards > table.client-order-products-table tbody td:nth-child(3) {
        grid-area: qty;
        align-self: center;
        display: block;
        padding-top: 0;
      }

      .table-wrapper.is-mobile-cards > table.client-order-products-table tbody td.client-order-unit-price-cell {
        align-self: center;
        padding: 0.2rem 0.48rem;
        border: 1px solid rgba(148, 163, 184, 0.22);
        border-radius: var(--radius-pill);
        background: rgba(15, 23, 42, 0.34);
      }

      .table-wrapper.is-mobile-cards > table.client-order-products-table tbody td.client-order-qty-cell {
        grid-area: qty;
        align-self: center;
        display: flex;
        align-items: center;
        justify-self: stretch;
        width: 100%;
        padding: 0;
        margin-top: 0;
        border-left: 0;
        border-top: 0;
      }

      .table-wrapper.is-mobile-cards > table.client-order-products-table tbody td.client-order-qty-cell::before {
        content: '';
        display: none;
      }

      .table-wrapper.is-mobile-cards > table.client-order-products-table tbody td.client-order-qty-cell .input {
        min-height: 38px;
        margin: 0;
        width: 100%;
        max-width: 92px;
      }

      .table-wrapper.is-mobile-cards > table.client-order-products-table tbody td.client-order-qty-cell .input-with-unit {
        margin: 0;
        width: 100%;
        max-width: 92px;
      }

      .table-wrapper.is-mobile-cards > table tbody td.has-actions {
        grid-template-columns: 1fr;
        gap: 0.35rem;
      }

      .table-wrapper.is-mobile-cards > table tbody td.has-actions .btn {
        width: 100%;
        min-height: 34px;
      }

      .table-wrapper.is-mobile-cards > table.maintenance-history-table tbody td.maintenance-history-actions {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.28rem;
      }

      .table-wrapper.is-mobile-cards > table.maintenance-history-table tbody td.maintenance-history-actions::before {
        content: '';
        display: none;
      }

      .table-wrapper.is-mobile-cards > table.maintenance-history-table tbody td.maintenance-history-actions .btn {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        min-height: 32px;
        padding: 0.22rem 0.28rem;
        font-size: 0.7rem;
      }

      .table-wrapper.is-mobile-cards > table tbody td.has-checkbox {
        grid-template-columns: auto minmax(0, 1fr);
      }

      .table-wrapper.is-mobile-cards > table tbody td.has-checkbox::before {
        grid-column: 2;
      }

      .table-wrapper.is-mobile-cards > table tbody td.has-checkbox input[type='checkbox'] {
        margin-top: 0.16rem;
      }

      .finance-grid table {
        min-width: 0;
        table-layout: auto;
      }

      .cadastro-grid {
        grid-template-columns: 1fr;
      }

      .cadastro-grid [data-cadastro-card="produto"] {
        grid-row: span 1;
      }

      .cadastro-grid .card h3 {
        top: 0;
        margin: 0 0 0.8rem;
        padding: 0 0 0.6rem;
      }

      .cadastro-grid table.table-actions-col td:last-child .btn {
        flex: 1 1 100%;
      }

      .mobile-bottom-nav {
        padding: 0.4rem 0.4rem calc(0.52rem + env(safe-area-inset-bottom));
      }

      .mobile-bottom-nav__track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .mobile-tab {
        min-height: 36px;
        padding: 0.28rem 0.36rem;
        font-size: 0.73rem;
      }

      .finance-kpi-grid {
        grid-template-columns: 1fr;
      }

      .overview-kpi-grid {
        grid-template-columns: 1fr;
      }
    }

    html,
    body,
    .app,
    .app-main,
    .panel,
    .card {
      max-width: 100%;
      overflow-x: hidden;
    }

    .panel,
    .card,
    .table-wrapper,
    .sale-release-table-wrapper {
      min-width: 0;
    }

    .table-wrapper,
    .sale-release-table-wrapper {
      max-width: 100%;
      overflow-x: auto !important;
    }

    .table-wrapper > table,
    .table-wrapper > .overview-scale-content > table,
    .sale-release-table,
    .sale-incoming-orders-table,
    .sales-order-detail-table {
      width: 100%;
      max-width: 100%;
      min-width: 0 !important;
      table-layout: fixed;
    }

    .table-wrapper col:not(.sale-release-table-col-date):not(.sale-release-table-col-client):not(.sale-release-table-col-value):not(.sale-release-table-col-boxes):not(.sale-release-table-col-vehicle):not(.sale-release-table-col-driver):not(.sale-release-table-col-actions) {
      width: auto !important;
      min-width: 0 !important;
    }

    .table-wrapper col.sale-release-table-col-date {
      width: 9% !important;
    }

    .table-wrapper col.sale-release-table-col-client {
      width: 15% !important;
    }

    .table-wrapper col.sale-release-table-col-value {
      width: 9% !important;
    }

    .table-wrapper col.sale-release-table-col-boxes {
      width: 11% !important;
    }

    .table-wrapper col.sale-release-table-col-vehicle {
      width: 16% !important;
    }

    .table-wrapper col.sale-release-table-col-driver {
      width: 9% !important;
    }

    .table-wrapper col.sale-release-table-col-actions {
      width: 40% !important;
    }

    .table-wrapper th,
    .table-wrapper td,
    .sales-order-detail-table th,
    .sales-order-detail-table td {
      min-width: 0;
      max-width: 100%;
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: break-word;
    }

    .table-wrapper input,
    .table-wrapper select,
    .table-wrapper textarea,
    .table-wrapper .btn,
    .sales-order-detail-table input,
    .sales-order-detail-table select,
    .sales-order-detail-table textarea,
    .sales-order-detail-table .btn {
      max-width: 100%;
      min-width: 0;
    }

    /* Final ERP futuristic blue/white/red visual system */
    :root {
      --modern-bg-0: var(--erp-bg-deep);
      --modern-bg-1: var(--erp-bg);
      --modern-bg-2: var(--erp-bg-quiet);
      --modern-ink: var(--erp-text);
      --modern-muted: var(--erp-text-muted);
      --modern-line: var(--erp-border);
      --modern-line-strong: var(--erp-border-strong);
      --modern-surface: rgba(8, 52, 112, 0.72);
      --modern-surface-strong: rgba(10, 65, 139, 0.88);
      --modern-primary: var(--erp-blue-neon);
      --modern-primary-soft: rgba(126, 195, 255, 0.2);
      --modern-coral: var(--erp-red);
      --modern-amber: var(--erp-white);
      --modern-violet: var(--erp-blue-light);
      --future-blue: var(--erp-blue);
      --future-blue-soft: rgba(47, 127, 240, 0.24);
      --future-cyan: var(--erp-blue-light);
      --future-white: var(--erp-white);
      --future-red: var(--erp-red);
      --future-red-soft: var(--erp-red-soft);
      --erp-glow-blue: rgba(126, 195, 255, 0.45);
      --erp-glow-blue-strong: rgba(126, 195, 255, 0.7);
      --erp-glow-red: rgba(255, 59, 99, 0.45);
      --erp-glow-white: rgba(248, 252, 255, 0.55);
      --erp-glow-shadow: 0 0 0 1px rgba(248, 252, 255, 0.2), 0 0 28px rgba(126, 195, 255, 0.4), 0 20px 52px rgba(0, 16, 48, 0.6);
      --erp-glow-shadow-strong: 0 0 0 1px rgba(248, 252, 255, 0.28), 0 0 36px rgba(126, 195, 255, 0.6), 0 28px 70px rgba(0, 16, 48, 0.72);
      --erp-glow-inset: inset 0 1px 0 rgba(248, 252, 255, 0.28), inset 0 -16px 28px rgba(10, 54, 121, 0.4);
      --erp-shadow: 0 22px 54px rgba(0, 16, 48, 0.48), 0 0 42px rgba(126, 195, 255, 0.22), 0 0 70px rgba(255, 59, 99, 0.16);
      --erp-shadow-soft: 0 16px 36px rgba(0, 16, 48, 0.36), 0 0 26px rgba(126, 195, 255, 0.16);
      --erp-focus: 0 0 0 4px rgba(126, 195, 255, 0.4), 0 0 22px rgba(126, 195, 255, 0.42), 0 0 0 1px rgba(248, 252, 255, 0.38) inset;
      color: var(--erp-text);
      background-color: var(--erp-bg-deep);
    }

    html,
    body,
    .app {
      max-width: 100%;
      overflow-x: hidden;
    }

    html {
      background: var(--erp-bg-deep) !important;
    }

    body {
      background:
        linear-gradient(90deg, rgba(248, 252, 255, 0.12) 1px, transparent 1px),
        linear-gradient(180deg, rgba(248, 252, 255, 0.1) 1px, transparent 1px),
        linear-gradient(135deg, #073675 0%, #0c4b9c 36%, #0b3572 64%, #031936 100%) !important;
      background-size: 72px 72px, 72px 72px, 100% 100% !important;
      background-position: 0 0, 0 0, 50% 50%;
      animation: gridDrift 36s linear infinite;
      color: rgba(248, 252, 255, 0.96) !important;
    }

    body::before {
      background:
        linear-gradient(116deg, transparent 0 42%, rgba(158, 215, 255, 0.18) 43%, transparent 46% 100%),
        linear-gradient(64deg, transparent 0 70%, rgba(255, 59, 99, 0.14) 71%, transparent 73% 100%),
        linear-gradient(180deg, rgba(248, 252, 255, 0.09), rgba(3, 25, 54, 0.22)) !important;
      background-size: 100% 100% !important;
      opacity: 0.88 !important;
      mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.22)) !important;
      animation: scanSweep 14s ease-in-out infinite;
    }

    body::after {
      content: '';
      position: fixed;
      inset: -12%;
      z-index: 0;
      pointer-events: none;
      background:
        radial-gradient(circle at 12% 18%, rgba(126, 195, 255, 0.45), transparent 42%),
        radial-gradient(circle at 82% 12%, rgba(255, 59, 99, 0.36), transparent 40%),
        radial-gradient(circle at 70% 78%, rgba(248, 252, 255, 0.3), transparent 52%),
        radial-gradient(circle at 40% 92%, rgba(47, 127, 240, 0.22), transparent 55%);
      mix-blend-mode: screen;
      opacity: 0.7;
      filter: blur(16px);
      animation: auroraDrift 28s ease-in-out infinite;
      will-change: transform, opacity;
    }

    .app::before {
      background:
        linear-gradient(90deg, transparent, rgba(126, 195, 255, 0.12) 46%, transparent 48%),
        linear-gradient(180deg, rgba(255, 59, 99, 0.08), transparent 28%) !important;
    }

    .app {
      position: relative;
      z-index: 1;
    }

    .app-main {
      gap: clamp(0.85rem, 1.4vw, 1.25rem);
    }

    @keyframes gridDrift {
      0% { background-position: 0 0, 0 0, 50% 50%; }
      50% { background-position: 36px 18px, -18px 36px, 50% 50%; }
      100% { background-position: 72px 36px, -36px 72px, 50% 50%; }
    }

    @keyframes scanSweep {
      0% { opacity: 0.58; }
      50% { opacity: 0.82; }
      100% { opacity: 0.58; }
    }

    @keyframes auroraDrift {
      0% { transform: translate3d(-1%, -1%, 0) scale(1); }
      50% { transform: translate3d(1.5%, 1%, 0) scale(1.03); }
      100% { transform: translate3d(-1%, -1%, 0) scale(1); }
    }

    @keyframes neonSheen {
      0% { background-position: 0% 50%; }
      100% { background-position: 200% 50%; }
    }

    .app-header {
      position: relative !important;
      top: auto !important;
      background: transparent !important;
      border-color: transparent !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }

    .app-header::before,
    .app-header::after {
      content: none !important;
      display: none !important;
    }

    .app.is-overview .app-header,
    .app.is-overview [data-mobile-modules-nav] {
      display: none !important;
    }

    .app-header > .brand,
    .app-header .erp-header-brand-area,
    .app-header .erp-header-logo-slot,
    .app-header .erp-header-logo {
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }

    .app-header .erp-header-modules {
      position: relative;
      justify-self: center;
      width: min(100%, 1280px);
      padding: 0.34rem;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }

    .app-header .erp-header-modules::after {
      content: none;
      display: none;
    }

    .app-header .erp-header-modules > * {
      position: relative;
      z-index: 1;
    }

    .app-header .erp-header-user-area .session-access {
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .app-header .erp-header-user-area .session-access .input {
      border-color: transparent !important;
      box-shadow: none !important;
    }

    .app-header .erp-header-user-area .session-access .input:hover,
    .app-header .erp-header-user-area .session-access .input:focus {
      border-color: transparent !important;
      box-shadow: none !important;
    }

    .tab,
    .mobile-tab {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      letter-spacing: 0 !important;
      border: 1px solid rgba(248, 252, 255, 0.4) !important;
      background:
        linear-gradient(180deg, rgba(248, 252, 255, 0.18), rgba(248, 252, 255, 0.04)),
        linear-gradient(145deg, rgba(22, 98, 186, 0.72), rgba(7, 38, 88, 0.92)) !important;
      color: rgba(248, 252, 255, 0.9) !important;
      font-weight: 800 !important;
      text-shadow: 0 0 12px rgba(126, 195, 255, 0.35) !important;
      box-shadow:
        inset 0 1px 0 rgba(248, 252, 255, 0.26),
        inset 0 -10px 20px rgba(9, 52, 115, 0.45),
        0 6px 18px rgba(0, 16, 48, 0.32),
        0 0 18px rgba(126, 195, 255, 0.28) !important;
    }

    .tab::before,
    .mobile-tab::before {
      content: '';
      position: absolute;
      inset: -6px;
      border-radius: inherit;
      background:
        radial-gradient(circle at 30% 20%, rgba(126, 195, 255, 0.6), transparent 50%),
        radial-gradient(circle at 70% 80%, rgba(255, 59, 99, 0.45), transparent 55%);
      opacity: 0;
      filter: blur(10px);
      transition: opacity 0.2s ease, transform 0.2s ease;
      z-index: -1;
    }

    .tab::after,
    .mobile-tab::after {
      background: linear-gradient(90deg, var(--erp-blue-light), var(--erp-white), var(--erp-red)) !important;
      box-shadow: 0 0 16px rgba(126, 195, 255, 0.5);
    }

    .tab:hover,
    .mobile-tab:hover,
    .tab:focus-visible,
    .mobile-tab:focus-visible {
      border-color: rgba(248, 252, 255, 0.62) !important;
      background:
        linear-gradient(180deg, rgba(248, 252, 255, 0.18), rgba(126, 195, 255, 0.09)),
        linear-gradient(145deg, rgba(24, 91, 177, 0.78), rgba(6, 38, 88, 0.92)) !important;
      color: var(--erp-white) !important;
      transform: translateY(-2px) scale(1.02);
      box-shadow: 0 14px 32px rgba(47, 127, 240, 0.32), 0 0 22px rgba(126, 195, 255, 0.45), inset 0 1px 0 rgba(248, 252, 255, 0.26) !important;
    }

    .tab.is-active,
    .mobile-tab.is-active {
      border-color: rgba(248, 252, 255, 0.72) !important;
      background:
        linear-gradient(135deg, rgba(248, 252, 255, 0.24), rgba(126, 195, 255, 0.2) 48%, rgba(255, 59, 99, 0.13)),
        linear-gradient(145deg, rgba(47, 127, 240, 0.82), rgba(8, 48, 110, 0.95)) !important;
      color: var(--erp-white) !important;
      text-shadow: 0 0 14px rgba(126, 195, 255, 0.6) !important;
      box-shadow: 0 16px 34px rgba(47, 127, 240, 0.42), 0 0 26px rgba(126, 195, 255, 0.5), 0 0 0 1px rgba(248, 252, 255, 0.2), inset 0 1px 0 rgba(248, 252, 255, 0.3) !important;
    }

    .tab:hover::before,
    .mobile-tab:hover::before,
    .tab.is-active::before,
    .mobile-tab.is-active::before {
      opacity: 1;
      transform: scale(1.02);
    }

    .panel {
      position: relative;
      isolation: isolate;
      border-radius: var(--erp-radius) !important;
      border: 1px solid rgba(222, 243, 255, 0.45) !important;
      border-top-color: rgba(248, 252, 255, 0.78) !important;
      background: var(--erp-panel) !important;
      box-shadow: var(--erp-glow-shadow-strong), inset 0 1px 0 rgba(248, 252, 255, 0.2) !important;
      backdrop-filter: blur(14px) saturate(1.12);
      -webkit-backdrop-filter: blur(14px) saturate(1.12);
    }

    .panel::before {
      content: '';
      position: absolute;
      left: 1rem;
      right: 1rem;
      top: 0;
      height: 3px;
      border-radius: var(--radius-pill);
      pointer-events: none;
      background: linear-gradient(90deg, transparent, var(--erp-blue-light), var(--erp-white), var(--erp-red), transparent);
      background-size: 200% 100%;
      opacity: 0.9;
      animation: neonSheen 8s linear infinite;
      z-index: -1;
    }

    .panel-header {
      border-bottom-color: rgba(162, 215, 255, 0.16) !important;
    }

    .panel-header h2,
    .card h3,
    .product-edit-title,
    .modal-title {
      color: var(--erp-white) !important;
      letter-spacing: 0 !important;
      text-shadow: 0 0 18px rgba(126, 195, 255, 0.18);
    }

    .panel-header p,
    .form-note,
    .permission-note,
    .table-pager__info,
    .muted,
    .generic-edit-description {
      color: var(--erp-text-muted) !important;
    }

    .card,
    .alerts-card,
    .alert-item,
    .finance-entry-card,
    .history-report-card,
    .kpi-card,
    .overview-kpi,
    .production-form-main,
    .production-form-side,
    .production-detail-list,
    .op-estimate-panel,
    .formula-matrix,
    .access-window-panel,
    .access-copy-source,
    .access-copy-list,
    .access-copy-option,
    .product-extra-builder,
    .client-order-summary,
    .finance-summary li,
    .time-clock-camera-card,
    .time-clock-status-card,
    .time-clock-history-card,
    .time-clock-schedule-card,
    .location-map-card,
    .location-list-card,
    .location-selected,
    .location-self-status-item,
    .vehicle-tracking-summary-item,
    .employee-face-enrollment,
    .schedule-template-card,
    .employee-schedule-card,
    .schedule-week-grid .schedule-day-row,
    .overview-customize,
    .easy-multi__list,
    .sales-column-filter-menu,
    .table-export-menu {
      border-color: rgba(222, 243, 255, 0.4) !important;
      background: var(--erp-card) !important;
      box-shadow: var(--erp-glow-shadow), inset 0 1px 0 rgba(248, 252, 255, 0.18) !important;
    }

    .card {
      border-radius: var(--erp-radius) !important;
      transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    }

    .card::before,
    .finance-grid .finance-account-history-card::before,
    .finance-grid .finance-payable-card::before,
    .finance-grid .finance-receivable-card::before {
      height: 3px !important;
      border-radius: var(--erp-radius) var(--erp-radius) 0 0 !important;
      background: linear-gradient(90deg, var(--erp-blue-light), var(--erp-white) 45%, var(--erp-blue) 72%, var(--erp-red)) !important;
      background-size: 200% 100%;
      animation: neonSheen 6s linear infinite;
      opacity: 0.92 !important;
    }

    .card::after {
      background:
        radial-gradient(circle at 20% 0%, rgba(248, 252, 255, 0.28), transparent 42%),
        linear-gradient(135deg, rgba(248, 252, 255, 0.12), transparent 34%),
        linear-gradient(315deg, rgba(47, 127, 240, 0.18), transparent 42%) !important;
      opacity: 0.82 !important;
    }

    .card h3 {
      padding-bottom: 0.72rem;
      border-bottom: 1px solid rgba(162, 215, 255, 0.14);
    }

    .card h3::before {
      background: linear-gradient(135deg, var(--erp-blue-light), var(--erp-white) 58%, var(--erp-red)) !important;
      box-shadow: 0 0 0 4px rgba(126, 195, 255, 0.14), 0 0 16px rgba(126, 195, 255, 0.22) !important;
    }

    @media (hover: hover) and (pointer: fine) {
      .card:hover,
      .access-copy-option:hover {
        transform: translateY(-4px);
        border-color: rgba(248, 252, 255, 0.68) !important;
        background: var(--erp-card-hover) !important;
        box-shadow: var(--erp-glow-shadow-strong), inset 0 1px 0 rgba(248, 252, 255, 0.2) !important;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      body,
      body::before,
      body::after,
      .panel::before,
      .card::before {
        animation: none !important;
      }

      .card,
      .btn,
      button.btn,
      a.btn {
        transition: none !important;
      }
    }

    .btn,
    button.btn,
    a.btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.38rem;
      text-align: center;
      line-height: 1.12;
      letter-spacing: 0 !important;
      border: 1px solid rgba(205, 232, 246, 0.42) !important;
      border-top-color: rgba(244, 251, 255, 0.66) !important;
      border-radius: var(--erp-radius-sm) !important;
      background:
        linear-gradient(180deg, rgba(244, 251, 255, 0.16), rgba(244, 251, 255, 0.04)),
        linear-gradient(145deg, rgba(34, 86, 176, 0.98), rgba(13, 40, 94, 0.98)) !important;
      color: var(--erp-white) !important;
      font-weight: 800;
      transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
      box-shadow: 0 12px 26px rgba(2, 11, 20, 0.38), 0 0 16px rgba(95, 143, 255, 0.22), inset 0 1px 0 rgba(244, 251, 255, 0.2) !important;
    }

    .btn:hover,
    .btn:focus-visible {
      transform: translateY(-1px);
      border-color: rgba(244, 251, 255, 0.84) !important;
      box-shadow: 0 18px 36px rgba(2, 11, 20, 0.46), 0 0 24px rgba(95, 143, 255, 0.3), 0 0 0 4px rgba(95, 143, 255, 0.16), inset 0 1px 0 rgba(244, 251, 255, 0.28) !important;
      outline: none;
    }

    .btn:active {
      transform: translateY(0);
    }

    .btn.primary,
    .btn.btn-primary {
      border-color: rgba(227, 243, 252, 0.66) !important;
      background: linear-gradient(135deg, #f8fbff 0%, #b7ceff 28%, #5f8fff 72%, #2f6fde 100%) !important;
      color: var(--erp-bg-deep) !important;
      text-shadow: 0 1px 0 rgba(244, 251, 255, 0.42) !important;
      box-shadow: 0 18px 40px rgba(25, 64, 138, 0.46), 0 0 24px rgba(95, 143, 255, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
    }

    .btn.btn-ghost,
    .btn.secondary {
      background:
        linear-gradient(180deg, rgba(244, 251, 255, 0.08), rgba(244, 251, 255, 0.02)),
        rgba(10, 34, 82, 0.62) !important;
      color: var(--erp-text) !important;
      box-shadow: 0 0 14px rgba(95, 143, 255, 0.14);
    }

    .btn-danger,
    .btn.danger,
    .btn[data-delete],
    .btn[data-remove] {
      border-color: rgba(241, 110, 85, 0.56) !important;
      background:
        linear-gradient(180deg, rgba(241, 110, 85, 0.2), rgba(241, 110, 85, 0.08)),
        linear-gradient(145deg, rgba(120, 51, 38, 0.9), rgba(72, 30, 24, 0.94)) !important;
      color: var(--erp-white) !important;
    }

    .btn:disabled,
    .btn[disabled],
    .input:disabled,
    .input[disabled] {
      opacity: 0.58 !important;
      cursor: not-allowed !important;
      filter: saturate(0.82);
    }

    .input,
    select.input,
    textarea.input,
    input[type='date'].input,
    input[type='time'].input,
    input[type='month'].input,
    input[type='number'].input,
    input[type='password'].input,
    input[type='file'].input,
    .easy-multi-dropdown summary.input {
      min-height: 44px;
      border: 1px solid rgba(173, 214, 237, 0.4) !important;
      border-top-color: rgba(244, 251, 255, 0.58) !important;
      border-radius: var(--erp-radius-sm) !important;
      background: linear-gradient(180deg, rgba(12, 35, 84, 0.92), rgba(9, 27, 66, 0.96)) !important;
      color: var(--erp-text) !important;
      box-shadow: inset 0 1px 0 rgba(244, 251, 255, 0.14), 0 1px 0 rgba(244, 251, 255, 0.06) !important;
    }

    input[type='color'].input {
      padding: 0.22rem !important;
    }

    .input:hover,
    select.input:hover,
    textarea.input:hover,
    .easy-multi-dropdown summary.input:hover {
      border-color: rgba(244, 251, 255, 0.68) !important;
      background: linear-gradient(180deg, rgba(16, 45, 104, 0.94), rgba(10, 33, 84, 0.98)) !important;
    }

    .input:focus,
    select.input:focus,
    textarea.input:focus,
    .easy-multi-dropdown details[open] > summary.input {
      border-color: rgba(232, 245, 252, 0.9) !important;
      box-shadow: 0 0 0 4px rgba(95, 143, 255, 0.24), 0 0 16px rgba(95, 143, 255, 0.26), inset 0 1px 0 rgba(244, 251, 255, 0.2) !important;
      outline: none !important;
    }

    .input::placeholder,
    textarea.input::placeholder {
      color: rgba(190, 220, 236, 0.82) !important;
    }

    select.input option {
      background: #0d255b !important;
      color: var(--erp-white) !important;
    }

    label,
    .form-grid label,
    .form-grid .form-field,
    .generic-edit-fields label,
    .overview-customize-form label,
    .vehicle-mobile-gps-select {
      color: rgba(237, 247, 252, 0.92) !important;
      font-size: 0.94rem;
      line-height: 1.25;
    }

    @media (max-width: 560px) {
      .brand h1 {
        white-space: normal;
        text-overflow: clip;
        overflow-wrap: anywhere;
        word-break: break-word;
        line-height: 1.15;
      }
    }

    input[type='checkbox'],
    input[type='radio'] {
      accent-color: var(--erp-blue-neon) !important;
    }

    .input-with-unit,
    .purchase-quantity-wrap {
      min-width: 0;
    }

    .input-unit-suffix,
    .purchase-quantity-unit {
      color: var(--erp-blue-light) !important;
      background: rgba(8, 28, 68, 0.6);
      border-radius: var(--radius-pill);
      padding: 0.12rem 0.32rem;
    }

    .filter-row,
    .cadastro-filter-bar,
    .panel-actions,
    .table-actions,
    .bulk-actions,
    .time-clock-actions,
    .location-actions,
    .forecast-plan-actions,
    .employee-face-actions,
    .access-permissions-actions {
      gap: 0.62rem;
    }

    .table-wrapper,
    .sale-release-table-wrapper,
    .history-report-table-wrap,
    .forecast-table-wrap,
    .schedule-template-table-wrapper,
    .employee-schedule-table-wrapper {
      max-width: 100%;
      position: relative;
      isolation: isolate;
      contain: paint;
      max-height: var(--table-max-height);
      border: 1px solid rgba(170, 215, 237, 0.24) !important;
      border-top-color: rgba(244, 251, 255, 0.3) !important;
      border-radius: var(--erp-radius-sm) !important;
      clip-path: inset(0 round var(--erp-radius-sm));
      background: linear-gradient(180deg, rgba(181, 209, 255, 0.14), rgba(43, 82, 166, 0.4) 34%, rgba(12, 34, 84, 0.68) 100%) !important;
      background-clip: padding-box;
      box-shadow: inset 0 1px 0 rgba(244, 251, 255, 0.08), 0 12px 26px rgba(2, 11, 20, 0.26) !important;
      overflow-x: auto !important;
      overflow-y: auto;
    }

    .table-wrapper.is-mobile-cards {
      contain: none;
      clip-path: none;
      isolation: auto;
      max-height: var(--table-max-height);
      overflow-x: auto !important;
      overflow-y: auto !important;
      box-shadow: none !important;
    }

    table {
      color: var(--erp-text);
    }

    table thead,
    table thead th {
      color: var(--erp-white) !important;
      background: var(--erp-table-head) !important;
    }

    table thead th {
      letter-spacing: 0 !important;
      box-shadow: 0 1px 0 rgba(244, 251, 255, 0.14), 0 8px 18px rgba(2, 11, 20, 0.2) !important;
    }

    table th,
    table td {
      border-bottom-color: rgba(170, 215, 237, 0.14) !important;
      color: rgba(236, 248, 255, 0.93);
    }

    table tbody tr {
      background: transparent;
      transition: background 0.16s ease, box-shadow 0.16s ease;
    }

    table tbody tr:nth-child(even) {
      background: var(--erp-table-row-alt) !important;
    }

    table tbody tr:hover {
      background: rgba(95, 143, 255, 0.12) !important;
      box-shadow: inset 3px 0 0 var(--erp-blue-neon) !important;
    }

    table td .btn,
    table th .btn,
    table td button,
    table th button {
      min-height: 34px;
      padding: 0.34rem 0.58rem;
      border-radius: var(--erp-radius-sm) !important;
    }

    .table-sort-btn,
    .sales-column-filter-btn,
    .table-export-toggle {
      color: var(--erp-text) !important;
    }

    .table-sort-btn.is-active,
    th.table-generic-sortable.is-generic-sort-active::after {
      color: var(--erp-blue-neon) !important;
      text-shadow: 0 0 14px rgba(95, 143, 255, 0.42) !important;
    }

    .status-chip,
    .session-role-badge,
    .formula-matrix__badge,
    .production-group-fill-type {
      border-color: rgba(172, 216, 236, 0.3) !important;
      background: rgba(244, 251, 255, 0.08) !important;
      color: var(--erp-white) !important;
      box-shadow: inset 0 1px 0 rgba(244, 251, 255, 0.08);
    }

    .status-chip--pago,
    .status-chip--ok,
    .status-chip--concluida {
      background: rgba(95, 143, 255, 0.2) !important;
      border-color: rgba(143, 184, 255, 0.46) !important;
      color: #edf3ff !important;
    }

    .status-chip--pendente,
    .status-chip--planejada,
    .status-chip--warning,
    .status-chip--parcial {
      background: rgba(225, 73, 88, 0.2) !important;
      border-color: rgba(239, 134, 146, 0.44) !important;
      color: #fff1f3 !important;
    }

    .status-chip--producao {
      background: rgba(95, 143, 255, 0.16) !important;
      border-color: rgba(143, 184, 255, 0.4) !important;
      color: #edf4ff !important;
    }

    .status-chip--atrasado,
    .status-chip--cancelada,
    .vehicle-status-chip--permission,
    .vehicle-status-chip--gps-disabled {
      background: rgba(241, 110, 85, 0.2) !important;
      border-color: rgba(248, 162, 145, 0.44) !important;
      color: #fff0ed !important;
    }

    .alert-item--critical {
      border-color: rgba(241, 110, 85, 0.54) !important;
      background: linear-gradient(145deg, rgba(241, 110, 85, 0.16), rgba(10, 39, 56, 0.64)) !important;
      box-shadow: inset 3px 0 0 var(--erp-red), 0 8px 18px rgba(0, 16, 48, 0.22) !important;
    }

    .alert-item--warning,
    .alert-item--info {
      border-color: rgba(143, 184, 255, 0.44) !important;
      background: linear-gradient(145deg, rgba(95, 143, 255, 0.14), rgba(11, 36, 84, 0.66)) !important;
      box-shadow: inset 3px 0 0 var(--erp-blue-neon), 0 8px 18px rgba(0, 16, 48, 0.22) !important;
    }

    .finance-kpi-grid .card,
    .overview-kpi {
      background:
        linear-gradient(180deg, rgba(244, 251, 255, 0.1), rgba(244, 251, 255, 0.03)),
        linear-gradient(145deg, rgba(26, 70, 156, 0.72), rgba(11, 33, 82, 0.9)) !important;
    }

    .history-report-kpi {
      background:
        radial-gradient(circle at 88% -8%, var(--history-kpi-accent-soft, rgba(141, 206, 255, 0.24)), transparent 44%),
        linear-gradient(180deg, rgba(244, 251, 255, 0.12), rgba(244, 251, 255, 0.03)),
        linear-gradient(145deg, rgba(26, 70, 156, 0.82), rgba(11, 33, 82, 0.9)) !important;
    }

    .kpi-card h4,
    .overview-kpi span,
    .history-report-summary {
      color: rgba(206, 232, 246, 0.84) !important;
    }

    .kpi-value,
    .overview-kpi strong {
      color: var(--erp-white) !important;
      text-shadow: 0 0 18px rgba(95, 143, 255, 0.14);
    }

    .cadastro-grid .card[data-cadastro-collapsible].is-collapsed,
    .cadastro-document-config-grid > .card[data-cadastro-collapsible].is-collapsed {
      border-color: rgba(173, 214, 237, 0.42) !important;
      background:
        linear-gradient(180deg, rgba(244, 251, 255, 0.1), rgba(244, 251, 255, 0.025)),
        linear-gradient(145deg, rgba(19, 59, 131, 0.86), rgba(11, 34, 87, 0.94)) !important;
      box-shadow: 0 12px 28px rgba(2, 11, 20, 0.32), 0 0 0 1px rgba(143, 184, 255, 0.08), inset 0 1px 0 rgba(244, 251, 255, 0.12) !important;
    }

    .cadastro-grid .card[data-cadastro-collapsible].is-collapsed > h3,
    .cadastro-document-config-grid > .card[data-cadastro-collapsible].is-collapsed > h3 {
      color: var(--erp-white) !important;
      border-bottom-color: rgba(173, 214, 237, 0.2) !important;
      border-radius: var(--erp-radius) !important;
      background:
        linear-gradient(90deg, rgba(143, 184, 255, 0.16), transparent 44%, rgba(241, 110, 85, 0.12)),
        linear-gradient(180deg, rgba(27, 72, 158, 0.74), rgba(11, 34, 86, 0.84)) !important;
      cursor: pointer;
    }

    .cadastro-grid .card[data-cadastro-collapsible].is-cadastro-active,
    .cadastro-document-config-grid > .card[data-cadastro-collapsible].is-cadastro-active {
      border-color: rgba(241, 110, 85, 0.58) !important;
      box-shadow: 0 0 0 2px rgba(241, 110, 85, 0.14), var(--erp-shadow-soft), inset 0 1px 0 rgba(244, 251, 255, 0.12) !important;
    }

    .cadastro-card-toggle {
      width: 32px;
      height: 32px;
      border-color: rgba(173, 214, 237, 0.48) !important;
      border-radius: var(--erp-radius-sm) !important;
      background:
        linear-gradient(180deg, rgba(244, 251, 255, 0.16), rgba(143, 184, 255, 0.08)),
        rgba(24, 61, 130, 0.82) !important;
      color: var(--erp-white) !important;
      box-shadow: inset 0 1px 0 rgba(244, 251, 255, 0.14), 0 6px 14px rgba(2, 11, 20, 0.24);
    }

    .cadastro-card-toggle:hover,
    .cadastro-card-toggle:focus-visible {
      border-color: rgba(244, 251, 255, 0.7) !important;
      background:
        linear-gradient(180deg, rgba(244, 251, 255, 0.22), rgba(241, 110, 85, 0.1)),
        rgba(38, 83, 171, 0.86) !important;
      outline: none !important;
    }

    .app-toast {
      border: 1px solid rgba(173, 214, 237, 0.34) !important;
      border-left: 4px solid var(--erp-blue-light) !important;
      border-radius: var(--erp-radius-sm) !important;
      background:
        linear-gradient(180deg, rgba(244, 251, 255, 0.1), rgba(244, 251, 255, 0.03)),
        linear-gradient(145deg, rgba(13, 41, 95, 0.94), rgba(8, 25, 67, 0.96)) !important;
      color: var(--erp-text) !important;
      box-shadow: 0 18px 40px rgba(2, 11, 20, 0.44), inset 0 1px 0 rgba(244, 251, 255, 0.14) !important;
      backdrop-filter: blur(12px) saturate(1.1);
      -webkit-backdrop-filter: blur(12px) saturate(1.1);
    }

    .app-toast--info {
      border-left-color: var(--erp-blue-light) !important;
    }

    .app-toast--success {
      border-left-color: var(--erp-success) !important;
    }

    .app-toast--warning {
      border-left-color: var(--erp-warning) !important;
    }

    .app-toast--error {
      border-left-color: var(--erp-red) !important;
    }

    .app-toast__dot {
      background: var(--erp-blue-light) !important;
      box-shadow: 0 0 0 4px rgba(143, 184, 255, 0.14), 0 0 14px rgba(143, 184, 255, 0.3) !important;
    }

    .app-toast--success .app-toast__dot {
      background: var(--erp-success) !important;
      box-shadow: 0 0 0 4px rgba(95, 143, 255, 0.16), 0 0 14px rgba(95, 143, 255, 0.3) !important;
    }

    .app-toast--warning .app-toast__dot {
      background: var(--erp-warning) !important;
      box-shadow: 0 0 0 4px rgba(225, 73, 88, 0.14), 0 0 14px rgba(225, 73, 88, 0.28) !important;
    }

    .app-toast--error .app-toast__dot {
      background: var(--erp-red) !important;
      box-shadow: 0 0 0 4px rgba(241, 110, 85, 0.16), 0 0 14px rgba(241, 110, 85, 0.3) !important;
    }

    .app-toast__message {
      color: var(--erp-white) !important;
    }

    .app-toast__close {
      border-color: rgba(173, 214, 237, 0.28) !important;
      background: rgba(244, 251, 255, 0.06) !important;
      color: rgba(236, 248, 255, 0.86) !important;
    }

    dialog,
    .product-edit-dialog,
    dialog.product-edit-dialog,
    .access-copy-dialog,
    .sales-order-dialog,
    .client-order-preview-dialog {
      border: 1px solid var(--erp-border-strong) !important;
      border-top-color: rgba(248, 252, 255, 0.62) !important;
      border-radius: var(--erp-radius) !important;
      background: var(--erp-panel) !important;
      color: var(--erp-text) !important;
      box-shadow: 0 32px 78px rgba(0, 16, 48, 0.62), 0 0 34px rgba(47, 127, 240, 0.18) !important;
    }

    dialog::backdrop,
    .product-edit-dialog::backdrop {
      background: rgba(3, 25, 54, 0.68) !important;
      backdrop-filter: blur(10px) saturate(1.05) !important;
      -webkit-backdrop-filter: blur(10px) saturate(1.05) !important;
    }

    .product-edit-header {
      border-bottom-color: rgba(162, 215, 255, 0.18) !important;
      background:
        linear-gradient(90deg, rgba(126, 195, 255, 0.12), transparent 44%, rgba(255, 59, 99, 0.08)),
        linear-gradient(180deg, rgba(11, 58, 122, 0.92), rgba(6, 34, 78, 0.92)) !important;
    }

    .product-edit-body {
      background: transparent !important;
    }

    .mobile-bottom-nav {
      border-color: var(--erp-border-strong) !important;
      background:
        linear-gradient(180deg, rgba(248, 252, 255, 0.12), rgba(248, 252, 255, 0.035)),
        linear-gradient(145deg, rgba(10, 52, 112, 0.96), rgba(5, 27, 64, 0.98)) !important;
      box-shadow: 0 -18px 44px rgba(0, 16, 48, 0.46), inset 0 1px 0 rgba(248, 252, 255, 0.22) !important;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      padding: 0.5rem 0.5rem calc(0.58rem + env(safe-area-inset-bottom)) !important;
    }

    .mobile-bottom-nav__track {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 0.42rem !important;
      align-items: stretch;
    }

    .mobile-bottom-nav .mobile-tab {
      min-width: 0 !important;
      min-height: 44px !important;
      padding: 0.34rem 0.42rem !important;
      border-radius: 14px !important;
      font-size: clamp(0.74rem, 2.7vw, 0.86rem) !important;
      line-height: 1.1 !important;
      letter-spacing: 0.01em !important;
      white-space: normal !important;
      text-wrap: balance;
      word-break: keep-all;
      box-shadow:
        inset 0 1px 0 rgba(248, 252, 255, 0.28),
        inset 0 -8px 16px rgba(7, 41, 91, 0.42),
        0 7px 16px rgba(0, 14, 40, 0.3),
        0 0 14px rgba(126, 195, 255, 0.2) !important;
    }

    .mobile-bottom-nav .mobile-tab:hover,
    .mobile-bottom-nav .mobile-tab:focus-visible {
      transform: translateY(-1px) !important;
    }

    .mobile-bottom-nav .mobile-tab.is-active {
      box-shadow:
        0 12px 24px rgba(47, 127, 240, 0.38),
        0 0 22px rgba(126, 195, 255, 0.46),
        inset 0 1px 0 rgba(248, 252, 255, 0.35) !important;
    }

    @media (max-width: 640px) {
      .mobile-bottom-nav {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        padding: 0.42rem 0.42rem calc(0.56rem + env(safe-area-inset-bottom)) !important;
      }

      .mobile-bottom-nav .mobile-tab {
        min-height: 42px !important;
        padding: 0.32rem 0.32rem !important;
        font-size: clamp(0.7rem, 3.1vw, 0.8rem) !important;
      }
    }

    .location-map,
    .vehicle-tracking-map:not(.vehicle-real-map),
    .time-clock-camera-frame {
      border-color: rgba(162, 215, 255, 0.32) !important;
      background:
        linear-gradient(90deg, rgba(158, 215, 255, 0.1) 1px, transparent 1px),
        linear-gradient(0deg, rgba(158, 215, 255, 0.08) 1px, transparent 1px),
        linear-gradient(145deg, rgba(7, 39, 90, 0.96), rgba(10, 65, 139, 0.82)) !important;
      background-size: 52px 52px, 52px 52px, auto !important;
      box-shadow: inset 0 0 46px rgba(126, 195, 255, 0.1), 0 18px 44px rgba(0, 16, 48, 0.24) !important;
    }

    .vehicle-tracking-map.vehicle-real-map {
      position: relative;
      min-height: 420px;
      border: 1px solid rgba(162, 215, 255, 0.32) !important;
      border-radius: var(--erp-radius-sm) !important;
      overflow: hidden;
      background: rgba(7, 39, 90, 0.7) !important;
    }

    .vehicle-map-leaflet {
      width: 100%;
      height: clamp(360px, 62vh, 720px);
      position: relative;
      background:
        radial-gradient(circle at 18% 16%, rgba(120, 196, 255, 0.28), transparent 44%),
        radial-gradient(circle at 88% 86%, rgba(73, 142, 255, 0.24), transparent 40%),
        linear-gradient(160deg, rgba(6, 28, 64, 0.92), rgba(7, 51, 112, 0.86));
    }

    .panel[data-tab-panel="localizacao"] .vehicle-tracking-map.vehicle-real-map {
      height: clamp(420px, calc(100dvh - 230px), 1400px);
      min-height: clamp(420px, calc(100dvh - 230px), 1400px);
    }

    .panel[data-tab-panel="localizacao"] .vehicle-map-leaflet {
      height: 100%;
      min-height: 100%;
    }

    @media (max-width: 900px) {
      .panel[data-tab-panel="localizacao"] .vehicle-tracking-map.vehicle-real-map {
        height: clamp(320px, calc(100dvh - 250px - var(--mobile-bottom-nav-height, 6.2rem)), 1100px);
        min-height: clamp(320px, calc(100dvh - 250px - var(--mobile-bottom-nav-height, 6.2rem)), 1100px);
      }
    }

    .vehicle-map-leaflet .leaflet-container {
      background: linear-gradient(180deg, rgba(10, 40, 86, 0.96), rgba(7, 31, 70, 0.94));
    }

    .vehicle-map-leaflet .leaflet-container .leaflet-tile-pane,
    .vehicle-map-leaflet .leaflet-container .leaflet-tile,
    .vehicle-map-leaflet .leaflet-container .leaflet-layer {
      transition: filter 220ms ease;
    }

    .vehicle-map-leaflet .leaflet-container.vehicle-map-theme-blue .leaflet-tile-pane,
    .vehicle-map-leaflet.vehicle-map-theme-blue .leaflet-container .leaflet-tile-pane,
    .vehicle-map-leaflet .leaflet-container.vehicle-map-theme-blue .leaflet-tile,
    .vehicle-map-leaflet.vehicle-map-theme-blue .leaflet-container .leaflet-tile,
    .vehicle-map-leaflet .leaflet-container.vehicle-map-theme-blue .leaflet-layer,
    .vehicle-map-leaflet.vehicle-map-theme-blue .leaflet-container .leaflet-layer {
      filter: grayscale(0.88) sepia(0.9) hue-rotate(162deg) saturate(2.4) brightness(0.78) contrast(1.08);
    }

    .vehicle-map-leaflet .leaflet-container.vehicle-map-theme-blue.vehicle-map-theme-blue-strong .leaflet-tile-pane,
    .vehicle-map-leaflet.vehicle-map-theme-blue.vehicle-map-theme-blue-strong .leaflet-container .leaflet-tile-pane,
    .vehicle-map-leaflet .leaflet-container.vehicle-map-theme-blue.vehicle-map-theme-blue-strong .leaflet-tile,
    .vehicle-map-leaflet.vehicle-map-theme-blue.vehicle-map-theme-blue-strong .leaflet-container .leaflet-tile,
    .vehicle-map-leaflet .leaflet-container.vehicle-map-theme-blue.vehicle-map-theme-blue-strong .leaflet-layer,
    .vehicle-map-leaflet.vehicle-map-theme-blue.vehicle-map-theme-blue-strong .leaflet-container .leaflet-layer {
      filter: grayscale(1) sepia(1) hue-rotate(172deg) saturate(3.8) brightness(0.67) contrast(1.14);
    }

    .vehicle-map-leaflet .leaflet-container.vehicle-map-theme-blue::after,
    .vehicle-map-leaflet.vehicle-map-theme-blue .leaflet-container::after {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        radial-gradient(circle at 12% 18%, rgba(153, 214, 255, 0.16), transparent 44%),
        linear-gradient(180deg, rgba(31, 119, 224, 0.08), rgba(5, 25, 60, 0.08));
      mix-blend-mode: multiply;
      opacity: 0.75;
      z-index: 260;
    }

    .vehicle-map-leaflet .leaflet-container.vehicle-map-theme-blue.vehicle-map-theme-blue-strong::after,
    .vehicle-map-leaflet.vehicle-map-theme-blue.vehicle-map-theme-blue-strong .leaflet-container::after {
      background:
        radial-gradient(circle at 12% 18%, rgba(153, 214, 255, 0.44), transparent 44%),
        linear-gradient(180deg, rgba(24, 112, 218, 0.34), rgba(5, 25, 60, 0.24));
      opacity: 0.96;
    }

    .vehicle-map-toolbar {
      position: absolute;
      top: 0.6rem;
      left: 0.6rem;
      right: 0.6rem;
      z-index: 420;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 0.5rem;
      pointer-events: none;
    }

    .vehicle-map-actions,
    .vehicle-map-layers {
      pointer-events: auto;
    }

    .vehicle-map-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.35rem;
      max-width: min(72%, 820px);
    }

    .vehicle-map-actions .btn {
      min-height: 30px;
      padding: 0.3rem 0.55rem;
      backdrop-filter: blur(5px);
      background: rgba(6, 27, 63, 0.66);
      border-color: rgba(169, 216, 255, 0.42);
    }

    .vehicle-map-layers summary {
      list-style: none;
      cursor: pointer;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(169, 216, 255, 0.42);
      background: rgba(6, 27, 63, 0.66);
      color: var(--white-100);
      padding: 0.38rem 0.65rem;
      user-select: none;
    }

    .vehicle-map-layers summary::-webkit-details-marker {
      display: none;
    }

    .vehicle-map-layer-options {
      margin-top: 0.36rem;
      border-radius: var(--erp-radius-sm);
      border: 1px solid rgba(169, 216, 255, 0.3);
      background: rgba(4, 21, 51, 0.9);
      padding: 0.48rem 0.62rem;
      display: grid;
      gap: 0.3rem;
      min-width: 190px;
    }

    .vehicle-map-layer-options label {
      display: flex;
      align-items: center;
      gap: 0.45rem;
      font-size: 0.82rem;
      color: var(--blue-050);
    }

    .vehicle-map-quick-controls {
      display: flex;
      justify-content: flex-end;
      margin-top: 0.35rem;
    }

    .vehicle-map-quick-controls .btn {
      min-height: 30px;
      padding: 0.34rem 0.64rem;
      font-size: 0.82rem;
    }

    .vehicle-tracking-map.vehicle-real-map:fullscreen,
    .vehicle-tracking-map.vehicle-real-map:fullscreen .vehicle-map-leaflet {
      height: 100%;
    }

    .overview-matrix-wrapper {
      border-color: rgba(162, 215, 255, 0.3) !important;
      background:
        linear-gradient(
          90deg,
          rgba(5, 30, 71, 0.72) 0,
          rgba(5, 30, 71, 0.72) var(--overview-col-category-dynamic),
          var(--overview-status-zone-red) var(--overview-col-category-dynamic),
          var(--overview-status-zone-red) calc(var(--overview-col-category-dynamic) + var(--overview-col-red-dynamic)),
          var(--overview-status-zone-yellow) calc(var(--overview-col-category-dynamic) + var(--overview-col-red-dynamic)),
          var(--overview-status-zone-yellow) calc(var(--overview-col-category-dynamic) + var(--overview-col-red-dynamic) + var(--overview-col-yellow-dynamic)),
          var(--overview-status-zone-green) calc(var(--overview-col-category-dynamic) + var(--overview-col-red-dynamic) + var(--overview-col-yellow-dynamic)),
          var(--overview-status-zone-green) 100%
        ),
        rgba(5, 30, 71, 0.72) !important;
    }

    .overview-matrix-category-cell {
      color: var(--overview-category-text, var(--erp-bg-deep)) !important;
    }

    *::-webkit-scrollbar-track {
      background: rgba(5, 30, 71, 0.72) !important;
    }

    *::-webkit-scrollbar-thumb {
      background: linear-gradient(180deg, rgba(248, 252, 255, 0.76), rgba(126, 195, 255, 0.76), rgba(47, 127, 240, 0.78)) !important;
      border-color: rgba(5, 30, 71, 0.72) !important;
    }

    *::-webkit-scrollbar-thumb:hover {
      background: linear-gradient(180deg, rgba(248, 252, 255, 0.96), rgba(126, 195, 255, 0.92), rgba(255, 59, 99, 0.72)) !important;
    }

    @media (min-width: 1280px) {
      .app:not(.is-overview):not(.is-expedition-panel):not(.is-crm-portal):not(.is-quotation-portal):not(.is-client-order-portal) .app-header .erp-header-modules {
        grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, 56px) !important;
        grid-auto-rows: 56px !important;
      }

      .app:not(.is-overview):not(.is-expedition-panel):not(.is-crm-portal):not(.is-quotation-portal):not(.is-client-order-portal) .app-header .erp-header-modules .tab {
        min-height: 56px !important;
        height: 56px !important;
        font-size: clamp(0.9rem, 0.78vw, 1.05rem) !important;
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        text-wrap: balance;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
      }

      .app:not(.is-overview):not(.is-expedition-panel):not(.is-crm-portal):not(.is-quotation-portal):not(.is-client-order-portal) .app-header .erp-header-modules .tab[data-tab-target="previsao"] {
        font-size: clamp(0.86rem, 0.74vw, 0.98rem) !important;
        white-space: normal !important;
        text-wrap: balance;
      }
    }

    @media (max-width: 900px) {
      .app-main {
        padding-inline: 0.75rem;
      }

      .panel {
        padding: 1rem !important;
        border-radius: var(--radius-md) !important;
      }

      .card {
        padding: 0.9rem !important;
      }

      .panel-actions,
      .table-actions,
      .bulk-actions,
      .location-actions,
      .employee-face-actions {
        align-items: stretch;
      }

      .panel-actions .btn,
      .table-actions .btn,
      .bulk-actions .btn,
      .location-actions .btn,
      .employee-face-actions .btn {
        flex: 1 1 min(150px, 100%);
      }

      .public-link-copy,
      .public-link-copy--compact,
      .pwa-install-share {
        grid-template-columns: minmax(0, 1fr) !important;
      }
    }

    @media (max-width: 640px) {
      body {
        background-size: 52px 52px, 52px 52px, 100% 100% !important;
      }

      .app-main {
        padding-inline: 0.55rem;
        padding-bottom: 1rem;
      }

      .panel {
        padding: 0.82rem !important;
        border-radius: var(--radius-sm) !important;
      }

      .panel-header {
        gap: 0.72rem;
      }

      .panel-header h2 {
        font-size: 1.22rem;
      }

      .btn,
      .input,
      select.input,
      textarea.input {
        min-height: 42px;
      }

      .app-toast-container {
        left: max(0.62rem, env(safe-area-inset-left));
        right: max(0.62rem, env(safe-area-inset-right));
      }
    }

    .input,
    select.input,
    textarea.input,
    input.input,
    .easy-multi-dropdown summary.input {
      box-sizing: border-box;
      line-height: 1.2 !important;
    }

    input.input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']),
    select.input:not([multiple]),
    .easy-multi-dropdown summary.input {
      min-height: 44px;
      padding-top: 0.52rem !important;
      padding-bottom: 0.52rem !important;
    }

    textarea.input {
      min-height: 44px;
      padding-top: 0.62rem !important;
      padding-bottom: 0.62rem !important;
      line-height: 1.35 !important;
      text-align: left !important;
    }

    input.input:not([type='date']):not([type='time']):not([type='month']):not([type='number']):not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']):not([type='file']) {
      text-align: left !important;
    }

    input[type='date'].input,
    input[type='time'].input,
    input[type='month'].input {
      text-align: center !important;
      text-align-last: center;
    }

    .panel-actions select.input:not([multiple]) {
      text-align: center !important;
      text-align-last: center;
    }

    .session-access {
      align-items: center;
      justify-items: stretch;
    }

    .session-access .input,
    .app-header .erp-header-user-area .session-access .input,
    .app:not(.is-overview):not(.is-expedition-panel):not(.is-crm-portal):not(.is-quotation-portal):not(.is-client-order-portal) .app-header .erp-header-user-area .session-access .input {
      min-height: 32px !important;
      padding: 0.24rem 2.65rem !important;
      text-align: center !important;
      text-align-last: center;
      line-height: 1.12 !important;
      appearance: none;
      -webkit-appearance: none;
      background:
        linear-gradient(45deg, transparent 50%, rgba(221, 235, 255, 0.94) 50%),
        linear-gradient(135deg, rgba(221, 235, 255, 0.94) 50%, transparent 50%),
        var(--erp-field-bg) !important;
      background-position:
        calc(100% - 18px) calc(50% - 3px),
        calc(100% - 12px) calc(50% - 3px),
        0 0 !important;
      background-size: 6px 6px, 6px 6px, 100% 100% !important;
      background-repeat: no-repeat !important;
    }

    .table-actions,
    .bulk-actions,
    .time-clock-actions,
    .location-actions,
    .forecast-plan-actions,
    .employee-face-actions,
    .access-permissions-actions,
    .finance-payable-actions {
      align-items: center;
    }

    .easy-multi-dropdown summary.input {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .input-with-unit,
    .purchase-quantity-wrap {
      min-width: 0;
    }

    .input-with-unit > .input,
    .purchase-quantity-wrap .input {
      line-height: 1.2 !important;
      padding-top: 0.52rem !important;
      padding-bottom: 0.52rem !important;
    }

    .input-unit-suffix,
    .purchase-quantity-unit {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 1.45rem;
      line-height: 1 !important;
      text-align: center;
    }

    input[type='checkbox'],
    input[type='radio'] {
      flex: 0 0 auto;
      margin-block: 0;
      vertical-align: middle;
    }

    .status-chip,
    .session-role-badge,
    .formula-matrix__badge,
    .production-group-fill-type,
    .vehicle-status-chip,
    .expedition-item-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      min-height: 1.55rem;
      text-align: center;
      line-height: 1.05 !important;
      vertical-align: middle;
    }

    .finance-projected-card__header,
    .finance-projected-date-field {
      align-items: center;
    }

    .easy-multi__value,
    .easy-multi__caret {
      display: inline-flex;
      align-items: center;
      min-height: 1.35rem;
    }

    .easy-multi__value {
      justify-content: flex-start;
      text-align: left;
    }

    .easy-multi__caret {
      justify-content: center;
    }

    .cadastro-grid .card[data-cadastro-collapsible].is-collapsed > h3,
    .cadastro-document-config-grid > .card[data-cadastro-collapsible].is-collapsed > h3 {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between;
      min-height: 44px;
      line-height: 1.16 !important;
    }

    .cadastro-card-toggle {
      flex: 0 0 auto;
      padding: 0 !important;
      line-height: 1 !important;
    }

    table th,
    table td {
      vertical-align: middle !important;
      line-height: 1.25;
    }

    table thead th,
    .floating-table-header__cell {
      align-content: center;
    }

    table td:has(.status-chip),
    table td:has(.table-actions),
    table td:has(.finance-payable-actions),
    table td.has-actions {
      text-align: center;
    }

    .table-actions,
    .finance-payable-actions,
    .access-permissions-actions {
      align-items: center;
      justify-content: center;
    }

    .finance-payable-actions {
      justify-items: stretch;
    }

    /* Global hard-stop: never allow horizontal scrollbars in ERP tables. */
    :is(.table-wrapper, .sale-release-table-wrapper, [class*="table-wrap"], [class*="table-wrapper"]) {
      overflow-x: hidden !important;
      max-width: 100% !important;
    }

    :is(.table-wrapper, .sale-release-table-wrapper, [class*="table-wrap"], [class*="table-wrapper"]) > table {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      table-layout: fixed !important;
    }

    :is(.table-wrapper, .sale-release-table-wrapper, [class*="table-wrap"], [class*="table-wrapper"]) > table th,
    :is(.table-wrapper, .sale-release-table-wrapper, [class*="table-wrap"], [class*="table-wrapper"]) > table td {
      white-space: normal !important;
      overflow-wrap: anywhere !important;
      word-break: break-word !important;
      hyphens: auto !important;
    }

    :is(.table-wrapper, .sale-release-table-wrapper, [class*="table-wrap"], [class*="table-wrapper"]) > table td .btn,
    :is(.table-wrapper, .sale-release-table-wrapper, [class*="table-wrap"], [class*="table-wrapper"]) > table td button,
    :is(.table-wrapper, .sale-release-table-wrapper, [class*="table-wrap"], [class*="table-wrapper"]) > table th .btn,
    :is(.table-wrapper, .sale-release-table-wrapper, [class*="table-wrap"], [class*="table-wrapper"]) > table th button {
      max-width: 100% !important;
      min-width: 0 !important;
      white-space: normal !important;
      overflow-wrap: anywhere !important;
    }

    /* Keep partner and MRP tables inside viewport without horizontal scrolling. */
    .cadastro-grid [data-cadastro-card="parceiros"] .table-wrapper {
      overflow-x: hidden !important;
    }

    @media (max-width: 900px) {
      [data-tab-panel="compras"] .daily-mrp-table-wrap {
        overflow-x: auto !important;
        max-width: 100%;
        min-width: 0;
      }
    }

    .cadastro-grid [data-cadastro-card="parceiros"] .table-wrapper > table[data-table-column-key="cadastro-partners-table"],
    [data-tab-panel="compras"] .daily-mrp-table-wrap > table[data-table-column-key="daily-mrp"] {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      table-layout: fixed !important;
    }

    [data-tab-panel="compras"] .daily-mrp-table-wrap > table[data-table-column-key="daily-mrp"] th,
    [data-tab-panel="compras"] .daily-mrp-table-wrap > table[data-table-column-key="daily-mrp"] td,
    [data-tab-panel="compras"] .daily-mrp-table-wrap > table[data-table-column-key="daily-mrp"] td .btn,
    [data-tab-panel="compras"] .daily-mrp-table-wrap > table[data-table-column-key="daily-mrp"] td button,
    [data-tab-panel="compras"] .daily-mrp-table-wrap > table[data-table-column-key="daily-mrp"] th .btn,
    [data-tab-panel="compras"] .daily-mrp-table-wrap > table[data-table-column-key="daily-mrp"] th button {
      white-space: normal !important;
      overflow-wrap: anywhere !important;
      word-break: break-word !important;
      hyphens: auto !important;
    }

    :is(.table-wrapper, .sale-release-table-wrapper, .history-report-table-wrap, .forecast-table-wrap, .schedule-template-table-wrapper, .employee-schedule-table-wrapper, [class*="table-wrap"], [class*="table-wrapper"]) > table.table-actions-col th:last-child,
    :is(.table-wrapper, .sale-release-table-wrapper, .history-report-table-wrap, .forecast-table-wrap, .schedule-template-table-wrapper, .employee-schedule-table-wrapper, [class*="table-wrap"], [class*="table-wrapper"]) > table.table-actions-col td:last-child {
      min-width: 0 !important;
      width: auto !important;
      max-width: 100% !important;
    }

    :is(.table-wrapper, .sale-release-table-wrapper, .history-report-table-wrap, .forecast-table-wrap, .schedule-template-table-wrapper, .employee-schedule-table-wrapper, [class*="table-wrap"], [class*="table-wrapper"]) > table.table-actions-col td:last-child {
      flex-wrap: wrap !important;
      white-space: normal !important;
      overflow-wrap: anywhere !important;
    }

    :is(.table-wrapper, .sale-release-table-wrapper, .history-report-table-wrap, .forecast-table-wrap, .schedule-template-table-wrapper, .employee-schedule-table-wrapper, [class*="table-wrap"], [class*="table-wrapper"]) > table.table-actions-col td:last-child .btn {
      white-space: normal !important;
      min-width: 0 !important;
    }

    html,
    body {
      max-width: 100%;
      overflow-x: hidden !important;
    }

    :is(.table-wrapper, .sale-release-table-wrapper, .history-report-table-wrap, .forecast-table-wrap, .schedule-template-table-wrapper, .employee-schedule-table-wrapper, [class*="table-wrap"], [class*="table-wrapper"]) {
      overflow-x: hidden !important;
      overscroll-behavior-x: none;
    }

    .table-wrapper.is-mobile-cards,
    .schedule-template-table-wrapper.is-mobile-cards,
    .employee-schedule-table-wrapper.is-mobile-cards,
    .finance-grid .finance-payable-card > .table-wrapper.is-mobile-cards,
    .cadastro-grid .table-wrapper.is-mobile-cards,
    .cadastro-document-config-grid .table-wrapper.is-mobile-cards {
      overflow-x: hidden !important;
      overflow-y: auto !important;
    }

    [data-tab-panel="financeiro"] [data-finance-receivable-table-wrapper],
    [data-tab-panel="financeiro"] [data-finance-receivable-table-wrapper].is-mobile-cards {
      max-height: none !important;
      height: auto !important;
      overflow-y: hidden !important;
    }

    :is(.table-wrapper, .sale-release-table-wrapper, .history-report-table-wrap, .forecast-table-wrap, .schedule-template-table-wrapper, .employee-schedule-table-wrapper, [class*="table-wrap"], [class*="table-wrapper"])::-webkit-scrollbar:horizontal {
      height: 0 !important;
      display: none !important;
    }

    [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"],
    [data-tab-panel="estoque"] [data-stock-card="recebimento"] table[data-table-column-key="stock-receiving-table"] {
      width: 100% !important;
      min-width: 0 !important;
    }

    [data-tab-panel="estoque"] [data-stock-card="recebimento"] .stock-receiving-actions,
    .maintenance-history-actions {
      min-width: 0 !important;
      white-space: normal !important;
      overflow-x: hidden !important;
    }

    .maintenance-history-actions .btn {
      white-space: normal !important;
    }

    /* Visual palette refresh: blue and white base with red accents. */
    :root {
      --erp-bg: #08235a;
      --erp-bg-deep: #020a22;
      --erp-bg-quiet: #113879;
      --erp-panel: linear-gradient(164deg, rgba(206, 228, 255, 0.1) 0%, rgba(58, 120, 236, 0.66) 24%, rgba(16, 47, 124, 0.95) 56%, rgba(5, 15, 45, 0.99) 100%);
      --erp-panel-soft: linear-gradient(160deg, rgba(186, 219, 255, 0.2), rgba(38, 88, 191, 0.72) 44%, rgba(11, 33, 86, 0.94) 100%);
      --erp-card: linear-gradient(166deg, rgba(205, 228, 255, 0.08) 0%, rgba(64, 113, 221, 0.34) 24%, rgba(19, 53, 126, 0.92) 58%, rgba(7, 20, 58, 0.99) 100%);
      --erp-card-hover: linear-gradient(166deg, rgba(225, 239, 255, 0.14) 0%, rgba(101, 150, 245, 0.44) 24%, rgba(31, 75, 163, 0.95) 58%, rgba(10, 28, 74, 0.99) 100%);
      --erp-field-bg: linear-gradient(180deg, rgba(187, 219, 255, 0.14), rgba(29, 67, 143, 0.94) 44%, rgba(7, 22, 60, 0.99));
      --erp-table-head: linear-gradient(180deg, rgba(224, 239, 255, 0.18), rgba(68, 123, 230, 0.96) 32%, rgba(19, 56, 136, 1) 100%);
      --erp-table-row: rgba(74, 131, 242, 0.22);
      --erp-table-row-alt: rgba(45, 105, 220, 0.22);
      --erp-border: rgba(197, 226, 255, 0.38);
      --erp-border-strong: rgba(236, 246, 255, 0.74);
      --erp-text: #f6fbff;
      --erp-text-muted: #d9e9ff;
      --erp-blue: #347fff;
      --erp-blue-strong: #1b4eca;
      --erp-blue-light: #9fd5ff;
      --erp-blue-neon: #7ec2ff;
      --erp-red: #ff4f66;
      --erp-red-soft: rgba(255, 79, 102, 0.22);
      --erp-success: #7ec2ff;
      --erp-warning: #ff4f66;
      --accent-gradient: linear-gradient(132deg, #1949c6 0%, #3587ff 44%, #9fd5ff 78%, #f6fbff 100%);
      --accent-gradient-soft: linear-gradient(145deg, rgba(228, 240, 255, 0.26), rgba(126, 194, 255, 0.24), rgba(25, 69, 173, 0.4));
      --text-main: #f6fbff;
      --text-soft: #e6f1ff;
      --text-muted: #b9d2f8;
      --surface-deep: #04133a;
      --surface-base: #103982;
      --surface-elevated: #16469b;
      --surface-float: #2459b0;
      --panel-bg: linear-gradient(160deg, rgba(204, 229, 255, 0.22) 0%, rgba(56, 113, 226, 0.82) 30%, rgba(18, 51, 127, 0.95) 62%, rgba(7, 22, 61, 0.99) 100%);
      --card-bg: linear-gradient(170deg, rgba(214, 234, 255, 0.16) 0%, rgba(80, 129, 234, 0.46) 26%, rgba(23, 60, 140, 0.88) 58%, rgba(9, 25, 69, 0.97) 100%);
      --erp-shadow: 0 24px 52px rgba(1, 9, 28, 0.58), 0 0 0 1px rgba(246, 251, 255, 0.08), 0 0 28px rgba(126, 194, 255, 0.22), 0 0 44px rgba(255, 79, 102, 0.12);
      --erp-shadow-soft: 0 14px 30px rgba(1, 9, 28, 0.4), 0 0 0 1px rgba(246, 251, 255, 0.06), 0 0 20px rgba(126, 194, 255, 0.16);
      --table-row-height: 40px;
      --table-head-height: 44px;
    }

    body {
      background:
        radial-gradient(circle at 10% -18%, rgba(222, 239, 255, 0.25), transparent 34%),
        radial-gradient(circle at 88% -8%, rgba(116, 184, 255, 0.22), transparent 33%),
        radial-gradient(circle at 88% 108%, rgba(255, 79, 102, 0.14), transparent 34%),
        radial-gradient(circle at 12% 110%, rgba(74, 151, 255, 0.18), transparent 40%),
        linear-gradient(180deg, #113779 0%, #08235a 30%, #061840 62%, #020a22 100%) !important;
      background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100% !important;
      animation: gridDrift 42s linear infinite !important;
      color: var(--erp-text) !important;
    }

    body::before {
      opacity: 0.46 !important;
      animation-duration: 24s !important;
      background:
        linear-gradient(180deg, rgba(248, 252, 255, 0.1), rgba(53, 118, 235, 0.08) 40%, rgba(5, 20, 57, 0.34)) !important;
    }

    body::after {
      opacity: 0.4 !important;
      filter: blur(20px);
      animation-duration: 30s !important;
    }

    .app-main {
      width: min(100%, 1720px);
      margin-inline: auto;
      padding-inline: clamp(0.8rem, 1.3vw, 1.35rem);
      gap: clamp(0.9rem, 1.25vw, 1.3rem);
    }

    .app-header {
      background:
        linear-gradient(176deg, rgba(231, 244, 255, 0.14) 0%, rgba(45, 101, 205, 0.88) 30%, rgba(13, 38, 94, 0.98) 72%, rgba(5, 18, 50, 0.99) 100%),
        radial-gradient(circle at top right, rgba(232, 244, 255, 0.12), transparent 38%),
        radial-gradient(circle at 84% 92%, rgba(255, 79, 102, 0.1), transparent 42%) !important;
      border-color: rgba(196, 229, 255, 0.44) !important;
      box-shadow: 0 20px 44px rgba(3, 10, 28, 0.58), 0 0 30px rgba(126, 194, 255, 0.22), inset 0 1px 0 rgba(248, 251, 255, 0.22) !important;
    }

    .tab {
      border-color: rgba(181, 219, 255, 0.36) !important;
      background: linear-gradient(170deg, rgba(218, 236, 255, 0.14), rgba(26, 71, 164, 0.88) 36%, rgba(7, 24, 62, 0.96)) !important;
      color: rgba(233, 245, 255, 0.94) !important;
      box-shadow: 0 8px 20px rgba(4, 16, 40, 0.34), 0 0 16px rgba(126, 194, 255, 0.2), inset 0 1px 0 rgba(248, 252, 255, 0.22) !important;
      text-shadow: 0 1px 1px rgba(2, 12, 28, 0.72) !important;
    }

    .tab:hover,
    .tab.is-active {
      border-color: rgba(235, 246, 255, 0.74) !important;
      background: linear-gradient(145deg, rgba(223, 239, 255, 0.2), rgba(102, 163, 255, 0.32) 34%, rgba(38, 114, 235, 0.62) 68%, rgba(255, 79, 102, 0.16)) !important;
      color: var(--erp-white) !important;
      text-shadow: 0 1px 2px rgba(2, 14, 34, 0.62) !important;
      box-shadow: 0 14px 28px rgba(3, 15, 38, 0.48), 0 0 24px rgba(126, 194, 255, 0.34), inset 0 1px 0 rgba(245, 251, 255, 0.24) !important;
    }

    .panel {
      border-radius: 20px !important;
      border-color: rgba(219, 239, 255, 0.4) !important;
      background:
        radial-gradient(circle at 90% -8%, rgba(221, 237, 255, 0.1), transparent 36%),
        radial-gradient(circle at 10% 112%, rgba(59, 126, 255, 0.14), transparent 44%),
        radial-gradient(circle at 86% 94%, rgba(255, 79, 102, 0.1), transparent 40%),
        var(--erp-panel) !important;
      box-shadow: var(--erp-shadow) !important;
      backdrop-filter: blur(12px) saturate(1.14);
      -webkit-backdrop-filter: blur(12px) saturate(1.14);
    }

    .panel-header {
      margin-bottom: 0.95rem;
      padding-bottom: 0.82rem;
      border-bottom-color: rgba(164, 211, 235, 0.18) !important;
    }

    .panel-header h2 {
      font-size: clamp(1.24rem, 0.86rem + 1.1vw, 1.68rem);
      line-height: 1.15;
      letter-spacing: 0.01em !important;
    }

    .panel-header p {
      max-width: 76ch;
      line-height: 1.48;
    }

    [data-tab-panel="financeiro"] > .panel-header {
      gap: 0.72rem;
      margin-bottom: 0.62rem;
      padding-bottom: 0.5rem;
    }

    [data-tab-panel="financeiro"] > .panel-header .panel-actions {
      gap: 0.58rem;
    }

    .card {
      border-radius: 16px !important;
      border-color: rgba(182, 222, 255, 0.34) !important;
      background:
        radial-gradient(circle at 92% 4%, rgba(221, 237, 255, 0.08), transparent 34%),
        radial-gradient(circle at 8% 96%, rgba(52, 112, 230, 0.1), transparent 44%),
        var(--erp-card) !important;
      box-shadow: var(--erp-shadow-soft) !important;
      transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }

    @media (hover: hover) and (pointer: fine) {
      .card:hover {
        transform: translateY(-3px);
        background:
          radial-gradient(circle at 92% 4%, rgba(231, 244, 255, 0.18), transparent 38%),
          var(--erp-card-hover) !important;
        box-shadow: 0 18px 34px rgba(1, 9, 28, 0.44), 0 0 22px rgba(126, 194, 255, 0.24), inset 0 1px 0 rgba(248, 252, 255, 0.14) !important;
      }
    }

    .card h3 {
      font-size: clamp(1.05rem, 0.98rem + 0.2vw, 1.18rem);
      margin-bottom: 0.84rem;
      padding-bottom: 0.66rem;
    }

    .form-grid {
      gap: 0.84rem 0.9rem !important;
    }

    label,
    .form-grid label {
      font-weight: 600;
      letter-spacing: 0.01em;
      color: rgba(236, 246, 255, 0.98) !important;
      text-shadow: 0 1px 2px rgba(1, 10, 28, 0.84);
    }

    .btn,
    button.btn,
    a.btn {
      min-height: 42px;
      border-radius: 12px !important;
      font-weight: 700;
      letter-spacing: 0.01em;
      box-shadow: 0 10px 24px rgba(2, 11, 20, 0.4), 0 0 16px rgba(126, 194, 255, 0.28), 0 0 12px rgba(255, 79, 102, 0.12), inset 0 1px 0 rgba(244, 251, 255, 0.2) !important;
    }

    .btn:hover,
    .btn:focus-visible {
      transform: translateY(-1px);
      box-shadow: 0 16px 30px rgba(2, 11, 20, 0.44), 0 0 22px rgba(126, 194, 255, 0.38), 0 0 0 3px rgba(74, 151, 255, 0.2), inset 0 1px 0 rgba(244, 251, 255, 0.26) !important;
    }

    .input,
    select.input,
    textarea.input,
    input[type='date'].input,
    input[type='time'].input,
    input[type='month'].input,
    input[type='number'].input,
    input[type='password'].input,
    input[type='file'].input,
    .easy-multi-dropdown summary.input {
      min-height: 44px;
      border-radius: 12px !important;
      border-color: rgba(182, 221, 255, 0.44) !important;
      background: linear-gradient(180deg, rgba(190, 221, 255, 0.14), rgba(29, 64, 136, 0.95) 42%, rgba(7, 22, 58, 0.99)) !important;
      box-shadow: inset 0 1px 0 rgba(244, 251, 255, 0.16), 0 1px 0 rgba(244, 251, 255, 0.06), 0 0 12px rgba(126, 194, 255, 0.14) !important;
    }

    .input:focus,
    select.input:focus,
    textarea.input:focus,
    .easy-multi-dropdown details[open] > summary.input {
      box-shadow: 0 0 0 3px rgba(74, 151, 255, 0.24), 0 0 18px rgba(126, 194, 255, 0.34), inset 0 1px 0 rgba(244, 251, 255, 0.22) !important;
    }

    .input::placeholder,
    textarea.input::placeholder {
      color: rgba(221, 236, 255, 0.92) !important;
    }

    .table-wrapper,
    .sale-release-table-wrapper,
    .history-report-table-wrap,
    .forecast-table-wrap,
    .schedule-template-table-wrapper,
    .employee-schedule-table-wrapper {
      border-radius: 14px !important;
      border-color: rgba(184, 222, 255, 0.3) !important;
      box-shadow: inset 0 1px 0 rgba(244, 251, 255, 0.1), 0 12px 24px rgba(2, 11, 20, 0.28), 0 0 20px rgba(126, 194, 255, 0.12) !important;
    }

    table thead th {
      position: sticky;
      top: 0;
      z-index: 3;
      background: linear-gradient(180deg, rgba(230, 242, 255, 0.28), rgba(78, 136, 246, 0.96) 32%, rgba(22, 63, 152, 1)) !important;
      box-shadow: 0 1px 0 rgba(244, 251, 255, 0.18), 0 10px 18px rgba(2, 11, 20, 0.22), inset 0 -1px 0 rgba(255, 79, 102, 0.22) !important;
    }

    table th,
    table td {
      padding: 0.66rem 0.78rem !important;
      border-bottom-color: rgba(184, 222, 255, 0.16) !important;
    }

    table tbody tr:nth-child(even) {
      background: rgba(74, 151, 255, 0.14) !important;
    }

    table tbody tr:hover {
      background: rgba(74, 151, 255, 0.2) !important;
      box-shadow: inset 3px 0 0 rgba(74, 151, 255, 0.9), inset -2px 0 0 rgba(255, 79, 102, 0.46) !important;
    }

    .table-actions,
    .bulk-actions,
    .time-clock-actions,
    .location-actions,
    .forecast-plan-actions,
    .employee-face-actions,
    .access-permissions-actions,
    .finance-payable-actions {
      gap: 0.5rem !important;
    }

    .status-chip,
    .session-role-badge,
    .formula-matrix__badge,
    .production-group-fill-type,
    .vehicle-status-chip,
    .expedition-item-badge {
      font-weight: 600;
      letter-spacing: 0.01em;
    }

    @keyframes panelRiseIn {
      from {
        opacity: 0;
        transform: translateY(10px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes cardFadeIn {
      from {
        opacity: 0;
        transform: translateY(8px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .panel {
      animation: panelRiseIn 0.36s ease both;
    }

    .panel .card {
      animation: cardFadeIn 0.32s ease both;
    }

    @media (prefers-reduced-motion: reduce) {
      .panel,
      .panel .card {
        animation: none !important;
      }
    }

    @media (max-width: 900px) {
      .app-main {
        width: 100%;
        padding-inline: 0.72rem;
      }

      .panel {
        border-radius: 14px !important;
      }

      .card {
        border-radius: 12px !important;
      }

      table th,
      table td {
        padding: 0.56rem 0.56rem !important;
      }
    }

    @media (max-width: 640px) {
      .app {
        font-size: 0.92rem;
      }

      .app-main {
        padding-inline: 0.5rem;
        gap: 0.62rem;
      }

      .panel {
        padding: 0.72rem !important;
        border-radius: 12px !important;
      }

      .panel-header {
        margin-bottom: 0.68rem;
        padding-bottom: 0.56rem;
      }

      .panel-header h2 {
        font-size: clamp(1.06rem, 4.5vw, 1.2rem);
        line-height: 1.1;
      }

      [data-tab-panel="financeiro"] > .panel-header {
        gap: 0.58rem;
        margin-bottom: 0.54rem;
        padding-bottom: 0.44rem;
      }

      .panel-header p,
      .form-note,
      .permission-note,
      .table-pager__info,
      .muted,
      .generic-edit-description {
        font-size: 0.78rem !important;
        line-height: 1.3;
      }

      .card {
        padding: 0.72rem !important;
        border-radius: 10px !important;
      }

      .card h3 {
        font-size: 0.95rem;
        line-height: 1.2;
        margin-bottom: 0.62rem;
        padding-bottom: 0.5rem;
      }

      .form-grid {
        gap: 0.64rem 0.56rem !important;
      }

      label,
      .form-grid label,
      .generic-edit-fields label,
      .overview-customize-form label {
        font-size: 0.76rem;
        line-height: 1.18;
      }

      .btn,
      button.btn,
      a.btn {
        min-height: 38px;
        padding: 0.4rem 0.56rem;
        font-size: 0.82rem;
        line-height: 1.08;
      }

      .input,
      select.input,
      textarea.input,
      input[type='date'].input,
      input[type='time'].input,
      input[type='month'].input,
      input[type='number'].input,
      input[type='password'].input,
      input[type='file'].input,
      .easy-multi-dropdown summary.input {
        min-height: 40px;
        font-size: 0.86rem;
        line-height: 1.2 !important;
        padding-top: 0.4rem !important;
        padding-bottom: 0.4rem !important;
      }

      textarea.input {
        min-height: 74px;
        line-height: 1.26 !important;
      }

      table thead th {
        font-size: 0.74rem;
        line-height: 1.12;
      }

      table th,
      table td {
        font-size: 0.78rem;
        line-height: 1.2;
        padding: 0.42rem 0.42rem !important;
      }

      .status-chip,
      .session-role-badge,
      .formula-matrix__badge,
      .production-group-fill-type,
      .vehicle-status-chip,
      .expedition-item-badge {
        font-size: 0.72rem;
      }

      [data-tab-panel='compras'] table[data-table-column-key='daily-mrp'] .mrp-status {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 1.4rem;
        padding: 0.12rem 0.42rem;
        border-radius: var(--radius-pill);
        border: 1px solid rgba(169, 214, 237, 0.34);
        font-size: 0.8rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.01em;
        white-space: nowrap;
      }

      [data-tab-panel='compras'] table[data-table-column-key='daily-mrp'] .mrp-status--critical {
        background: rgba(241, 110, 85, 0.2);
        border-color: rgba(241, 110, 85, 0.46);
      }

      [data-tab-panel='compras'] table[data-table-column-key='daily-mrp'] .mrp-status--warning {
        background: rgba(225, 73, 88, 0.18);
        border-color: rgba(225, 73, 88, 0.42);
      }

      [data-tab-panel='compras'] table[data-table-column-key='daily-mrp'] .mrp-status--ok {
        background: rgba(95, 143, 255, 0.18);
        border-color: rgba(95, 143, 255, 0.4);
      }

      .table-actions,
      .bulk-actions,
      .time-clock-actions,
      .location-actions,
      .forecast-plan-actions,
      .employee-face-actions,
      .access-permissions-actions,
      .finance-payable-actions {
        gap: 0.35rem !important;
      }
    }

    body.is-auth-locked .auth-overlay {
      display: flex;
    }

    .app.is-auth-locked {
      pointer-events: none;
      user-select: none;
    }

    .app.is-auth-locked .app-main,
    .app.is-auth-locked .app-header .tabs,
    .app.is-auth-locked .app-header .erp-header-user-area,
    .app.is-auth-locked .app-header .session-access {
      visibility: hidden;
    }

    @keyframes authCardIn {
      from {
        opacity: 0;
        transform: translateY(12px) scale(0.98);
      }
      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }

    @keyframes authGlowDrift {
      0% {
        transform: translate3d(0, 0, 0) scale(1);
      }
      50% {
        transform: translate3d(2.5%, -1.5%, 0) scale(1.05);
      }
      100% {
        transform: translate3d(0, 0, 0) scale(1);
      }
    }

    .auth-overlay {
      position: fixed;
      inset: 0;
      z-index: 5200;
      display: none;
      align-items: center;
      justify-content: center;
      padding: max(20px, env(safe-area-inset-top))
        max(20px, env(safe-area-inset-right))
        max(20px, env(safe-area-inset-bottom))
        max(20px, env(safe-area-inset-left));
      background:
        radial-gradient(circle at 11% 12%, rgba(184, 208, 255, 0.28), transparent 38%),
        radial-gradient(circle at 82% 18%, rgba(61, 104, 192, 0.2), transparent 42%),
        radial-gradient(circle at 86% 86%, rgba(225, 73, 88, 0.16), transparent 46%),
        radial-gradient(circle at 22% 88%, rgba(95, 143, 255, 0.18), transparent 44%),
        linear-gradient(154deg, rgba(4, 12, 34, 0.98) 0%, rgba(8, 28, 70, 0.98) 48%, rgba(5, 14, 40, 0.99) 100%);
      backdrop-filter: blur(14px) saturate(1.08);
      overflow-x: hidden;
      overflow-y: auto;
      isolation: isolate;
      max-height: 100dvh;
      overscroll-behavior: contain;
    }

    .auth-overlay::before,
    .auth-overlay::after {
      content: '';
      position: absolute;
      border-radius: 50%;
      filter: blur(2px);
      opacity: 0.58;
      pointer-events: none;
      z-index: 0;
      animation: authGlowDrift 18s ease-in-out infinite;
    }

    .auth-overlay::before {
      width: 520px;
      height: 520px;
      top: -180px;
      left: -170px;
      background: radial-gradient(circle, rgba(166, 196, 255, 0.45), transparent 62%);
    }

    .auth-overlay::after {
      width: 420px;
      height: 420px;
      right: -130px;
      bottom: -140px;
      background: radial-gradient(circle, rgba(95, 143, 255, 0.26), transparent 62%);
      animation-delay: -7s;
    }

    .auth-card {
      width: min(94vw, 560px);
      background:
        radial-gradient(circle at 90% 8%, rgba(177, 204, 255, 0.2), transparent 40%),
        radial-gradient(circle at 8% 98%, rgba(11, 28, 70, 0.44), transparent 52%),
        linear-gradient(165deg, rgba(28, 64, 138, 0.84) 0%, rgba(14, 38, 94, 0.94) 46%, rgba(7, 20, 52, 0.98) 100%);
      border-radius: 20px;
      border: 1px solid rgba(181, 208, 255, 0.34);
      box-shadow:
        0 26px 56px rgba(2, 9, 28, 0.58),
        0 0 0 1px rgba(248, 252, 255, 0.05),
        inset 0 1px 0 rgba(248, 252, 255, 0.14);
      padding: clamp(20px, 2.6vw, 28px);
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 14px;
      position: relative;
      overflow: hidden;
      backdrop-filter: blur(14px) saturate(1.02);
      animation: authCardIn 0.3s ease-out;
      margin-block: clamp(6px, 1.4vh, 14px);
    }

    .auth-card::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        linear-gradient(122deg, rgba(248, 252, 255, 0.18), transparent 38%),
        linear-gradient(312deg, rgba(120, 165, 255, 0.1), transparent 52%);
      opacity: 0.3;
      pointer-events: none;
    }

    .auth-card::after {
      content: '';
      position: absolute;
      inset: 8px;
      border-radius: 14px;
      border: 1px solid rgba(175, 205, 255, 0.12);
      pointer-events: none;
      opacity: 0.72;
    }

    .auth-brand {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 12px;
      padding: 0.82rem 0.9rem;
      border-radius: 16px;
      background:
        radial-gradient(circle at 14% 8%, rgba(193, 215, 255, 0.22), transparent 44%),
        radial-gradient(circle at 86% 92%, rgba(8, 21, 52, 0.36), transparent 50%),
        linear-gradient(154deg, rgba(44, 87, 174, 0.58) 0%, rgba(18, 46, 104, 0.72) 50%, rgba(9, 24, 58, 0.7) 100%);
      border: 1px solid rgba(159, 190, 255, 0.3);
      box-shadow:
        inset 0 1px 0 rgba(248, 252, 255, 0.12),
        inset 0 -10px 20px rgba(3, 11, 26, 0.2),
        0 10px 22px rgba(4, 14, 34, 0.24);
    }

    .auth-brand img {
      width: clamp(78px, 10vw, 106px);
      height: auto;
      border-radius: 12px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(211, 234, 255, 0.9));
      padding: 0.22rem 0.26rem;
      filter: drop-shadow(0 10px 18px rgba(0, 12, 30, 0.34));
    }

    .auth-brand-text {
      display: grid;
      gap: 3px;
      flex: 1 1 220px;
      min-width: 0;
    }

    .auth-brand-kicker {
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(188, 211, 255, 0.82);
    }

    .auth-brand-title {
      font-size: clamp(1.02rem, 1.8vw, 1.18rem);
      font-weight: 800;
      letter-spacing: 0.02em;
    }

    .auth-brand-subtitle {
      color: rgba(199, 216, 245, 0.84);
      font-size: 0.84rem;
    }

    .auth-brand-highlights {
      grid-column: 1 / -1;
      display: flex;
      flex-wrap: wrap;
      gap: 0.35rem;
      margin-top: 0.15rem;
    }

    .auth-brand-highlights span {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0.2rem 0.52rem;
      border-radius: 999px;
      border: 1px solid rgba(167, 194, 255, 0.34);
      background: linear-gradient(180deg, rgba(72, 120, 216, 0.54), rgba(23, 56, 120, 0.68) 52%, rgba(10, 25, 59, 0.74));
      color: rgba(223, 237, 255, 0.94);
      font-size: 0.7rem;
      font-weight: 600;
      letter-spacing: 0.02em;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .auth-progress {
      display: flex;
      flex-wrap: wrap;
      gap: 0.48rem;
      margin-top: -0.1rem;
    }

    .auth-progress-step {
      position: relative;
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 0.26rem 0.7rem;
      border-radius: 999px;
      border: 1px solid rgba(146, 184, 246, 0.26);
      background: linear-gradient(180deg, rgba(70, 116, 206, 0.42), rgba(21, 50, 109, 0.62) 56%, rgba(8, 23, 54, 0.56));
      color: rgba(189, 213, 246, 0.9);
      font-size: 0.73rem;
      font-weight: 600;
      letter-spacing: 0.01em;
      transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    }

    .auth-progress-step.is-active {
      border-color: rgba(225, 73, 88, 0.54);
      background: linear-gradient(180deg, rgba(225, 73, 88, 0.2), rgba(36, 67, 135, 0.58));
      color: rgba(255, 242, 245, 0.98);
      box-shadow: 0 0 0 1px rgba(225, 73, 88, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.16);
    }

    .auth-brand-title,
    .auth-brand-subtitle {
      text-shadow: 0 0 16px rgba(126, 195, 255, 0.14);
    }

    .auth-step {
      display: grid;
      gap: 14px;
      padding: 0.96rem;
      border-radius: 16px;
      border: 1px solid rgba(156, 187, 246, 0.26);
      background:
        radial-gradient(circle at 8% 0%, rgba(174, 202, 255, 0.16), transparent 38%),
        radial-gradient(circle at 88% 100%, rgba(10, 23, 56, 0.34), transparent 56%),
        linear-gradient(178deg, rgba(34, 72, 148, 0.5) 0%, rgba(14, 38, 92, 0.74) 52%, rgba(7, 20, 48, 0.72) 100%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 10px 24px rgba(4, 12, 30, 0.24);
      opacity: 0;
      transform: translateY(6px);
      transition: opacity 0.22s ease, transform 0.22s ease;
    }

    .auth-step.is-active {
      opacity: 1;
      transform: translateY(0);
    }

    .auth-step h2 {
      margin: 0;
      font-size: clamp(1.22rem, 2.3vw, 1.46rem);
      line-height: 1.15;
      letter-spacing: 0.01em;
    }

    .auth-subtitle {
      margin: 0;
      color: rgba(198, 216, 247, 0.86);
      line-height: 1.4;
      max-width: 42ch;
    }

    .auth-field {
      display: grid;
      gap: 8px;
    }

    .auth-field span {
      font-size: 0.72rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: rgba(186, 209, 248, 0.76);
    }

    .auth-password-hint {
      margin: -0.2rem 0 0;
      color: rgba(198, 216, 247, 0.82);
      font-size: 0.76rem;
      line-height: 1.32;
      max-width: 100%;
      overflow-wrap: anywhere;
    }

    .auth-card .input {
      min-height: 48px;
      border-radius: 12px;
      background: linear-gradient(180deg, rgba(49, 92, 182, 0.38), rgba(15, 38, 91, 0.86) 46%, rgba(8, 22, 54, 0.94) 100%);
      border-color: rgba(150, 187, 255, 0.34);
      box-shadow: inset 0 1px 0 rgba(248, 252, 255, 0.08), 0 8px 18px rgba(2, 8, 20, 0.32);
      font-weight: 600;
    }

    .auth-card .input:hover {
      border-color: rgba(184, 212, 255, 0.52);
      background: linear-gradient(180deg, rgba(72, 119, 216, 0.44), rgba(21, 50, 112, 0.88) 46%, rgba(10, 26, 62, 0.95) 100%);
    }

    .auth-card .input:focus {
      border-color: rgba(201, 222, 255, 0.76);
      background: linear-gradient(180deg, rgba(94, 139, 230, 0.5), rgba(25, 56, 122, 0.9) 44%, rgba(11, 29, 69, 0.96) 100%);
      box-shadow: 0 0 0 3px rgba(95, 143, 255, 0.24), inset 0 1px 0 rgba(248, 252, 255, 0.14);
    }

    .auth-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      margin-top: 0.1rem;
    }

    .auth-actions .btn.primary {
      min-height: 46px;
      padding: 0.62rem 1.2rem;
      font-weight: 800;
      letter-spacing: 0.01em;
      border-color: rgba(230, 239, 255, 0.72) !important;
      background: linear-gradient(135deg, #f8fbff 0%, #c3d9ff 24%, #5f8fff 67%, #2f6fde 100%) !important;
      color: #08183f !important;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42) !important;
      box-shadow: 0 14px 30px rgba(30, 70, 151, 0.44), 0 0 18px rgba(111, 149, 230, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
    }

    .auth-step[data-auth-step="user"] .auth-actions .btn.primary {
      min-width: 176px;
      margin-left: auto;
    }

    .auth-step[data-auth-step="user"] .auth-actions {
      justify-content: flex-end;
    }

    .auth-actions .btn.btn-ghost {
      border-color: rgba(170, 198, 255, 0.32);
      background: linear-gradient(180deg, rgba(70, 118, 210, 0.34), rgba(19, 47, 100, 0.5) 54%, rgba(10, 25, 59, 0.5));
      color: rgba(221, 236, 255, 0.94);
    }

    .auth-actions .btn.btn-ghost:hover {
      border-color: rgba(195, 219, 255, 0.56);
      background: linear-gradient(180deg, rgba(95, 143, 230, 0.4), rgba(25, 60, 124, 0.56) 54%, rgba(12, 31, 72, 0.58));
    }

    .auth-actions.secondary {
      justify-content: flex-start;
    }

    .auth-face-panel {
      display: grid;
      gap: 8px;
    }

    .auth-face-preview {
      position: relative;
      width: 100%;
      aspect-ratio: 4 / 3;
      border-radius: var(--radius-lg);
      overflow: hidden;
      border: 1px solid rgba(172, 200, 255, 0.28);
      background:
        linear-gradient(90deg, rgba(162, 196, 255, 0.08) 1px, transparent 1px),
        linear-gradient(0deg, rgba(162, 196, 255, 0.07) 1px, transparent 1px),
        linear-gradient(180deg, rgba(50, 95, 188, 0.4), rgba(14, 37, 91, 0.9) 52%, rgba(7, 19, 47, 0.94));
      background-size: 28px 28px, 28px 28px, auto;
    }

    .auth-face-preview video {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .auth-face-placeholder {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 12px;
      color: rgba(204, 221, 250, 0.86);
      background: linear-gradient(180deg, rgba(24, 53, 114, 0.28), rgba(5, 20, 45, 0.36) 46%, rgba(4, 12, 30, 0.68));
    }

    .auth-feedback {
      min-height: 1.2rem;
      color: #ffdbe0;
      margin: 0;
      padding: 0.6rem 0.75rem;
      border-radius: 12px;
      border: 1px solid rgba(225, 73, 88, 0.34);
      background: rgba(72, 17, 32, 0.34);
    }

    .auth-step .form-note,
    .auth-face-panel .form-note {
      margin: 0;
      min-height: 1.1rem;
    }

    .auth-overlay.is-auth-busy .auth-card {
      cursor: progress;
    }

    .auth-overlay.is-auth-busy .auth-progress,
    .auth-overlay.is-auth-busy .auth-step,
    .auth-overlay.is-auth-busy .auth-actions {
      opacity: 0.86;
    }

    @media (min-width: 900px) {
      .auth-card {
        width: min(94vw, 640px);
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        align-items: stretch;
      }

      .auth-brand {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        padding: 0.88rem 0.92rem;
        background:
          radial-gradient(circle at 14% 10%, rgba(188, 212, 255, 0.2), transparent 42%),
          linear-gradient(175deg, rgba(48, 91, 178, 0.58) 0%, rgba(20, 48, 106, 0.72) 52%, rgba(9, 24, 60, 0.62) 100%);
      }

      .auth-brand img {
        width: clamp(88px, 8vw, 112px);
      }

      .auth-brand-text {
        text-align: left;
      }

      .auth-brand-title {
        font-size: clamp(1.08rem, 1.15vw, 1.25rem);
      }

      .auth-brand-highlights {
        margin-top: 0.18rem;
      }

      .auth-step,
      .auth-progress,
      .auth-actions.secondary[data-auth-cancel-row] {
        grid-column: 1;
      }

      .auth-feedback {
        grid-column: 1;
      }
    }

    @media (max-width: 640px) {
      .auth-card {
        width: 100%;
      }

      .auth-brand {
        padding: 0.85rem 0.85rem 0.9rem;
      }

      .auth-step h2 {
        font-size: clamp(1.18rem, 6vw, 1.35rem);
      }

      .auth-actions .btn {
        width: 100%;
      }

      .auth-step[data-auth-step="user"] .auth-actions {
        justify-content: stretch;
      }

      .auth-step[data-auth-step="user"] .auth-actions .btn.primary {
        min-width: 0;
        margin-left: 0;
      }
    }

    @media (max-height: 820px) {
      .auth-overlay {
        align-items: flex-start;
        padding-top: max(12px, env(safe-area-inset-top));
        padding-bottom: max(12px, env(safe-area-inset-bottom));
      }

      .auth-card {
        margin-block: 0;
      }
    }

    @media (max-width: 900px) {
      [data-tab-panel="pedido"] [data-public-link-wrap="pedido"],
      [data-tab-panel="crm"] [data-public-link-wrap="crm"],
      [data-tab-panel="venda"] > .panel-header [data-public-link-wrap="pedido"] {
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
      }

      [data-tab-panel="pedido"] [data-public-link-wrap="pedido"] .public-link-copy__input,
      [data-tab-panel="crm"] [data-public-link-wrap="crm"] .public-link-copy__input,
      [data-tab-panel="venda"] > .panel-header [data-public-link-wrap="pedido"] .public-link-copy__input {
        width: 100% !important;
        min-width: 0 !important;
      }

      [data-tab-panel="pedido"] [data-public-link-wrap="pedido"] .public-link-copy__feedback,
      [data-tab-panel="crm"] [data-public-link-wrap="crm"] .public-link-copy__feedback,
      [data-tab-panel="venda"] > .panel-header [data-public-link-wrap="pedido"] .public-link-copy__feedback {
        grid-column: 1 / -1 !important;
      }

      [data-tab-panel="crm"] [data-crm-form] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      [data-tab-panel="crm"] [data-crm-form] > label:has([data-crm-type]) {
        grid-column: 1 !important;
        grid-row: 3 !important;
      }

      [data-tab-panel="crm"] [data-crm-form] > label:has([data-crm-followup-date]) {
        grid-column: 2 !important;
        grid-row: 3 !important;
      }

      [data-tab-panel="crm"] [data-crm-form] .crm-form-attachment-inline {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        justify-items: stretch;
      }

      [data-tab-panel="crm"] [data-crm-form] [data-crm-attachment-trigger],
      [data-tab-panel="crm"] [data-crm-form] .crm-form-submit-button {
        width: 100% !important;
        min-height: var(--crm-control-size, 44px);
        height: var(--crm-control-size, 44px);
        justify-self: stretch !important;
      }

      [data-tab-panel="crm"] [data-crm-form] .crm-form-description-field,
      [data-tab-panel="crm"] [data-crm-form] .crm-form-attachment-field,
      [data-tab-panel="crm"] [data-crm-form] .crm-form-submit-button,
      [data-tab-panel="crm"] [data-crm-form] [data-crm-feedback] {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
      }

      [data-tab-panel="financeiro"] .finance-payable-form-card [data-finance-payable-form] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      [data-tab-panel="financeiro"] .finance-payable-form-card [data-finance-payable-form] [data-finance-payable-supplier-wrap] {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
      }

      [data-tab-panel="financeiro"] .finance-payable-form-card [data-finance-payable-form] > label:has([data-finance-payable-date]) {
        grid-column: 1;
        grid-row: 2;
      }

      [data-tab-panel="financeiro"] .finance-payable-form-card [data-finance-payable-form] > label:has([data-finance-payable-expense-type]) {
        grid-column: 2;
        grid-row: 2;
      }

      [data-tab-panel="financeiro"] .finance-payable-form-card [data-finance-payable-form] > label:has([data-finance-payable-due]) {
        grid-column: 1;
        grid-row: 3;
      }

      [data-tab-panel="financeiro"] .finance-payable-form-card [data-finance-payable-form] > label:has([data-finance-payable-amount]) {
        grid-column: 2;
        grid-row: 3;
      }

      [data-tab-panel="financeiro"] .finance-payable-form-card [data-finance-payable-form] .finance-payable-description-field {
        grid-column: 1 / -1 !important;
        grid-row: 4;
      }

      [data-tab-panel="financeiro"] .finance-payable-form-card [data-finance-payable-form] .finance-payable-submit {
        grid-column: 1 / -1 !important;
        grid-row: 5;
      }

      [data-tab-panel="financeiro"] .finance-payable-form-card [data-finance-payable-form] .finance-payable-recurring-field {
        grid-column: 1 / -1 !important;
        grid-row: 6;
      }

      [data-tab-panel="financeiro"] .finance-payable-form-card [data-finance-payable-form] :is(
        [data-finance-payable-recurring-rule-wrap],
        [data-finance-payable-recurring-day-of-month-wrap],
        [data-finance-payable-recurring-day-of-week-wrap],
        [data-finance-payable-recurring-interval-wrap],
        [data-finance-payable-recurring-fixed-wrap],
        [data-finance-payable-recurring-count-wrap],
        [data-finance-payable-recurring-last-date-wrap],
        [data-finance-payable-feedback]
      ) {
        grid-column: 1 / -1 !important;
        grid-row: auto;
      }

      [data-tab-panel="financeiro"] .finance-payable-card .finance-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      [data-tab-panel="financeiro"] .finance-payable-card .finance-filter-grid > label:has([data-finance-payable-filter-payment]) {
        grid-column: 1;
        grid-row: 1;
      }

      [data-tab-panel="financeiro"] .finance-payable-card .finance-filter-grid > label:has([data-finance-payable-filter-approval]) {
        grid-column: 2;
        grid-row: 1;
      }

      [data-tab-panel="financeiro"] .finance-payable-card .finance-filter-grid > label:has([data-finance-payable-filter-issued-start]) {
        grid-column: 1;
        grid-row: 2;
      }

      [data-tab-panel="financeiro"] .finance-payable-card .finance-filter-grid > label:has([data-finance-payable-filter-issued-end]) {
        grid-column: 2;
        grid-row: 2;
      }

      [data-tab-panel="financeiro"] .finance-payable-card .finance-filter-grid > label:has([data-finance-payable-filter-due-start]) {
        grid-column: 1;
        grid-row: 3;
      }

      [data-tab-panel="financeiro"] .finance-payable-card .finance-filter-grid > label:has([data-finance-payable-filter-due-end]) {
        grid-column: 2;
        grid-row: 3;
      }

      [data-tab-panel="financeiro"] .finance-receivable-card .finance-receivable-launch-window [data-finance-receivable-form] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      [data-tab-panel="financeiro"] .finance-receivable-card .finance-receivable-launch-window [data-finance-receivable-form] .finance-receivable-client-field {
        grid-column: 1 / -1;
        grid-row: 1;
      }

      [data-tab-panel="financeiro"] .finance-receivable-card .finance-receivable-launch-window [data-finance-receivable-form] .finance-receivable-due-field {
        display: none !important;
      }

      [data-tab-panel="financeiro"] .finance-receivable-card .finance-receivable-launch-window [data-finance-receivable-form] .finance-receivable-amount-field {
        grid-column: 1;
        grid-row: 2;
      }

      [data-tab-panel="financeiro"] .finance-receivable-card .finance-receivable-launch-window [data-finance-receivable-form] .finance-receivable-description-field {
        grid-column: 2;
        grid-row: 2;
      }

      [data-tab-panel="financeiro"] .finance-receivable-card .finance-receivable-launch-window [data-finance-receivable-form] .finance-receivable-submit,
      [data-tab-panel="financeiro"] .finance-receivable-card .finance-receivable-launch-window [data-finance-receivable-form] [data-finance-receivable-feedback] {
        grid-column: 1 / -1 !important;
        grid-row: auto;
      }

      [data-tab-panel="financeiro"] .finance-receivable-card .finance-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      [data-tab-panel="financeiro"] .finance-receivable-card .finance-filter-grid > label:has([data-finance-receivable-filter-payment]) {
        grid-column: 1 / -1;
        grid-row: 1;
      }

      [data-tab-panel="financeiro"] .finance-receivable-card .finance-filter-grid > label:has([data-finance-receivable-filter-issued-start]) {
        grid-column: 1;
        grid-row: 2;
      }

      [data-tab-panel="financeiro"] .finance-receivable-card .finance-filter-grid > label:has([data-finance-receivable-filter-issued-end]) {
        grid-column: 2;
        grid-row: 2;
      }

      [data-tab-panel="financeiro"] .finance-receivable-card .finance-filter-grid > label:has([data-finance-receivable-filter-due-start]) {
        grid-column: 1;
        grid-row: 3;
      }

      [data-tab-panel="financeiro"] .finance-receivable-card .finance-filter-grid > label:has([data-finance-receivable-filter-due-end]) {
        grid-column: 2;
        grid-row: 3;
      }

      [data-tab-panel="financeiro"] .finance-account-history-card .finance-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      [data-tab-panel="financeiro"] .finance-account-history-card .finance-filter-grid > label:has([data-finance-account-history-select]) {
        grid-column: 1;
        grid-row: 1;
      }

      [data-tab-panel="financeiro"] .finance-account-history-card .finance-filter-grid > label:has([data-finance-account-history-type]) {
        grid-column: 2;
        grid-row: 1;
      }

      [data-tab-panel="financeiro"] .finance-account-history-card .finance-filter-grid > label:has([data-finance-account-history-start]) {
        grid-column: 1;
        grid-row: 2;
      }

      [data-tab-panel="financeiro"] .finance-account-history-card .finance-filter-grid > label:has([data-finance-account-history-end]) {
        grid-column: 2;
        grid-row: 2;
      }

      [data-tab-panel="financeiro"] .finance-account-history-card .finance-filter-grid > .finance-account-balance-inline {
        grid-column: 1 / -1;
        grid-row: 3;
      }

      [data-tab-panel="historico"] .history-report-controls {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-areas:
          'source source'
          'group group'
          'metric metric'
          'chart chart'
          'partner partner'
          'product product'
          'category category'
          'subcategory subcategory'
          'start end'
          'clear clear';
        --erp-mobile-date-pair-gap: 0.44rem;
        gap: var(--erp-mobile-date-pair-gap);
        align-items: stretch;
      }

      [data-tab-panel="historico"] .history-report-controls > select[hidden],
      [data-tab-panel="historico"] .history-report-controls > select[data-history-report-filter] {
        display: none !important;
      }

      [data-tab-panel="historico"] .history-report-controls > .history-report-source-radios {
        grid-area: source;
      }

      [data-tab-panel="historico"] .history-report-controls > .history-report-group-radios {
        grid-area: group;
      }

      [data-tab-panel="historico"] .history-report-controls > .history-report-metric-radios:not(.history-report-source-radios) {
        grid-area: metric;
      }

      [data-tab-panel="historico"] .history-report-controls > [data-history-report-control='chart'] {
        grid-area: chart;
        min-height: 44px;
        width: 100%;
      }

      [data-tab-panel="historico"] .history-report-controls > [data-history-report-filter='partner'] + .easy-multi-dropdown {
        grid-area: partner;
      }

      [data-tab-panel="historico"] .history-report-controls > [data-history-report-filter='product'] + .easy-multi-dropdown {
        grid-area: product;
      }

      [data-tab-panel="historico"] .history-report-controls > [data-history-report-filter='category'] + .easy-multi-dropdown {
        grid-area: category;
      }

      [data-tab-panel="historico"] .history-report-controls > [data-history-report-filter='subcategory'] + .easy-multi-dropdown {
        grid-area: subcategory;
      }

      [data-tab-panel="historico"] .history-report-controls > [data-history-report-control='start'] {
        grid-area: start;
        min-width: 0;
        width: 100%;
      }

      [data-tab-panel="historico"] .history-report-controls > [data-history-report-control='end'] {
        grid-area: end;
        min-width: 0;
        width: 100%;
      }

      [data-tab-panel="historico"] .history-report-controls > [data-history-report-clear] {
        grid-area: clear;
        width: 100%;
        min-height: 44px;
      }

      [data-tab-panel="historico"] .history-report-controls > .easy-multi-dropdown,
      [data-tab-panel="historico"] .history-report-controls > .easy-multi-dropdown > details,
      [data-tab-panel="historico"] .history-report-controls > .easy-multi-dropdown summary.input {
        width: 100%;
        min-width: 0;
      }

      [data-tab-panel="historico"] .history-report-controls :is(.history-report-source-radios, .history-report-metric-radios) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      [data-tab-panel="historico"] [data-import-history],
      [data-tab-panel="historico"] [data-export-history-xls],
      [data-tab-panel="financeiro"] [data-finance-import-history],
      [data-tab-panel="financeiro"] [data-finance-export-history] {
        display: none !important;
      }

      [data-tab-panel="historico"] .history-report-group-radios {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      [data-tab-panel="historico"] .history-report-group-radio,
      [data-tab-panel="historico"] .history-report-metric-radio {
        min-height: 44px;
      }

      [data-tab-panel="historico"] .history-report-group-radio span,
      [data-tab-panel="historico"] .history-report-metric-radio span {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
      }

      [data-tab-panel="historico"] :is(
        .history-report-controls,
        .filter-row
      ),
      [data-tab-panel="financeiro"] :is(
        .finance-payable-card .finance-filter-grid,
        .finance-receivable-card .finance-filter-grid,
        .finance-account-history-card .finance-filter-grid
      ),
      [data-tab-panel="crm"] [data-crm-candidates-card] .cadastro-filter-bar {
        --erp-mobile-date-pair-gap: 0.44rem;
        column-gap: var(--erp-mobile-date-pair-gap);
      }

      [data-tab-panel="financeiro"] .finance-filter-grid > label:has(:is(
        [data-finance-receivable-filter-issued-start],
        [data-finance-receivable-filter-issued-end],
        [data-finance-receivable-filter-due-start],
        [data-finance-receivable-filter-due-end],
        [data-finance-payable-filter-issued-start],
        [data-finance-payable-filter-issued-end],
        [data-finance-payable-filter-due-start],
        [data-finance-payable-filter-due-end],
        [data-finance-account-history-start],
        [data-finance-account-history-end]
      )) {
        min-width: 0;
        width: 100%;
        max-width: 100%;
      }

      [data-tab-panel="historico"] :is(
        .history-report-controls,
        .filter-row
      ) :is(
        [data-history-report-control='start'],
        [data-history-report-control='end'],
        [data-production-history-filter='date-start'],
        [data-production-history-filter='date-end'],
        [data-stock-history-filter='date-start'],
        [data-stock-history-filter='date-end']
      ),
      [data-tab-panel="financeiro"] .finance-filter-grid :is(
        [data-finance-receivable-filter-issued-start],
        [data-finance-receivable-filter-issued-end],
        [data-finance-receivable-filter-due-start],
        [data-finance-receivable-filter-due-end],
        [data-finance-payable-filter-issued-start],
        [data-finance-payable-filter-issued-end],
        [data-finance-payable-filter-due-start],
        [data-finance-payable-filter-due-end],
        [data-finance-account-history-start],
        [data-finance-account-history-end]
      ),
      [data-tab-panel="crm"] [data-crm-candidates-card] .cadastro-filter-bar :is(
        [data-crm-candidate-filter-start],
        [data-crm-candidate-filter-end]
      ) {
        min-width: 0;
        min-inline-size: 0;
        width: 100%;
        inline-size: 100%;
        max-width: 100%;
        max-inline-size: 100%;
        box-sizing: border-box;
        padding-inline: clamp(0.34rem, 1.7vw, 0.5rem) !important;
        font-size: clamp(0.82rem, 3.35vw, 0.92rem);
        line-height: 1.15 !important;
      }

      [data-tab-panel="historico"] :is(
        .history-report-controls,
        .filter-row
      ) :is(
        [data-history-report-control='start'],
        [data-history-report-control='end'],
        [data-production-history-filter='date-start'],
        [data-production-history-filter='date-end'],
        [data-stock-history-filter='date-start'],
        [data-stock-history-filter='date-end']
      )::-webkit-datetime-edit-fields-wrapper,
      [data-tab-panel="historico"] :is(
        .history-report-controls,
        .filter-row
      ) :is(
        [data-history-report-control='start'],
        [data-history-report-control='end'],
        [data-production-history-filter='date-start'],
        [data-production-history-filter='date-end'],
        [data-stock-history-filter='date-start'],
        [data-stock-history-filter='date-end']
      )::-webkit-datetime-edit,
      [data-tab-panel="financeiro"] .finance-filter-grid :is(
        [data-finance-receivable-filter-issued-start],
        [data-finance-receivable-filter-issued-end],
        [data-finance-receivable-filter-due-start],
        [data-finance-receivable-filter-due-end],
        [data-finance-payable-filter-issued-start],
        [data-finance-payable-filter-issued-end],
        [data-finance-payable-filter-due-start],
        [data-finance-payable-filter-due-end],
        [data-finance-account-history-start],
        [data-finance-account-history-end]
      )::-webkit-datetime-edit-fields-wrapper,
      [data-tab-panel="financeiro"] .finance-filter-grid :is(
        [data-finance-receivable-filter-issued-start],
        [data-finance-receivable-filter-issued-end],
        [data-finance-receivable-filter-due-start],
        [data-finance-receivable-filter-due-end],
        [data-finance-payable-filter-issued-start],
        [data-finance-payable-filter-issued-end],
        [data-finance-payable-filter-due-start],
        [data-finance-payable-filter-due-end],
        [data-finance-account-history-start],
        [data-finance-account-history-end]
      )::-webkit-datetime-edit,
      [data-tab-panel="crm"] [data-crm-candidates-card] .cadastro-filter-bar :is(
        [data-crm-candidate-filter-start],
        [data-crm-candidate-filter-end]
      )::-webkit-datetime-edit-fields-wrapper,
      [data-tab-panel="crm"] [data-crm-candidates-card] .cadastro-filter-bar :is(
        [data-crm-candidate-filter-start],
        [data-crm-candidate-filter-end]
      )::-webkit-datetime-edit {
        padding: 0 !important;
      }

      [data-tab-panel="crm"] [data-crm-candidates-card] .cadastro-filter-bar {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--erp-mobile-date-pair-gap, 0.44rem);
        align-items: end;
      }

      [data-tab-panel="crm"] [data-crm-candidates-card] .cadastro-filter-bar > [data-crm-candidate-filter-area] {
        grid-column: 1 / -1;
      }

      [data-tab-panel="crm"] [data-crm-candidates-card] .cadastro-filter-bar > [data-crm-candidate-filter-start] {
        grid-column: 1;
      }

      [data-tab-panel="crm"] [data-crm-candidates-card] .cadastro-filter-bar > [data-crm-candidate-filter-end] {
        grid-column: 2;
      }

      [data-tab-panel="historico"] .filter-row > [data-production-history-filter-clear] {
        grid-column: 1 / -1;
        width: 100%;
      }
    }

    @media (max-width: 640px) {
      [data-tab-panel="historico"] .history-report-controls {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-areas:
          'source source'
          'group group'
          'metric metric'
          'chart chart'
          'partner partner'
          'product product'
          'category category'
          'subcategory subcategory'
          'start end'
          'clear clear';
        column-gap: var(--erp-mobile-date-pair-gap, 0.44rem);
      }

      [data-tab-panel="historico"] .history-report-group-radios {
        grid-template-columns: minmax(0, 1fr);
      }

      [data-tab-panel="historico"] :is(.history-report-source-radios, .history-report-metric-radios) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      [data-tab-panel="financeiro"] .table-wrapper.is-mobile-cards > table[data-table-column-key="finance-receivables-table"] tbody tr {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(118px, 0.58fr);
        grid-template-rows: auto auto auto auto;
        gap: 0.26rem 0.62rem;
        align-items: start;
      }

      [data-tab-panel="financeiro"] .table-wrapper.is-mobile-cards > table[data-table-column-key="finance-receivables-table"] tbody td {
        display: block !important;
        width: 100%;
        padding: 0.16rem 0 !important;
      }

      [data-tab-panel="financeiro"] .table-wrapper.is-mobile-cards > table[data-table-column-key="finance-receivables-table"] tbody td:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
      }

      [data-tab-panel="financeiro"] .table-wrapper.is-mobile-cards > table[data-table-column-key="finance-receivables-table"] tbody td:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
      }

      [data-tab-panel="financeiro"] .table-wrapper.is-mobile-cards > table[data-table-column-key="finance-receivables-table"] tbody td:nth-child(3) {
        grid-column: 1;
        grid-row: 3;
      }

      [data-tab-panel="financeiro"] .table-wrapper.is-mobile-cards > table[data-table-column-key="finance-receivables-table"] tbody td:nth-child(4) {
        grid-column: 1;
        grid-row: 4;
      }

      [data-tab-panel="financeiro"] .table-wrapper.is-mobile-cards > table[data-table-column-key="finance-receivables-table"] tbody td:nth-child(5) {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: stretch;
      }

      [data-tab-panel="financeiro"] .table-wrapper.is-mobile-cards > table[data-table-column-key="finance-receivables-table"] tbody td:nth-child(6) {
        grid-column: 2;
        grid-row: 3 / span 2;
        align-self: stretch;
      }

      [data-tab-panel="financeiro"] .table-wrapper.is-mobile-cards > table[data-table-column-key="finance-receivables-table"] tbody td:nth-child(7) {
        grid-column: 1 / -1;
        grid-row: 5;
      }

      [data-tab-panel="financeiro"] .table-wrapper.is-mobile-cards > table[data-table-column-key="finance-receivables-table"] tbody td:nth-child(5)::before,
      [data-tab-panel="financeiro"] .table-wrapper.is-mobile-cards > table[data-table-column-key="finance-receivables-table"] tbody td:nth-child(6)::before {
        content: '' !important;
        display: none !important;
      }

      [data-tab-panel="financeiro"] .table-wrapper.is-mobile-cards > table[data-table-column-key="finance-receivables-table"] tbody td:nth-child(5) .status-chip,
      [data-tab-panel="financeiro"] .table-wrapper.is-mobile-cards > table[data-table-column-key="finance-receivables-table"] tbody td:nth-child(6) .btn,
      [data-tab-panel="financeiro"] .table-wrapper.is-mobile-cards > table[data-table-column-key="finance-receivables-table"] tbody td:nth-child(6) .status-chip {
        width: 100%;
      }
    }

    /* Balanced neo refresh: calmer futuristic visuals for long sessions. */
    :root {
      --erp-bg: #081c3f;
      --erp-bg-deep: #050f25;
      --erp-bg-quiet: #112c57;
      --erp-panel: linear-gradient(162deg, rgba(153, 196, 255, 0.09) 0%, rgba(36, 83, 171, 0.66) 32%, rgba(13, 34, 82, 0.94) 66%, rgba(6, 16, 43, 0.98) 100%);
      --erp-card: linear-gradient(166deg, rgba(148, 194, 255, 0.07) 0%, rgba(35, 78, 157, 0.52) 34%, rgba(13, 34, 78, 0.93) 70%, rgba(6, 16, 42, 0.98) 100%);
      --erp-card-hover: linear-gradient(166deg, rgba(175, 210, 255, 0.12) 0%, rgba(52, 98, 185, 0.6) 34%, rgba(17, 43, 96, 0.95) 70%, rgba(8, 20, 49, 0.99) 100%);
      --erp-field-bg: linear-gradient(180deg, rgba(164, 203, 255, 0.14), rgba(26, 58, 124, 0.92) 44%, rgba(8, 22, 55, 0.98));
      --erp-table-head: linear-gradient(180deg, rgba(180, 217, 255, 0.24), rgba(57, 108, 198, 0.94) 42%, rgba(18, 46, 109, 0.99));
      --erp-table-row: rgba(52, 105, 198, 0.14);
      --erp-table-row-alt: rgba(52, 105, 198, 0.12);
      --erp-border: rgba(179, 216, 255, 0.3);
      --erp-border-strong: rgba(217, 235, 255, 0.58);
      --erp-text: #f4f8ff;
      --erp-text-muted: #c5d8f5;
      --erp-blue: #4d93f4;
      --erp-blue-light: #9ac9ff;
      --erp-blue-neon: #84beff;
      --erp-red-elegant: #ff4d6d;
      --erp-red-soft-elegant: rgba(255, 77, 109, 0.32);
      --erp-red-bright-elegant: #ff8da2;
      --erp-red-glow-elegant: rgba(255, 77, 109, 0.46);
      --erp-red-rgb-elegant: 255, 77, 109;
      --erp-red-bright-rgb-elegant: 255, 141, 162;
      --erp-red-neon: #ff2d5b;
      --erp-red-soft-neon: rgba(255, 45, 91, 0.42);
      --erp-red-bright-neon: #ff6f8e;
      --erp-red-glow-neon: rgba(255, 45, 91, 0.7);
      --erp-red-rgb-neon: 255, 45, 91;
      --erp-red-bright-rgb-neon: 255, 111, 142;
      --erp-red: var(--erp-red-elegant);
      --erp-red-soft: var(--erp-red-soft-elegant);
      --erp-red-bright: var(--erp-red-bright-elegant);
      --erp-red-glow: var(--erp-red-glow-elegant);
      --erp-red-rgb: var(--erp-red-rgb-elegant);
      --erp-red-bright-rgb: var(--erp-red-bright-rgb-elegant);
      --erp-shadow: 0 20px 42px rgba(1, 7, 21, 0.44), 0 0 0 1px rgba(244, 248, 255, 0.06), 0 0 26px rgba(132, 190, 255, 0.14), 0 0 18px rgba(var(--erp-red-rgb), 0.18);
      --erp-shadow-soft: 0 12px 24px rgba(1, 7, 21, 0.32), 0 0 0 1px rgba(244, 248, 255, 0.04), 0 0 14px rgba(var(--erp-red-rgb), 0.12);
      --text-main: #f4f8ff;
      --text-soft: #dceafe;
      --text-muted: #adc7eb;
    }

    :root[data-red-accent-intensity='elegant'] {
      --erp-red: var(--erp-red-elegant);
      --erp-red-soft: var(--erp-red-soft-elegant);
      --erp-red-bright: var(--erp-red-bright-elegant);
      --erp-red-glow: var(--erp-red-glow-elegant);
      --erp-red-rgb: var(--erp-red-rgb-elegant);
      --erp-red-bright-rgb: var(--erp-red-bright-rgb-elegant);
      --erp-shadow: 0 20px 42px rgba(1, 7, 21, 0.44), 0 0 0 1px rgba(244, 248, 255, 0.06), 0 0 26px rgba(132, 190, 255, 0.14), 0 0 18px rgba(var(--erp-red-rgb), 0.18);
      --erp-shadow-soft: 0 12px 24px rgba(1, 7, 21, 0.32), 0 0 0 1px rgba(244, 248, 255, 0.04), 0 0 14px rgba(var(--erp-red-rgb), 0.12);
    }

    :root[data-red-accent-intensity='neon'] {
      --erp-red: var(--erp-red-neon);
      --erp-red-soft: var(--erp-red-soft-neon);
      --erp-red-bright: var(--erp-red-bright-neon);
      --erp-red-glow: var(--erp-red-glow-neon);
      --erp-red-rgb: var(--erp-red-rgb-neon);
      --erp-red-bright-rgb: var(--erp-red-bright-rgb-neon);
      --erp-shadow: 0 20px 42px rgba(1, 7, 21, 0.44), 0 0 0 1px rgba(244, 248, 255, 0.06), 0 0 28px rgba(132, 190, 255, 0.16), 0 0 26px rgba(var(--erp-red-rgb), 0.34);
      --erp-shadow-soft: 0 12px 24px rgba(1, 7, 21, 0.32), 0 0 0 1px rgba(244, 248, 255, 0.04), 0 0 18px rgba(var(--erp-red-rgb), 0.26);
    }

    body {
      background:
        radial-gradient(circle at 14% -14%, rgba(184, 213, 255, 0.16), transparent 34%),
        radial-gradient(circle at 86% -8%, rgba(104, 159, 241, 0.14), transparent 33%),
        radial-gradient(circle at 86% 108%, rgba(var(--erp-red-rgb), 0.22), transparent 40%),
        radial-gradient(circle at 8% 96%, rgba(var(--erp-red-rgb), 0.12), transparent 34%),
        linear-gradient(180deg, #102651 0%, #081c3f 36%, #07162f 66%, #050f25 100%) !important;
      animation: none !important;
    }

    body::before {
      opacity: 0.2 !important;
      animation: none !important;
      background: linear-gradient(180deg, rgba(244, 248, 255, 0.07), rgba(16, 42, 91, 0.08) 42%, rgba(5, 15, 36, 0.28)) !important;
    }

    body::after {
      opacity: 0.22 !important;
      filter: blur(30px) !important;
      animation: none !important;
      mix-blend-mode: normal;
    }

    .app-header {
      background:
        radial-gradient(circle at 90% 12%, rgba(var(--erp-red-rgb), 0.14), transparent 42%),
        linear-gradient(176deg, rgba(214, 232, 255, 0.14) 0%, rgba(31, 74, 153, 0.82) 35%, rgba(11, 31, 73, 0.96) 74%, rgba(6, 17, 42, 0.98) 100%) !important;
      border-color: rgba(177, 210, 247, 0.4) !important;
      box-shadow: 0 16px 34px rgba(1, 7, 21, 0.42), inset 0 1px 0 rgba(244, 248, 255, 0.18) !important;
      backdrop-filter: blur(12px) saturate(1.06) !important;
      -webkit-backdrop-filter: blur(12px) saturate(1.06) !important;
    }

    .tab,
    .mobile-tab {
      border-color: rgba(173, 207, 246, 0.34) !important;
      background: linear-gradient(170deg, rgba(177, 211, 255, 0.12), rgba(24, 58, 123, 0.86) 36%, rgba(8, 22, 54, 0.96) 74%, rgba(112, 37, 59, 0.66)) !important;
      color: rgba(231, 242, 255, 0.95) !important;
      text-shadow: none !important;
      font-weight: 700 !important;
      box-shadow: 0 8px 18px rgba(1, 8, 23, 0.3), 0 0 10px rgba(var(--erp-red-rgb), 0.14), inset 0 1px 0 rgba(244, 248, 255, 0.18) !important;
    }

    .tab::before,
    .mobile-tab::before,
    .tab::after,
    .mobile-tab::after {
      content: none !important;
      display: none !important;
    }

    .tab:hover,
    .mobile-tab:hover,
    .tab:focus-visible,
    .mobile-tab:focus-visible,
    .tab.is-active,
    .mobile-tab.is-active {
      transform: translateY(-1px);
      border-color: rgba(218, 236, 255, 0.72) !important;
      background: linear-gradient(145deg, rgba(214, 231, 255, 0.22), rgba(88, 145, 236, 0.34) 34%, rgba(30, 79, 166, 0.62) 66%, rgba(var(--erp-red-rgb), 0.24)) !important;
      color: var(--erp-white) !important;
      box-shadow: 0 12px 24px rgba(1, 8, 23, 0.36), 0 0 16px rgba(132, 190, 255, 0.24), 0 0 14px rgba(var(--erp-red-rgb), 0.24), inset 0 1px 0 rgba(244, 248, 255, 0.24) !important;
    }

    .panel {
      border-color: rgba(184, 217, 255, 0.34) !important;
      background:
        radial-gradient(circle at 90% -8%, rgba(194, 220, 255, 0.08), transparent 34%),
        radial-gradient(circle at 10% 108%, rgba(65, 120, 216, 0.12), transparent 44%),
        radial-gradient(circle at 88% 92%, rgba(var(--erp-red-rgb), 0.2), transparent 46%),
        var(--erp-panel) !important;
      box-shadow: var(--erp-shadow) !important;
      backdrop-filter: blur(10px) saturate(1.05) !important;
      -webkit-backdrop-filter: blur(10px) saturate(1.05) !important;
    }

    .panel::before {
      height: 2px !important;
      opacity: 0.58 !important;
      background: linear-gradient(90deg, transparent, rgba(132, 190, 255, 0.72), rgba(var(--erp-red-rgb), 0.9), rgba(132, 190, 255, 0.58), transparent) !important;
      animation: none !important;
    }

    .panel-header h2,
    .card h3,
    .modal-title,
    .product-edit-title {
      text-shadow: none !important;
    }

    .card,
    .alerts-card,
    .alert-item,
    .finance-entry-card,
    .history-report-card,
    .kpi-card,
    .overview-kpi,
    .production-form-main,
    .production-form-side,
    .production-detail-list,
    .op-estimate-panel,
    .formula-matrix,
    .access-window-panel,
    .access-copy-source,
    .access-copy-list,
    .access-copy-option,
    .product-extra-builder,
    .client-order-summary,
    .finance-summary li,
    .time-clock-camera-card,
    .time-clock-status-card,
    .time-clock-history-card,
    .time-clock-schedule-card,
    .location-map-card,
    .location-list-card,
    .location-selected,
    .location-self-status-item,
    .vehicle-tracking-summary-item,
    .employee-face-enrollment,
    .schedule-template-card,
    .employee-schedule-card,
    .schedule-week-grid .schedule-day-row,
    .overview-customize,
    .easy-multi__list,
    .sales-column-filter-menu,
    .table-export-menu {
      border-color: rgba(178, 213, 249, 0.3) !important;
      background: var(--erp-card) !important;
      box-shadow: var(--erp-shadow-soft), inset 0 1px 0 rgba(244, 248, 255, 0.12) !important;
    }

    .card {
      transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
    }

    .card,
    .alerts-card,
    .alert-item,
    .finance-entry-card,
    .history-report-card,
    .kpi-card,
    .overview-kpi,
    .production-form-main,
    .production-form-side,
    .production-detail-list,
    .op-estimate-panel,
    .formula-matrix,
    .access-window-panel,
    .access-copy-source,
    .access-copy-list,
    .access-copy-option,
    .product-extra-builder,
    .client-order-summary,
    .finance-summary li,
    .time-clock-camera-card,
    .time-clock-status-card,
    .time-clock-history-card,
    .time-clock-schedule-card,
    .location-map-card,
    .location-list-card,
    .location-selected,
    .location-self-status-item,
    .vehicle-tracking-summary-item,
    .employee-face-enrollment,
    .schedule-template-card,
    .employee-schedule-card,
    .schedule-week-grid .schedule-day-row,
    .overview-customize,
    .easy-multi__list,
    .sales-column-filter-menu,
    .table-export-menu {
      background:
        radial-gradient(circle at 90% 8%, rgba(var(--erp-red-rgb), 0.16), transparent 40%),
        radial-gradient(circle at 12% 92%, rgba(var(--erp-red-rgb), 0.07), transparent 34%),
        var(--erp-card) !important;
    }

    .card::before {
      height: 2px !important;
      opacity: 0.72 !important;
      background: linear-gradient(90deg, rgba(132, 190, 255, 0.64), rgba(214, 231, 255, 0.52), rgba(var(--erp-red-rgb), 0.84)) !important;
      animation: none !important;
    }

    .card::after {
      opacity: 0.42 !important;
      background:
        radial-gradient(circle at 20% 0%, rgba(244, 248, 255, 0.18), transparent 40%),
        linear-gradient(315deg, rgba(77, 147, 244, 0.12), rgba(var(--erp-red-rgb), 0.14) 42%, transparent 66%) !important;
    }

    .btn,
    button.btn,
    a.btn {
      border-color: rgba(189, 220, 253, 0.42) !important;
      border-top-color: rgba(233, 243, 255, 0.62) !important;
      background:
        linear-gradient(180deg, rgba(235, 245, 255, 0.14), rgba(235, 245, 255, 0.03)),
        linear-gradient(145deg, rgba(34, 78, 159, 0.94), rgba(13, 36, 84, 0.95) 64%, rgba(112, 37, 59, 0.88)) !important;
      color: var(--erp-white) !important;
      text-shadow: none !important;
      box-shadow: 0 10px 22px rgba(1, 7, 21, 0.34), 0 0 14px rgba(var(--erp-red-rgb), 0.24), inset 0 1px 0 rgba(233, 243, 255, 0.18) !important;
    }

    .btn:hover,
    .btn:focus-visible {
      box-shadow: 0 14px 28px rgba(1, 7, 21, 0.4), 0 0 0 3px rgba(77, 147, 244, 0.18), 0 0 18px rgba(var(--erp-red-rgb), 0.34), inset 0 1px 0 rgba(233, 243, 255, 0.24) !important;
    }

    .btn.primary,
    .btn.btn-primary {
      background: linear-gradient(135deg, #f1f7ff 0%, #bad8ff 26%, #5ea0f4 66%, #3f7fe2 86%, var(--erp-red-bright) 100%) !important;
      color: #071632 !important;
      box-shadow: 0 14px 30px rgba(20, 53, 110, 0.38), 0 0 16px rgba(var(--erp-red-rgb), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.56) !important;
    }

    .input,
    select.input,
    textarea.input,
    input[type='date'].input,
    input[type='time'].input,
    input[type='month'].input,
    input[type='number'].input,
    input[type='password'].input,
    input[type='file'].input,
    .easy-multi-dropdown summary.input {
      border-color: rgba(176, 211, 249, 0.42) !important;
      border-top-color: rgba(225, 238, 255, 0.58) !important;
      background: linear-gradient(180deg, rgba(194, 221, 255, 0.12), rgba(var(--erp-red-rgb), 0.08) 18%, rgba(22, 50, 109, 0.94) 44%, rgba(8, 21, 53, 0.98)) !important;
      box-shadow: inset 0 1px 0 rgba(233, 243, 255, 0.14), 0 1px 0 rgba(233, 243, 255, 0.05) !important;
      color: var(--erp-text) !important;
    }

    .input:focus,
    select.input:focus,
    textarea.input:focus,
    .easy-multi-dropdown details[open] > summary.input {
      border-color: rgba(255, 172, 191, 0.84) !important;
      box-shadow: 0 0 0 3px rgba(77, 147, 244, 0.2), 0 0 14px rgba(132, 190, 255, 0.22), 0 0 18px rgba(var(--erp-red-rgb), 0.3), inset 0 1px 0 rgba(233, 243, 255, 0.18) !important;
    }

    input[type='checkbox'],
    input[type='radio'],
    input[type='range'] {
      accent-color: var(--erp-red) !important;
    }

    .table-wrapper,
    .sale-release-table-wrapper,
    .history-report-table-wrap,
    .forecast-table-wrap,
    .schedule-template-table-wrapper,
    .employee-schedule-table-wrapper {
      border-color: rgba(175, 210, 249, 0.28) !important;
      box-shadow: inset 0 1px 0 rgba(233, 243, 255, 0.08), 0 10px 22px rgba(1, 7, 21, 0.24) !important;
    }

    table thead th {
      background: var(--erp-table-head) !important;
      box-shadow: 0 1px 0 rgba(244, 248, 255, 0.14), inset 0 -1px 0 rgba(var(--erp-red-rgb), 0.36) !important;
    }

    table tbody tr:nth-child(even) {
      background: var(--erp-table-row) !important;
    }

    table tbody tr:hover {
      background: linear-gradient(90deg, rgba(77, 147, 244, 0.2), rgba(var(--erp-red-rgb), 0.1)) !important;
      box-shadow: inset 3px 0 0 rgba(132, 190, 255, 0.88), inset -2px 0 0 rgba(var(--erp-red-rgb), 0.7) !important;
    }

    .status-chip--warning,
    .status-chip--pendente,
    .status-chip--parcial,
    .status-chip--atrasado,
    .status-chip--cancelada,
    .vehicle-status-chip--permission,
    .vehicle-status-chip--gps-disabled,
    [data-tab-panel='compras'] table[data-table-column-key='daily-mrp'] .mrp-status--critical,
    [data-tab-panel='compras'] table[data-table-column-key='daily-mrp'] .mrp-status--warning {
      background: rgba(var(--erp-red-rgb), 0.2) !important;
      border-color: rgba(var(--erp-red-bright-rgb), 0.52) !important;
      color: #fff3f6 !important;
      box-shadow: 0 0 0 1px rgba(var(--erp-red-rgb), 0.16), 0 0 12px rgba(var(--erp-red-rgb), 0.16) !important;
    }

    .alert-item--critical {
      border-color: rgba(var(--erp-red-bright-rgb), 0.56) !important;
      background: linear-gradient(145deg, rgba(var(--erp-red-rgb), 0.2), rgba(10, 39, 56, 0.64)) !important;
      box-shadow: inset 3px 0 0 var(--erp-red), 0 8px 18px rgba(0, 16, 48, 0.22), 0 0 14px rgba(var(--erp-red-rgb), 0.16) !important;
    }

    .app-toast {
      backdrop-filter: blur(10px) saturate(1.04) !important;
      -webkit-backdrop-filter: blur(10px) saturate(1.04) !important;
      box-shadow: 0 14px 30px rgba(1, 7, 21, 0.38), inset 0 1px 0 rgba(233, 243, 255, 0.14) !important;
    }

    @media (max-width: 900px) {
      .tab,
      .mobile-tab {
        font-size: 0.82rem !important;
      }

      .panel {
        backdrop-filter: blur(8px) saturate(1.02) !important;
        -webkit-backdrop-filter: blur(8px) saturate(1.02) !important;
      }
    }

    /* Mobile light mode performance hardening: prioritize smoothness over visual effects. */
    @media (max-width: 900px), (pointer: coarse) {
      html.is-mobile-light-mode body {
        background: linear-gradient(180deg, #0c2148 0%, #071a3a 52%, #050f24 100%) !important;
      }

      html.is-mobile-light-mode body::before,
      html.is-mobile-light-mode body::after,
      html.is-mobile-light-mode .app::before {
        content: none !important;
        display: none !important;
        animation: none !important;
        opacity: 0 !important;
      }

      html.is-mobile-light-mode *,
      html.is-mobile-light-mode *::before,
      html.is-mobile-light-mode *::after {
        animation: none !important;
        transition-duration: 0ms !important;
      }

      html.is-mobile-light-mode .app-header,
      html.is-mobile-light-mode .panel,
      html.is-mobile-light-mode .card,
      html.is-mobile-light-mode .table-wrapper,
      html.is-mobile-light-mode .sale-release-table-wrapper,
      html.is-mobile-light-mode .history-report-table-wrap,
      html.is-mobile-light-mode .forecast-table-wrap,
      html.is-mobile-light-mode .schedule-template-table-wrapper,
      html.is-mobile-light-mode .employee-schedule-table-wrapper,
      html.is-mobile-light-mode .mobile-bottom-nav,
      html.is-mobile-light-mode .app-toast,
      html.is-mobile-light-mode dialog,
      html.is-mobile-light-mode .auth-card,
      html.is-mobile-light-mode .auth-step,
      html.is-mobile-light-mode .auth-brand {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: 0 6px 14px rgba(1, 7, 21, 0.26) !important;
      }

      html.is-mobile-light-mode .panel::before,
      html.is-mobile-light-mode .card::before,
      html.is-mobile-light-mode .card::after,
      html.is-mobile-light-mode .tab::before,
      html.is-mobile-light-mode .tab::after,
      html.is-mobile-light-mode .mobile-tab::before,
      html.is-mobile-light-mode .mobile-tab::after {
        content: none !important;
        display: none !important;
        animation: none !important;
      }

      html.is-mobile-light-mode .tab,
      html.is-mobile-light-mode .mobile-tab {
        text-shadow: none !important;
        box-shadow: 0 3px 10px rgba(1, 7, 21, 0.2), inset 0 1px 0 rgba(233, 243, 255, 0.16) !important;
      }

      html.is-mobile-light-mode .tab:hover,
      html.is-mobile-light-mode .mobile-tab:hover,
      html.is-mobile-light-mode .tab:focus-visible,
      html.is-mobile-light-mode .mobile-tab:focus-visible,
      html.is-mobile-light-mode .tab.is-active,
      html.is-mobile-light-mode .mobile-tab.is-active {
        transform: none !important;
        box-shadow: 0 5px 12px rgba(1, 7, 21, 0.24), inset 0 1px 0 rgba(233, 243, 255, 0.18) !important;
      }

      html.is-mobile-light-mode .btn,
      html.is-mobile-light-mode button.btn,
      html.is-mobile-light-mode a.btn {
        box-shadow: 0 4px 10px rgba(1, 7, 21, 0.22) !important;
      }

      html.is-mobile-light-mode .input,
      html.is-mobile-light-mode select.input,
      html.is-mobile-light-mode textarea.input,
      html.is-mobile-light-mode input[type='date'].input,
      html.is-mobile-light-mode input[type='time'].input,
      html.is-mobile-light-mode input[type='month'].input,
      html.is-mobile-light-mode input[type='number'].input,
      html.is-mobile-light-mode input[type='password'].input,
      html.is-mobile-light-mode input[type='file'].input,
      html.is-mobile-light-mode .easy-multi-dropdown summary.input {
        box-shadow: inset 0 1px 0 rgba(233, 243, 255, 0.12) !important;
      }

      html.is-mobile-light-mode table thead th,
      html.is-mobile-light-mode .floating-table-header,
      html.is-mobile-light-mode .floating-table-header__track,
      html.is-mobile-light-mode .floating-table-header__cell {
        box-shadow: none !important;
        text-shadow: none !important;
      }

      html.is-mobile-light-mode .vehicle-map-leaflet .leaflet-container::after,
      html.is-mobile-light-mode .vehicle-map-leaflet.vehicle-map-theme-blue .leaflet-container::after,
      html.is-mobile-light-mode .vehicle-map-leaflet.vehicle-map-theme-blue.vehicle-map-theme-blue-strong .leaflet-container::after {
        content: none !important;
        display: none !important;
      }

      html.is-mobile-light-mode .vehicle-map-leaflet .leaflet-container .leaflet-tile-pane,
      html.is-mobile-light-mode .vehicle-map-leaflet .leaflet-container .leaflet-tile,
      html.is-mobile-light-mode .vehicle-map-leaflet .leaflet-container .leaflet-layer {
        filter: none !important;
      }
    }

    /* Mobile overflow containment: keep content inside the viewport and localize horizontal scroll. */
    @media (max-width: 900px) {
      html,
      body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        overflow-x: clip;
      }

      *,
      *::before,
      *::after {
        box-sizing: border-box;
      }

      body,
      .app,
      .app-main,
      .panel,
      .card,
      .panel-header,
      .panel-actions,
      .form-grid,
      .filter-row,
      .cadastro-filter-bar,
      .bulk-actions,
      .table-actions,
      .sales-order-actions,
      .history-report-controls,
      .history-report-bar-row,
      .finance-settlement-main,
      .finance-settlement-cheque,
      .client-order-fields-window,
      .client-order-summary,
      .client-order-link-row,
      .access-copy-tools {
        min-width: 0;
        max-width: 100%;
      }

      .app :is(.input, input, select, textarea, button, .btn, .card, .panel, [class*="card"], [class*="panel"]) {
        max-width: 100%;
      }

      .app :is(.panel, .card, .form-grid, .filter-row, .panel-actions, .bulk-actions, .table-actions, .sales-order-actions, .history-report-controls, .history-report-bar-row, .finance-settlement-main, .finance-settlement-cheque, .client-order-fields-window, .client-order-summary, .client-order-link-row, .access-copy-tools, [class*="-grid"], [class*="-row"]) > * {
        min-width: 0;
      }

      .app :is(.form-grid, [class*="form-grid"], [class*="fields-grid"], [class*="filters-grid"], [class*="config-grid"], [class*="summary-grid"]) {
        --erp-mobile-field-min: clamp(142px, 40vw, 208px);
        grid-template-columns: repeat(auto-fit, minmax(min(var(--erp-mobile-field-min), 100%), 1fr)) !important;
      }

      .app :is(
        [data-tab-panel='financeiro'] .finance-filter-grid,
        [data-tab-panel='financeiro'] [data-finance-payable-form],
        [data-tab-panel='financeiro'] [data-finance-receivable-form],
        [data-tab-panel='crm'] [data-crm-form],
        [data-tab-panel='crm'] [data-crm-candidates-card] .cadastro-filter-bar,
        [data-tab-panel='historico'] .history-report-controls,
        [data-tab-panel='documentos'] [data-documents-form],
        [data-tab-panel='compras'] .purchase-form-2row
      ):has(input[type='date']) {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: min(0.4rem, 1.9vw) !important;
      }

      .app :is(
        [data-tab-panel='financeiro'] .finance-filter-grid,
        [data-tab-panel='financeiro'] [data-finance-payable-form],
        [data-tab-panel='financeiro'] [data-finance-receivable-form],
        [data-tab-panel='crm'] [data-crm-form],
        [data-tab-panel='crm'] [data-crm-candidates-card] .cadastro-filter-bar,
        [data-tab-panel='historico'] .history-report-controls,
        [data-tab-panel='documentos'] [data-documents-form],
        [data-tab-panel='compras'] .purchase-form-2row
      ):has(input[type='date']) > * {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
      }

      .app :is(
        label:has(input[type='date']),
        .form-field:has(input[type='date']),
        .purchase-field:has(input[type='date']),
        .finance-filter-grid > *:has(input[type='date']),
        .cadastro-filter-bar > *:has(input[type='date']),
        .history-report-controls > *:has(input[type='date']),
        [data-crm-form] > *:has(input[type='date']),
        [data-finance-payable-form] > *:has(input[type='date']),
        [data-finance-receivable-form] > *:has(input[type='date']),
        [data-documents-form] > *:has(input[type='date']),
        .purchase-optional-input,
        .purchase-field--arrival,
        .documents-field--issued-at,
        .documents-field--expiry,
        .finance-projected-date-field,
        [class*='date-field'],
        [class*='due-field'],
        [class*='venc'],
        [class*='emiss'],
        [class*='pagamento'],
        [class*='chegada'],
        [class*='data-field']
      ) {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        overflow-x: hidden !important;
      }

      .app :is(
        input[type='date'],
        input[type='date'].input,
        input[type='datetime-local'],
        input[type='datetime-local'].input,
        [data-sales-filter='date'],
        [data-sales-filter='date-start'],
        [data-sales-filter='date-end'],
        [data-op-date],
        [data-sale-date],
        [data-sale-employee-date],
        [data-forecast-op-date],
        [data-finance-projected-date],
        [data-finance-receivable-date],
        [data-finance-receivable-due],
        [data-finance-payable-date],
        [data-finance-payable-due],
        [data-finance-payable-recurring-last-date],
        [data-finance-settlement-date],
        [data-finance-bank-date],
        [data-documents-issued-at],
        [data-documents-expiry],
        [data-maintenance-date],
        [data-maintenance-next-date],
        [data-public-quotation-delivery-date],
        [data-purchase-arrival-date],
        [data-crm-date],
        [data-crm-followup-date],
        [data-crm-candidate-filter-start],
        [data-crm-candidate-filter-end],
        [data-history-report-control='start'],
        [data-history-report-control='end'],
        [data-production-history-filter='date-start'],
        [data-production-history-filter='date-end'],
        [data-stock-history-filter='date-start'],
        [data-stock-history-filter='date-end'],
        [data-time-clock-filter-date],
        [data-period-lock-until],
        [data-nutrition-reference-date],
        [data-sales-order-date],
        [data-stock-inventory-date],
        [class*='date-field'] > :is(input, .input, select.input),
        [class*='due-field'] > :is(input, .input, select.input),
        [class*='venc'] > :is(input, .input, select.input),
        [class*='emiss'] > :is(input, .input, select.input),
        [class*='pagamento'] > :is(input, .input, select.input),
        [class*='chegada'] > :is(input, .input, select.input),
        [class*='data-field'] > :is(input, .input, select.input)
      ) {
        display: block;
        inline-size: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        max-inline-size: 100% !important;
        min-width: 0 !important;
        min-inline-size: 0 !important;
        box-sizing: border-box;
        appearance: auto;
        -webkit-appearance: auto;
        padding-inline: clamp(0.26rem, 1.35vw, 0.42rem) !important;
        padding-inline-end: clamp(1.34rem, 4.2vw, 1.76rem) !important;
        font-size: clamp(0.78rem, 3vw, 0.88rem) !important;
        line-height: 1.1 !important;
        overflow: hidden !important;
        text-overflow: clip;
        white-space: nowrap;
      }

      .app :is(
        input[type='date'],
        input[type='date'].input,
        input[type='datetime-local'],
        input[type='datetime-local'].input,
        [data-sales-filter='date'],
        [data-sales-filter='date-start'],
        [data-sales-filter='date-end'],
        [data-op-date],
        [data-sale-date],
        [data-sale-employee-date],
        [data-forecast-op-date],
        [data-finance-projected-date],
        [data-finance-receivable-date],
        [data-finance-receivable-due],
        [data-finance-payable-date],
        [data-finance-payable-due],
        [data-finance-payable-recurring-last-date],
        [data-finance-settlement-date],
        [data-finance-bank-date],
        [data-documents-issued-at],
        [data-documents-expiry],
        [data-maintenance-date],
        [data-maintenance-next-date],
        [data-public-quotation-delivery-date],
        [data-purchase-arrival-date],
        [data-crm-date],
        [data-crm-followup-date],
        [data-crm-candidate-filter-start],
        [data-crm-candidate-filter-end],
        [data-history-report-control='start'],
        [data-history-report-control='end'],
        [data-production-history-filter='date-start'],
        [data-production-history-filter='date-end'],
        [data-stock-history-filter='date-start'],
        [data-stock-history-filter='date-end'],
        [data-time-clock-filter-date],
        [data-period-lock-until],
        [data-nutrition-reference-date],
        [data-sales-order-date],
        [data-stock-inventory-date]
      )::-webkit-datetime-edit-fields-wrapper,
      .app :is(
        input[type='date'],
        input[type='date'].input,
        input[type='datetime-local'],
        input[type='datetime-local'].input,
        [data-sales-filter='date'],
        [data-sales-filter='date-start'],
        [data-sales-filter='date-end'],
        [data-op-date],
        [data-sale-date],
        [data-sale-employee-date],
        [data-forecast-op-date],
        [data-finance-projected-date],
        [data-finance-receivable-date],
        [data-finance-receivable-due],
        [data-finance-payable-date],
        [data-finance-payable-due],
        [data-finance-payable-recurring-last-date],
        [data-finance-settlement-date],
        [data-finance-bank-date],
        [data-documents-issued-at],
        [data-documents-expiry],
        [data-maintenance-date],
        [data-maintenance-next-date],
        [data-public-quotation-delivery-date],
        [data-purchase-arrival-date],
        [data-crm-date],
        [data-crm-followup-date],
        [data-crm-candidate-filter-start],
        [data-crm-candidate-filter-end],
        [data-history-report-control='start'],
        [data-history-report-control='end'],
        [data-production-history-filter='date-start'],
        [data-production-history-filter='date-end'],
        [data-stock-history-filter='date-start'],
        [data-stock-history-filter='date-end'],
        [data-time-clock-filter-date],
        [data-period-lock-until],
        [data-nutrition-reference-date],
        [data-sales-order-date],
        [data-stock-inventory-date]
      )::-webkit-datetime-edit,
      .app :is(
        input[type='date'],
        input[type='date'].input,
        input[type='datetime-local'],
        input[type='datetime-local'].input,
        [data-sales-filter='date'],
        [data-sales-filter='date-start'],
        [data-sales-filter='date-end'],
        [data-op-date],
        [data-sale-date],
        [data-sale-employee-date],
        [data-forecast-op-date],
        [data-finance-projected-date],
        [data-finance-receivable-date],
        [data-finance-receivable-due],
        [data-finance-payable-date],
        [data-finance-payable-due],
        [data-finance-payable-recurring-last-date],
        [data-finance-settlement-date],
        [data-finance-bank-date],
        [data-documents-issued-at],
        [data-documents-expiry],
        [data-maintenance-date],
        [data-maintenance-next-date],
        [data-public-quotation-delivery-date],
        [data-purchase-arrival-date],
        [data-crm-date],
        [data-crm-followup-date],
        [data-crm-candidate-filter-start],
        [data-crm-candidate-filter-end],
        [data-history-report-control='start'],
        [data-history-report-control='end'],
        [data-production-history-filter='date-start'],
        [data-production-history-filter='date-end'],
        [data-stock-history-filter='date-start'],
        [data-stock-history-filter='date-end'],
        [data-time-clock-filter-date],
        [data-period-lock-until],
        [data-nutrition-reference-date],
        [data-sales-order-date],
        [data-stock-inventory-date]
      )::-webkit-date-and-time-value {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      .app :is(
        input[type='date'],
        input[type='date'].input,
        input[type='datetime-local'],
        input[type='datetime-local'].input,
        [data-sales-filter='date'],
        [data-sales-filter='date-start'],
        [data-sales-filter='date-end'],
        [data-op-date],
        [data-sale-date],
        [data-sale-employee-date],
        [data-forecast-op-date],
        [data-finance-projected-date],
        [data-finance-receivable-date],
        [data-finance-receivable-due],
        [data-finance-payable-date],
        [data-finance-payable-due],
        [data-finance-payable-recurring-last-date],
        [data-finance-settlement-date],
        [data-finance-bank-date],
        [data-documents-issued-at],
        [data-documents-expiry],
        [data-maintenance-date],
        [data-maintenance-next-date],
        [data-public-quotation-delivery-date],
        [data-purchase-arrival-date],
        [data-crm-date],
        [data-crm-followup-date],
        [data-crm-candidate-filter-start],
        [data-crm-candidate-filter-end],
        [data-history-report-control='start'],
        [data-history-report-control='end'],
        [data-production-history-filter='date-start'],
        [data-production-history-filter='date-end'],
        [data-stock-history-filter='date-start'],
        [data-stock-history-filter='date-end'],
        [data-time-clock-filter-date],
        [data-period-lock-until],
        [data-nutrition-reference-date],
        [data-sales-order-date],
        [data-stock-inventory-date]
      )::-webkit-datetime-edit-fields-wrapper,
      .app :is(
        input[type='date'],
        input[type='date'].input,
        input[type='datetime-local'],
        input[type='datetime-local'].input,
        [data-sales-filter='date'],
        [data-sales-filter='date-start'],
        [data-sales-filter='date-end'],
        [data-op-date],
        [data-sale-date],
        [data-sale-employee-date],
        [data-forecast-op-date],
        [data-finance-projected-date],
        [data-finance-receivable-date],
        [data-finance-receivable-due],
        [data-finance-payable-date],
        [data-finance-payable-due],
        [data-finance-payable-recurring-last-date],
        [data-finance-settlement-date],
        [data-finance-bank-date],
        [data-documents-issued-at],
        [data-documents-expiry],
        [data-maintenance-date],
        [data-maintenance-next-date],
        [data-public-quotation-delivery-date],
        [data-purchase-arrival-date],
        [data-crm-date],
        [data-crm-followup-date],
        [data-crm-candidate-filter-start],
        [data-crm-candidate-filter-end],
        [data-history-report-control='start'],
        [data-history-report-control='end'],
        [data-production-history-filter='date-start'],
        [data-production-history-filter='date-end'],
        [data-stock-history-filter='date-start'],
        [data-stock-history-filter='date-end'],
        [data-time-clock-filter-date],
        [data-period-lock-until],
        [data-nutrition-reference-date],
        [data-sales-order-date],
        [data-stock-inventory-date]
      )::-webkit-datetime-edit {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      .app :is(
        input[type='date'],
        input[type='date'].input,
        input[type='datetime-local'],
        input[type='datetime-local'].input,
        [data-sales-filter='date'],
        [data-sales-filter='date-start'],
        [data-sales-filter='date-end'],
        [data-op-date],
        [data-sale-date],
        [data-sale-employee-date],
        [data-forecast-op-date],
        [data-finance-projected-date],
        [data-finance-receivable-date],
        [data-finance-receivable-due],
        [data-finance-payable-date],
        [data-finance-payable-due],
        [data-finance-payable-recurring-last-date],
        [data-finance-settlement-date],
        [data-finance-bank-date],
        [data-documents-issued-at],
        [data-documents-expiry],
        [data-maintenance-date],
        [data-maintenance-next-date],
        [data-public-quotation-delivery-date],
        [data-purchase-arrival-date],
        [data-crm-date],
        [data-crm-followup-date],
        [data-crm-candidate-filter-start],
        [data-crm-candidate-filter-end],
        [data-history-report-control='start'],
        [data-history-report-control='end'],
        [data-production-history-filter='date-start'],
        [data-production-history-filter='date-end'],
        [data-stock-history-filter='date-start'],
        [data-stock-history-filter='date-end'],
        [data-time-clock-filter-date],
        [data-period-lock-until],
        [data-nutrition-reference-date],
        [data-sales-order-date],
        [data-stock-inventory-date]
      )::-webkit-date-and-time-value {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      .app :is(
        input[type='date'],
        input[type='date'].input,
        input[type='datetime-local'],
        input[type='datetime-local'].input,
        [data-sales-filter='date'],
        [data-sales-filter='date-start'],
        [data-sales-filter='date-end'],
        [data-op-date],
        [data-sale-date],
        [data-sale-employee-date],
        [data-forecast-op-date],
        [data-finance-projected-date],
        [data-finance-receivable-date],
        [data-finance-receivable-due],
        [data-finance-payable-date],
        [data-finance-payable-due],
        [data-finance-payable-recurring-last-date],
        [data-finance-settlement-date],
        [data-finance-bank-date],
        [data-documents-issued-at],
        [data-documents-expiry],
        [data-maintenance-date],
        [data-maintenance-next-date],
        [data-public-quotation-delivery-date],
        [data-purchase-arrival-date],
        [data-crm-date],
        [data-crm-followup-date],
        [data-crm-candidate-filter-start],
        [data-crm-candidate-filter-end],
        [data-history-report-control='start'],
        [data-history-report-control='end'],
        [data-production-history-filter='date-start'],
        [data-production-history-filter='date-end'],
        [data-stock-history-filter='date-start'],
        [data-stock-history-filter='date-end'],
        [data-time-clock-filter-date],
        [data-period-lock-until],
        [data-nutrition-reference-date],
        [data-sales-order-date],
        [data-stock-inventory-date]
      )::-webkit-calendar-picker-indicator {
        max-width: 100%;
        min-width: 0;
        width: clamp(0.9rem, 2.8vw, 1.06rem);
        margin-inline-start: clamp(0.08rem, 0.45vw, 0.2rem);
        margin-inline-end: 0;
        padding: 0;
      }

      [data-tab-panel="compras"] .purchase-form-2row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: min(0.44rem, 2.1vw);
        row-gap: min(0.58rem, 2.6vw);
      }

      [data-tab-panel="compras"] .purchase-form-2row > * {
        grid-column: auto !important;
        grid-row: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
      }

      [data-tab-panel="compras"] .purchase-form-2row .purchase-field--lead-days {
        display: none !important;
      }

      [data-tab-panel="compras"] .purchase-form-2row .purchase-submit-btn-2row,
      [data-tab-panel="compras"] .purchase-form-2row [data-form-error],
      [data-tab-panel="compras"] .purchase-form-2row [data-purchase-feedback] {
        grid-column: 1 / -1 !important;
      }

      [data-tab-panel="compras"] .purchase-form-2row .purchase-field--arrival,
      [data-tab-panel="compras"] .purchase-form-2row .purchase-field--arrival > :is(input, .input, .purchase-optional-input),
      [data-tab-panel="compras"] .purchase-form-2row .purchase-field--total-2row,
      [data-tab-panel="compras"] .purchase-form-2row .purchase-field--total-2row > :is(input, .input),
      [data-tab-panel="compras"] .purchase-form-2row .purchase-submit-btn-2row,
      [data-tab-panel="compras"] .purchase-form-2row .purchase-submit-btn-2row :is(button, .btn) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-inline-size: 0 !important;
        box-sizing: border-box;
      }

      .panel-actions,
      .bulk-actions,
      .table-actions,
      .sales-order-actions,
      .finance-payable-actions,
      .time-clock-actions,
      .location-actions,
      .forecast-plan-actions,
      .employee-face-actions,
      .access-permissions-actions {
        flex-wrap: wrap;
      }

      .sales-order-actions {
        white-space: normal;
      }

      .panel-actions > *,
      .bulk-actions > *,
      .table-actions > *,
      .sales-order-actions > * {
        min-width: 0;
        max-width: 100%;
      }

      .public-link-copy,
      [data-public-link-wrap],
      [data-tab-panel="compras"] [data-quotation-supplier-link-wrap] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
      }

      dialog,
      dialog.product-edit-dialog,
      .product-edit-dialog,
      .access-copy-dialog,
      .sales-order-dialog,
      .client-order-preview-dialog,
      .table-column-percent-dialog {
        width: min(calc(100vw - 24px), 980px) !important;
        max-width: calc(100vw - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }

      dialog[open],
      .product-edit-dialog[open] {
        max-height: calc(100dvh - 24px) !important;
        overflow: hidden !important;
      }

      .product-edit-header,
      .product-edit-body,
      .product-edit-form,
      .generic-edit-form-shell,
      .generic-edit-fields,
      .product-edit-nutrition-section,
      .access-copy-content,
      .access-copy-list,
      .client-order-preview-shell,
      .table-column-percent-grid {
        width: 100%;
        max-width: 100%;
        min-width: 0;
      }

      .product-edit-body {
        overflow-x: hidden !important;
        overflow-y: auto !important;
      }

      .access-copy-content,
      .access-copy-list,
      .client-order-preview-shell,
      .table-column-percent-grid {
        overflow-y: auto;
        max-height: calc(100dvh - 24px);
      }

      .sales-order-dialog .sales-order-line {
        grid-template-columns: minmax(0, 1fr) minmax(66px, 76px) minmax(84px, 96px) auto;
      }

      .sales-order-dialog .sales-order-line [data-sales-order-line-remove] {
        white-space: normal;
      }

      .table-wrapper,
      .sale-release-table-wrapper,
      .history-report-table-wrap,
      .forecast-table-wrap,
      .schedule-template-table-wrapper,
      .employee-schedule-table-wrapper,
      [data-field-requirements-wrapper] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-inline: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
      }

      .table-wrapper > table,
      .sale-release-table-wrapper > table,
      .history-report-table-wrap > table,
      .forecast-table-wrap > table,
      .schedule-template-table-wrapper > table,
      .employee-schedule-table-wrapper > table,
      [data-field-requirements-wrapper] > table {
        min-width: 100% !important;
        width: max-content;
        max-width: none;
      }

      .table-wrapper.is-mobile-cards,
      .schedule-template-table-wrapper.is-mobile-cards,
      .employee-schedule-table-wrapper.is-mobile-cards {
        overflow-x: hidden !important;
      }

      .app :is(
        .form-grid,
        [class*="form-grid"],
        [class*="fields-grid"],
        [class*="filters-grid"],
        [class*="config-grid"],
        [class*="summary-grid"],
        [data-crm-form],
        [data-documents-form],
        [data-finance-payable-form],
        [data-finance-receivable-form],
        [data-sale-employee-form],
        [data-maintenance-form],
        [data-tab-panel="financeiro"] .panel-actions,
        [data-tab-panel="historico"] .history-report-controls,
        .purchase-form-2row
      ) > * {
        min-width: 0 !important;
        max-width: 100% !important;
      }

      .app :is(
        [data-crm-form],
        [data-documents-form],
        [data-finance-payable-form],
        [data-finance-receivable-form],
        [data-sale-employee-form],
        [data-maintenance-form],
        [data-tab-panel="financeiro"] .panel-actions,
        [data-tab-panel="historico"] .history-report-controls,
        .purchase-form-2row
      ) {
        grid-template-columns: minmax(0, 1fr) !important;
      }

      .purchase-form-2row .purchase-field--quantity,
      .purchase-form-2row .purchase-field--price,
      .purchase-form-2row .purchase-field--total-2row,
      .purchase-form-2row .purchase-field--arrival {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
      }

      .finance-projected-date-field {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap;
      }

      .finance-projected-date-field .input {
        flex: 1 1 100%;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
      }

      .app input[type='date'],
      .app input[type='date'].input {
        width: 100% !important;
        inline-size: 100% !important;
        max-width: 100% !important;
        max-inline-size: 100% !important;
        min-width: 0 !important;
        min-inline-size: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        text-overflow: clip;
        padding-inline: min(0.62rem, 3.8vw) !important;
        text-align: left !important;
        text-align-last: left !important;
      }

      .app :is(
        .form-grid > *,
        .generic-edit-fields > *,
        [data-crm-form] > *,
        [data-documents-form] > *,
        [data-finance-payable-form] > *,
        [data-finance-receivable-form] > *,
        [data-sale-employee-form] > *,
        [data-maintenance-form] > *,
        [data-tab-panel="historico"] .history-report-controls > *,
        [data-tab-panel="financeiro"] .panel-actions > *,
        .purchase-form-2row > *
      ) {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden;
      }

      .app input[type='date']::-webkit-date-and-time-value,
      .app input[type='date']::-webkit-datetime-edit,
      .app input[type='date']::-webkit-datetime-edit-fields-wrapper,
      .app input[type='date']::-webkit-datetime-edit-text,
      .app input[type='date']::-webkit-datetime-edit-day-field,
      .app input[type='date']::-webkit-datetime-edit-month-field,
      .app input[type='date']::-webkit-datetime-edit-year-field {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        padding: 0 !important;
        text-align: left !important;
      }

      .app input[type='date']::-webkit-calendar-picker-indicator {
        margin: 0 0 0 auto;
        padding: 0;
        flex: 0 0 auto;
      }

      .app {
        --erp-mobile-control-height: 44px;
      }

      .app :is(
        input.input,
        select.input,
        button.btn,
        .btn,
        input[type='date'],
        input[type='date'].input
      ) {
        min-height: var(--erp-mobile-control-height) !important;
        box-sizing: border-box;
      }

      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(8),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(8) {
        display: none !important;
      }

      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(3) {
        font-size: 0 !important;
      }

      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(3)::after {
        content: 'Estoque';
        font-size: 0.76rem;
        line-height: 1.1;
      }

      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(1),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(1) {
        width: 42% !important;
      }

      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(3),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(3),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] th:nth-child(4),
      [data-tab-panel="compras"] table[data-table-column-key="daily-mrp"] td:nth-child(4) {
        width: 29% !important;
      }

      [data-tab-panel="crm"] [data-crm-form] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      [data-tab-panel="crm"] [data-crm-form] > * {
        min-width: 0;
      }

      [data-tab-panel="crm"] [data-crm-form] .crm-form-description-field,
      [data-tab-panel="crm"] [data-crm-form] [data-crm-feedback] {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
      }

      [data-tab-panel="crm"] [data-crm-form] .crm-form-attachment-field {
        grid-column: 1 !important;
        grid-row: auto !important;
        align-self: end;
      }

      [data-tab-panel="crm"] [data-crm-form] .crm-form-submit-button {
        grid-column: 2 !important;
        grid-row: auto !important;
        align-self: end;
        justify-self: stretch;
      }

      [data-tab-panel="crm"] [data-crm-form] :is([data-crm-attachment-trigger], .crm-form-submit-button) {
        width: 100% !important;
        font-size: 0 !important;
      }

      [data-tab-panel="crm"] [data-crm-form] [data-crm-attachment-trigger]::after {
        content: 'Inserir Arquivo';
        font-size: 0.84rem;
      }

      [data-tab-panel="crm"] [data-crm-form] .crm-form-submit-button::after {
        content: 'Registrar';
        font-size: 0.84rem;
      }

      [data-tab-panel="crm"] [data-crm-history-card] .cadastro-filter-bar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
      }

      [data-tab-panel="crm"] [data-crm-history-card] [data-crm-filter-query] {
        grid-column: 1;
      }

      [data-tab-panel="crm"] [data-crm-history-card] [data-crm-filter-type] {
        grid-column: 2;
      }

      [data-tab-panel="crm"] [data-crm-history-card] [data-crm-filter-status] {
        grid-column: 1 / -1;
      }

      [data-tab-panel="documentos"] [data-documents-form] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      [data-tab-panel="documentos"] [data-documents-form] > * {
        min-width: 0;
      }

      [data-tab-panel="documentos"] [data-documents-form] :is(
        .documents-field--link,
        .documents-field--file,
        .documents-field--recurrence-config,
        .documents-actions,
        [data-documents-remove-file-wrap],
        [data-documents-file-note],
        [data-documents-feedback]
      ) {
        grid-column: 1 / -1 !important;
      }

      [data-tab-panel="documentos"] [data-documents-form] .documents-field--issued-at {
        grid-column: 1 !important;
      }

      [data-tab-panel="documentos"] [data-documents-form] .documents-field--expiry {
        grid-column: 2 !important;
      }

      [data-tab-panel="documentos"] [data-documents-form] .documents-recurrence-config-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: end;
      }

      [data-tab-panel="estoque"] [data-stock-card="recebimento"] table[data-table-column-key="stock-receiving-table"] th:nth-child(5),
      [data-tab-panel="estoque"] [data-stock-card="recebimento"] table[data-table-column-key="stock-receiving-table"] td:nth-child(5) {
        display: none !important;
      }

      [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] th:nth-child(2),
      [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] td:nth-child(2),
      [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] th:nth-child(3),
      [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] td:nth-child(3) {
        display: none !important;
      }

      [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] th:nth-child(4) {
        font-size: 0 !important;
      }

      [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] th:nth-child(4)::after {
        content: 'Estoque';
        font-size: 0.76rem;
        line-height: 1.1;
      }

      [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] th:nth-child(1),
      [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] td:nth-child(1) {
        width: 44% !important;
      }

      [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] th:nth-child(4),
      [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] td:nth-child(4) {
        width: 24% !important;
      }

      [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] th:nth-child(6),
      [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] table[data-table-column-key="stock-current-table"] td:nth-child(6) {
        width: 32% !important;
        white-space: normal !important;
      }

      [data-tab-panel="estoque"] [data-stock-card="estoque-atual"] [data-stock-adjust-input] {
        width: 100% !important;
        min-width: 0 !important;
      }

      [data-tab-panel="financeiro"] .finance-projected-card__header {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.45rem;
        align-items: end;
      }

      [data-tab-panel="financeiro"] .finance-projected-card__header > h4 {
        grid-column: 1 / -1;
      }

      [data-tab-panel="financeiro"] .finance-projected-card__header > .finance-company-mobile-field {
        grid-column: 1;
        margin: 0;
      }

      [data-tab-panel="financeiro"] .finance-projected-card__header > .finance-company-mobile-field .input,
      [data-tab-panel="financeiro"] .finance-projected-card__header > .finance-projected-date-field .input {
        width: 100%;
        min-width: 0;
      }

      [data-tab-panel="financeiro"] .finance-projected-card__header > .finance-projected-date-field {
        grid-column: 2;
        margin: 0;
      }

      [data-tab-panel="historico"] table[data-table-column-key="history-report-table"] th:nth-child(6),
      [data-tab-panel="historico"] table[data-table-column-key="history-report-table"] td:nth-child(6) {
        display: none !important;
      }

      [data-tab-panel="historico"] table[data-table-column-key="sales-history-orders"] th:nth-child(9),
      [data-tab-panel="historico"] table[data-table-column-key="sales-history-orders"] td:nth-child(9),
      [data-tab-panel="historico"] table[data-table-column-key="sales-history-orders"] th:nth-child(10),
      [data-tab-panel="historico"] table[data-table-column-key="sales-history-orders"] td:nth-child(10) {
        display: none !important;
      }

      .app [data-tab-panel="manutencao"] [data-maintenance-form] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;
      }

      .app [data-tab-panel="manutencao"] [data-maintenance-form] .maintenance-notes-field,
      .app [data-tab-panel="manutencao"] [data-maintenance-form] .maintenance-photo-preview,
      .app [data-tab-panel="manutencao"] [data-maintenance-form] [data-maintenance-feedback] {
        grid-column: 1 / -1 !important;
      }

      .app [data-tab-panel="manutencao"] [data-maintenance-form] .maintenance-photo-field {
        grid-column: 1 !important;
        grid-row: auto !important;
        justify-self: stretch;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        align-self: end !important;
      }

      .app [data-tab-panel="manutencao"] [data-maintenance-form] .maintenance-actions {
        grid-column: 2 !important;
        grid-row: auto !important;
        align-self: end;
        justify-self: stretch;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      .app [data-tab-panel="manutencao"] [data-maintenance-form] .maintenance-actions::before {
        content: none;
        display: none !important;
        min-height: 0;
      }

      .app [data-tab-panel="manutencao"] [data-maintenance-form] .maintenance-file-toolbar .btn,
      .app [data-tab-panel="manutencao"] [data-maintenance-form] [data-maintenance-save] {
        width: 100% !important;
        inline-size: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
      }

      .app [data-tab-panel="manutencao"] [data-maintenance-form] .maintenance-file-toolbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
      }

      .app [data-tab-panel="manutencao"] [data-maintenance-form] :is([data-maintenance-photo-pick], [data-maintenance-save]) {
        width: 100% !important;
        inline-size: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: var(--erp-mobile-control-height) !important;
      }

      .app [data-tab-panel="manutencao"] [data-maintenance-form] [data-maintenance-save] {
        font-size: 0 !important;
      }

      .app [data-tab-panel="manutencao"] [data-maintenance-form] [data-maintenance-save]::after {
        content: 'Salvar';
        font-size: 0.84rem;
      }

      .app [data-tab-panel="manutencao"] [data-access-window="manutencao-lista"] .filter-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      .app [data-tab-panel="manutencao"] [data-access-window="manutencao-lista"] [data-maintenance-filter="query"] {
        grid-column: 1 / -1;
      }

      .app [data-tab-panel="manutencao"] [data-access-window="manutencao-lista"] [data-maintenance-filter="type"] {
        grid-column: 1;
      }

      .app [data-tab-panel="manutencao"] [data-access-window="manutencao-lista"] [data-maintenance-filter="status"] {
        grid-column: 2;
      }

      .app [data-tab-panel="producao"] [data-op-form],
      .app [data-tab-panel="producao"] [data-op-form].op-form--group-mode {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;
      }

      .app [data-tab-panel="producao"] [data-op-form] .op-main-field--qty,
      .app [data-tab-panel="producao"] [data-op-form] .op-main-field--unit,
      .app [data-tab-panel="producao"] [data-op-form] .op-main-field--date,
      .app [data-tab-panel="producao"] [data-op-form] .op-main-field--stock,
      .app [data-tab-panel="producao"] [data-op-form] .op-main-field--capacity,
      .app [data-tab-panel="producao"] [data-op-form] .op-main-field--suggested,
      .app [data-tab-panel="producao"] [data-op-form] .op-main-field--horizon,
      .app [data-tab-panel="producao"] [data-op-form] .op-estimate-field,
      .app [data-tab-panel="producao"] [data-op-form] .op-note-field,
      .app [data-tab-panel="producao"] [data-op-form] .op-submit-btn,
      .app [data-tab-panel="producao"] [data-op-form] [data-op-feedback],
      .app [data-tab-panel="producao"] [data-op-form] [data-op-group-wrap] {
        grid-column: 1 / -1 !important;
      }

      .app [data-tab-panel="producao"] [data-op-form] .op-main-field--category {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
      }

      .app [data-tab-panel="producao"] [data-op-form] .op-coverage-priority {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        justify-self: stretch !important;
      }

      .app [data-tab-panel="producao"] [data-op-form] :is(.op-coverage-priority__family-grid, .op-coverage-priority__single-grid) {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
      }

      .app [data-tab-panel="producao"] [data-op-form]:not(.op-form--category-selected) .op-main-field--category {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
      }

      .app [data-tab-panel="producao"] [data-op-form]:not(.op-form--category-selected) .op-coverage-priority {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
      }

      .app [data-tab-panel="producao"] [data-op-form]:not(.op-form--category-selected) .op-coverage-priority__family-grid {
        grid-template-columns: 1fr !important;
      }

      .app [data-tab-panel="producao"] [data-op-form].op-form--category-selected .op-main-field--category {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
      }

      .app [data-tab-panel="producao"] [data-op-form].op-form--category-selected .op-main-field--product {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        justify-self: stretch !important;
      }

      .app [data-tab-panel="producao"] [data-op-form].op-form--category-selected .op-coverage-priority {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
      }

      .app [data-tab-panel="producao"] [data-op-form].op-form--category-selected .op-coverage-priority__single > .op-coverage-priority__header,
      .app [data-tab-panel="producao"] [data-op-form].op-form--category-selected .op-coverage-priority__single-grid,
      .app [data-tab-panel="producao"] [data-op-form].op-form--category-selected .op-coverage-priority__table-wrap {
        width: 100% !important;
        max-width: 100% !important;
      }

      .app [data-tab-panel="producao"] [data-op-form].op-form--category-selected .op-coverage-priority__single-grid {
        grid-template-columns: 1fr !important;
      }

      .app [data-tab-panel="producao"] [data-op-form]:has(.op-main-field--product:not(.field-hidden)) .op-main-field--category {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
      }

      .app [data-tab-panel="producao"] [data-op-form]:has(.op-main-field--product:not(.field-hidden)) .op-main-field--product {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        justify-self: stretch !important;
      }

      .app [data-tab-panel="producao"] [data-op-form]:has(.op-main-field--product:not(.field-hidden)) .op-coverage-priority {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
      }
    }

    @media (max-width: 640px) {
      .app :is(.form-grid, [class*="form-grid"], [class*="fields-grid"], [class*="filters-grid"], [class*="config-grid"], [class*="summary-grid"]) {
        grid-template-columns: repeat(auto-fit, minmax(min(136px, 100%), 1fr)) !important;
        gap: min(0.72rem, 2.9vw);
      }

      [data-tab-panel="crm"] [data-crm-form],
      [data-tab-panel="documentos"] [data-documents-form],
      [data-tab-panel="manutencao"] [data-maintenance-form],
      [data-tab-panel="producao"] [data-op-form],
      [data-tab-panel="producao"] [data-op-form].op-form--group-mode,
      [data-op-form],
      [data-op-form].op-form--group-mode,
      [data-tab-panel="historico"] .history-report-controls,
      [data-tab-panel="financeiro"] .finance-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      [data-tab-panel="producao"] [data-op-form]:not(.op-form--category-selected) .op-main-field--category {
        grid-column: 1 / -1 !important;
      }

      [data-tab-panel="producao"] [data-op-form].op-form--category-selected .op-main-field--category {
        grid-column: 1 !important;
      }

      [data-tab-panel="producao"] [data-op-form].op-form--category-selected .op-main-field--product {
        grid-column: 2 !important;
      }

      [data-tab-panel="producao"] [data-op-form] .op-coverage-priority {
        grid-column: 1 / -1 !important;
      }

      .panel,
      .card {
        padding-inline: min(0.78rem, 3vw) !important;
      }

      .sales-order-actions .btn {
        flex: 1 1 96px;
      }

      .product-edit-header {
        padding: 0.75rem 0.82rem;
      }

      .product-edit-body {
        padding: 0.72rem 0.78rem 0.82rem;
      }

      .auth-overlay {
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right));
      }

      .auth-card {
        width: 100%;
        max-width: 100%;
      }
    }

    /* Final mobile field normalization without affecting desktop. */
    @media (max-width: 900px) {
      .app {
        --erp-mobile-page-padding: 12px;
        --erp-mobile-gap-xs: 4px;
        --erp-mobile-gap-sm: 8px;
        --erp-mobile-gap-md: 12px;
        --erp-mobile-field-height: 34px;
        --erp-mobile-action-height: var(--erp-mobile-field-height);
        --erp-mobile-field-col-width: 100%;
        --erp-mobile-field-span-2-width: 100%;
        --erp-mobile-field-font-size: 0.78rem;
        --erp-mobile-field-padding-inline: 0.62rem;
        --erp-mobile-textarea-min-height: 72px;
        --erp-mobile-date-height: var(--erp-mobile-field-height);
        --erp-mobile-date-font-size: 0.78rem;
        --erp-mobile-date-icon-size: 0.8rem;
        --erp-mobile-date-max-inline: 100%;
        --erp-mobile-date-max-inline-span-2: var(--erp-mobile-field-span-2-width);
      }

      html,
      body,
      #app,
      .app {
        overflow-x: clip;
      }

      .app main,
      #app main {
        padding-inline: var(--erp-mobile-page-padding) !important;
      }

      .app :is(
        .form-grid,
        .filter-row,
        .cadastro-filter-bar,
        .panel-actions,
        .purchase-form-2row,
        [data-crm-form],
        [data-documents-form],
        [data-finance-payable-form],
        [data-finance-receivable-form],
        [data-tab-panel='financeiro'] .finance-filter-grid,
        [data-tab-panel='financeiro'] .finance-projected-card__header,
        [data-tab-panel='historico'] .history-report-controls,
        [data-tab-panel='manutencao'] [data-maintenance-form],
        [data-tab-panel='manutencao'] [data-access-window='manutencao-lista'] .filter-row,
        [data-tab-panel='producao'] [data-op-form],
        [data-tab-panel='producao'] [data-op-form].op-form--group-mode
      ) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        justify-content: stretch !important;
        column-gap: var(--erp-mobile-gap-sm) !important;
        row-gap: var(--erp-mobile-gap-sm) !important;
      }

      @media (max-width: 640px) {
        .app :is(
          .form-grid,
          .filter-row,
          .cadastro-filter-bar,
          .panel-actions,
          .purchase-form-2row,
          [data-crm-form],
          [data-documents-form],
          [data-finance-payable-form],
          [data-finance-receivable-form],
          [data-tab-panel='financeiro'] .finance-filter-grid,
          [data-tab-panel='financeiro'] .finance-projected-card__header,
          [data-tab-panel='historico'] .history-report-controls,
          [data-tab-panel='manutencao'] [data-maintenance-form],
          [data-tab-panel='manutencao'] [data-access-window='manutencao-lista'] .filter-row,
          [data-tab-panel='producao'] [data-op-form],
          [data-tab-panel='producao'] [data-op-form].op-form--group-mode
        ) {
          grid-template-columns: minmax(0, 1fr) !important;
        }

        .app :is(
          .panel-actions,
          .bulk-actions,
          .table-actions,
          .sales-order-actions,
          .time-clock-actions,
          .location-actions,
          .forecast-plan-actions,
          .employee-face-actions,
          .access-permissions-actions
        ) {
          gap: var(--erp-mobile-gap-sm);
        }

        [data-tab-panel='compras'] .purchase-form-2row .purchase-field--total-2row,
        [data-tab-panel='compras'] .purchase-form-2row .purchase-field--arrival {
          grid-column: 1 / -1 !important;
          grid-row: auto !important;
        }
      }

      .app :is(
        .form-grid,
        .filter-row,
        .cadastro-filter-bar,
        .panel-actions,
        .purchase-form-2row,
        [data-crm-form],
        [data-documents-form],
        [data-finance-payable-form],
        [data-finance-receivable-form],
        [data-tab-panel='financeiro'] .finance-filter-grid,
        [data-tab-panel='financeiro'] .finance-projected-card__header,
        [data-tab-panel='historico'] .history-report-controls,
        [data-tab-panel='manutencao'] [data-maintenance-form],
        [data-tab-panel='manutencao'] [data-access-window='manutencao-lista'] .filter-row,
        [data-tab-panel='producao'] [data-op-form],
        [data-tab-panel='producao'] [data-op-form].op-form--group-mode
      ) :is(
        input.input,
        select.input,
        input[type='text'],
        input[type='search'],
        input[type='email'],
        input[type='tel'],
        input[type='number'],
        input[type='url'],
        input[type='password'],
        input[type='date'],
        input[type='datetime-local'],
        input[type='datetime-local'].input,
        input[type='date'].input
      ) {
        inline-size: min(var(--erp-mobile-field-col-width), 100%) !important;
        width: min(var(--erp-mobile-field-col-width), 100%) !important;
        max-inline-size: min(var(--erp-mobile-field-col-width), 100%) !important;
        max-width: min(var(--erp-mobile-field-col-width), 100%) !important;
        min-inline-size: 0 !important;
        min-width: 0 !important;
        min-height: var(--erp-mobile-field-height) !important;
        height: var(--erp-mobile-field-height) !important;
        max-height: var(--erp-mobile-field-height) !important;
        box-sizing: border-box !important;
        padding-block: 0 !important;
        padding-inline: var(--erp-mobile-field-padding-inline) !important;
        font-size: var(--erp-mobile-field-font-size) !important;
        line-height: var(--erp-mobile-field-height) !important;
        align-self: end !important;
        justify-self: start !important;
        overflow: hidden !important;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .app :is(
        .form-grid,
        .filter-row,
        .cadastro-filter-bar,
        .panel-actions,
        .purchase-form-2row,
        [data-crm-form],
        [data-documents-form],
        [data-finance-payable-form],
        [data-finance-receivable-form],
        [data-tab-panel='financeiro'] .finance-filter-grid,
        [data-tab-panel='financeiro'] .finance-projected-card__header,
        [data-tab-panel='historico'] .history-report-controls,
        [data-tab-panel='manutencao'] [data-maintenance-form],
        [data-tab-panel='manutencao'] [data-access-window='manutencao-lista'] .filter-row,
        [data-tab-panel='producao'] [data-op-form],
        [data-tab-panel='producao'] [data-op-form].op-form--group-mode
      ) select.input {
        padding-inline-end: 1.56rem !important;
      }

      .app :is(
        .form-grid,
        .filter-row,
        .cadastro-filter-bar,
        .panel-actions,
        .purchase-form-2row,
        [data-crm-form],
        [data-documents-form],
        [data-finance-payable-form],
        [data-finance-receivable-form],
        [data-tab-panel='financeiro'] .finance-filter-grid,
        [data-tab-panel='financeiro'] .finance-projected-card__header,
        [data-tab-panel='historico'] .history-report-controls,
        [data-tab-panel='manutencao'] [data-maintenance-form],
        [data-tab-panel='manutencao'] [data-access-window='manutencao-lista'] .filter-row,
        [data-tab-panel='producao'] [data-op-form],
        [data-tab-panel='producao'] [data-op-form].op-form--group-mode
      ) :is(
        button,
        button.btn,
        .btn,
        input[type='button'],
        input[type='submit'],
        input[type='reset']
      ) {
        inline-size: min(var(--erp-mobile-field-col-width), 100%) !important;
        width: min(var(--erp-mobile-field-col-width), 100%) !important;
        max-inline-size: min(var(--erp-mobile-field-col-width), 100%) !important;
        max-width: min(var(--erp-mobile-field-col-width), 100%) !important;
        min-inline-size: 0 !important;
        min-width: 0 !important;
        min-height: var(--erp-mobile-action-height) !important;
        height: var(--erp-mobile-action-height) !important;
        max-height: var(--erp-mobile-action-height) !important;
        padding-block: 0 !important;
        font-size: var(--erp-mobile-field-font-size) !important;
        line-height: var(--erp-mobile-action-height) !important;
        align-self: end !important;
        justify-self: start !important;
        box-sizing: border-box !important;
      }

      .app :is(
        .purchase-form-2row,
        [data-crm-form],
        [data-documents-form],
        [data-finance-payable-form],
        [data-finance-receivable-form],
        [data-tab-panel='historico'] .history-report-controls,
        [data-tab-panel='manutencao'] [data-maintenance-form],
        [data-tab-panel='manutencao'] [data-access-window='manutencao-lista'] .filter-row,
        [data-tab-panel='producao'] [data-op-form],
        [data-tab-panel='producao'] [data-op-form].op-form--group-mode
      ) > :is(
        .span-2,
        .span-3,
        .span-4,
        .span-6,
        .purchase-field--ingredient,
        .purchase-field--supplier,
        .crm-form-description-field,
        [data-crm-feedback],
        [data-crm-filter-status],
        .documents-field--link,
        .documents-field--file,
        .documents-field--recurrence-config,
        .finance-receivable-description-field,
        .finance-payable-description-field,
        [data-documents-feedback],
        .maintenance-notes-field,
        [data-maintenance-feedback],
        [data-maintenance-filter='query'],
        .op-main-field--qty,
        .op-main-field--unit,
        .op-main-field--date,
        .op-main-field--stock,
        .op-main-field--capacity,
        .op-main-field--suggested,
        .op-main-field--horizon,
        .op-estimate-field,
        .op-note-field,
        [data-op-feedback],
        [data-op-group-wrap]
      ) > :is(
        input.input,
        select.input,
        input[type='text'],
        input[type='search'],
        input[type='email'],
        input[type='tel'],
        input[type='number'],
        input[type='url'],
        input[type='password'],
        input[type='date'],
        input[type='datetime-local'],
        input[type='datetime-local'].input,
        input[type='date'].input
      ) {
        inline-size: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        width: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        max-inline-size: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        max-width: min(var(--erp-mobile-field-span-2-width), 100%) !important;
      }

      .app :is(
        .purchase-form-2row,
        [data-crm-form],
        [data-documents-form],
        [data-finance-payable-form],
        [data-finance-receivable-form],
        [data-tab-panel='historico'] .history-report-controls,
        [data-tab-panel='manutencao'] [data-maintenance-form],
        [data-tab-panel='manutencao'] [data-access-window='manutencao-lista'] .filter-row,
        [data-tab-panel='producao'] [data-op-form],
        [data-tab-panel='producao'] [data-op-form].op-form--group-mode
      ) > :is(
        .span-2,
        .span-3,
        .span-4,
        .span-6,
        .purchase-field--ingredient,
        .purchase-field--supplier,
        .crm-form-description-field,
        [data-crm-feedback],
        [data-crm-filter-status],
        .documents-field--link,
        .documents-field--file,
        .documents-field--recurrence-config,
        .finance-receivable-description-field,
        .finance-payable-description-field,
        [data-documents-feedback],
        .maintenance-notes-field,
        [data-maintenance-feedback],
        [data-maintenance-filter='query'],
        .op-main-field--qty,
        .op-main-field--unit,
        .op-main-field--date,
        .op-main-field--stock,
        .op-main-field--capacity,
        .op-main-field--suggested,
        .op-main-field--horizon,
        .op-estimate-field,
        .op-note-field,
        [data-op-feedback],
        [data-op-group-wrap]
      ) :is(
        input.input,
        select.input,
        input[type='text'],
        input[type='search'],
        input[type='email'],
        input[type='tel'],
        input[type='number'],
        input[type='url'],
        input[type='password'],
        input[type='date'],
        input[type='datetime-local'],
        input[type='datetime-local'].input,
        input[type='date'].input
      ) {
        inline-size: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        width: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        max-inline-size: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        max-width: min(var(--erp-mobile-field-span-2-width), 100%) !important;
      }

      .app :is(
        .purchase-form-2row,
        [data-crm-form],
        [data-documents-form],
        [data-finance-payable-form],
        [data-finance-receivable-form],
        [data-tab-panel='historico'] .history-report-controls,
        [data-tab-panel='manutencao'] [data-maintenance-form],
        [data-tab-panel='manutencao'] [data-access-window='manutencao-lista'] .filter-row,
        [data-tab-panel='producao'] [data-op-form],
        [data-tab-panel='producao'] [data-op-form].op-form--group-mode
      ) > :is(
        .span-2,
        .span-3,
        .span-4,
        .span-6,
        .purchase-field--ingredient,
        .purchase-field--supplier,
        .purchase-submit-btn-2row,
        .crm-form-description-field,
        [data-crm-feedback],
        [data-crm-filter-status],
        .documents-field--link,
        .documents-field--file,
        .documents-field--recurrence-config,
        .finance-receivable-description-field,
        .finance-payable-description-field,
        [data-documents-feedback],
        .maintenance-notes-field,
        [data-maintenance-feedback],
        [data-maintenance-filter='query'],
        .op-main-field--qty,
        .op-main-field--unit,
        .op-main-field--date,
        .op-main-field--stock,
        .op-main-field--capacity,
        .op-main-field--suggested,
        .op-main-field--horizon,
        .op-estimate-field,
        .op-note-field,
        [data-op-feedback],
        [data-op-group-wrap]
      ) :is(
        button,
        button.btn,
        .btn,
        input[type='button'],
        input[type='submit'],
        input[type='reset']
      ) {
        inline-size: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        width: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        max-inline-size: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        max-width: min(var(--erp-mobile-field-span-2-width), 100%) !important;
      }

      .app [data-tab-panel='financeiro'] .finance-receivable-card .finance-receivable-launch-window [data-finance-receivable-form] .finance-receivable-description-field,
      .app [data-tab-panel='financeiro'] [data-finance-payable-form] .finance-payable-description-field {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
      }

      .app :is(
        .filter-row,
        .cadastro-filter-bar,
        .panel-actions,
        [data-tab-panel='historico'] .history-report-controls,
        [data-tab-panel='financeiro'] .finance-filter-grid,
        [data-tab-panel='manutencao'] [data-access-window='manutencao-lista'] .filter-row
      ) textarea.input {
        inline-size: min(var(--erp-mobile-field-col-width), 100%) !important;
        width: min(var(--erp-mobile-field-col-width), 100%) !important;
        max-inline-size: min(var(--erp-mobile-field-col-width), 100%) !important;
        max-width: min(var(--erp-mobile-field-col-width), 100%) !important;
        min-height: var(--erp-mobile-textarea-min-height) !important;
        height: auto !important;
        max-height: none !important;
        padding: 0.48rem var(--erp-mobile-field-padding-inline) !important;
        line-height: 1.28 !important;
        align-self: start !important;
        justify-self: start !important;
        overflow: auto !important;
        white-space: normal !important;
        resize: none;
      }

      .app :is(
        .form-grid,
        [data-crm-form],
        [data-documents-form],
        [data-maintenance-form],
        [data-op-form],
        [data-op-form].op-form--group-mode
      ) textarea.input {
        inline-size: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        width: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        max-inline-size: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        max-width: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        min-height: var(--erp-mobile-textarea-min-height) !important;
        height: auto !important;
        max-height: none !important;
        padding: 0.48rem var(--erp-mobile-field-padding-inline) !important;
        line-height: 1.28 !important;
        align-self: start !important;
        justify-self: start !important;
        white-space: normal !important;
      }

      .app :is(
        input[type='date'],
        input[type='date'].input,
        input[type='datetime-local'],
        input[type='datetime-local'].input
      ) {
        inline-size: min(var(--erp-mobile-date-max-inline), 100%) !important;
        width: min(var(--erp-mobile-date-max-inline), 100%) !important;
        max-inline-size: var(--erp-mobile-date-max-inline) !important;
        max-width: var(--erp-mobile-date-max-inline) !important;
        min-inline-size: 0 !important;
        min-width: 0 !important;
        margin-inline-end: auto !important;
        justify-self: start !important;
        box-sizing: border-box !important;
        min-height: var(--erp-mobile-date-height) !important;
        height: var(--erp-mobile-date-height) !important;
        max-height: var(--erp-mobile-date-height) !important;
        padding-block: 0 !important;
        padding-inline: var(--erp-mobile-field-padding-inline) !important;
        padding-inline-start: var(--erp-mobile-field-padding-inline) !important;
        padding-inline-end: var(--erp-mobile-field-padding-inline) !important;
        font-size: var(--erp-mobile-date-font-size) !important;
        line-height: var(--erp-mobile-date-height) !important;
        text-align: center !important;
        text-align-last: center !important;
        vertical-align: middle;
        background-image: none !important;
        background-color: var(--erp-field-bg, rgba(12, 35, 84, 0.94)) !important;
        background-clip: padding-box !important;
        overflow: hidden !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-appearance: auto !important;
        appearance: auto !important;
      }

      .app :is(
        .purchase-form-2row,
        [data-crm-form],
        [data-documents-form],
        [data-finance-payable-form],
        [data-finance-receivable-form],
        [data-tab-panel='historico'] .history-report-controls,
        [data-tab-panel='manutencao'] [data-maintenance-form],
        [data-tab-panel='manutencao'] [data-access-window='manutencao-lista'] .filter-row,
        [data-tab-panel='producao'] [data-op-form],
        [data-tab-panel='producao'] [data-op-form].op-form--group-mode
      ) > :is(
        .span-2,
        .span-3,
        .span-4,
        .span-6,
        .purchase-field--ingredient,
        .purchase-field--supplier,
        .crm-form-description-field,
        [data-crm-feedback],
        [data-crm-filter-status],
        .documents-field--link,
        .documents-field--file,
        .documents-field--recurrence-config,
        .finance-receivable-description-field,
        .finance-payable-description-field,
        [data-documents-feedback],
        .maintenance-notes-field,
        [data-maintenance-feedback],
        [data-maintenance-filter='query'],
        .op-main-field--qty,
        .op-main-field--unit,
        .op-main-field--date,
        .op-main-field--stock,
        .op-main-field--capacity,
        .op-main-field--suggested,
        .op-main-field--horizon,
        .op-estimate-field,
        .op-note-field,
        [data-op-feedback],
        [data-op-group-wrap]
      ) > :is(
        input[type='date'],
        input[type='date'].input,
        input[type='datetime-local'],
        input[type='datetime-local'].input
      ) {
        inline-size: min(100%, var(--erp-mobile-date-max-inline-span-2)) !important;
        width: min(100%, var(--erp-mobile-date-max-inline-span-2)) !important;
        max-inline-size: var(--erp-mobile-date-max-inline-span-2) !important;
        max-width: var(--erp-mobile-date-max-inline-span-2) !important;
      }

      .app :is(input[type='date'], input[type='datetime-local'])::-webkit-date-and-time-value,
      .app :is(input[type='date'], input[type='datetime-local'])::-webkit-datetime-edit,
      .app :is(input[type='date'], input[type='datetime-local'])::-webkit-datetime-edit-fields-wrapper,
      .app :is(input[type='date'], input[type='datetime-local'])::-webkit-datetime-edit-text,
      .app :is(input[type='date'], input[type='datetime-local'])::-webkit-datetime-edit-day-field,
      .app :is(input[type='date'], input[type='datetime-local'])::-webkit-datetime-edit-month-field,
      .app :is(input[type='date'], input[type='datetime-local'])::-webkit-datetime-edit-year-field,
      .app :is(input[type='date'], input[type='datetime-local'])::-webkit-datetime-edit-hour-field,
      .app :is(input[type='date'], input[type='datetime-local'])::-webkit-datetime-edit-minute-field {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        inline-size: 100% !important;
        block-size: 100% !important;
        background: transparent !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: var(--erp-mobile-date-height) !important;
        text-align: center !important;
        text-align-last: center !important;
      }

      .app :is(input[type='date'], input[type='datetime-local'])::-webkit-calendar-picker-indicator {
        margin: 0 !important;
        padding: 0 !important;
        inline-size: var(--erp-mobile-date-icon-size) !important;
        block-size: var(--erp-mobile-date-icon-size) !important;
        width: var(--erp-mobile-date-icon-size) !important;
        height: var(--erp-mobile-date-icon-size) !important;
        opacity: 0.86;
      }

      .app :is(.input-unit-suffix, .purchase-quantity-unit) {
        min-height: var(--erp-mobile-field-height) !important;
        height: var(--erp-mobile-field-height) !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
      }

      [data-tab-panel='compras'] .purchase-form-2row .purchase-field--total-2row {
        grid-column: 1 !important;
        grid-row: 4 !important;
      }

      [data-tab-panel='compras'] .purchase-form-2row .purchase-field--arrival {
        grid-column: 2 !important;
        grid-row: 4 !important;
      }

      [data-tab-panel='compras'] .purchase-form-2row .purchase-field--arrival > :is(input, .input, .purchase-optional-input) {
        inline-size: min(var(--erp-mobile-date-max-inline), 100%) !important;
        width: min(var(--erp-mobile-date-max-inline), 100%) !important;
        max-inline-size: var(--erp-mobile-date-max-inline) !important;
        max-width: var(--erp-mobile-date-max-inline) !important;
        justify-self: start !important;
        margin-inline-end: auto !important;
      }

      #app [data-tab-panel='compras'] .purchase-form-2row > .purchase-field--ingredient > select.input,
      #app [data-tab-panel='compras'] .purchase-form-2row > .purchase-field--supplier > select.input {
        inline-size: min(var(--erp-mobile-field-col-width), 100%) !important;
        width: min(var(--erp-mobile-field-col-width), 100%) !important;
        max-inline-size: min(var(--erp-mobile-field-col-width), 100%) !important;
        max-width: min(var(--erp-mobile-field-col-width), 100%) !important;
      }

      [data-tab-panel='compras'] .purchase-form-2row > .purchase-submit-btn-2row {
        grid-column: 1 / -1 !important;
        inline-size: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        width: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        max-inline-size: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        max-width: min(var(--erp-mobile-field-span-2-width), 100%) !important;
        min-inline-size: 0 !important;
        min-width: 0 !important;
        min-height: var(--erp-mobile-action-height) !important;
        height: var(--erp-mobile-action-height) !important;
        max-height: var(--erp-mobile-action-height) !important;
        line-height: var(--erp-mobile-action-height) !important;
        justify-self: start !important;
      }

      [data-tab-panel='compras'] .purchase-form-2row :is(.input-with-unit, .purchase-quantity-wrap, .purchase-optional-input) {
        inline-size: min(var(--erp-mobile-field-col-width), 100%) !important;
        width: min(var(--erp-mobile-field-col-width), 100%) !important;
        max-inline-size: min(var(--erp-mobile-field-col-width), 100%) !important;
        max-width: min(var(--erp-mobile-field-col-width), 100%) !important;
        min-inline-size: 0 !important;
        min-width: 0 !important;
      }

      [data-tab-panel='estoque'] .history-grid .table-actions.stock-current-header > .btn,
      [data-tab-panel='estoque'] .history-grid .table-wrapper .table-actions-col .btn,
      [data-tab-panel='estoque'] .history-grid .table-wrapper .table-actions-col .input-with-unit > input.input {
        min-height: var(--erp-mobile-action-height) !important;
        height: var(--erp-mobile-action-height) !important;
        max-height: var(--erp-mobile-action-height) !important;
        padding-block: 0 !important;
        line-height: var(--erp-mobile-action-height) !important;
        box-sizing: border-box !important;
      }

      [data-tab-panel='ponto'] .time-clock-actions.table-actions .btn,
      [data-tab-panel='ponto'] .time-clock-filter-grid .input {
        min-height: var(--erp-mobile-action-height) !important;
        height: var(--erp-mobile-action-height) !important;
        max-height: var(--erp-mobile-action-height) !important;
        padding-block: 0 !important;
        line-height: var(--erp-mobile-action-height) !important;
        box-sizing: border-box !important;
      }

      #app [data-tab-panel='ponto'] .time-clock-history-card .time-clock-filter-grid :is(input.input, select.input) {
        min-height: var(--erp-mobile-action-height) !important;
        height: var(--erp-mobile-action-height) !important;
        max-height: var(--erp-mobile-action-height) !important;
        padding-block: 0 !important;
        line-height: var(--erp-mobile-action-height) !important;
        box-sizing: border-box !important;
      }

      .app :is(.table-pager__controls .btn, .table-pager__controls select.input) {
        min-height: var(--erp-mobile-action-height) !important;
        height: var(--erp-mobile-action-height) !important;
        max-height: var(--erp-mobile-action-height) !important;
        line-height: var(--erp-mobile-action-height) !important;
        padding-block: 0 !important;
        box-sizing: border-box !important;
      }

      .app :is(
        [data-tab-panel='financeiro'] td.has-actions .btn,
        [data-tab-panel='financeiro'] .finance-payable-actions .btn,
        [data-tab-panel='historico'] td .btn,
        [data-tab-panel='historico'] .sales-order-actions .btn,
        [data-tab-panel='estoque'] .stock-receiving-actions .btn,
        [data-tab-panel='estoque'] td .input-with-unit > input.input
      ) {
        min-height: var(--erp-mobile-action-height) !important;
        height: var(--erp-mobile-action-height) !important;
        max-height: var(--erp-mobile-action-height) !important;
        line-height: var(--erp-mobile-action-height) !important;
        padding-block: 0 !important;
        box-sizing: border-box !important;
      }

      .app [data-tab-panel='estoque'] .stock-receiving-actions {
        align-items: center !important;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }

      *,
      *::before,
      *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
      }
    }