@charset "UTF-8";

/* src/styles.scss */
html {
  color-scheme: light;
}
html {
  --mat-sys-background: #fff8f6;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #fbeeec;
  --mat-sys-inverse-primary: #ffb4a8;
  --mat-sys-inverse-surface: #362f2e;
  --mat-sys-on-background: #201a19;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #930100;
  --mat-sys-on-primary-fixed: #410000;
  --mat-sys-on-primary-fixed-variant: #930100;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #5d3f3b;
  --mat-sys-on-secondary-fixed: #2c1512;
  --mat-sys-on-secondary-fixed-variant: #5d3f3b;
  --mat-sys-on-surface: #201a19;
  --mat-sys-on-surface-variant: #534341;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #723600;
  --mat-sys-on-tertiary-fixed: #311300;
  --mat-sys-on-tertiary-fixed-variant: #723600;
  --mat-sys-outline: #857370;
  --mat-sys-outline-variant: #d8c2be;
  --mat-sys-primary: #c00100;
  --mat-sys-primary-container: #ffdad4;
  --mat-sys-primary-fixed: #ffdad4;
  --mat-sys-primary-fixed-dim: #ffb4a8;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #775651;
  --mat-sys-secondary-container: #ffdad4;
  --mat-sys-secondary-fixed: #ffdad4;
  --mat-sys-secondary-fixed-dim: #e7bdb6;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #fff8f6;
  --mat-sys-surface-bright: #fff8f6;
  --mat-sys-surface-container: #f9ebe9;
  --mat-sys-surface-container-high: #f3e5e4;
  --mat-sys-surface-container-highest: #ede0dd;
  --mat-sys-surface-container-low: #fef1ef;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #e4d7d6;
  --mat-sys-surface-tint: #c00100;
  --mat-sys-surface-variant: #f5ddda;
  --mat-sys-tertiary: #964900;
  --mat-sys-tertiary-container: #ffdcc7;
  --mat-sys-tertiary-fixed: #ffdcc7;
  --mat-sys-tertiary-fixed-dim: #ffb787;
  --mat-sys-neutral-variant20: #3b2d2b;
  --mat-sys-neutral10: #201a19;
}
html {
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-body-large:
    400 1rem / 1.5rem "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-body-large-font:
    "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium:
    400 0.875rem / 1.25rem "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-body-medium-font:
    "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small:
    400 0.75rem / 1rem "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-body-small-font:
    "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large:
    400 3.562rem / 4rem Fraunces,
    Georgia,
    serif;
  --mat-sys-display-large-font:
    Fraunces,
    Georgia,
    serif;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium:
    400 2.812rem / 3.25rem Fraunces,
    Georgia,
    serif;
  --mat-sys-display-medium-font:
    Fraunces,
    Georgia,
    serif;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small:
    400 2.25rem / 2.75rem Fraunces,
    Georgia,
    serif;
  --mat-sys-display-small-font:
    Fraunces,
    Georgia,
    serif;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large:
    400 2rem / 2.5rem Fraunces,
    Georgia,
    serif;
  --mat-sys-headline-large-font:
    Fraunces,
    Georgia,
    serif;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium:
    400 1.75rem / 2.25rem Fraunces,
    Georgia,
    serif;
  --mat-sys-headline-medium-font:
    Fraunces,
    Georgia,
    serif;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small:
    400 1.5rem / 2rem Fraunces,
    Georgia,
    serif;
  --mat-sys-headline-small-font:
    Fraunces,
    Georgia,
    serif;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large:
    500 0.875rem / 1.25rem "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-label-large-font:
    "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 600;
  --mat-sys-label-medium:
    500 0.75rem / 1rem "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-label-medium-font:
    "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 600;
  --mat-sys-label-small:
    500 0.688rem / 1rem "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-label-small-font:
    "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large:
    400 1.375rem / 1.75rem Fraunces,
    Georgia,
    serif;
  --mat-sys-title-large-font:
    Fraunces,
    Georgia,
    serif;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium:
    500 1rem / 1.5rem "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-title-medium-font:
    "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small:
    500 0.875rem / 1.25rem "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-title-small-font:
    "IBM Plex Sans",
    system-ui,
    sans-serif;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
html {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
:root {
  --paper: #f2ede2;
  --paper-card: #fbf8f1;
  --paper-high: #f6f1e7;
  --ink: #1d1812;
  --ink-soft: #6c6253;
  --ink-faint: #9c9181;
  --line: #ddd4c2;
  --line-strong: #c7bca6;
  --accent: #7c2d2d;
  --accent-ink: #5e2020;
  --accent-soft: #efe2dd;
  --st-draft-bg:#e7e0d0;
  --st-draft-fg:#5a5142;
  --st-pending-bg:#f6e7c4;
  --st-pending-fg:#7d5410;
  --st-approved-bg:#d6e6cf;
  --st-approved-fg:#2c5a27;
  --st-rejected-bg:#ecceca;
  --st-rejected-fg:#8a2a21;
  --st-returned-bg:#f3d9b8;
  --st-returned-fg:#8a4d10;
  --appbar-bg: var(--ink);
  --appbar-border: var(--accent);
  --appbar-fg: #c8bda7;
  --appbar-fg-strong: #ffffff;
  --appbar-brand: #f7f1e4;
  --appbar-muted: #b6a585;
  --appbar-label: #9b8c70;
  --appbar-select-bg: #2a241c;
  --appbar-select-fg: #f1e9d8;
  --appbar-select-border:#4a4032;
  --mat-sys-primary: var(--accent);
  --mat-sys-on-primary: #fbf8f1;
  --mat-sys-primary-container: var(--accent-soft);
  --mat-sys-on-primary-container: var(--accent-ink);
  --mat-sys-background: var(--paper);
  --mat-sys-on-background: var(--ink);
  --mat-sys-surface: var(--paper-card);
  --mat-sys-surface-container: var(--paper-card);
  --mat-sys-surface-container-low: var(--paper-card);
  --mat-sys-surface-container-high: var(--paper-high);
  --mat-sys-surface-container-highest: var(--paper-high);
  --mat-sys-on-surface: var(--ink);
  --mat-sys-on-surface-variant: var(--ink-soft);
  --mat-sys-outline: var(--line-strong);
  --mat-sys-outline-variant: var(--line);
  --mat-sys-error: var(--st-rejected-fg);
}
:root[data-theme=emg] {
  --paper: #f7fafa;
  --paper-card: #ffffff;
  --paper-high: #f4fbfb;
  --ink: #14201f;
  --ink-soft: #5a6b6a;
  --ink-faint: #9aa8a7;
  --line: #e2e8e7;
  --line-strong: #cbd6d5;
  --accent: #1b4f4c;
  --accent-ink: #133b39;
  --accent-soft: #e5f4f4;
  --st-draft-bg:#eef3f2;
  --st-draft-fg:#5a6b6a;
  --st-pending-bg:#fbf3e4;
  --st-pending-fg:#7a4e08;
  --st-approved-bg:#eaf7f1;
  --st-approved-fg:#13603f;
  --st-rejected-bg:#f8e8ee;
  --st-rejected-fg:#79173a;
  --st-returned-bg:#fbf3e4;
  --st-returned-fg:#7a4e08;
  --appbar-bg: #ffffff;
  --appbar-border: #50bcba;
  --appbar-fg: #4a5d5c;
  --appbar-fg-strong: #1b4f4c;
  --appbar-brand: #1b4f4c;
  --appbar-muted: #5a6b6a;
  --appbar-label: #5a6b6a;
  --appbar-select-bg: #ffffff;
  --appbar-select-fg: #14201f;
  --appbar-select-border:#cbd6d5;
}
* {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  background-color: var(--paper);
  background-image:
    radial-gradient(
      140% 120% at 12% -10%,
      rgba(124, 45, 45, 0.045),
      transparent 55%),
    repeating-linear-gradient(
      0deg,
      transparent 0 3px,
      rgba(29, 24, 18, 0.014) 3px 4px);
  color: var(--ink);
  font-family:
    "IBM Plex Sans",
    system-ui,
    sans-serif;
  font-size: 15px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4 {
  font-family:
    "Fraunces",
    Georgia,
    serif;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--ink);
  margin: 0 0 0.4em;
}
h1 {
  font-size: 2rem;
  line-height: 1.1;
}
h2 {
  font-size: 1.45rem;
}
h3 {
  font-size: 1.1rem;
}
.mono,
.figure {
  font-family:
    "IBM Plex Mono",
    ui-monospace,
    monospace;
  font-variant-numeric: tabular-nums;
}
.eyebrow {
  font-family: "IBM Plex Mono", monospace;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
a {
  color: var(--accent);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
main.content {
  max-width: 1240px;
  margin: 0 auto;
  padding: 36px 24px 72px;
  animation: rise 0.5s ease backwards;
}
.page-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}
.page-head h1 {
  margin: 2px 0 0;
}
.appbar {
  display: flex;
  align-items: center;
  gap: 26px;
  height: 62px;
  padding: 0 26px;
  background: var(--appbar-bg);
  border-bottom: 3px solid var(--appbar-border);
  color: var(--appbar-fg);
}
.appbar .brand {
  display: flex;
  flex-direction: column;
  line-height: 1;
  cursor: pointer;
}
.appbar .brand b {
  font-family: "Fraunces", serif;
  font-weight: 600;
  font-size: 21px;
  letter-spacing: 0.03em;
  color: var(--appbar-brand);
}
.appbar .brand small {
  font-family: "IBM Plex Mono", monospace;
  font-size: 9.5px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--appbar-muted);
  margin-top: 3px;
}
.appbar nav {
  display: flex;
  gap: 20px;
}
.appbar nav a {
  color: var(--appbar-fg);
  font-size: 13.5px;
  padding: 4px 1px;
  border-bottom: 2px solid transparent;
  transition: color 0.15s, border-color 0.15s;
}
.appbar nav a:hover,
.appbar nav a.active {
  color: var(--appbar-fg-strong);
  border-bottom-color: var(--appbar-border);
  text-decoration: none;
}
.appbar .spacer {
  flex: 1;
}
.appbar .persona {
  display: flex;
  align-items: center;
  gap: 9px;
}
.appbar .persona label {
  font-family: "IBM Plex Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--appbar-label);
}
.appbar select.persona-select {
  appearance: none;
  background: var(--appbar-select-bg);
  color: var(--appbar-select-fg);
  border: 1px solid var(--appbar-select-border);
  border-radius: 3px;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13.5px;
  padding: 7px 30px 7px 12px;
  cursor: pointer;
  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      var(--appbar-muted) 50%),
    linear-gradient(
      135deg,
      var(--appbar-muted) 50%,
      transparent 50%);
  background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.appbar select.persona-select:hover {
  border-color: var(--appbar-border);
}
.doc-card {
  background: var(--paper-card);
  border: 1px solid var(--line);
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(29, 24, 18, 0.04), 0 10px 28px -22px rgba(29, 24, 18, 0.5);
  padding: 22px 24px;
  margin-bottom: 20px;
}
.doc-card > h2,
.doc-card > h3 {
  margin-top: 0;
}
.doc-card.accent-edge {
  border-left: 3px solid var(--accent);
}
mat-card {
  background: var(--paper-card) !important;
  border: 1px solid var(--line);
  border-radius: 4px !important;
  box-shadow: 0 10px 28px -22px rgba(29, 24, 18, 0.5) !important;
  padding: 22px 24px !important;
}
.deflist {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 14px 28px;
  margin: 6px 0 4px;
}
.deflist .k {
  font-family: "IBM Plex Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.deflist .v {
  font-size: 15px;
  margin-top: 2px;
}
.deflist .v.amount {
  font-family: "IBM Plex Mono", monospace;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
}
table.mat-mdc-table,
table[mat-table] {
  width: 100%;
  background: transparent !important;
  border-collapse: collapse;
}
.mat-mdc-header-row {
  background: transparent !important;
}
.mat-mdc-header-cell {
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 10.5px !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-soft) !important;
  border-bottom: 1px solid var(--line-strong) !important;
  padding: 10px 14px !important;
}
.mat-mdc-cell {
  border-bottom: 1px solid var(--line) !important;
  color: var(--ink) !important;
  padding: 11px 14px !important;
  font-size: 14px;
}
.mat-mdc-row {
  background: transparent !important;
  transition: background 0.12s;
}
.mat-mdc-row:hover {
  background: rgba(124, 45, 45, 0.045) !important;
}
.mat-mdc-row.row-click {
  cursor: pointer;
}
.cell-num,
td.cell-num,
th.cell-num {
  font-family: "IBM Plex Mono", monospace;
  font-variant-numeric: tabular-nums;
}
.cell-amount {
  text-align: right;
  font-family: "IBM Plex Mono", monospace;
  font-variant-numeric: tabular-nums;
}
.po-link {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 500;
}
.status-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 3px 11px 3px 9px;
  border-radius: 100px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 500;
  border: 1px solid currentColor;
}
.status-pill .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.status-pill .txt {
  color: var(--ink);
}
.status-draft {
  color: var(--st-draft-fg);
  background: var(--st-draft-bg);
}
.status-pendingapproval {
  color: var(--st-pending-fg);
  background: var(--st-pending-bg);
}
.status-approved {
  color: var(--st-approved-fg);
  background: var(--st-approved-bg);
}
.status-rejected {
  color: var(--st-rejected-fg);
  background: var(--st-rejected-bg);
}
.status-returned {
  color: var(--st-returned-fg);
  background: var(--st-returned-bg);
}
.btn {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  border-radius: 3px;
  padding: 9px 18px;
  border: 1px solid transparent;
  cursor: pointer;
  transition:
    transform 0.08s,
    box-shadow 0.15s,
    background 0.15s;
}
.btn:active {
  transform: translateY(1px);
}
.btn-primary {
  background: var(--accent);
  color: #fbf8f1;
  box-shadow: 0 8px 18px -12px var(--accent);
}
.btn-primary:hover:not(:disabled) {
  background: var(--accent-ink);
}
.btn-ghost {
  background: transparent;
  color: var(--accent);
  border-color: var(--line-strong);
}
.btn-ghost:hover:not(:disabled) {
  border-color: var(--accent);
  background: rgba(124, 45, 45, 0.05);
}
.btn-danger {
  background: transparent;
  color: var(--st-rejected-fg);
  border-color: #d8b4ae;
}
.btn-danger:hover:not(:disabled) {
  background: rgba(138, 42, 33, 0.07);
  border-color: var(--st-rejected-fg);
}
.btn:disabled,
.btn[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
  filter: grayscale(0.6);
  box-shadow: none;
}
.btn:disabled:active,
.btn[disabled]:active {
  transform: none;
}
.decision-banner {
  margin-top: 14px;
  border-radius: 4px;
  padding: 10px 14px;
  font-size: 14px;
}
.decision-banner.returned {
  background: var(--st-returned-bg);
  color: var(--st-returned-fg);
}
.decision-banner.rejected {
  background: var(--st-rejected-bg);
  color: var(--st-rejected-fg);
}
.decision-banner.blocked {
  background: var(--st-returned-bg);
  color: var(--st-returned-fg);
}
.decision-banner.locked {
  background: var(--st-pending-bg);
  color: var(--st-pending-fg);
}
.actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.mat-mdc-raised-button,
.mat-mdc-unelevated-button,
.mat-mdc-outlined-button,
.mat-mdc-button {
  border-radius: 3px !important;
  letter-spacing: 0 !important;
}
.form-grid {
  display: grid;
  gap: 4px 20px;
  grid-template-columns: 1fr 1fr;
  max-width: 560px;
}
.form-grid .full {
  grid-column: 1/-1;
}
.mat-mdc-form-field {
  width: 100%;
}
table.lines {
  --mdc-checkbox-state-layer-size: 28px;
  --mdc-chip-container-height: 24px;
  --mdc-text-button-container-height: 28px;
  --mdc-protected-button-container-height: 28px;
  --mdc-filled-button-container-height: 28px;
  --mdc-outlined-button-container-height: 28px;
  --mdc-icon-button-state-layer-size: 24px;
  --mdc-list-list-item-one-line-container-height: 32px;
  --mdc-list-list-item-two-line-container-height: 48px;
  --mdc-list-list-item-three-line-container-height: 72px;
  --mdc-radio-state-layer-size: 28px;
  --mdc-secondary-navigation-tab-container-height: 32px;
  --mat-checkbox-touch-target-display: none;
  --mat-expansion-header-collapsed-state-height: 36px;
  --mat-expansion-header-expanded-state-height: 48px;
  --mat-fab-touch-target-display: none;
  --mat-form-field-container-height: 40px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 8px;
  --mat-form-field-filled-with-label-container-padding-top: 8px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-icon-button-touch-target-display: none;
  --mat-list-list-item-leading-icon-start-space: 4px;
  --mat-list-list-item-leading-icon-end-space: 4px;
  --mat-text-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
  --mat-paginator-container-size: 40px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: none;
  --mat-radio-touch-target-display: none;
  --mat-select-arrow-transform: none;
  --mat-standard-button-toggle-height: 24px;
  --mat-stepper-header-height: 42px;
  --mat-table-header-container-height: 40px;
  --mat-table-footer-container-height: 36px;
  --mat-table-row-item-container-height: 36px;
  --mat-toolbar-standard-height: 52px;
  --mat-toolbar-mobile-height: 44px;
  --mat-tree-node-min-height: 28px;
}
table.lines {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
table.lines {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
input[type=date].app-date-invalid {
  border-color: var(--st-rejected-fg) !important;
  box-shadow: 0 0 0 2px var(--st-rejected-bg);
}
.muted {
  color: var(--ink-soft);
}
.empty {
  color: var(--ink-soft);
  padding: 28px 0;
}
.section-title {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 4px 0 12px;
}
.section-title .rule {
  flex: 1;
  height: 1px;
  background: var(--line);
}
@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.mat-mdc-row {
  animation: rise 0.4s ease both;
}
.mat-mdc-row:nth-child(1) {
  animation-delay: 0.02s;
}
.mat-mdc-row:nth-child(2) {
  animation-delay: 0.06s;
}
.mat-mdc-row:nth-child(3) {
  animation-delay: 0.1s;
}
.mat-mdc-row:nth-child(4) {
  animation-delay: 0.14s;
}
.mat-mdc-row:nth-child(5) {
  animation-delay: 0.18s;
}
.mat-mdc-row:nth-child(n+6) {
  animation-delay: 0.22s;
}
.sd-search-select-panel .mat-mdc-option .mdc-list-item__primary-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */