/* Shared neutral theme. Loaded after the operational and login styles. */
:root {
  --app-bg: #f6f6f6;
  --window-bg: #f6f6f6;
  --surface: #ffffff;
  --surface-muted: #fafafa;
  --surface-soft: #f4f4f4;
  --title-start: #ffffff;
  --title-end: #ffffff;
  --title-text: #272727;
  --border: #e4e4e4;
  --border-strong: #d4d4d4;
  --text: #272727;
  --text-soft: #727272;
  --link: #404040;
  --selected: #f0f0f0;
  --selected-border: #d4d4d4;
  --stripe: #fafafa;
  --shadow: none;
  --shadow-lg: 0 16px 48px #18181818;
  --radius: 8px;
  --nfe-navy: #272727;
  --nfe-ink: #404040;
  --nfe-blue: #535353;
  --nfe-muted: #727272;
  --nfe-border: #e4e4e4;
  --nfe-bg: #fafafa;
  --nfe-canvas: #f6f6f6;
  --nfe-teal: #535353;
  --nfe-teal-dark: #404040;
  --nfe-red: #535353;
  --nfe-lilac: #f4f4f4;
}
body { background: var(--app-bg); color: var(--text); font-family: 'Segoe UI', Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body .app-shell, body .window-frame, body .workspace-main { background: var(--app-bg); box-shadow: none; }
body a { color: #404040; }
body .sidebar { background: #ffffff; border-right: 1px solid var(--border); box-shadow: none; }
body .sidebar::after { display: none; }
body .sidebar__header { border-color: var(--border); }
body .sidebar__company, body .sidebar__company-fallback { background: #f4f4f4; color: #535353; border-color: var(--border); box-shadow: none; }
body .sidebar-nav { gap: 4px; }
body .sidebar-nav__group { padding: 0; border: 0; margin: 0; }
body .sidebar-nav a { min-height: 40px; padding: 9px 12px; background: transparent; border: 0; border-radius: 6px; color: #636363; font-weight: 400; box-shadow: none; transform: none; }
body .sidebar-nav a:hover { background: #f7f7f7; color: #272727; transform: none; box-shadow: none; }
body .sidebar-nav a.is-active { background: #efefef; color: #181818; font-weight: 600; box-shadow: none; }
body .sidebar-nav__icon, body .sidebar-nav a.is-active .sidebar-nav__icon { color: inherit; background: transparent; border: 0; }
body .sidebar__header > .sidebar-toggle, body .sidebar-toggle, body .workspace-header__left .sidebar-toggle--inline { background: #f4f4f4; color: #535353; border: 1px solid var(--border); border-radius: 6px; box-shadow: none; }
body .sidebar-toggle:hover { background: #eaeaea; }
body .sidebar__footer { border-color: var(--border); }
body .sidebar-user, body .sidebar-signout button { color: #727272; }
body .sidebar-signout button { background: transparent; box-shadow: none; }
body .workspace-header { background: #ffffff; border-bottom: 1px solid var(--border); box-shadow: none; }
body .workspace-header { gap: 16px; padding-block: 12px; }
body .workspace-header__left { min-width: 0; flex: 1; }
body .workspace-page-title { margin: 0; min-width: 0; color: #272727; font: 600 15px/1.4 'Segoe UI', Arial, sans-serif; overflow-wrap: anywhere; }
body .workspace-header-actions { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-left: auto; }
body .workspace-header-actions:empty { display: none; }
body .dashboard-page > .dashboard-live { width: fit-content; margin: 0 4px 16px; }
body .shipment-detail .scan-card { grid-template-columns: minmax(0, 1fr); }
body .shipment-detail .scan-form { grid-column: 1; }
body .shipment-detail .delivery-heading { justify-content: flex-end; }
body .workspace-caption { color: #404040; font-weight: 600; }
body .workspace-caption__icon { color: #727272; background: #f4f4f4; border: 0; }
body .workspace-account strong { color: #535353; font-weight: 500; }
body .workspace-account small { color: #727272; }
body .page { gap: 20px; }
body .legacy-group, body .new-card { border: 1px solid var(--border); border-radius: 8px; background: #ffffff; box-shadow: none; }
body .operations-panel__title, body .legacy-group__legend { color: #404040; background: #ffffff; border-bottom: 1px solid var(--border); box-shadow: none; }
body .operations-panel__title strong, body .legacy-group__legend { font-weight: 600; }
body .new-content h1, body .new-content h2, body .new-content h3, body .users-layout h2 { color: #272727; font-weight: 600; }
body .new-content p { line-height: 1.6; }
body .button, body .workspace-header .button, body .new-content .button, body .manual-picking-modal footer .button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; min-height: 40px; padding: 10px 18px; font: 500 13px/18px 'Segoe UI', Arial, sans-serif; text-decoration: none; white-space: nowrap; cursor: pointer; background: #303030; color: #ffffff; border: 1px solid #303030; border-radius: 6px; box-shadow: none; transform: none; }
body .button:hover, body .workspace-header .button:hover, body .new-content .button:hover { background: #464646; border-color: #464646; box-shadow: none; transform: none; }
body .button-secondary, body .workspace-header .button-secondary, body .new-content .button-secondary, body .dispatch-open-button, body .shipment-cancel, body .invoice-model-toolbar>a, body .picking-manual-button { background: #ffffff; color: #535353; border: 1px solid #d4d4d4; box-shadow: none; border-radius: 6px; }
body .button-secondary:hover, body .workspace-header .button-secondary:hover, body .dispatch-open-button:hover, body .shipment-cancel:hover, body .invoice-model-toolbar>a:hover { background: #f4f4f4; border-color: #b7b7b7; }
body input:not([type=checkbox]):not([type=radio]):not([type=file]), body select, body textarea { background: #ffffff; color: #272727; border-color: #d4d4d4; border-radius: 6px; box-shadow: none; }
body input::placeholder, body textarea::placeholder { color: #8b8b8b; }
body input[type=checkbox], body input[type=radio], body progress { accent-color: #535353; }
body :focus-visible, body .new-content :focus-visible, body .auth-card input:focus { outline: 2px solid #727272; outline-offset: 3px; }
body .entry-table { background: #ffffff; }
body .entry-table th { background: #fafafa; color: #727272; font-weight: 500; font-size: 12px; border-color: var(--border); }
body .entry-table td { color: #404040; border-color: #ededed; }
body .entry-table tbody tr:nth-child(even) { background: #ffffff; }
body .entry-table tbody .entry-clickable-row:hover, body .entry-table tbody .entry-clickable-row:focus-within { background: #f7f7f7; }
body .entry-table tbody .delivery-group-row { background: #f6f6f6; }
body .delivery-group-heading>span, body .entry-row-link { color: #404040; }
body .entry-summary, body .invoice-identity, body .shipment-readonly, body .shipment-detail .scan-card { background: #fafafa; border-color: var(--border); color: #535353; }
body .entry-status, body .delivery-state, body .history-type, body .users-status, body .invoice-bonification { background: #f0f0f0; color: #535353; border: 1px solid #e4e4e4; border-radius: 5px; font-weight: 500; }
body .invoice-tabs { border-color: var(--border); }
body .invoice-tabs button { color: #727272; }
body .invoice-tabs button[aria-selected=true] { color: #272727; border-bottom-color: #535353; }
body .invoice-group, body .invoice-party, body .invoice-party-card { border-color: var(--border); background: #ffffff; box-shadow: none; }
body .invoice-group h3, body .invoice-party>h3 { color: #535353; border-color: var(--border); }
body .note-tabs__tab, body .note-tabs__nav, body .note-tabs__header { background: #fafafa; color: #727272; border-color: var(--border); box-shadow: none; }
body .note-tabs__tab.is-active, body .note-tabs__tab[aria-selected=true] { background: #ffffff; color: #272727; border-color: #727272; }
body .note-tabs__list { border-bottom: 1px solid var(--border); }
body .note-tabs__list button { background: transparent; color: #727272; font-family: inherit; font-weight: 500; }
body .note-tabs__list button:hover { background: #fafafa; color: #272727; }
body .note-tabs__list button.is-active { background: #ffffff; color: #272727; border-bottom: 2px solid #535353; }
body .confirmation-basic__grid dd, body .confirmation-fields dd { color: #404040; font-weight: 500; }
body .confirmation-basic__grid dt, body .confirmation-fields dt { color: #727272; font-weight: 500; }
body .confirmation-basic, body .confirmation-fields, body .invoice-xml { background: #fafafa; border-color: var(--border); color: #404040; }
body .dashboard-heading>strong, body .dashboard-total>strong, body .conference-counters article>strong { color: #272727; }
body .dashboard-total, body .dashboard-load, body .dashboard-conference { background: #ffffff; border-color: var(--border); border-radius: 8px; box-shadow: none; }
body .dashboard-total:hover, body .dashboard-load:hover { box-shadow: none; border-color: #b7b7b7; }
body .dashboard-total>span>.ui-icon { color: #727272; background: #f4f4f4; border-radius: 8px; }
body .dashboard-total>span, body .dashboard-total>small, body .dashboard-load p, body .dashboard-lane>header { color: #727272; }
body .dashboard-load>a, body .dashboard-load footer>a, body .dashboard-conference>header>a, body .conference-recent>a { color: #404040; }
body .dashboard-load>a>span, body .dashboard-lane>header>span { background: #f4f4f4; color: #727272; }
body .dashboard-live, body .dashboard-sound, body .dashboard-sound[aria-pressed=true] { background: #ffffff; border-color: var(--border); color: #727272; }
body .dashboard-live i { background: #727272; }
body .dashboard-empty-state { background: #fafafa; border-color: var(--border); color: #727272; }
body .conference-counters article { border-color: #d4d4d4; }
body .picking-recipient-group, body .picking-recipient-group>header, body .picking-recipient-address { background: #fafafa; color: #535353; border-color: var(--border); }
body .picking-page .picking-items-table tr.picking-complete, body .picking-items-table [data-picking-item].picking-complete { background: #fafafa; border-left-color: #a2a2a2; }
body .picking-items-table tr.picking-complete>td:nth-child(3)>strong { color: #404040; }
body .picking-items-table td:nth-child(n+5) { background: #f5f5f5; }
body .picking-progress-bar { accent-color: #535353; }
body .picking-progress-bar::-webkit-progress-bar { background: #ededed; }
body .picking-progress-bar::-webkit-progress-value { background: #535353; }
body .picking-progress-bar::-moz-progress-bar { background: #535353; }
body .picking-page [data-picking-feedback] { background: #f4f4f4; color: #404040; }
body dialog { border-color: var(--border); border-radius: 10px; color: #272727; background: #ffffff; box-shadow: var(--shadow-lg); }
body dialog::backdrop { background: #18181866; }
body .dispatch-modal-header, body .manual-picking-modal header, body .picking-camera-modal header { background: #fafafa; color: #404040; border-color: var(--border); }
body .dispatch-modal-footer, body .dispatch-chosen-resources, body .dispatch-draft-total { background: #fafafa; color: #535353; border-color: var(--border); }
body .dispatch-primary { background: #303030; color: #ffffff; border-color: #303030; }
body .dispatch-secondary { background: #ffffff; color: #535353; border-color: #d4d4d4; }
body .dispatch-match { background: #fafafa; color: #535353; border-color: var(--border); }
body .manual-responsibility { background: #fafafa; border-color: #a2a2a2; color: #535353; }
/* Color is reserved for small feedback areas that require attention. */
body .new-success, body .dashboard-completion-alert { background: #f9f9f9; color: #575757; border: 1px solid #e5e5e5; border-radius: 6px; }
body .new-alert, body .auth-alert { background: #f9f9f9; color: #545454; border: 1px solid #e0e0e0; border-radius: 6px; }
body .auth-brand { background: #f0f0f0; color: #272727; border-right: 1px solid var(--border); }
body .auth-brand::after { display: none; }
body .auth-mark { background: #e4e4e4; color: #535353; border-radius: 10px; }
body .auth-eyebrow, body .auth-brand .auth-eyebrow, body .auth-brand p, body .auth-brand-footer { color: #727272; }
body .auth-card h2 { color: #272727; }
body .auth-content { background: #ffffff; }
body .auth-card button { background: #303030; color: #ffffff; border-radius: 6px; font-weight: 500; }
body .auth-card button:hover { background: #464646; }
@media (max-width: 760px) {
  body .workspace-header { flex-wrap: wrap; gap: 10px; padding-inline: 14px; }
  body .workspace-header__left { flex-basis: 100%; }
  body .workspace-header-actions { max-width: 100%; }
  body .workspace-page-title { font-size: 14px; }
  body .page { padding: 12px; gap: 12px; }
  body .sidebar-nav a { min-height: 44px; }
  body .auth-brand { border-right: 0; border-bottom: 1px solid var(--border); }
}
@media (prefers-reduced-motion: reduce) {
  body *, body *::before, body *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}