:root {
      --bg: #171d18;
      --bg-panel: #222a24;
      --bg-panel-2: #2b342d;
      --card: #d0c6ab;
      --card-2: #bfb393;
      --card-text: #161812;
      --line: #5e685b;
      --line-soft: #3d463d;
      --accent: #a7b284;
      --accent-soft: rgba(167, 178, 132, 0.12);
      --warn: #d4af37;
      --danger: #cf5b4b;
      --ok: #72b66b;
      --text: #f2f0e6;
      --text-soft: #c8c6bb;
      --paper-line: #847f6e;
      --column-tint: rgba(39, 48, 42, 0.94);
      --column-head: rgba(92, 105, 83, 0.24);
      --column-edge: #717a6d;
      --column-empty: rgba(167, 178, 132, 0.06);
      --scroll-track: rgba(8, 11, 9, 0.58);
      --scroll-thumb: rgba(104, 118, 89, 0.88);
      --scroll-thumb-hover: rgba(166, 178, 129, 0.92);
      --mono: "Cascadia Mono", "Consolas", "Courier New", monospace;
      --sans: "Segoe UI", "Tahoma", sans-serif;
    }
    * { box-sizing: border-box; }
    html, body { height: 100%; }
    body {
      margin: 0;
      font-family: var(--sans);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.02), transparent 40%),
        radial-gradient(circle at top right, rgba(165,177,127,0.08), transparent 32%),
        var(--bg);
      color: var(--text);
      overflow: hidden;
    }
    * {
      scrollbar-width: thin;
      scrollbar-color: var(--scroll-thumb) var(--scroll-track);
    }
    *::-webkit-scrollbar {
      width: 12px;
      height: 12px;
    }
    *::-webkit-scrollbar-track {
      background: linear-gradient(180deg, rgba(255,255,255,0.03), transparent 24%), var(--scroll-track);
      border: 1px solid rgba(73, 83, 70, 0.38);
    }
    *::-webkit-scrollbar-thumb {
      border: 1px solid rgba(182, 193, 145, 0.45);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.1), transparent 35%),
        var(--scroll-thumb);
      min-height: 28px;
    }
    *::-webkit-scrollbar-thumb:hover {
      background:
        linear-gradient(180deg, rgba(255,255,255,0.14), transparent 35%),
        var(--scroll-thumb-hover);
    }
    *::-webkit-scrollbar-corner {
      background: var(--scroll-track);
    }
    button, input, textarea, select { font: inherit; }
    .shell { display: grid; grid-template-rows: auto minmax(0, 1fr); height: 100%; min-height: 0; overflow: hidden; }
    .status-shell {
      min-height: 0;
      padding: 0;
      position: relative;
      z-index: 2;
    }
    .status-shell .message {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      width: max-content;
      max-width: 100%;
      padding: 3px 7px;
      font-size: 10px;
      line-height: 1.2;
      letter-spacing: 0.04em;
      color: var(--text-soft);
      border-color: rgba(167, 178, 132, 0.24);
      background: rgba(13, 17, 14, 0.32);
      white-space: nowrap;
    }
    .status-shell .message::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: var(--ok);
      box-shadow:
        0 0 0 1px rgba(114, 182, 107, 0.3),
        0 0 7px rgba(114, 182, 107, 0.78);
      flex: 0 0 auto;
    }
    .status-shell .message[data-connection="pending"]::before {
      background: var(--warn);
      box-shadow:
        0 0 0 1px rgba(212, 175, 55, 0.32),
        0 0 7px rgba(212, 175, 55, 0.8);
    }
    .status-shell .message[data-connection="offline"]::before {
      background: var(--danger);
      box-shadow:
        0 0 0 1px rgba(207, 91, 75, 0.34),
        0 0 7px rgba(207, 91, 75, 0.82);
    }
    .status-shell .message[data-tone="error"] {
      border-color: rgba(207, 91, 75, 0.62);
      color: #ffd1ca;
    }
    .topbar {
      border-bottom: 1px solid var(--line);
      background: rgba(0, 0, 0, 0.16);
      padding: 6px 10px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 8px;
      position: relative;
      z-index: 3;
    }
    .topbar__left {
      display: flex;
      align-items: center;
      gap: 6px;
      min-width: 0;
      flex: 0 1 auto;
      flex-wrap: wrap;
    }
    .brand { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
    .brand__title {
      font-family: var(--mono);
      font-size: 14px;
      letter-spacing: 0.1em;
      font-weight: 700;
      line-height: 1.05;
    }
    .topbar__meta {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      min-width: 0;
    }
    .brand__sub {
      color: var(--text-soft);
      font-size: 9.5px;
      text-transform: uppercase;
      letter-spacing: 0;
      font-family: var(--mono);
      opacity: 0.68;
    }
    .topbar__actions {
      display: flex;
      gap: 5px;
      row-gap: 5px;
      flex-wrap: wrap;
      justify-content: flex-end;
      flex: 0 1 auto;
      margin-left: auto;
    }
    .topbar__rare-actions {
      display: flex;
      gap: 4px;
      row-gap: 4px;
      flex-wrap: wrap;
      align-items: center;
    }
    .topbar-search {
      position: relative;
      flex: 0 0 220px;
      width: 220px;
      min-width: 220px;
      max-width: 220px;
      z-index: 8;
    }
    .topbar-search__box {
      position: relative;
      display: grid;
      min-height: 27px;
      border: 1px solid rgba(167, 178, 132, 0.52);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.04), transparent 32%),
        rgba(8, 12, 9, 0.72);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 0 0 1px rgba(0,0,0,0.18);
    }
    .topbar-search__input {
      width: 100%;
      height: 27px;
      border: 0;
      background: transparent;
      color: var(--text);
      padding: 5px 27px 5px 8px;
      outline: none;
      font-size: 11px;
      line-height: 1.15;
    }
    .topbar-search__input::placeholder {
      color: rgba(242, 240, 230, 0.28);
      opacity: 1;
    }
    .topbar-search__input::-webkit-search-cancel-button {
      -webkit-appearance: none;
      appearance: none;
      display: none;
    }
    .topbar-search__box:focus-within {
      border-color: var(--accent);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.07),
        0 0 0 1px rgba(167, 178, 132, 0.18),
        0 8px 18px rgba(0,0,0,0.22);
    }
    .topbar-search__clear {
      position: absolute;
      right: 2px;
      top: 2px;
      width: 23px;
      height: 23px;
      padding: 0;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,0.12);
      background: rgba(0,0,0,0.18);
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 13px;
      cursor: pointer;
    }
    .topbar-search__clear:hover {
      color: var(--text);
      border-color: var(--line);
      background: var(--bg-panel);
    }
    .topbar-search__clear[hidden] {
      display: none;
    }
    .topbar-search__results {
      position: absolute;
      left: 0;
      right: auto;
      top: calc(100% + 6px);
      width: min(760px, calc(100vw - 32px));
      display: none;
      max-height: min(680px, calc(100vh - 76px));
      overflow: auto;
      border: 1px solid rgba(167, 178, 132, 0.58);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.04), transparent 28%),
        rgba(12, 17, 13, 0.98);
      box-shadow:
        0 18px 42px rgba(0,0,0,0.38),
        inset 0 1px 0 rgba(255,255,255,0.06);
      padding: 7px;
    }
    .topbar-search__results.is-open {
      display: grid;
      gap: 6px;
    }
    .topbar-search__meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding: 4px 5px 7px;
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 10.5px;
      letter-spacing: 0;
      text-transform: uppercase;
    }
    .topbar-search__row {
      width: 100%;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 14px;
      align-items: center;
      border: 1px solid rgba(255,255,255,0.08);
      background: rgba(28, 36, 30, 0.94);
      color: var(--text);
      padding: 11px 12px 10px;
      text-align: left;
      cursor: pointer;
    }
    .topbar-search__row:hover,
    .topbar-search__row.is-active {
      border-color: rgba(212, 175, 55, 0.76);
      background: rgba(49, 43, 24, 0.98);
    }
    .topbar-search__title {
      font-weight: 700;
      line-height: 1.15;
      font-size: 15px;
      color: var(--text);
    }
    .topbar-search__summary {
      margin-top: 4px;
      color: var(--text-soft);
      font-size: 13px;
      line-height: 1.36;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .topbar-search__side {
      display: grid;
      gap: 5px;
      justify-items: end;
      min-width: 148px;
    }
    .topbar-search__column,
    .topbar-search__match {
      max-width: 190px;
      border: 1px solid rgba(167, 178, 132, 0.24);
      background: rgba(0,0,0,0.14);
      color: var(--accent);
      padding: 3px 6px;
      font-family: var(--mono);
      font-size: 9.5px;
      line-height: 1.2;
      text-transform: uppercase;
      text-align: right;
    }
    .topbar-search__match {
      color: var(--warn);
      border-color: rgba(212, 175, 55, 0.28);
    }
    .topbar-search__empty,
    .topbar-search__error {
      padding: 16px 12px;
      border: 1px dashed rgba(255,255,255,0.12);
      color: var(--text-soft);
      font-size: 13.5px;
      line-height: 1.35;
      text-align: center;
    }
    .topbar-search__error {
      color: #ffd1ca;
      border-color: rgba(207, 91, 75, 0.42);
    }
    .topbar__actions .btn,
    .topbar__rare-actions .btn {
      min-height: 27px;
      padding: 5px 8px;
      font-size: 10.5px;
      letter-spacing: 0.065em;
      line-height: 1.1;
    }
    .btn, .pill {
      border: 1px solid var(--line);
      background: var(--bg-panel);
      color: var(--text);
      padding: 9px 12px;
      cursor: pointer;
      text-transform: uppercase;
      font-family: var(--mono);
      font-size: 12px;
      letter-spacing: 0.08em;
      text-decoration: none;
    }
    .btn:hover { background: var(--bg-panel-2); }
    .btn--accent { border-color: #8c976d; color: #edf0df; }
    #saveCardButton {
      transition: border-color 160ms ease, background 160ms ease, box-shadow 180ms ease, color 160ms ease;
    }
    #saveCardButton.is-dirty:not(:disabled) {
      border-color: rgba(126, 190, 111, 0.62);
      background:
        linear-gradient(180deg, rgba(131, 190, 112, 0.11), rgba(71, 122, 65, 0.08)),
        var(--bg-panel);
      color: #effbe8;
      box-shadow:
        0 0 0 1px rgba(116, 185, 103, 0.1),
        0 0 12px rgba(105, 196, 95, 0.16),
        inset 0 0 16px rgba(97, 169, 85, 0.06);
    }
    .btn--danger { border-color: var(--danger); color: #ffd2c9; }
    .btn--danger:disabled,
    .btn--danger[disabled] {
      border-color: rgba(200, 198, 187, 0.22);
      background: rgba(0,0,0,0.08);
      color: rgba(200, 198, 187, 0.56);
      opacity: 0.62;
      cursor: not-allowed;
      box-shadow: none;
    }
    .btn--danger:disabled:hover,
    .btn--danger[disabled]:hover {
      background: rgba(0,0,0,0.08);
      color: rgba(200, 198, 187, 0.56);
    }
    .btn--ghost {
      color: var(--text-soft);
      border-color: rgba(255,255,255,0.14);
      background: rgba(0,0,0,0.12);
    }
    .btn--ghost:hover {
      color: var(--text);
      border-color: var(--line);
    }
    #repairOrderCloseButton[data-close-available="false"],
    #repairOrderCloseButton[data-close-available="false"]:hover {
      opacity: 0.42;
      color: rgba(200, 198, 187, 0.56);
      border-color: rgba(255,255,255,0.08);
      background: rgba(0,0,0,0.08);
      box-shadow: none;
      cursor: default;
      transform: none;
    }
    #repairOrderCloseButton[data-close-available="true"] {
      border-color: rgba(186, 197, 146, 0.82);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.22), transparent 20%),
        rgba(49, 58, 47, 0.99);
      color: #fafcf2;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.2),
        0 0 0 1px rgba(0,0,0,0.18),
        0 1px 0 rgba(255,255,255,0.04);
      cursor: pointer;
      text-shadow: 0 1px 0 rgba(0,0,0,0.12);
      animation: repair-order-close-ready-pulse 1800ms ease-in-out infinite;
      transition: border-color 120ms ease, background 120ms ease, transform 120ms ease, box-shadow 120ms ease, color 120ms ease;
    }
    #repairOrderCloseButton[data-close-available="true"]:hover {
      border-color: var(--accent);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.3), transparent 16%),
        rgba(68, 77, 63, 1);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.24),
        0 0 0 1px rgba(0,0,0,0.18),
        0 12px 24px rgba(0,0,0,0.24);
      animation-play-state: paused;
      transform: translateY(-1px);
    }
    #repairOrderCloseButton[data-close-available="true"]:active,
    #repairOrderCloseButton[data-close-available="true"]:focus-visible {
      border-color: #ccd5a0;
      background:
        linear-gradient(180deg, rgba(255,255,255,0.18), transparent 18%),
        rgba(39, 46, 37, 1);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 0 0 1px rgba(0,0,0,0.18);
      animation: none;
      transform: translateY(0);
    }
    @keyframes repair-order-close-ready-pulse {
      0%, 100% {
        box-shadow:
          inset 0 1px 0 rgba(255,255,255,0.2),
          0 0 0 1px rgba(0,0,0,0.18),
          0 1px 0 rgba(255,255,255,0.04);
      }
      50% {
        box-shadow:
          inset 0 1px 0 rgba(255,255,255,0.22),
          0 0 0 1px rgba(186, 197, 146, 0.22),
          0 0 14px rgba(186, 197, 146, 0.28),
          0 0 24px rgba(126, 211, 117, 0.12);
      }
    }
    .gear-button {
      width: 36px;
      height: 36px;
      padding: 0;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      border-color: rgba(165, 176, 122, 0.85);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.08), transparent 24%),
        rgba(18, 24, 19, 0.9);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 0 0 1px rgba(0,0,0,0.28);
    }
    .gear-button:hover { border-color: var(--accent); }
    .gear-button__logo {
      width: 22px;
      height: 22px;
      display: block;
      object-fit: contain;
      image-rendering: -webkit-optimize-contrast;
    }
    .sticky-dock {
        position: fixed;
        left: 28px;
        bottom: 34px;
        z-index: 12;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .sticky-dock__button {
      border: 1px solid rgba(165, 176, 122, 0.75);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.08), transparent 24%),
        rgba(18, 24, 19, 0.94);
      color: var(--text);
      width: 44px;
      height: 44px;
      padding: 0;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 0 0 1px rgba(0,0,0,0.2),
        0 10px 26px rgba(0,0,0,0.28);
    }
    .sticky-dock__button:hover { border-color: var(--accent); transform: translateY(-1px); }
    .sticky-dock__button svg {
        width: 22px;
        height: 22px;
        stroke: currentColor;
        stroke-width: 1.8;
        fill: rgba(214, 194, 117, 0.18);
      }
      .card-agent-button {
        width: 42px;
        min-width: 42px;
        height: 34px;
        padding: 0;
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: var(--mono);
        font-size: 0;
        line-height: 0;
        letter-spacing: 0;
        color: var(--text);
        border-color: rgba(167, 178, 132, 0.42);
        background:
          linear-gradient(180deg, rgba(255,255,255,0.05), transparent 24%),
          rgba(0,0,0,0.12);
      }
      .card-agent-button::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: rgba(144, 155, 121, 0.56);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.18);
        flex: 0 0 auto;
      }
      .card-agent-button[data-state="online"]::before { background: rgba(115, 182, 107, 0.92); }
      .card-agent-button[data-state="busy"]::before { background: rgba(214, 175, 55, 0.94); }
      .card-agent-button[data-state="error"]::before { background: rgba(207, 91, 75, 0.94); }
      .card-agent-button[data-state="idle"]::before { background: rgba(144, 155, 121, 0.56); }
    .board-scroll {
      overflow: auto;
      padding: 0;
      position: relative;
      z-index: 0;
      min-height: 0;
      cursor: grab;
      overscroll-behavior: contain;
      overflow-anchor: none;
      scrollbar-gutter: stable both-edges;
      user-select: none;
      touch-action: none;
      isolation: isolate;
    }
    .board-scroll.is-panning { cursor: grabbing; }
    .board {
      --board-scale: 1;
      --board-pad-top: 12px;
      --board-pad-x: 18px;
      --board-pad-bottom: 220px;
      --board-gutter-top: 0px;
      --board-gutter-right: 320px;
      --board-gutter-bottom: 260px;
      --board-gutter-left: 0px;
      position: relative;
      display: flex;
      width: max-content;
      min-width: 100%;
      overflow-anchor: none;
      box-sizing: border-box;
      gap: calc(14px * var(--board-scale));
      align-items: flex-start;
      min-height: 100%;
      margin: var(--board-gutter-top) var(--board-gutter-right) var(--board-gutter-bottom) var(--board-gutter-left);
      padding: var(--board-pad-top) var(--board-pad-x) var(--board-pad-bottom);
    }
    .board-add-column {
      position: relative;
      z-index: 1;
      flex: 0 0 calc(32px * var(--board-scale));
      width: calc(32px * var(--board-scale));
      height: calc(32px * var(--board-scale));
      min-width: calc(32px * var(--board-scale));
      padding: 0;
      display: inline-grid;
      place-items: center;
      border: 1px solid rgba(167, 178, 132, 0.38);
      background: rgba(25, 33, 27, 0.72);
      color: rgba(242, 240, 230, 0.68);
      font-family: var(--mono);
      font-size: calc(18px * var(--board-scale));
      line-height: 1;
      cursor: pointer;
    }
    .board-add-column:hover,
    .board-add-column:focus-visible {
      border-color: rgba(167, 178, 132, 0.82);
      background: rgba(42, 52, 43, 0.92);
      color: var(--text);
      outline: none;
    }
    .column {
      position: relative;
      z-index: 1;
      width: calc(360px * var(--board-scale));
      min-width: calc(360px * var(--board-scale));
      background:
        linear-gradient(180deg, var(--column-head) 0, var(--column-head) 54px, transparent 54px),
        linear-gradient(180deg, rgba(255,255,255,0.03), transparent 34%),
        var(--column-tint);
      border: 1px solid var(--column-edge);
      box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
      padding: calc(12px * var(--board-scale));
      display: grid;
      grid-template-rows: auto 1fr auto;
      gap: calc(12px * var(--board-scale));
      isolation: isolate;
    }
    .column::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 4px;
      background: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(0,0,0,0.12));
      opacity: 0.85;
      z-index: 0;
    }
    .column > * {
      position: relative;
      z-index: 1;
    }
    .column[draggable="true"] { cursor: grab; }
    .column[draggable="true"]:active { cursor: grabbing; }
    .column--virtual {
      --column-tint: #1e1924;
      --column-head: rgba(72, 54, 91, 0.98);
      --column-edge: rgba(183, 141, 220, 0.48);
      --column-empty: rgba(41, 30, 52, 0.36);
      border-style: dashed;
      cursor: default;
      opacity: 0.8;
    }
    .column--virtual::before {
      background: linear-gradient(180deg, rgba(216, 185, 242, 0.42), rgba(73, 42, 92, 0.2));
    }
    .column--virtual .column__head { cursor: default; }
    .column--virtual.is-detached {
      position: absolute;
      z-index: 32;
      opacity: 0.96;
      border-style: solid;
      box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.48),
        0 0 0 1px rgba(216, 185, 242, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }
    .column--virtual.is-detached.is-dragging {
      z-index: 48;
      opacity: 0.88;
      box-shadow:
        0 24px 58px rgba(0, 0, 0, 0.58),
        0 0 0 2px rgba(216, 185, 242, 0.42);
    }
    .column--virtual__control {
      min-height: calc(22px * var(--board-scale));
      padding: calc(3px * var(--board-scale)) calc(6px * var(--board-scale));
      border-color: rgba(255, 255, 255, 0.12);
      background: rgba(0, 0, 0, 0.22);
      color: rgba(242, 240, 230, 0.78);
      font-size: calc(8px * var(--board-scale));
      letter-spacing: 0.04em;
      white-space: nowrap;
    }
    .column--virtual__move {
      cursor: grab;
      touch-action: none;
    }
    .column--virtual__move:active { cursor: grabbing; }
    .card--virtual { cursor: pointer; }
    .column.is-drop-target { outline: 1px solid var(--accent); }
    .column.is-column-drop-target { outline: 1px dashed rgba(167, 178, 132, 0.92); outline-offset: 2px; }
    .column.is-column-dragging { opacity: 0.72; }
    .column__head { display: flex; justify-content: space-between; align-items: center; gap: calc(10px * var(--board-scale)); }
    .column__head-actions {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: calc(6px * var(--board-scale));
    }
    .column__title {
      font-family: var(--mono);
      font-size: calc(14px * var(--board-scale));
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      text-shadow: 0 1px 0 rgba(0,0,0,0.38);
    }
    .column__rename,
    .column__delete {
      width: calc(22px * var(--board-scale));
      height: calc(22px * var(--board-scale));
      padding: 0;
      border-color: rgba(255,255,255,0.08);
      background: rgba(0,0,0,0.14);
      color: rgba(242, 240, 230, 0.62);
      font-size: calc(11px * var(--board-scale));
      line-height: 1;
      opacity: 0;
      pointer-events: none;
      transition: opacity 120ms ease, color 120ms ease, border-color 120ms ease, background 120ms ease;
    }
    .column:hover .column__rename,
    .column:hover .column__delete,
    .column:focus-within .column__rename,
    .column:focus-within .column__delete {
      opacity: 0.76;
      pointer-events: auto;
    }
    .column__rename:hover,
    .column__rename:focus-visible {
      opacity: 1;
      border-color: rgba(110, 176, 220, 0.86);
      background: rgba(22, 51, 74, 0.56);
      color: #d4edff;
      outline: none;
    }
    .column__delete:hover,
    .column__delete:focus-visible {
      opacity: 1;
      border-color: rgba(207, 91, 75, 0.86);
      background: rgba(74, 25, 22, 0.56);
      color: #ffd2c9;
      outline: none;
    }
    .column__rename[disabled],
    .column__delete[disabled] {
      opacity: 0;
      pointer-events: none;
    }
    .column__count {
      min-width: calc(34px * var(--board-scale));
      text-align: center;
      padding: calc(5px * var(--board-scale)) calc(8px * var(--board-scale));
      border: 1px solid rgba(255,255,255,0.1);
      background: rgba(9, 12, 10, 0.22);
      font-family: var(--mono);
      font-size: calc(12px * var(--board-scale));
    }
    .column__cards { display: flex; flex-direction: column; gap: calc(8px * var(--board-scale)); min-height: calc(80px * var(--board-scale)); }
    .column > .btn[data-create-in] {
      height: calc(25px * var(--board-scale));
      padding: 0 calc(12px * var(--board-scale));
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: calc(10px * var(--board-scale));
      font-weight: 300;
      line-height: 1;
    }
    .empty {
      border: 1px dashed rgba(255,255,255,0.1);
      background: var(--column-empty);
      padding: calc(14px * var(--board-scale));
      color: var(--text-soft);
      font-size: calc(12px * var(--board-scale));
      line-height: 1.4;
      min-height: calc(72px * var(--board-scale));
      display: grid;
      place-items: center;
      text-align: center;
    }
    .card {
      --deadline-heat-border: var(--paper-line);
      --deadline-heat-ring: rgba(83, 191, 122, 0.08);
      --deadline-heat-glow: rgba(83, 191, 122, 0.04);
      position: relative;
      border: 1px solid var(--deadline-heat-border);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.14), transparent 18%),
        linear-gradient(180deg, var(--card) 0, var(--card-2) 100%);
      color: var(--card-text);
      padding: calc(9px * var(--board-scale)) calc(10px * var(--board-scale)) calc(7px * var(--board-scale));
      min-height: calc(154px * var(--board-scale));
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
      gap: calc(5px * var(--board-scale));
      cursor: pointer;
      transition: border-color 160ms linear, box-shadow 160ms linear;
      box-shadow:
        inset 0 4px 0 #8e9570,
        inset 0 0 0 1px rgba(255,255,255,0.08),
        0 0 0 1px var(--deadline-heat-ring),
        0 0 16px var(--deadline-heat-glow),
        0 1px 0 rgba(0,0,0,0.18);
    }
    .card.is-dragging {
      opacity: 0.56;
    }
    .card.is-drop-before::before {
      content: "";
      position: absolute;
      left: calc(8px * var(--board-scale));
      right: calc(8px * var(--board-scale));
      top: calc(-5px * var(--board-scale));
      height: 2px;
      background: var(--accent);
      box-shadow: 0 0 calc(6px * var(--board-scale)) rgba(182, 193, 145, 0.34);
      pointer-events: none;
    }
    .board-scroll.is-panning .card,
    .board-scroll.is-panning .sticky,
    .board-scroll.is-panning .btn,
    .board-scroll.is-panning .gear-button,
    .board-scroll.is-panning .tab-btn,
    .board-scroll.is-panning input,
    .board-scroll.is-panning textarea,
    .board-scroll.is-panning select {
      pointer-events: none;
    }
    .card[data-status="expired"] {
      box-shadow:
        inset 0 4px 0 #8e9570,
        inset 0 0 0 1px rgba(255,255,255,0.08),
        0 0 0 1px var(--deadline-heat-ring),
        0 0 20px var(--deadline-heat-glow),
        0 0 32px rgba(212, 98, 98, 0.14),
        0 1px 0 rgba(0,0,0,0.18);
    }
    .sticky-layer {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 3;
    }
    .sticky {
      position: absolute;
      pointer-events: auto;
      width: calc(216px * var(--board-scale));
      min-height: calc(128px * var(--board-scale));
      padding: calc(10px * var(--board-scale)) calc(10px * var(--board-scale)) calc(8px * var(--board-scale));
      display: grid;
      gap: calc(7px * var(--board-scale));
      border: 1px solid rgba(131, 121, 77, 0.72);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.1), transparent 22%),
        linear-gradient(180deg, rgba(245, 227, 141, 0.96), rgba(208, 193, 112, 0.9));
      color: #18170f;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.2),
        0 1px 0 rgba(0,0,0,0.12);
      cursor: grab;
      opacity: 0.9;
    }
    .sticky[data-expired="true"] {
      opacity: 0.5;
    }
    .sticky.is-dragging {
      cursor: grabbing;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.22),
        0 6px 16px rgba(0,0,0,0.25);
    }
    .sticky__head {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      align-items: center;
      font-family: var(--mono);
      font-size: calc(10px * var(--board-scale));
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(24, 23, 15, 0.72);
    }
    .sticky__pin {
      display: inline-flex;
      align-items: center;
      gap: 4px;
    }
    .sticky__text {
        font-family: var(--mono);
        font-size: calc(22px * var(--board-scale));
        line-height: 1.22;
        font-weight: 800;
        color: #d61f1f;
        text-shadow: 0 1px 0 rgba(255, 240, 240, 0.18);
        white-space: pre-wrap;
        word-break: break-word;
        user-select: text;
    }
    .sticky__meta {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      align-items: center;
      font-family: var(--mono);
      font-size: calc(10px * var(--board-scale));
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: rgba(24, 23, 15, 0.7);
    }
    .sticky__close {
      border: 1px solid rgba(24, 23, 15, 0.28);
      background: rgba(255,255,255,0.18);
      color: #1b180f;
      width: calc(20px * var(--board-scale));
      height: calc(20px * var(--board-scale));
      padding: 0;
      display: grid;
      place-items: center;
      font-family: var(--mono);
      font-size: calc(10px * var(--board-scale));
      cursor: pointer;
    }
    .sticky__close:hover { background: rgba(255,255,255,0.32); }
    .sticky[data-opacity="low"] {
      filter: saturate(0.92);
    }
    .sticky[data-opacity="mid"] {
      filter: saturate(0.88);
    }
    .sticky[data-opacity="high"] {
      filter: saturate(0.84);
    }
    .card__heading {
      display: grid;
      gap: calc(2px * var(--board-scale));
      align-content: start;
      min-width: 0;
      padding-right: calc(42px * var(--board-scale));
      font-family: var(--mono);
      text-transform: uppercase;
    }
    .card__vehicle {
      font-family: var(--mono);
      font-size: calc(16px * var(--board-scale));
      line-height: 1.08;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: #373227;
      font-weight: 700;
      min-width: 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .card__slash {
      color: #615d51;
      font-size: calc(13px * var(--board-scale));
      line-height: 1;
      flex: 0 0 auto;
      transform: translateY(-0.03em);
    }
    .card__title {
      font-weight: 700;
      font-size: calc(14px * var(--board-scale));
      line-height: 1.1;
      text-transform: uppercase;
      font-family: var(--mono);
      min-width: 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #454034;
    }
    .card__unread-badge,
    .card__updated-badge {
      position: absolute;
      top: calc(10px * var(--board-scale));
      right: calc(10px * var(--board-scale));
      min-width: calc(28px * var(--board-scale));
      height: calc(18px * var(--board-scale));
      padding: 0 calc(6px * var(--board-scale));
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: var(--mono);
      font-size: calc(9px * var(--board-scale));
      letter-spacing: 0.08em;
      text-transform: uppercase;
      pointer-events: none;
    }
    .card__unread-badge {
      border: 1px solid rgba(162, 42, 42, 0.96);
      background:
        linear-gradient(180deg, rgba(122, 20, 20, 0.96), rgba(88, 10, 10, 0.96));
      color: #fff1ee;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 0 0 1px rgba(38, 8, 8, 0.34),
        0 0 calc(8px * var(--board-scale)) rgba(120, 16, 16, 0.26);
    }
    .card__updated-badge {
      border: 1px solid rgba(198, 152, 43, 0.96);
      background:
        linear-gradient(180deg, rgba(120, 91, 16, 0.96), rgba(91, 66, 9, 0.96));
      color: #fff4c9;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 0 0 1px rgba(61, 43, 7, 0.34),
        0 0 calc(8px * var(--board-scale)) rgba(168, 126, 21, 0.2);
    }
    .card__desc {
      font-size: calc(13px * var(--board-scale));
      line-height: 1.24;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden;
      white-space: pre-wrap;
    }
    .card__footer {
      display: flex;
      align-items: center;
      gap: calc(6px * var(--board-scale));
      min-width: 0;
      border-top: 1px solid rgba(78, 73, 61, 0.26);
      padding-top: calc(5px * var(--board-scale));
    }
    .card__signal {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: calc(5px * var(--board-scale));
      font-family: var(--mono);
      font-size: calc(11px * var(--board-scale));
      text-transform: uppercase;
      flex: 0 0 auto;
    }
    .time-readout {
      display: inline-flex;
      align-items: baseline;
      gap: calc(4px * var(--board-scale));
      font-family: var(--mono);
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
    }
    .time-readout__group {
      display: inline-flex;
      align-items: baseline;
      gap: calc(1px * var(--board-scale));
    }
    .time-readout__num {
      font-size: 1em;
      line-height: 1;
    }
    .time-readout__unit {
      font-size: 0.62em;
      line-height: 1;
      opacity: 0.88;
      transform: translateY(-0.18em);
    }
    .lamp {
      width: calc(13px * var(--board-scale));
      height: calc(13px * var(--board-scale));
      border: 1px solid #283126;
      background: #6f786e;
      flex: 0 0 auto;
    }
    .lamp[data-indicator="green"] { background: var(--ok); }
    .lamp[data-indicator="yellow"] { background: var(--warn); }
    .lamp[data-indicator="inactive"] {
      border-color: rgba(66, 75, 65, 0.58);
      background: transparent;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
      opacity: 0.72;
    }
    .lamp[data-indicator="red"] {
      background: var(--danger);
      box-shadow: 0 0 0 1px rgba(207, 91, 75, 0.2);
      animation: lamp-red-pulse 1.8s ease-in-out infinite;
      transform-origin: center;
      will-change: transform, box-shadow;
    }
    @keyframes lamp-red-pulse {
      0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 1px rgba(207, 91, 75, 0.2), 0 0 0 rgba(207, 91, 75, 0);
      }
      50% {
        transform: scale(1.18);
        box-shadow: 0 0 0 1px rgba(207, 91, 75, 0.36), 0 0 12px rgba(207, 91, 75, 0.42);
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .lamp[data-indicator="red"] {
        animation: none;
      }
    }
    .card__tags, .tag-list {
      display: flex;
      flex-wrap: wrap;
      gap: calc(5px * var(--board-scale));
      align-content: flex-start;
      align-items: flex-start;
    }
    .card__footer .card__tags {
      flex: 1 1 auto;
      min-width: 0;
      flex-wrap: nowrap;
      align-items: center;
      align-content: center;
      overflow: hidden;
    }
    .tag {
      border: 1px solid #7d7a6c;
      padding: calc(2px * var(--board-scale)) calc(5px * var(--board-scale));
      font-family: var(--mono);
      font-size: calc(10px * var(--board-scale));
      letter-spacing: 0.05em;
      text-transform: uppercase;
      background: rgba(22,24,18,0.08);
      color: inherit;
      display: inline-flex;
      align-items: center;
      gap: calc(4px * var(--board-scale));
      white-space: nowrap;
      flex: 0 0 auto;
    }
    .tag[data-tag-color="green"] {
      border-color: rgba(67, 126, 79, 0.82);
      background: rgba(111, 173, 116, 0.52);
      color: #1d1a14;
    }
    .tag[data-tag-color="yellow"] {
      border-color: rgba(152, 126, 48, 0.82);
      background: rgba(193, 162, 84, 0.42);
      color: #1d1a14;
    }
    .tag[data-tag-color="red"] {
      border-color: rgba(152, 86, 78, 0.82);
      background: rgba(193, 118, 110, 0.42);
      color: #1d1a14;
      box-shadow: 0 0 0 1px rgba(193, 118, 110, 0.18);
      animation: tag-red-pulse 1.8s ease-in-out infinite;
      transform-origin: center;
      will-change: transform, box-shadow;
    }
    @keyframes tag-red-pulse {
      0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 1px rgba(193, 118, 110, 0.18), 0 0 0 rgba(193, 118, 110, 0);
      }
      50% {
        transform: scale(1.06);
        box-shadow: 0 0 0 1px rgba(193, 118, 110, 0.3), 0 0 10px rgba(193, 118, 110, 0.28);
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .tag[data-tag-color="red"] {
        animation: none;
      }
    }
    .tag__dot {
      width: calc(8px * var(--board-scale));
      height: calc(8px * var(--board-scale));
      border-radius: 50%;
      background: currentColor;
      flex: 0 0 auto;
    }
    .tag--muted, .tag-empty {
      color: var(--text-soft);
      border-style: dashed;
      background: transparent;
    }
    .modal {
      position: fixed;
      inset: 0;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 20px;
      background: rgba(7, 10, 8, 0.96);
      z-index: 10;
    }
    .operator-login-gate-open .shell,
    .operator-login-gate-open .sticky-dock {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      user-select: none;
    }
    #identityModal.operator-login-gate {
      background: #070a08;
      z-index: 80;
    }
    #identityModal.operator-login-gate .dialog {
      box-shadow: 0 24px 80px rgba(0, 0, 0, 0.54);
    }
    .modal.is-open { display: flex; }
    .dialog {
      width: min(980px, 100%);
      max-height: min(92vh, 900px);
      overflow: auto;
      background: var(--bg-panel);
      border: 1px solid var(--line);
      padding: 16px;
      display: grid;
      gap: 14px;
    }
    .dialog--fixed-actions {
      overflow: hidden;
      grid-template-rows: auto minmax(0, 1fr) auto;
    }
    .dialog--fixed-actions > .dialog__body-scroll,
    .dialog--fixed-actions .dialog__body-scroll {
      min-height: 0;
      overflow: auto;
      scrollbar-gutter: stable;
    }
    .dialog__floating-actions {
      position: relative;
      z-index: 3;
      background:
        linear-gradient(180deg, rgba(255,255,255,0.03), transparent 62%),
        rgba(28, 36, 30, 0.96);
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
    }
    .dialog__head.dialog__floating-actions,
    .dialog__foot.dialog__floating-actions {
      border-color: rgba(115, 126, 105, 0.22);
    }
    .dialog--card {
      width: min(1200px, calc(100% - 28px));
      height: min(92vh, 900px);
      max-height: min(92vh, 900px);
      padding: 14px;
      transform: none;
      gap: 10px;
      grid-template-rows: auto minmax(0, 1fr) auto;
    }
    #cardClientCreateModal {
      z-index: 24;
    }
    .dialog--card-client-create {
      width: min(520px, calc(100% - 28px));
      max-height: min(88vh, 720px);
      overflow: auto;
      gap: 12px;
    }
    .dialog--card-client-create textarea {
      min-height: 78px;
      max-height: 160px;
      resize: vertical;
    }
    .dialog--card > .dialog__body-scroll {
      grid-row: 2;
      min-height: 0;
      overflow: auto;
      padding: 2px 3px 8px;
    }
    .dialog--card > .dialog__body-scroll[data-panel="overview"] {
      overflow: auto;
    }
    .dialog--card > .dialog__head--card {
      grid-row: 1;
    }
    .dialog--card > .dialog__foot--card {
      grid-row: 3;
    }
    .dialog__head, .dialog__foot, .dialog__tabs {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      align-items: center;
      flex-wrap: wrap;
    }
    .dialog__foot--card {
      padding-top: 4px;
      border-top: 1px solid rgba(115, 126, 105, 0.16);
    }
    .dialog__foot-group {
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
      align-items: center;
    }
    .dialog__foot-group--danger {
      margin-right: auto;
    }
    .dialog__foot-group--main {
      justify-content: flex-end;
    }

    .mobile-shell {
      display: none;
    }
    .mobile-shell button,
    .mobile-shell input,
    .mobile-shell textarea,
    .mobile-shell select {
      font: inherit;
    }
    .mobile-shell button {
      cursor: pointer;
    }
    .mobile-empty {
      border: 1px dashed rgba(167, 178, 132, 0.2);
      color: rgba(242, 240, 230, 0.68);
      padding: 14px;
      font-size: 12px;
      line-height: 1.35;
      text-align: center;
    }
    body.is-mobile-lite.operator-login-gate-open .mobile-shell {
      display: none;
    }
    body.is-mobile-lite .mobile-shell {
      max-width: 100vw;
    }
    body.is-mobile-lite:not(.operator-login-gate-open) .mobile-shell {
      position: fixed;
      inset: 0;
      z-index: 35;
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
      width: 100vw;
      min-height: 100dvh;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 30%),
        #151a16;
      color: var(--text);
      overflow: hidden;
    }
    body.is-mobile-lite:not(.operator-login-gate-open) .shell {
      display: none;
    }
    .mobile-shell__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      min-width: 0;
      padding: calc(10px + env(safe-area-inset-top, 0px)) 12px 10px;
      border-bottom: 1px solid rgba(167, 178, 132, 0.2);
      background: rgba(8, 12, 9, 0.92);
    }
    .mobile-shell__brand {
      display: grid;
      gap: 3px;
      min-width: 0;
    }
    .mobile-shell__title {
      font-family: var(--mono);
      font-size: 15px;
      font-weight: 700;
      line-height: 1.1;
      letter-spacing: 0.08em;
    }
    .mobile-shell__status {
      max-width: 220px;
      color: rgba(200, 198, 187, 0.78);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.25;
      text-transform: uppercase;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .mobile-shell__operator,
    .mobile-action,
    .mobile-module-button,
    .mobile-bottom-nav__item {
      min-height: 42px;
      border: 1px solid rgba(167, 178, 132, 0.28);
      background: rgba(33, 42, 35, 0.96);
      color: var(--text);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.1;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .mobile-shell__operator {
      max-width: 156px;
      padding: 9px 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .mobile-shell__main {
      min-height: 0;
      overflow: hidden;
      position: relative;
    }
    .mobile-workspace {
      display: none;
      height: 100%;
      min-height: 0;
      overflow-y: auto;
      overscroll-behavior: contain;
      padding: 12px 12px calc(18px + env(safe-area-inset-bottom, 0px));
      -webkit-overflow-scrolling: touch;
    }
    .mobile-workspace.is-active {
      display: grid;
      align-content: start;
      gap: 12px;
    }
    .mobile-workspace.is-card-detail-open {
      align-content: stretch;
      overflow: hidden;
      grid-template-rows: minmax(0, 1fr);
    }
    .mobile-workspace.is-card-detail-open > .mobile-workspace__head {
      display: none;
    }
    .mobile-workspace__head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
    }
    .mobile-workspace__head h2 {
      margin: 2px 0 0;
      font-size: 22px;
      line-height: 1.15;
      letter-spacing: 0;
    }
    .mobile-workspace__actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 6px;
      min-width: 0;
    }
    .mobile-workspace__actions .mobile-action {
      min-height: 42px;
      padding: 10px 10px;
      font-size: 10px;
      line-height: 1.1;
    }
    .mobile-kicker {
      color: rgba(200, 198, 187, 0.68);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.2;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .mobile-action {
      min-width: 0;
      padding: 10px 11px;
    }
    .mobile-action--ghost {
      min-height: 36px;
      background: rgba(0, 0, 0, 0.12);
      color: rgba(242, 240, 230, 0.82);
    }
    .mobile-action--primary,
    .mobile-action--income {
      border-color: rgba(114, 182, 107, 0.6);
      background: rgba(74, 112, 67, 0.36);
    }
    .mobile-action--expense {
      border-color: rgba(207, 91, 75, 0.58);
      background: rgba(112, 52, 44, 0.34);
    }
    .mobile-action--transfer {
      border-color: rgba(212, 175, 55, 0.56);
      background: rgba(115, 93, 36, 0.28);
    }
    .mobile-action[disabled] {
      opacity: 0.46;
      cursor: default;
    }
    .mobile-column-strip {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(280px, calc(100vw - 56px));
      gap: 10px;
      min-width: 0;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
      padding-bottom: 6px;
      -webkit-overflow-scrolling: touch;
    }
    .mobile-column-strip[hidden] {
      display: none;
    }
    .mobile-column-card,
    .mobile-cashbox-row,
    .mobile-repair-order-row {
      display: grid;
      gap: 8px;
      width: 100%;
      min-width: 0;
      border: 1px solid rgba(167, 178, 132, 0.18);
      background: rgba(32, 40, 34, 0.94);
      color: var(--text);
      padding: 12px;
      text-align: left;
    }
    .mobile-column-card {
      border-left: 4px solid rgba(167, 178, 132, 0.52);
      scroll-snap-align: start;
    }
    .mobile-column-card__top,
    .mobile-cashbox-row__top,
    .mobile-repair-order-row__top {
      display: flex;
      align-items: start;
      justify-content: space-between;
      gap: 10px;
      min-width: 0;
    }
    .mobile-column-card__title,
    .mobile-cashbox-row__name,
    .mobile-repair-order-row__title {
      min-width: 0;
      font-weight: 700;
      font-size: 14px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .mobile-column-card__count,
    .mobile-repair-order-row__sum {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 12px;
      line-height: 1.2;
      white-space: nowrap;
    }
    .mobile-column-card__cards,
    .mobile-cashbox-transactions {
      display: grid;
      gap: 6px;
    }
    .mobile-column-card__more {
      width: 100%;
      min-height: 34px;
      margin-top: 2px;
      padding: 8px;
      font-size: 10px;
      line-height: 1.1;
    }
    .mobile-card-mini,
    .mobile-cashbox-transaction {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      min-width: 0;
      color: rgba(242, 240, 230, 0.78);
      font-size: 12px;
      line-height: 1.3;
    }
    .mobile-card-mini {
      width: 100%;
      border: 1px solid rgba(167, 178, 132, 0.12);
      background: rgba(0, 0, 0, 0.16);
      padding: 8px;
      text-align: left;
      cursor: pointer;
    }
    .mobile-card-mini:hover,
    .mobile-card-mini:focus-visible {
      border-color: rgba(212, 175, 55, 0.5);
      background: rgba(42, 38, 24, 0.9);
      outline: none;
    }
    .mobile-card-mini--empty {
      cursor: default;
      border-style: dashed;
      opacity: 0.72;
    }
    .mobile-card-mini strong {
      flex: 0 0 auto;
      color: var(--accent);
      font-family: var(--mono);
      font-size: 10px;
      font-weight: 700;
      line-height: 1.2;
      white-space: nowrap;
    }
    .mobile-card-mini span,
    .mobile-cashbox-transaction span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .mobile-card-detail {
      display: grid;
      gap: 12px;
      min-width: 0;
      overflow: visible;
    }
    .mobile-card-detail[hidden] {
      display: none;
    }
    .mobile-card-detail__sticky {
      position: sticky;
      top: 0;
      z-index: 6;
      display: grid;
      gap: 8px;
      min-width: 0;
      padding-bottom: 8px;
      border-bottom: 1px solid rgba(167, 178, 132, 0.16);
      background: #151a16;
    }
    .mobile-card-detail__head {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 8px;
      min-width: 0;
      border: 1px solid rgba(167, 178, 132, 0.22);
      background: rgba(0, 0, 0, 0.16);
      padding: 8px;
    }
    .mobile-card-detail__title {
      min-width: 0;
      text-align: center;
    }
    .mobile-card-detail__title h3 {
      margin: 2px 0 0;
      font-family: var(--mono);
      font-size: 13px;
      line-height: 1.15;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      overflow-wrap: anywhere;
    }
    .mobile-card-tabs {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 4px;
      min-width: 0;
    }
    .mobile-card-tab {
      min-width: 0;
      min-height: 42px;
      border: 1px solid rgba(167, 178, 132, 0.2);
      background: rgba(0, 0, 0, 0.18);
      color: rgba(200, 198, 187, 0.78);
      font-family: var(--mono);
      font-size: 9.5px;
      line-height: 1.1;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      padding: 8px 3px;
    }
    .mobile-card-tab.is-active {
      border-color: rgba(167, 178, 132, 0.46);
      background: rgba(167, 178, 132, 0.14);
      color: var(--text);
    }
    .mobile-card-editor {
      display: grid;
      gap: 10px;
      min-width: 0;
      border: 1px solid rgba(167, 178, 132, 0.18);
      background: rgba(20, 26, 21, 0.82);
      padding: 10px;
    }
    .mobile-card-page {
      display: none;
      gap: 10px;
      min-width: 0;
    }
    .mobile-card-page.is-active {
      display: grid;
    }
    .mobile-workspace.is-card-detail-open .mobile-card-detail {
      height: 100%;
      min-height: 0;
      grid-template-rows: auto minmax(0, 1fr);
    }
    .mobile-workspace.is-card-detail-open .mobile-card-editor {
      height: 100%;
      min-height: 0;
    }
    .mobile-card-page[data-mobile-card-page="overview"].is-active {
      grid-template-rows: auto auto minmax(260px, 1fr) auto;
      height: 100%;
      min-height: 0;
    }
    .mobile-card-description-field {
      min-height: 0;
      height: 100%;
    }
    .mobile-card-description-field textarea {
      height: 100%;
      min-height: 260px;
      overflow-y: auto;
      resize: none;
      -webkit-overflow-scrolling: touch;
    }
    @media (max-height: 760px) {
      .mobile-card-page[data-mobile-card-page="overview"].is-active {
        grid-template-rows: auto auto minmax(220px, 1fr) auto;
      }
      .mobile-card-description-field textarea {
        min-height: 220px;
      }
    }
    .mobile-card-section {
      display: grid;
      gap: 9px;
      min-width: 0;
      border: 1px solid rgba(167, 178, 132, 0.14);
      background: rgba(0, 0, 0, 0.14);
      padding: 9px;
    }
    .mobile-card-section__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      min-width: 0;
    }
    .mobile-card-section__head h4 {
      margin: 1px 0 0;
      font-size: 13px;
      line-height: 1.2;
      letter-spacing: 0;
    }
    .mobile-card-files__meta,
    .mobile-card-journal__meta {
      flex: 0 0 auto;
      color: var(--accent);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 700;
      line-height: 1.2;
      white-space: nowrap;
    }
    .mobile-card-vehicle__grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 8px;
      min-width: 0;
    }
    .mobile-card-vehicle .vehicle-control--mono {
      font-family: var(--mono);
      letter-spacing: 0.02em;
      text-transform: uppercase;
    }
    .mobile-card-files__list {
      display: grid;
      gap: 7px;
      min-width: 0;
    }
    .mobile-card-file-row {
      display: grid;
      gap: 7px;
      min-width: 0;
      border: 1px solid rgba(167, 178, 132, 0.16);
      background: rgba(255, 255, 255, 0.035);
      padding: 8px;
    }
    .mobile-card-file-row.is-missing {
      border-color: rgba(207, 91, 75, 0.34);
      background: rgba(207, 91, 75, 0.08);
    }
    .mobile-card-file-row__top {
      display: grid;
      gap: 3px;
      min-width: 0;
    }
    .mobile-card-file-row__top strong {
      min-width: 0;
      font-size: 12px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .mobile-card-file-row__top span,
    .mobile-card-file-row__missing {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .mobile-card-file-row__missing {
      color: #ffb7ac;
    }
    .mobile-card-file-row__actions {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(92px, auto);
      gap: 7px;
      min-width: 0;
    }
    .mobile-card-file-row__actions .mobile-action {
      width: 100%;
      min-height: 40px;
      padding: 9px 10px;
      text-align: center;
    }
    .mobile-card-journal__head-actions {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 7px;
      min-width: 0;
    }
    .mobile-card-journal__head-actions .mobile-action {
      min-height: 30px;
      padding: 6px 8px;
      font-size: 10px;
      line-height: 1.1;
    }
    .mobile-card-journal__list {
      display: grid;
      gap: 7px;
      min-width: 0;
    }
    .mobile-card-journal-day {
      display: grid;
      gap: 6px;
      min-width: 0;
    }
    .mobile-card-journal-day__label {
      color: rgba(200, 198, 187, 0.72);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .mobile-card-journal-row {
      display: grid;
      gap: 5px;
      min-width: 0;
      border: 1px solid rgba(167, 178, 132, 0.15);
      background: rgba(255, 255, 255, 0.035);
      padding: 8px;
    }
    .mobile-card-journal-row--deletion {
      border-color: rgba(207, 91, 75, 0.34);
      background: rgba(207, 91, 75, 0.08);
    }
    .mobile-card-journal-row__top {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 7px;
      align-items: baseline;
      min-width: 0;
    }
    .mobile-card-journal-row__time {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.2;
      white-space: nowrap;
    }
    .mobile-card-journal-row__action {
      min-width: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .mobile-card-journal-row__actor,
    .mobile-card-journal-row__details {
      color: var(--text-soft);
      font-size: 11px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .mobile-card-journal-row__details .card-journal-detail {
      display: inline;
      color: var(--text-soft);
    }
    .mobile-card-journal-row__details .card-journal-block {
      margin-top: 6px;
      border: 1px solid rgba(167, 178, 132, 0.12);
      background: rgba(0, 0, 0, 0.16);
      padding: 7px;
    }
    .mobile-card-journal-row__details .card-journal-block__head {
      color: rgba(200, 198, 187, 0.72);
      font-family: var(--mono);
      font-size: 9px;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .mobile-card-journal-row__details .card-journal-block__text {
      margin: 4px 0 0;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      font-family: var(--sans);
      font-size: 11px;
      line-height: 1.35;
    }
    .mobile-card-journal__more {
      width: 100%;
      min-height: 34px;
      padding: 8px 9px;
      text-align: center;
    }
    .mobile-cashbox-list {
      display: grid;
      gap: 8px;
    }
    .mobile-cashbox-row {
      border-left: 4px solid transparent;
    }
    .mobile-cashbox-row.is-active {
      border-color: rgba(212, 175, 55, 0.64);
      background: rgba(47, 43, 28, 0.96);
    }
    .mobile-cashbox-row__balance,
    .mobile-cashbox-detail__balance,
    .mobile-cashbox-transaction__amount {
      font-family: var(--mono);
      font-weight: 700;
      white-space: nowrap;
    }
    .mobile-cashbox-row__balance[data-balance-sign="negative"],
    .mobile-cashbox-detail__balance[data-balance-sign="negative"],
    .mobile-cashbox-transaction__amount[data-direction="expense"] {
      color: #ffb7ac;
    }
    .mobile-cashbox-row__balance[data-balance-sign="positive"],
    .mobile-cashbox-detail__balance[data-balance-sign="positive"],
    .mobile-cashbox-transaction__amount[data-direction="income"] {
      color: #d9f1d3;
    }
    .mobile-cashbox-detail {
      display: grid;
      gap: 10px;
      border: 1px solid rgba(167, 178, 132, 0.22);
      background: rgba(10, 14, 11, 0.36);
      padding: 12px;
    }
    .mobile-cashbox-detail__head {
      display: flex;
      align-items: start;
      justify-content: space-between;
      gap: 10px;
    }
    .mobile-cashbox-detail__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.2;
    }
    .mobile-cashbox-detail__stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }
    .mobile-cashbox-stat {
      display: grid;
      gap: 3px;
      min-width: 0;
      padding: 8px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(167, 178, 132, 0.12);
    }
    .mobile-cashbox-stat span {
      color: rgba(200, 198, 187, 0.68);
      font-size: 10px;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .mobile-cashbox-stat strong {
      font-family: var(--mono);
      font-size: 12px;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .mobile-cashbox-actions {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }
    .mobile-cashbox-actions .mobile-action {
      min-height: 48px;
      padding: 8px 5px;
      font-size: 10px;
      letter-spacing: 0.04em;
      white-space: normal;
      overflow-wrap: anywhere;
    }
    .mobile-cashbox-action-sheet {
      display: grid;
      gap: 10px;
      border: 1px solid rgba(212, 175, 55, 0.34);
      background: rgba(33, 29, 18, 0.92);
      padding: 12px;
    }
    .mobile-cashbox-action-sheet[hidden] {
      display: none;
    }
    .mobile-cashbox-action-sheet__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }
    .mobile-field {
      display: grid;
      gap: 5px;
    }
    .mobile-field span {
      color: rgba(200, 198, 187, 0.76);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .mobile-field input,
    .mobile-field textarea,
    .mobile-field select {
      width: 100%;
      min-height: 42px;
      min-width: 0;
      border: 1px solid rgba(167, 178, 132, 0.3);
      background: rgba(0, 0, 0, 0.24);
      color: var(--text);
      padding: 11px 10px;
      outline: none;
    }
    .mobile-field textarea {
      resize: vertical;
      min-height: 82px;
    }
    .mobile-repair-order-list,
    .mobile-more-grid {
      display: grid;
      gap: 8px;
    }
    .mobile-more-grid[hidden] {
      display: none;
    }
    .mobile-repair-order-row {
      border-left: 4px solid rgba(146, 151, 151, 0.56);
    }
    .mobile-repair-order-row[data-status="open"] {
      border-left-color: rgba(114, 182, 107, 0.68);
    }
    .mobile-repair-order-row[data-status="ready"] {
      border-left-color: rgba(212, 175, 55, 0.72);
    }
    .mobile-repair-order-row[data-status="closed"] {
      border-left-color: rgba(207, 91, 75, 0.62);
    }
    .mobile-repair-order-row__meta {
      display: grid;
      gap: 3px;
      color: rgba(242, 240, 230, 0.76);
      font-size: 12px;
      line-height: 1.28;
    }
    .mobile-repair-order-detail {
      display: grid;
      gap: 12px;
      min-width: 0;
      overflow: visible;
    }
    .mobile-repair-order-detail[hidden] {
      display: none;
    }
    .mobile-repair-order-list[hidden] {
      display: none;
    }
    .mobile-repair-order-detail__sticky {
      position: sticky;
      top: 0;
      z-index: 6;
      display: grid;
      gap: 8px;
      min-width: 0;
      padding-bottom: 8px;
      border-bottom: 1px solid rgba(167, 178, 132, 0.16);
      background: #151a16;
    }
    .mobile-repair-order-detail__head {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 8px;
      min-width: 0;
      border: 1px solid rgba(167, 178, 132, 0.22);
      background: rgba(0, 0, 0, 0.16);
      padding: 8px;
    }
    .mobile-repair-order-detail__title {
      min-width: 0;
      text-align: center;
    }
    .mobile-repair-order-detail__title h3 {
      margin: 2px 0 0;
      font-family: var(--mono);
      font-size: 14px;
      line-height: 1.15;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      overflow-wrap: anywhere;
    }
    .mobile-repair-order-tabs {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 4px;
      min-width: 0;
    }
    .mobile-repair-order-tab {
      min-width: 0;
      min-height: 42px;
      border: 1px solid rgba(167, 178, 132, 0.2);
      background: rgba(0, 0, 0, 0.18);
      color: rgba(200, 198, 187, 0.78);
      font-family: var(--mono);
      font-size: 10.5px;
      line-height: 1.1;
      letter-spacing: 0;
      text-transform: uppercase;
      padding: 8px 2px;
      overflow: hidden;
      text-overflow: clip;
      white-space: nowrap;
    }
    .mobile-shell .mobile-repair-order-tab {
      font-family: var(--mono);
      font-size: 10.5px;
      line-height: 1.1;
      letter-spacing: 0;
    }
    .mobile-repair-order-tab.is-active {
      border-color: rgba(167, 178, 132, 0.46);
      background: rgba(167, 178, 132, 0.14);
      color: var(--text);
    }
    .mobile-repair-order-editor,
    .mobile-repair-order-section,
    .mobile-repair-order-totals {
      display: grid;
      gap: 10px;
      min-width: 0;
      border: 1px solid rgba(167, 178, 132, 0.18);
      background: rgba(20, 26, 21, 0.82);
      padding: 10px;
    }
    .mobile-repair-order-page {
      display: none;
      gap: 10px;
      min-width: 0;
    }
    .mobile-repair-order-page.is-active {
      display: grid;
    }
    .mobile-repair-order-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 8px;
      min-width: 0;
    }
    .mobile-repair-order-section__head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 8px;
      min-width: 0;
    }
    .mobile-repair-order-section__head h4 {
      margin: 1px 0 0;
      font-size: 14px;
      line-height: 1.18;
      letter-spacing: 0;
    }
    .mobile-repair-order-lines {
      display: grid;
      gap: 8px;
      min-width: 0;
    }
    .mobile-repair-order-line {
      display: grid;
      gap: 8px;
      min-width: 0;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(0, 0, 0, 0.18);
      padding: 9px;
    }
    .mobile-repair-order-line__top {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: center;
      min-width: 0;
    }
    .mobile-repair-order-line__label {
      color: var(--text);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.2;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      overflow-wrap: anywhere;
    }
    .mobile-repair-order-remove {
      width: 32px;
      height: 32px;
      padding: 0;
      display: grid;
      place-items: center;
      font-size: 15px;
    }
    .mobile-repair-order-line__fields {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 7px;
      min-width: 0;
    }
    .mobile-repair-order-line__fields--materials {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
    .mobile-repair-order-payment-form {
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
      gap: 8px;
      min-width: 0;
    }
    .mobile-field--wide {
      grid-column: 1 / -1;
    }
    .mobile-repair-order-payments {
      display: grid;
      gap: 8px;
      min-width: 0;
    }
    .mobile-repair-order-payment-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: center;
      min-width: 0;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(0, 0, 0, 0.18);
      padding: 9px;
    }
    .mobile-repair-order-payment-row__body {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .mobile-repair-order-payment-row__line {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 8px;
      min-width: 0;
      color: var(--text);
      font-size: 13px;
      line-height: 1.25;
    }
    .mobile-repair-order-payment-row__line span {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .mobile-repair-order-payment-row__line strong {
      flex: 0 0 auto;
      color: var(--ok);
      font-family: var(--mono);
      font-size: 13px;
      line-height: 1.2;
      text-align: right;
    }
    .mobile-repair-order-payment-row__meta {
      color: rgba(242, 240, 230, 0.68);
      font-size: 11px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .mobile-repair-order-payment-remove {
      width: 32px;
      height: 32px;
      padding: 0;
      display: grid;
      place-items: center;
      font-size: 15px;
    }
    .mobile-repair-order-remove,
    .mobile-repair-order-payment-remove {
      width: 42px;
      height: 42px;
      min-height: 42px;
      padding: 0;
    }
    .mobile-repair-order-line__total {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 8px;
      color: rgba(242, 240, 230, 0.82);
      font-size: 12px;
      line-height: 1.25;
    }
    .mobile-repair-order-line__total strong,
    .mobile-repair-order-total strong {
      color: var(--warn);
      font-family: var(--mono);
      font-size: 13px;
      line-height: 1.2;
      text-align: right;
    }
    .mobile-repair-order-total {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 8px;
      min-width: 0;
      color: rgba(242, 240, 230, 0.76);
      font-size: 12px;
      line-height: 1.25;
    }
    .mobile-repair-order-total--grand {
      padding-top: 8px;
      border-top: 1px solid rgba(167, 178, 132, 0.24);
      color: var(--text);
      font-weight: 700;
    }
    .mobile-module-button {
      width: 100%;
      padding: 12px;
      text-align: left;
    }
    .mobile-module-card {
      display: grid;
      gap: 8px;
      min-width: 0;
      border-left: 4px solid rgba(167, 178, 132, 0.5);
      background: rgba(26, 34, 28, 0.94);
    }
    .mobile-module-card__top {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      min-width: 0;
    }
    .mobile-module-card__title {
      min-width: 0;
      color: var(--text);
      font-weight: 700;
      overflow-wrap: anywhere;
    }
    .mobile-module-card__value {
      flex: 0 0 auto;
      color: var(--accent);
      font-family: var(--mono);
      font-size: 16px;
      font-weight: 700;
      line-height: 1;
      white-space: nowrap;
    }
    .mobile-module-card__status,
    .mobile-module-card__detail {
      color: rgba(242, 240, 230, 0.7);
      font-size: 11px;
      line-height: 1.28;
      letter-spacing: 0;
      text-transform: none;
      overflow-wrap: anywhere;
    }
    .mobile-module-card__status {
      color: rgba(212, 175, 55, 0.84);
      font-family: var(--mono);
      text-transform: uppercase;
    }
    .mobile-clients-panel {
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .mobile-clients-panel[hidden] {
      display: none;
    }
    .mobile-clients-panel__sticky {
      position: sticky;
      top: 0;
      z-index: 5;
      display: grid;
      gap: 8px;
      min-width: 0;
      padding-bottom: 8px;
      border-bottom: 1px solid rgba(167, 178, 132, 0.16);
      background: #151a16;
    }
    .mobile-clients-panel__head {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 10px;
      min-width: 0;
    }
    .mobile-clients-panel__head h3 {
      margin: 1px 0 0;
      font-size: 18px;
      line-height: 1.15;
      letter-spacing: 0;
    }
    .mobile-clients-meta {
      color: rgba(200, 198, 187, 0.72);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.25;
      text-transform: uppercase;
      overflow-wrap: anywhere;
    }
    .mobile-clients-layout,
    .mobile-clients-list,
    .mobile-client-detail,
    .mobile-client-detail__section {
      display: grid;
      gap: 8px;
      min-width: 0;
    }
    .mobile-client-row {
      width: 100%;
      display: grid;
      gap: 5px;
      min-width: 0;
      border: 1px solid rgba(167, 178, 132, 0.16);
      border-left: 4px solid rgba(167, 178, 132, 0.46);
      background: rgba(26, 34, 28, 0.9);
      color: var(--text);
      padding: 10px;
      text-align: left;
    }
    .mobile-client-row.is-active {
      border-color: rgba(212, 175, 55, 0.52);
      border-left-color: rgba(212, 175, 55, 0.82);
      background: rgba(42, 38, 24, 0.7);
    }
    .mobile-client-row__top {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      min-width: 0;
    }
    .mobile-client-row__name,
    .mobile-client-detail__name {
      min-width: 0;
      font-weight: 700;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .mobile-client-row__type {
      flex: 0 0 auto;
      color: var(--accent);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .mobile-client-row__meta,
    .mobile-client-detail__meta,
    .mobile-client-detail__empty {
      color: rgba(242, 240, 230, 0.7);
      font-size: 11px;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }
    .mobile-client-detail {
      border: 1px solid rgba(167, 178, 132, 0.18);
      background: rgba(20, 26, 21, 0.82);
      padding: 10px;
    }
    .mobile-client-detail__head {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      min-width: 0;
    }
    .mobile-client-detail__debt {
      flex: 0 0 auto;
      color: var(--warn);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 700;
      line-height: 1.2;
      text-align: right;
      white-space: nowrap;
    }
    .mobile-client-detail__section {
      padding-top: 8px;
      border-top: 1px solid rgba(167, 178, 132, 0.14);
    }
    .mobile-client-detail__section h4 {
      margin: 0;
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.2;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .mobile-client-mini {
      display: grid;
      gap: 3px;
      width: 100%;
      min-width: 0;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(0, 0, 0, 0.16);
      color: rgba(242, 240, 230, 0.78);
      padding: 8px;
      text-align: left;
      text-decoration: none;
    }
    .mobile-client-mini strong {
      color: var(--text);
      font-size: 12px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .mobile-client-mini span {
      color: rgba(242, 240, 230, 0.68);
      font-size: 11px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .mobile-employees-panel {
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .mobile-employees-panel[hidden] {
      display: none;
    }
    .mobile-employees-panel__sticky {
      position: sticky;
      top: 0;
      z-index: 5;
      display: grid;
      gap: 8px;
      min-width: 0;
      padding-bottom: 8px;
      border-bottom: 1px solid rgba(167, 178, 132, 0.16);
      background: #151a16;
    }
    .mobile-employees-panel__head {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 10px;
      min-width: 0;
    }
    .mobile-employees-panel__head h3 {
      margin: 1px 0 0;
      font-size: 18px;
      line-height: 1.15;
      letter-spacing: 0;
    }
    .mobile-employees-meta {
      color: rgba(200, 198, 187, 0.72);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.25;
      text-transform: uppercase;
      overflow-wrap: anywhere;
    }
    .employees-row__formula {
      color: var(--accent);
      font-size: 10.5px;
      line-height: 1.35;
    }
    .mobile-employees-layout,
    .mobile-employees-list,
    .mobile-employee-detail,
    .mobile-employee-detail__section {
      display: grid;
      gap: 8px;
      min-width: 0;
    }
    .mobile-employee-row {
      width: 100%;
      display: grid;
      gap: 5px;
      min-width: 0;
      border: 1px solid rgba(167, 178, 132, 0.16);
      border-left: 4px solid rgba(167, 178, 132, 0.46);
      background: rgba(26, 34, 28, 0.9);
      color: var(--text);
      padding: 10px;
      text-align: left;
    }
    .mobile-employee-row.is-active {
      border-color: rgba(212, 175, 55, 0.52);
      border-left-color: rgba(212, 175, 55, 0.82);
      background: rgba(42, 38, 24, 0.7);
    }
    .mobile-employee-row__top {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      min-width: 0;
    }
    .mobile-employee-row__name,
    .mobile-employee-detail__name {
      min-width: 0;
      font-weight: 700;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .mobile-employee-row__balance {
      flex: 0 0 auto;
      color: var(--warn);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 700;
      line-height: 1.2;
      text-align: right;
      white-space: nowrap;
    }
    .mobile-employee-row__meta,
    .mobile-employee-detail__meta,
    .mobile-employee-detail__empty {
      color: rgba(242, 240, 230, 0.7);
      font-size: 11px;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }
    .mobile-employee-detail {
      border: 1px solid rgba(167, 178, 132, 0.18);
      background: rgba(20, 26, 21, 0.82);
      padding: 10px;
    }
    .mobile-employee-detail__head {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      min-width: 0;
    }
    .mobile-employee-detail__balance {
      flex: 0 0 auto;
      color: var(--warn);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 700;
      line-height: 1.2;
      text-align: right;
      white-space: nowrap;
    }
    .mobile-employee-kpis {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      min-width: 0;
    }
    .mobile-employee-kpi {
      display: grid;
      gap: 3px;
      min-width: 0;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(0, 0, 0, 0.16);
      padding: 8px;
    }
    .mobile-employee-kpi span {
      color: rgba(242, 240, 230, 0.62);
      font-family: var(--mono);
      font-size: 9px;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .mobile-employee-kpi strong {
      color: var(--text);
      font-family: var(--mono);
      font-size: 12px;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .mobile-employee-detail__section {
      padding-top: 8px;
      border-top: 1px solid rgba(167, 178, 132, 0.14);
    }
    .mobile-employee-detail__section h4 {
      margin: 0;
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.2;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .mobile-employee-accrual {
      display: grid;
      gap: 3px;
      width: 100%;
      min-width: 0;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(0, 0, 0, 0.16);
      color: rgba(242, 240, 230, 0.78);
      padding: 8px;
    }
    .mobile-employee-accrual strong {
      color: var(--text);
      font-size: 12px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .mobile-employee-accrual span {
      color: rgba(242, 240, 230, 0.68);
      font-size: 11px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .mobile-archive-panel,
    .mobile-shared-files-panel {
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .mobile-archive-panel[hidden],
    .mobile-shared-files-panel[hidden] {
      display: none;
    }
    .mobile-archive-panel__sticky,
    .mobile-shared-files-panel__sticky {
      position: sticky;
      top: 0;
      z-index: 5;
      display: grid;
      gap: 8px;
      min-width: 0;
      padding-bottom: 8px;
      border-bottom: 1px solid rgba(167, 178, 132, 0.16);
      background: #151a16;
    }
    .mobile-archive-panel__head,
    .mobile-shared-files-panel__head {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 10px;
      min-width: 0;
    }
    .mobile-archive-panel__head h3,
    .mobile-shared-files-panel__head h3 {
      margin: 1px 0 0;
      font-size: 18px;
      line-height: 1.15;
      letter-spacing: 0;
    }
    .mobile-archive-meta,
    .mobile-shared-files-meta {
      color: rgba(200, 198, 187, 0.72);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.25;
      text-transform: uppercase;
      overflow-wrap: anywhere;
    }
    .mobile-archive-list,
    .mobile-shared-files-list {
      display: grid;
      gap: 8px;
      min-width: 0;
    }
    .mobile-archive-row,
    .mobile-shared-file-row {
      display: grid;
      gap: 8px;
      min-width: 0;
      border: 1px solid rgba(167, 178, 132, 0.16);
      border-left: 4px solid rgba(167, 178, 132, 0.46);
      background: rgba(26, 34, 28, 0.9);
      color: var(--text);
      padding: 10px;
    }
    .mobile-archive-row__top,
    .mobile-shared-file-row__top {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 10px;
      min-width: 0;
    }
    .mobile-archive-row__title,
    .mobile-shared-file-row__name {
      min-width: 0;
      font-weight: 700;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .mobile-shared-file-row__kind {
      flex: 0 0 auto;
      color: var(--accent);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.2;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .mobile-archive-row__summary,
    .mobile-archive-row__meta,
    .mobile-shared-file-row__meta,
    .mobile-archive-empty,
    .mobile-shared-file-empty {
      color: rgba(242, 240, 230, 0.7);
      font-size: 11px;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }
    .mobile-archive-row__actions,
    .mobile-shared-files-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      min-width: 0;
    }
    .mobile-shared-file-row__actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      min-width: 0;
    }
    .mobile-archive-row__actions .mobile-action {
      min-height: 42px;
      padding: 9px 10px;
      font-size: 10px;
      line-height: 1.1;
    }
    .mobile-shared-files-actions .mobile-action {
      min-width: 112px;
      min-height: 42px;
    }
    .mobile-shared-file-row__actions .mobile-action {
      width: 100%;
      min-height: 42px;
      padding: 10px 10px;
      font-size: 10.5px;
      line-height: 1.1;
    }
    .mobile-bottom-nav {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0;
      padding: 6px 6px calc(6px + env(safe-area-inset-bottom, 0px));
      border-top: 1px solid rgba(167, 178, 132, 0.2);
      background: rgba(8, 12, 9, 0.96);
    }
    .mobile-bottom-nav__item {
      min-height: 48px;
      border-color: transparent;
      background: transparent;
      color: rgba(200, 198, 187, 0.74);
      font-size: 10.5px;
    }
    .mobile-bottom-nav__item.is-active {
      border-color: rgba(167, 178, 132, 0.36);
      background: rgba(167, 178, 132, 0.12);
      color: var(--text);
    }

    .dialog__title {
      font-family: var(--mono);
      text-transform: uppercase;
      letter-spacing: 0.14em;
      font-size: 14px;
      font-weight: 700;
    }
    .dialog__head--card {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: center;
    }
    .dialog__head--card > .btn {
      position: relative;
      z-index: 2;
      pointer-events: auto;
    }
    .dialog__head--repair-order {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: nowrap;
    }
    .dialog__head--repair-order .dialog__title-wrap {
      flex: 1 1 auto;
    }
    .dialog__head--repair-orders {
      display: flex;
      align-items: center;
      min-height: 48px;
      margin: 0;
      padding: 11px 14px 9px;
      border-bottom: 1px solid rgba(115, 126, 105, 0.22);
      background: rgba(0, 0, 0, 0.1);
    }
    .repair-orders-toolbar {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
      padding: 10px 14px;
      border: 1px solid transparent;
      background: transparent;
      box-shadow: none;
    }
    .repair-orders-toolbar__content {
      display: flex;
      align-items: end;
      gap: 12px;
      min-width: 0;
      flex: 1 1 auto;
    }
    .repair-orders-toolbar [data-close="repair-orders"] {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      min-width: 96px;
      min-height: 36px;
      padding: 0 14px;
      font-size: 11px;
    }
    .repair-orders-toolbar .tab-btn,
    .repair-orders-toolbar [data-close="repair-orders"] {
      position: relative;
      z-index: 4;
      pointer-events: auto;
      background: #151c17;
      transition:
        border-color 160ms ease,
        background 160ms ease,
        color 160ms ease,
        box-shadow 180ms ease,
        transform 120ms ease;
    }
    .repair-orders-toolbar .tab-btn:hover:not(:disabled),
    .repair-orders-toolbar .tab-btn:focus-visible,
    .repair-orders-toolbar [data-close="repair-orders"]:hover:not(:disabled),
    .repair-orders-toolbar [data-close="repair-orders"]:focus-visible {
      border-color: var(--accent);
      box-shadow: 0 0 0 1px rgba(167, 178, 132, 0.12), 0 6px 14px rgba(0, 0, 0, 0.22);
      transform: translateY(-1px);
    }
    .repair-orders-toolbar .tab-btn:active:not(:disabled),
    .repair-orders-toolbar [data-close="repair-orders"]:active:not(:disabled) {
      transform: translateY(0);
      box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.32);
    }
    .repair-orders-toolbar [data-close="repair-orders"] {
      border-color: rgba(118, 194, 112, 0.76);
      background: #263f27;
      color: #edfae9;
      box-shadow: 0 0 10px rgba(105, 196, 95, 0.16);
    }
    .repair-orders-toolbar [data-close="repair-orders"]:hover:not(:disabled),
    .repair-orders-toolbar [data-close="repair-orders"]:focus-visible {
      border-color: rgba(159, 229, 147, 0.98);
      background: #315e34;
      box-shadow: 0 0 0 1px rgba(129, 217, 117, 0.18), 0 0 18px rgba(105, 196, 95, 0.3);
    }
    .repair-orders-toolbar .repair-orders-controls input,
    .repair-orders-toolbar .repair-orders-controls select {
      position: relative;
      z-index: 4;
      pointer-events: auto;
      transition: border-color 160ms ease, background 160ms ease, box-shadow 180ms ease;
    }
    .repair-orders-toolbar .repair-orders-controls input:focus,
    .repair-orders-toolbar .repair-orders-controls select:focus {
      border-color: var(--accent);
      box-shadow: 0 0 0 2px rgba(167, 178, 132, 0.16);
    }
    .dialog__tabs--repair-orders {
      margin: 0;
      padding: 0;
      justify-content: flex-start;
      flex: 0 0 auto;
    }
    .dialog__tabs--repair-orders > div {
      display: flex;
      gap: 6px;
      align-items: center;
    }
    #repairOrdersOpenTab {
      border-color: rgba(101, 148, 99, 0.72);
      color: #dff1d8;
      background: #233024;
    }
    #repairOrdersOpenTab.is-active {
      border-color: rgba(165, 231, 154, 0.98);
      background: #4d8749;
      color: #f5fff1;
      box-shadow:
        0 0 0 1px rgba(129, 217, 117, 0.2),
        0 0 18px rgba(105, 196, 95, 0.34),
        inset 0 0 14px rgba(184, 244, 174, 0.14);
    }
    #repairOrdersReadyTab {
      border-color: rgba(146, 151, 151, 0.72);
      color: #e4e8e8;
      background: #28302b;
    }
    #repairOrdersReadyTab.is-active {
      border-color: rgba(215, 225, 225, 0.98);
      background: #5a6862;
      color: #fbffff;
      box-shadow:
        0 0 0 1px rgba(201, 214, 214, 0.18),
        0 0 18px rgba(174, 181, 181, 0.3),
        inset 0 0 14px rgba(230, 240, 240, 0.12);
    }
    #repairOrdersClosedTab {
      border-color: rgba(150, 94, 86, 0.7);
      color: #f1dbd8;
      background: #272822;
    }
    #repairOrdersClosedTab.is-active {
      border-color: rgba(229, 137, 124, 0.98);
      background: #70443b;
      color: #fff7f5;
      box-shadow:
        0 0 0 1px rgba(225, 128, 115, 0.18),
        0 0 18px rgba(207, 112, 100, 0.32),
        inset 0 0 14px rgba(244, 166, 154, 0.12);
    }
    .dialog__title-wrap {
      min-width: 0;
      display: grid;
      gap: 2px;
    }
    .dialog__title-row--card {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
      min-width: 0;
    }
    .dialog__title-prefix {
      font-family: var(--mono);
      font-size: 9px;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: rgba(200, 198, 187, 0.62);
    }
    .dialog__title--card {
      flex: 0 1 auto;
      min-width: 180px;
      max-width: min(44vw, 520px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.2;
      font-size: 15px;
      letter-spacing: 0.07em;
    }
    .dialog__head--repair-order .dialog__title-wrap {
      gap: 6px;
    }
    .repair-order-headline {
      display: flex;
      align-items: center;
      gap: 9px;
      min-width: 0;
      flex-wrap: wrap;
    }
    .repair-order-number-badge {
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      font-size: 1.1em;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.02em;
      color: inherit;
    }
    .tab-btn {
      border: 1px solid var(--line-soft);
      padding: 8px 10px;
      background: transparent;
      color: var(--text-soft);
      cursor: pointer;
      text-transform: uppercase;
      font-family: var(--mono);
      font-size: 12px;
    }
    .tab-btn.is-active { color: var(--text); border-color: var(--accent); }
    .grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .overview-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(246px, 284px);
      gap: 10px;
      align-items: stretch;
      justify-content: stretch;
      height: 100%;
      min-height: 0;
      width: 100%;
    }
    .overview-main {
      display: grid;
      gap: 9px;
      align-content: start;
      --card-meta-panel-height: 112px;
      --card-description-target-height: 550px;
      --card-description-max-height: 620px;
      min-height: 0;
      min-width: 0;
      max-width: none;
      position: relative;
      z-index: 1;
    }
    .overview-main__meta {
      display: grid;
      grid-template-columns: minmax(144px, 150px) minmax(0, 450px);
      gap: 8px;
      align-items: stretch;
      justify-content: start;
      min-height: var(--card-meta-panel-height);
    }
    .dialog__tabs--card {
      flex: 1 1 auto;
      min-width: 0;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      margin: 0;
      padding: 0;
      border-bottom: 0;
    }
    .dialog__tabs--card > div:first-child {
      display: flex;
      align-items: center;
      gap: 4px;
      flex: 0 0 auto;
    }
    .dialog__tabs--card .tab-btn {
      min-height: 22px;
      padding: 4px 7px;
      font-size: 10px;
      line-height: 1;
    }
    .stack { display: grid; gap: 12px; }
    .field { display: grid; gap: 5px; }
    .grid--overview { grid-template-columns: minmax(176px, 0.62fr) minmax(0, 1fr); gap: 7px; }
    .field label {
      font-family: var(--mono);
      font-size: 12px;
      text-transform: uppercase;
      color: var(--text-soft);
      letter-spacing: 0.08em;
    }
    .description-field-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      min-width: 0;
    }
    .description-format-toolbar {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      flex: 0 0 auto;
    }
    .description-format-button {
      width: 26px;
      height: 24px;
      min-height: 0;
      padding: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--line-soft);
      background: rgba(255,255,255,0.035);
      color: var(--text);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 700;
      line-height: 1;
    }
    .description-format-button:hover,
    .description-format-button:focus-visible {
      border-color: var(--line);
      background: rgba(255,255,255,0.07);
    }
    .description-format-button[data-description-format="italic"] {
      font-style: italic;
    }
    .description-format-button[data-description-format="underline"] {
      text-decoration: underline;
      text-underline-offset: 2px;
    }
    .field--compact { gap: 4px; }
    .field--compact label {
      font-size: 11px;
      letter-spacing: 0.06em;
    }
    input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="month"], textarea, select, input[type="number"] {
      width: 100%;
      border: 1px solid var(--line);
      background: #151c17;
      color: var(--text);
      color-scheme: dark;
      padding: 9px 10px;
      resize: vertical;
      min-height: 38px;
    }
    .is-mobile-lite .mobile-field input,
    .is-mobile-lite .mobile-field select {
      min-height: 44px;
      padding: 10px 10px;
      resize: none;
    }
    .is-mobile-lite .mobile-field textarea {
      min-height: 128px;
      padding: 10px 10px;
    }
    .is-mobile-lite .mobile-card-description-field textarea {
      height: 100%;
      min-height: 260px;
      resize: none;
    }
    @media (max-height: 760px) {
      .is-mobile-lite .mobile-card-description-field textarea {
        min-height: 220px;
      }
    }
    .topbar-search .topbar-search__input {
      height: 27px;
      min-height: 0;
      border: 0;
      background: transparent;
      padding: 5px 27px 5px 8px;
      resize: none;
    }
    .topbar-search .topbar-search__input::placeholder {
      color: rgba(242, 240, 230, 0.28);
      opacity: 1;
    }
    input[type="range"] {
      width: 100%;
      min-height: auto;
      padding: 0;
      border: none;
      background: transparent;
      accent-color: var(--accent);
    }
    .field--compact input[type="text"],
    .field--compact input[type="password"],
    .field--compact input[type="email"],
    .field--compact select {
      min-height: 34px;
      padding: 6px 8px;
      font-size: 13px;
    }
    #cardVehicle,
    #cardTitle {
      font-size: 15px;
    }
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
      -webkit-text-fill-color: var(--text);
      -webkit-box-shadow: 0 0 0 1000px #151c17 inset;
      box-shadow: 0 0 0 1000px #151c17 inset;
      caret-color: var(--text);
    }
    input[type="number"] { text-align: center; }
    textarea { min-height: 192px; }
    .description-source {
      display: none !important;
    }
    .description-editor {
      width: 100%;
      border: 1px solid var(--line);
      background: #151c17;
      color: var(--text);
      color-scheme: dark;
      padding: 9px 10px;
      min-height: 38px;
      font-size: 15px;
      outline: none;
      overflow-wrap: anywhere;
      white-space: pre-wrap;
    }
    .description-editor:focus {
      border-color: rgba(207, 217, 166, 0.82);
    }
    .description-editor.is-loading {
      color: var(--muted);
      cursor: progress;
    }
    .description-editor b,
    .description-editor strong {
      font-weight: 700;
    }
    .description-editor i,
    .description-editor em {
      font-style: italic;
    }
    .description-editor u {
      text-decoration: underline;
      text-underline-offset: 2px;
    }
    .field--description .description-editor {
      min-height: 220px;
      height: min(var(--card-description-target-height), 48vh);
      max-height: min(var(--card-description-max-height), 58vh);
      padding: 10px 12px;
      line-height: 1.54;
      overflow-y: auto;
    }
    .panel-title {
      font-family: var(--mono);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--text-soft);
    }
    .signal-panel {
      gap: 6px;
      padding: 8px;
      align-content: start;
      min-width: 0;
    }
    .signal-panel__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      min-width: 0;
    }
    .signal-state {
      border: 1px solid rgba(128, 139, 127, 0.5);
      padding: 2px 5px;
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 8px;
      letter-spacing: 0.08em;
      line-height: 1;
    }
    .signal-state[data-state="running"] {
      border-color: rgba(83, 191, 122, 0.66);
      color: var(--ok);
    }
    .signal-actions {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 4px;
    }
    .signal-actions[data-layout="split"] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .signal-action {
      min-height: 25px;
      padding: 3px 7px;
      font-size: 9px;
    }
    .signal-panel .panel-title,
    .tags-panel .panel-title {
      font-size: 11px;
      letter-spacing: 0.1em;
    }
    .signal-preview {
      border: 1px solid var(--line-soft);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.03), transparent 38%),
        rgba(0,0,0,0.18);
      min-height: 34px;
      padding: 4px 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--mono);
      font-size: 13px;
      line-height: 1.15;
      letter-spacing: 0.06em;
      color: var(--text);
    }
    .signal-preview .time-readout { gap: 7px; }
    .signal-preview .time-readout__num {
      font-size: 1.25em;
      font-weight: 800;
    }
    .signal-preview .time-readout__unit { font-size: 0.62em; }
    .signal-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 3px;
    }
    .signal-cell {
      display: grid;
      gap: 2px;
    }
    .signal-cell span {
      font-family: var(--mono);
      font-size: 7px;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: var(--text-soft);
    }
    .signal-panel input[type="number"] {
      min-height: 24px;
      padding: 2px 4px;
      font-size: 11px;
    }
    .signal-grid--timer {
      gap: 8px;
    }
    .signal-grid--timer > .signal-cell:not(.signal-cell--timer) {
      display: none;
    }
    .signal-cell--timer {
      gap: 5px;
    }
    .signal-cell__label {
      font-family: var(--mono);
      font-size: 9px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--text-soft);
    }
    .signal-stepper {
      display: grid;
      grid-template-columns: minmax(24px, 0.72fr) minmax(34px, 1fr) minmax(24px, 0.72fr);
      align-items: center;
      min-height: 38px;
      border: 1px solid var(--line-soft);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.03), transparent 40%),
        rgba(0,0,0,0.16);
    }
    .signal-stepper__button {
      width: 100%;
      min-width: 0;
      min-height: 32px;
      padding: 0 4px;
      border: 0;
      background: rgba(255,255,255,0.02);
      color: var(--text);
      font-family: var(--mono);
      font-size: 16px;
      font-weight: 800;
      line-height: 1;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.02em;
      white-space: nowrap;
    }
    .signal-stepper__value {
      display: flex;
      align-items: center;
      justify-content: center;
      align-self: stretch;
      min-width: 0;
      border-inline: 1px solid var(--line-soft);
      color: var(--text);
      font-family: var(--mono);
      font-size: 11px;
      font-weight: 800;
      line-height: 1;
      white-space: nowrap;
    }
    .signal-stepper__button:disabled {
      opacity: 0.28;
      cursor: not-allowed;
    }
    .signal-stepper__button:hover:not(:disabled) {
      background: rgba(255,255,255,0.05);
    }
    .signal-input--hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .tags-panel {
      gap: 6px;
      padding: 7px 8px 8px;
      align-content: start;
      min-width: 0;
    }
    .scale-control {
      display: grid;
      gap: 10px;
    }
    .board-extra-column-settings {
      padding: 10px;
      border: 1px dashed rgba(167, 178, 132, 0.45);
      background: rgba(36, 45, 34, 0.32);
    }
    #extraBoardColumnFilterPanel[hidden] {
      display: none;
    }
    .board-extra-column-settings__title {
      font-family: var(--mono);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      color: var(--text);
    }
    .board-extra-column-settings__fields {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(130px, 0.42fr);
      gap: 8px;
    }
    .board-extra-column-settings__hint {
      color: var(--text-soft);
      font-size: 12px;
      line-height: 1.35;
    }
    .board-extra-column-actions {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      flex-wrap: wrap;
    }
    .board-extra-column-actions__settings {
      width: 36px;
      min-width: 36px;
      height: 36px;
      min-height: 36px;
      padding: 0;
      display: inline-grid;
      place-items: center;
      font-size: 18px;
      line-height: 1;
    }
    .board-settings__actions {
      display: grid;
      justify-items: start;
      gap: 7px;
    }
    .scale-head__controls {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .scale-head__reset {
      min-height: 24px;
      padding: 4px 7px;
      font-size: 8px;
      line-height: 1;
      white-space: nowrap;
    }
    @media (max-width: 520px) {
      .board-extra-column-settings__fields { grid-template-columns: 1fr; }
      .board-extra-column-actions { width: 100%; }
    }
    .dialog--display-dashboard-message {
      width: min(980px, 100%);
      max-height: min(940px, calc(100dvh - 30px));
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
    }
    .display-dashboard-editor {
      min-height: 0;
      display: grid;
      grid-template-rows: auto auto minmax(300px, 1fr) auto auto;
      gap: 10px;
      overflow: hidden;
    }
    .display-dashboard-editor__meta,
    .display-dashboard-editor__hint {
      margin-top: 3px;
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.06em;
    }
    .display-dashboard-editor__toolbar {
      display: flex;
      align-items: center;
      gap: 6px;
      flex-wrap: wrap;
      padding: 8px;
      border: 1px solid var(--line);
      background: rgba(13, 19, 15, 0.48);
    }
    .display-dashboard-editor__size {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 9px;
      letter-spacing: 0.06em;
    }
    .display-dashboard-editor__size select {
      width: 62px;
      min-height: 28px;
      padding: 4px 7px;
    }
    .display-dashboard-editor__image-button {
      cursor: pointer;
    }
    .display-dashboard-editor__emoji {
      display: flex;
      gap: 5px;
      flex-wrap: wrap;
      padding: 7px;
      border: 1px dashed rgba(167, 178, 132, 0.45);
      background: rgba(36, 45, 34, 0.32);
    }
    .display-dashboard-editor__emoji[hidden] { display: none; }
    .display-dashboard-editor__emoji button {
      width: 34px;
      height: 34px;
      padding: 0;
      border: 1px solid var(--line);
      background: var(--panel-2);
      color: var(--text);
      cursor: pointer;
      font-size: 18px;
    }
    .display-dashboard-editor__canvas {
      min-height: 300px;
      overflow: auto;
      padding: 18px;
      border: 1px solid rgba(167, 178, 132, 0.62);
      outline: none;
      background: #f7f4e9;
      color: #17231c;
      font-family: Arial, sans-serif;
      font-size: 16px;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }
    .display-dashboard-editor__canvas:focus {
      border-color: var(--accent);
      box-shadow: 0 0 0 1px rgba(167, 178, 132, 0.28);
    }
    .display-dashboard-editor__canvas:empty::before {
      content: "Напишите сообщение или инструкцию для механиков…";
      color: #6c756e;
    }
    .display-dashboard-editor__images {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      max-height: 190px;
      overflow: auto;
    }
    .display-dashboard-editor__images:empty { display: none; }
    .display-dashboard-editor__image {
      position: relative;
      min-width: 0;
      aspect-ratio: 4 / 3;
      border: 1px solid var(--line);
      background: #0e1511;
    }
    .display-dashboard-editor__image img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    .display-dashboard-editor__image button {
      position: absolute;
      top: 5px;
      right: 5px;
      width: 28px;
      height: 28px;
      padding: 0;
      border: 1px solid rgba(255, 220, 210, 0.55);
      background: rgba(82, 24, 18, 0.88);
      color: #fff0e8;
      cursor: pointer;
    }
    @media (max-width: 720px) {
      .display-dashboard-editor__images { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    .scale-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }
    .scale-head__label {
      font-family: var(--mono);
      font-size: 12px;
      text-transform: uppercase;
      color: var(--text-soft);
      letter-spacing: 0.08em;
    }
    .scale-head__value {
      min-width: 72px;
      padding: 5px 8px;
      border: 1px solid rgba(167, 178, 132, 0.55);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.06), transparent 36%),
        rgba(0, 0, 0, 0.22);
      color: var(--text);
      text-align: center;
      font-family: var(--mono);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.08em;
    }
    .scale-track {
      position: relative;
      padding: 4px 0;
    }
    .scale-track::before {
      content: "";
      position: absolute;
      inset: 50% 0 auto;
      height: 6px;
      transform: translateY(-50%);
      border: 1px solid var(--line-soft);
      background:
        linear-gradient(90deg, rgba(86, 97, 82, 0.9), rgba(167, 178, 132, 0.42));
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
      pointer-events: none;
    }
    .scale-track input[type="range"] {
      position: relative;
      z-index: 1;
      appearance: none;
      -webkit-appearance: none;
      background: transparent;
      margin: 0;
    }
    .scale-track input[type="range"]::-webkit-slider-runnable-track {
      height: 14px;
      background: transparent;
      border: none;
    }
    .scale-track input[type="range"]::-webkit-slider-thumb {
      appearance: none;
      -webkit-appearance: none;
      width: 18px;
      height: 18px;
      margin-top: -2px;
      border: 1px solid #b7c08f;
      background:
        linear-gradient(180deg, rgba(255,255,255,0.18), transparent 35%),
        #30382e;
      box-shadow:
        0 0 0 1px rgba(0,0,0,0.28),
        inset 0 1px 0 rgba(255,255,255,0.08);
      cursor: pointer;
    }
    .scale-track input[type="range"]::-moz-range-track {
      height: 14px;
      background: transparent;
      border: none;
    }
    .scale-track input[type="range"]::-moz-range-thumb {
      width: 18px;
      height: 18px;
      border-radius: 0;
      border: 1px solid #b7c08f;
      background:
        linear-gradient(180deg, rgba(255,255,255,0.18), transparent 35%),
        #30382e;
      box-shadow:
        0 0 0 1px rgba(0,0,0,0.28),
        inset 0 1px 0 rgba(255,255,255,0.08);
      cursor: pointer;
    }
    .tags-panel {
      gap: 4px;
      padding: 6px;
      align-content: start;
      min-width: 0;
    }
    .tags-panel__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 4px;
    }
    .tag-limit {
      min-width: 34px;
      padding: 2px 4px;
      border: 1px solid var(--line-soft);
      background: rgba(0,0,0,0.16);
      font-family: var(--mono);
      font-size: 8.5px;
      letter-spacing: 0.06em;
      text-align: center;
      color: var(--text-soft);
    }
    .tag-limit[data-limit-state="full"] {
      border-color: rgba(193, 162, 84, 0.48);
      color: #d7c58a;
      background: rgba(193, 162, 84, 0.12);
    }
    .tag-controls {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 5px;
      align-items: center;
    }
    .tag-entry {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 24px;
      gap: 4px;
      align-items: center;
    }
    .tag-list {
      display: flex;
      flex-wrap: wrap;
      gap: 3px;
      align-content: flex-start;
      min-height: 20px;
      padding: 0;
    }
    .tag-entry input[type="text"] {
      min-height: 24px;
      padding: 2px 7px;
      font-family: var(--mono);
      font-size: 9.5px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .tag-entry input[type="text"][disabled] {
      opacity: 0.62;
      cursor: not-allowed;
    }
    .tag-entry .btn {
      min-width: 24px;
      min-height: 24px;
      padding: 0;
      display: grid;
      place-items: center;
      font-size: 10px;
    }
    .tag-entry .btn[disabled] {
      opacity: 0.44;
      cursor: not-allowed;
    }
    .tag-suggestions {
      display: flex;
      flex-wrap: wrap;
      gap: 3px;
      align-content: flex-start;
      min-height: 20px;
    }
    .tag-color-picker {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      min-height: 24px;
      padding: 0;
    }
    .tag-color-option {
      width: 18px;
      height: 18px;
      border: 1px solid rgba(255,255,255,0.14);
      background: rgba(0, 0, 0, 0.16);
      padding: 0;
      cursor: pointer;
      position: relative;
    }
    .tag-color-option::after {
      content: "";
      position: absolute;
      inset: 3px;
      border-radius: 50%;
      background: currentColor;
    }
    .tag-color-option[data-tag-color="green"] { color: #3f8b52; }
    .tag-color-option[data-tag-color="yellow"] { color: #aa8a34; }
    .tag-color-option[data-tag-color="red"] { color: #b06157; }
    .tag-color-option.is-active {
      border-color: rgba(241, 239, 228, 0.78);
      box-shadow: 0 0 0 1px rgba(241, 239, 228, 0.18);
    }
    .tag-list .tag {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      min-height: 20px;
      padding: 2px 6px;
      font-family: var(--mono);
      font-size: 8.5px;
      font-weight: 700;
      letter-spacing: 0.05em;
      line-height: 1;
    }
    .tag-list .tag--muted {
      justify-content: center;
      min-width: 84px;
      color: var(--text-soft);
      background: rgba(0,0,0,0.14);
      border-color: var(--line-soft);
    }
    .tag-suggestion {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 20px;
      border: 1px solid var(--line-soft);
      background: rgba(0, 0, 0, 0.16);
      color: var(--text-soft);
      padding: 2px 6px;
      font-family: var(--mono);
      font-size: 8.5px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      line-height: 1;
      cursor: pointer;
    }
    .tag-suggestion[data-tag-color="green"] {
      border-color: rgba(67, 126, 79, 0.62);
      background: rgba(111, 173, 116, 0.22);
      color: #1d1a14;
    }
    .tag-suggestion[data-tag-color="yellow"] {
      border-color: rgba(152, 126, 48, 0.58);
      background: rgba(193, 162, 84, 0.18);
      color: #1d1a14;
    }
    .tag-suggestion[data-tag-color="red"] {
      border-color: rgba(152, 86, 78, 0.58);
      background: rgba(193, 118, 110, 0.18);
      color: #1d1a14;
    }
    .tag-suggestion:hover,
    .tag-suggestion.is-active {
      color: var(--text);
      border-color: var(--accent);
      background: rgba(201, 180, 118, 0.08);
    }
    .tag-suggestion--danger {
      border-color: rgba(201, 84, 71, 0.48);
      color: #e8b0a7;
    }
    .tag-suggestion--danger:hover,
    .tag-suggestion--danger.is-active {
      border-color: #d15a4c;
      background: rgba(209, 90, 76, 0.12);
      color: #f0c1ba;
    }
    .tag-suggestion.is-disabled {
      opacity: 0.42;
      cursor: not-allowed;
      filter: saturate(0.6);
    }
    .tag-suggestion.is-disabled:hover {
      color: var(--text-soft);
      border-color: var(--line-soft);
      background: rgba(0, 0, 0, 0.16);
    }
    .compact-note {
      font-family: var(--mono);
      font-size: 11px;
      color: var(--text-soft);
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .signal-panel .compact-note {
      font-size: 10px;
      letter-spacing: 0.03em;
    }
    .subpanel {
      border: 1px solid var(--line-soft);
      padding: 10px;
      display: grid;
      gap: 10px;
      background: rgba(0,0,0,0.14);
    }
    .overview-main__meta > .subpanel {
      height: var(--card-meta-panel-height);
      min-height: var(--card-meta-panel-height);
      padding: 6px;
      gap: 4px;
      overflow: hidden;
      align-content: start;
      box-sizing: border-box;
    }
    .overview-main__meta .signal-panel {
      grid-template-rows: 13px 25px 25px 24px;
    }
    .overview-main__meta .signal-panel__head {
      gap: 4px;
    }
    .overview-main__meta .signal-panel .panel-title {
      font-size: 10px;
      line-height: 1;
      white-space: nowrap;
    }
    .overview-main__meta .signal-state {
      padding: 1px 4px;
      font-size: 7px;
    }
    .overview-main__meta .signal-preview {
      min-height: 25px;
      padding: 2px 6px;
      font-size: 11.5px;
      line-height: 1.1;
    }
    .overview-main__meta .signal-preview .time-readout {
      gap: 5px;
    }
    .overview-main__meta .signal-preview .time-readout__num {
      font-size: 1.18em;
    }
    .overview-main__meta .signal-preview .time-readout__clock {
      font-size: 1.02em;
      font-weight: 800;
      letter-spacing: 0.03em;
    }
    .overview-main__meta .signal-grid--timer {
      gap: 5px;
      align-items: start;
    }
    .overview-main__meta .signal-cell--timer {
      gap: 2px;
      min-width: 0;
    }
    .overview-main__meta .signal-cell__label {
      display: none;
    }
    .overview-main__meta .signal-stepper {
      grid-template-columns: 20px minmax(0, 1fr) 20px;
      min-height: 25px;
      overflow: hidden;
    }
    .overview-main__meta .signal-stepper__button {
      padding: 0;
      min-height: 23px;
      font-size: 13px;
    }
    .overview-main__meta .signal-stepper__value {
      font-size: 8.5px;
    }
    .overview-main__meta .signal-action {
      min-height: 24px;
      padding: 2px 4px;
      font-size: 8px;
    }
    .overview-main__meta .tags-panel {
      grid-template-columns: minmax(0, 1fr);
    }
    .overview-main__meta .tags-panel .field--tags {
      gap: 3px;
      min-height: 0;
      overflow: hidden;
    }
    .overview-main__meta .tags-panel__head {
      min-height: 14px;
    }
    .overview-main__meta .tag-list,
    .overview-main__meta .tag-suggestions {
      flex-wrap: nowrap;
      align-items: center;
      align-content: center;
      min-height: 18px;
      max-height: 18px;
      overflow: hidden;
    }
    .overview-main__meta .tag-list .tag,
    .overview-main__meta .tag-suggestion {
      flex: 0 0 auto;
      max-width: 140px;
      min-height: 18px;
      padding: 1px 5px;
      font-size: 8px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .overview-main__meta .tag-list .tag--muted {
      min-width: 76px;
    }
    .overview-main__meta .tag-controls {
      gap: 4px;
    }
    .overview-main__meta .tag-color-picker {
      min-height: 22px;
      gap: 3px;
    }
    .overview-main__meta .tag-color-option {
      width: 16px;
      height: 16px;
    }
    .overview-main__meta .tag-entry {
      grid-template-columns: minmax(0, 1fr) 22px;
      gap: 3px;
    }
    .overview-main__meta .tag-entry input[type="text"] {
      height: 22px;
      min-height: 22px;
      padding: 2px 6px;
      font-size: 9px;
    }
    .overview-main__meta .tag-entry .btn {
      min-width: 22px;
      min-height: 22px;
    }
    .vehicle-panel {
      gap: 6px;
      width: min(100%, 284px);
      max-width: 284px;
      max-height: 100%;
      min-height: 0;
      align-self: stretch;
      justify-self: end;
      margin-left: 2px;
      padding: 8px;
      overflow: hidden;
      position: relative;
      z-index: 2;
      isolation: isolate;
      grid-template-rows: auto minmax(0, 1fr) auto auto;
      background:
        linear-gradient(180deg, rgba(255,255,255,0.02), transparent 20%),
        rgba(0, 0, 0, 0.16);
    }
    .vehicle-panel::before {
      content: "";
      position: absolute;
      top: 12px;
      bottom: 12px;
      left: -10px;
      width: 1px;
      background: rgba(115, 126, 105, 0.16);
    }
    .vehicle-panel__head {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-items: start;
      gap: 8px;
    }
    .vehicle-panel__title-block {
      display: grid;
      gap: 6px;
      justify-items: center;
      text-align: center;
      min-width: 0;
    }
    .vehicle-panel__summary {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 9px;
      line-height: 1.32;
      letter-spacing: 0.03em;
      white-space: pre-wrap;
      opacity: 0.84;
    }
    .vehicle-panel__flags {
      display: flex;
      flex-wrap: wrap;
      gap: 3px;
    }
    .vehicle-flag {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      padding: 3px 7px;
      border: 1px solid var(--line-soft);
      background: rgba(0, 0, 0, 0.18);
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      line-height: 1.1;
    }
    .vehicle-flag--accent {
      color: var(--text);
      border-color: var(--accent);
      background: rgba(201, 180, 118, 0.08);
    }
    .vehicle-flag--warning {
      color: #f0c1ba;
      border-color: rgba(209, 90, 76, 0.48);
      background: rgba(209, 90, 76, 0.1);
    }
    .vehicle-panel__fields {
      display: grid;
      gap: 5px;
      min-height: 0;
      max-height: none;
      overflow-y: auto;
      padding-right: 4px;
      scrollbar-gutter: stable;
    }
    .vehicle-panel__repair {
      display: grid;
      gap: 5px;
      padding-top: 7px;
      margin-top: 2px;
      border-top: 1px solid rgba(115, 126, 105, 0.24);
      position: relative;
      z-index: 3;
    }
    #repairOrderButton {
      position: relative;
      z-index: 4;
      pointer-events: auto;
    }
    #repairOrderModal {
      z-index: 14;
    }
    #repairOrderPaymentsModal {
      z-index: 15;
    }
    .vehicle-panel__repair-note {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.45;
      letter-spacing: 0.03em;
    }
    .dialog--repair-order {
      width: min(1320px, calc(100% - 16px));
      height: min(93vh, 940px);
      max-height: min(93vh, 940px);
      padding: 0;
      gap: 0;
      overflow: hidden;
      grid-template-rows: auto minmax(0, 1fr) auto;
      background:
        linear-gradient(180deg, rgba(255,255,255,0.02), transparent 18%),
        var(--bg-panel);
    }
    .dialog--repair-order .dialog__head {
      padding: 11px 13px 8px;
      margin: 0;
      border-bottom: 1px solid rgba(115, 126, 105, 0.2);
      background: rgba(0, 0, 0, 0.08);
    }
    .repair-order-shell {
      display: grid;
      gap: 6px;
      padding: 7px 9px 9px;
      overflow: auto;
      min-height: 0;
      align-content: start;
    }
    .repair-order-toolbar {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 6px;
      flex-wrap: wrap;
    }
    .repair-order-toolbar .btn {
      min-height: 34px;
      padding: 7px 11px;
    }
    .repair-order-groups {
      display: grid;
      grid-template-columns: minmax(168px, 0.56fr) minmax(324px, 1.08fr) minmax(520px, 1.78fr);
      gap: 6px;
      align-items: stretch;
    }
    .repair-order-card,
    .repair-order-table-card {
      display: grid;
      gap: 5px;
      padding: 6px;
      border: 1px solid rgba(116, 126, 106, 0.15);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.02), transparent 24%),
        rgba(0, 0, 0, 0.08);
    }
    .repair-order-card__grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 5px;
    }
    .repair-order-card__grid--document {
      grid-template-columns: 46px repeat(3, minmax(0, 1fr));
      align-items: end;
    }
    .repair-order-card__grid--payment {
      grid-template-columns: minmax(0, 1fr) minmax(164px, 0.72fr);
      align-items: end;
    }
    .repair-order-card__grid--client {
      grid-template-columns: minmax(0, 1.92fr) minmax(152px, 0.58fr);
      align-items: end;
    }
    .repair-order-card__grid--vehicle {
      grid-template-columns: minmax(0, 1.56fr) minmax(112px, 0.48fr) minmax(0, 1.42fr) minmax(94px, 0.36fr);
      align-items: end;
    }
    .repair-order-card__grid--document .field--compact input[type="text"],
    .repair-order-card__grid--payment .field--compact input[type="text"],
    .repair-order-card__grid--payment .field--compact select,
    .repair-order-card__grid--client .field--compact input[type="text"],
    .repair-order-card__grid--vehicle .field--compact input[type="text"] {
      min-height: 29px;
      padding: 4px 7px;
      font-size: 14.5px;
    }
    .repair-order-number-display,
    .repair-order-field--vin input[type="text"] {
      font-family: var(--mono);
      letter-spacing: 0.02em;
    }
    .repair-order-number-display {
      min-height: 29px;
      padding: 4px 7px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(132, 142, 125, 0.35);
      border-radius: 6px;
      background: rgba(20, 26, 22, 0.62);
      color: var(--text);
      font-size: 14.5px;
      font-weight: 800;
      text-align: center;
    }
    .repair-order-field--client input[type="text"],
    .repair-order-field--vehicle input[type="text"] {
      font-size: 14.75px;
    }
    .repair-order-field--phone input[type="text"] {
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.02em;
      color: var(--text);
    }
    .repair-order-card__grid--document .field--compact label,
    .repair-order-card__grid--payment .field--compact label,
    .repair-order-card__grid--vehicle .field--compact label,
    .repair-order-card__grid--client .field--compact label {
      font-size: 10px;
      letter-spacing: 0.06em;
      white-space: nowrap;
    }
    .repair-order-client-info textarea {
      min-height: 70px;
      height: 70px;
      max-height: 168px;
      line-height: 1.4;
      padding: 8px 10px;
      font-size: 15.25px;
    }
    .repair-order-status {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 24px;
      padding: 4px 10px;
      border: 1px solid rgba(146, 186, 111, 0.56);
      background: rgba(88, 138, 70, 0.28);
      color: #f3f9e9;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 0 0 1px rgba(0,0,0,0.08);
      font-family: var(--mono);
      font-size: 10.5px;
      letter-spacing: 0.1em;
      font-weight: 700;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .repair-order-status[data-status="closed"] {
      border-color: rgba(190, 122, 112, 0.52);
      background: rgba(132, 58, 50, 0.26);
      color: #fff0ec;
    }
    .repair-order-status[data-status="ready"] {
      border-color: rgba(160, 166, 166, 0.54);
      background: rgba(105, 112, 114, 0.26);
      color: #f1f4f4;
    }
    .repair-order-section-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      flex-wrap: wrap;
    }
    .repair-order-section-bar .btn {
      min-height: 30px;
      padding: 5px 9px;
    }
    .repair-order-table-wrap {
      border: 1px solid rgba(116, 126, 106, 0.14);
      background: rgba(0, 0, 0, 0.07);
      overflow: hidden;
    }
    .repair-order-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
    }
    .repair-order-table th {
      padding: 6px 8px;
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 9.25px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      text-align: left;
      border-bottom: 1px solid rgba(116, 126, 106, 0.18);
      background: rgba(255, 255, 255, 0.02);
    }
    .repair-order-table td {
      padding: 2px 4px;
      vertical-align: middle;
      border-bottom: 1px solid rgba(116, 126, 106, 0.12);
    }
    .repair-order-table tbody tr:last-child td {
      border-bottom: none;
    }
    .repair-order-table__numeric {
      text-align: right;
    }
    .repair-order-cell-total {
      font-size: 18px;
      font-weight: 800;
      line-height: 1.08;
      letter-spacing: 0.01em;
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
    }
    .repair-order-table__action {
      width: 44px;
      text-align: center;
    }
    .repair-order-table__input {
      width: 100%;
      min-width: 0;
      border: 1px solid transparent;
      border-bottom-color: rgba(116, 126, 106, 0.16);
      background: transparent;
      color: var(--text);
      padding: 5px 7px;
      min-height: 30px;
      outline: none;
      font-size: 14.25px;
    }
    .repair-order-table__input[data-repair-order-cell="name"] {
      font-size: 17px;
      font-weight: 600;
      line-height: 1.12;
    }
    .repair-order-table__input:focus {
      border-bottom-color: var(--accent);
      box-shadow: inset 0 -1px 0 rgba(167, 178, 132, 0.22);
    }
    .repair-order-table__input--num {
      text-align: right;
      font-variant-numeric: tabular-nums;
      font-family: var(--mono);
    }
    .repair-order-executor-cell {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 28px;
      gap: 4px;
      align-items: center;
      min-width: 0;
    }
    .repair-order-executor-cell .repair-order-table__select {
      min-width: 0;
    }
    .repair-order-work-salary-gear {
      width: 28px;
      min-width: 28px;
      height: 38px;
      padding: 0;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,0.18);
      background: rgba(0,0,0,0.16);
      color: #fff;
      font-size: 15px;
      line-height: 1;
      cursor: pointer;
    }
    .repair-order-work-salary-gear:hover,
    .repair-order-work-salary-gear.is-active {
      border-color: rgba(218, 226, 185, 0.82);
      background: rgba(78, 90, 68, 0.56);
      color: #fff;
    }
    .repair-order-work-salary-popover {
      position: fixed;
      z-index: 38;
      width: min(380px, calc(100vw - 24px));
      display: none;
      border: 1px solid rgba(167, 178, 132, 0.62);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.05), transparent 24%),
        rgba(17, 23, 18, 0.98);
      box-shadow:
        0 18px 42px rgba(0,0,0,0.42),
        inset 0 1px 0 rgba(255,255,255,0.06);
      padding: 10px;
    }
    .repair-order-work-salary-popover.is-open {
      display: grid;
      gap: 9px;
    }
    .repair-order-work-salary-popover__head {
      display: grid;
      gap: 3px;
      min-width: 0;
    }
    .repair-order-work-salary-popover__title {
      color: var(--text);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .repair-order-work-salary-popover__meta {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 9.25px;
      line-height: 1.25;
      text-transform: uppercase;
    }
    .repair-order-work-salary-popover__grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 8px;
    }
    .repair-order-work-salary-popover__wide {
      grid-column: 1 / -1;
    }
    .repair-order-work-salary-popover .field {
      min-width: 0;
    }
    .repair-order-work-salary-popover input {
      width: 100%;
      min-height: 32px;
      border: 1px solid rgba(116, 126, 106, 0.66);
      background: rgba(6, 10, 7, 0.62);
      color: var(--text);
      padding: 6px 7px;
      outline: none;
      font-size: 12px;
    }
    .repair-order-work-salary-popover input:focus {
      border-color: var(--accent);
      box-shadow: inset 0 -1px 0 rgba(167, 178, 132, 0.22);
    }
    .repair-order-work-salary-popover__summary {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 6px 10px;
      align-items: baseline;
      padding: 8px;
      border: 1px solid rgba(116, 126, 106, 0.24);
      background: rgba(0,0,0,0.13);
      font-family: var(--mono);
      font-size: 9.5px;
      text-transform: uppercase;
    }
    .repair-order-work-salary-popover__summary strong {
      color: var(--text);
      font-size: 13px;
      font-variant-numeric: tabular-nums;
      text-align: right;
    }
    .repair-order-work-salary-popover__actions {
      display: flex;
      justify-content: flex-end;
      gap: 6px;
    }
    .repair-order-cell-total {
      min-height: 30px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0 7px;
      color: var(--text);
      font-family: var(--mono);
      font-size: 18px;
      font-weight: 800;
      font-variant-numeric: tabular-nums;
    }
    .repair-order-cell-total[data-empty="true"] {
      color: rgba(200, 198, 187, 0.56);
    }
    .repair-order-row-remove {
      width: 24px;
      min-width: 24px;
      height: 24px;
      padding: 0;
      font-size: 13px;
      line-height: 1;
    }
    .repair-order-subtotal {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 8px;
      padding: 6px 2px 0;
      border-top: 1px solid rgba(116, 126, 106, 0.12);
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .repair-order-subtotal strong {
      min-width: 124px;
      text-align: right;
      color: var(--text);
      font-size: 15px;
      letter-spacing: 0.02em;
      font-variant-numeric: tabular-nums;
    }
    .repair-order-footer {
      padding: 8px 11px 9px;
      margin: 0;
      border-top: 1px solid rgba(115, 126, 105, 0.18);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.02), transparent 55%),
        rgba(17, 23, 19, 0.94);
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 9px;
    }
    .repair-order-footer__totals {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: 148px;
      align-items: stretch;
      gap: 8px;
      flex: 1 1 auto;
      min-width: 0;
    }
    .repair-order-total {
      display: grid;
      gap: 2px;
      min-width: 0;
      min-height: 46px;
      align-content: center;
      justify-items: center;
      padding: 6px 9px;
      text-align: center;
    }
    .repair-order-total.is-hidden {
      display: none;
    }
    .repair-order-total span {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 9.25px;
      letter-spacing: 0;
      line-height: 1.15;
      white-space: nowrap;
    }
    .repair-order-total strong {
      color: var(--text);
      font-size: 15px;
      font-variant-numeric: tabular-nums;
      line-height: 1.1;
      white-space: nowrap;
    }
    .repair-order-total--subtotal {
      border: 1px solid rgba(116, 126, 106, 0.16);
      background: rgba(255, 255, 255, 0.02);
    }
    .repair-order-total--cashless-due {
      border: 1px solid rgba(108, 148, 107, 0.28);
      background: rgba(86, 122, 84, 0.14);
    }
    .repair-order-total--cashless-due strong {
      color: #eef5ea;
    }
    .repair-order-total--cash-due {
      border: 1px solid rgba(142, 123, 90, 0.28);
      background: rgba(99, 74, 40, 0.16);
    }
    .repair-order-total--cash-due strong {
      color: #f4ecd9;
    }
    .repair-order-total--taxes {
      border: 1px solid rgba(140, 151, 109, 0.24);
      background: rgba(140, 151, 109, 0.1);
    }
    .repair-order-total--taxes strong {
      color: #f0e2c4;
    }
    .repair-order-footer__actions {
      display: flex;
      gap: 5px;
      flex-wrap: wrap;
      justify-content: flex-end;
      margin-left: auto;
      flex: 0 0 auto;
      align-items: stretch;
    }
    .repair-order-footer__actions .btn {
      min-width: 100px;
      height: 36px;
      min-height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
    }
    .repair-order-hidden-fields {
      display: none !important;
    }
    .repair-order-field--prepayment {
      display: none;
    }
    .repair-order-money-button {
      min-width: 38px !important;
      width: 38px;
      padding: 0;
      border-color: rgba(140, 151, 109, 0.3);
      background: rgba(140, 151, 109, 0.08);
      color: #f0eddf;
      font-size: 16px;
      font-weight: 700;
      line-height: 1;
    }
    .repair-order-money-button:hover {
      border-color: rgba(167, 178, 132, 0.42);
      background: rgba(140, 151, 109, 0.16);
    }
    .dialog--repair-order-payments {
        width: min(748px, calc(100% - 20px));
        max-height: min(82vh, 760px);
        padding: 0;
        gap: 0;
        overflow: hidden;
      }
      .dialog--agent {
        width: min(720px, calc(100% - 24px));
        max-height: min(84vh, 760px);
        padding: 0;
        gap: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
      }
      .dialog--agent .dialog__head {
        padding: 11px 12px 9px;
        margin: 0;
        border-bottom: 1px solid rgba(115, 126, 105, 0.18);
        background: rgba(0, 0, 0, 0.08);
      }
      .agent-shell {
        display: flex;
        flex-direction: column;
        gap: 8px;
        min-height: 0;
        padding: 11px;
        overflow: hidden;
        flex: 1 1 auto;
      }
      .agent-headline {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        align-items: center;
        flex-wrap: wrap;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .agent-context {
        color: var(--text-soft);
        max-width: calc(100% - 110px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .agent-status {
        color: var(--muted);
        display: inline-flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
      }
      .agent-status::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: rgba(129, 138, 123, 0.76);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.18);
      }
      .agent-status[data-state="online"] { color: var(--accent); }
      .agent-status[data-state="busy"] { color: var(--text); }
      .agent-status[data-state="error"] { color: #e0a19c; }
      .agent-status[data-state="online"]::before { background: rgba(115, 182, 107, 0.92); }
      .agent-status[data-state="busy"]::before { background: rgba(214, 175, 55, 0.94); }
      .agent-status[data-state="error"]::before { background: rgba(207, 91, 75, 0.94); }
      .agent-shortcuts {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
      }
      .agent-shortcut {
        min-height: 24px;
        padding: 4px 8px;
        border: 1px solid rgba(116, 126, 106, 0.22);
        background: rgba(0, 0, 0, 0.08);
        color: var(--text-soft);
        cursor: pointer;
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .agent-shortcut:hover {
        color: var(--text);
        border-color: rgba(167, 178, 132, 0.42);
        background: rgba(167, 178, 132, 0.08);
      }
      .agent-field textarea {
        min-height: 80px;
        height: 80px;
        max-height: 180px;
        resize: none;
        overflow-y: auto;
      }
      .agent-actions-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
        gap: 10px;
        align-items: stretch;
      }
      .agent-tasks-launch {
        min-height: 54px;
        padding: 10px 12px;
        border: 1px solid rgba(116, 126, 106, 0.24);
        background: rgba(12, 16, 13, 0.5);
        display: grid;
        justify-items: start;
        align-content: center;
        gap: 4px;
        text-align: left;
      }
      .agent-tasks-launch:hover {
        border-color: rgba(182, 177, 116, 0.44);
        background: rgba(43, 49, 33, 0.2);
      }
      .agent-tasks-launch__title {
        font-family: var(--mono);
        font-size: 13px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--text-strong);
      }
      .agent-tasks-launch__meta {
        font-size: 10px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--muted);
      }
      .agent-autofill-panel {
        min-height: 54px;
        padding: 10px 12px;
        border: 1px solid rgba(116, 126, 106, 0.24);
        background: rgba(12, 16, 13, 0.5);
        display: grid;
        gap: 6px;
      }
      .agent-autofill-panel__top {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        align-items: center;
      }
      .agent-autofill-status {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--muted);
      }
      .agent-autofill-status::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: rgba(129, 138, 123, 0.76);
      }
      .agent-autofill-status[data-state="online"]::before,
      .agent-autofill-status[data-state="active"]::before { background: rgba(115, 182, 107, 0.92); }
      .agent-autofill-status[data-state="waiting"]::before { background: rgba(214, 175, 55, 0.94); }
      .agent-autofill-status[data-state="offline"]::before,
      .agent-autofill-status[data-state="error"]::before { background: rgba(207, 91, 75, 0.94); }
      .agent-autofill-button {
        min-height: 34px;
        width: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        white-space: nowrap;
      }
      .agent-autofill-button__label,
      .agent-autofill-button__timer {
        display: inline-flex;
        align-items: center;
        min-width: 0;
      }
      .agent-autofill-button__label {
        flex: 1 1 auto;
      }
      .agent-autofill-button__timer {
        flex: 0 0 auto;
        color: rgba(238, 247, 230, 0.88);
      }
      .agent-autofill-button[data-state="active"] {
        border-color: rgba(115, 182, 107, 0.54);
        background: rgba(52, 88, 48, 0.22);
        color: #eef7e6;
      }
      .agent-autofill-button[data-state="inactive"][disabled] {
        cursor: default;
        opacity: 0.72;
      }
      .agent-autofill-gear {
        min-width: 30px;
        width: 30px;
        height: 30px;
        padding: 0;
        border: 1px solid rgba(116, 126, 106, 0.2);
        background: rgba(255, 255, 255, 0.02);
        color: var(--text-soft);
        font-family: var(--mono);
        font-size: 14px;
        line-height: 1;
      }
      .agent-autofill-gear:hover {
        border-color: rgba(167, 178, 132, 0.42);
        background: rgba(167, 178, 132, 0.08);
        color: var(--text);
      }
      .agent-autofill-gear[data-open="true"] {
        border-color: rgba(115, 182, 107, 0.38);
        background: rgba(52, 88, 48, 0.18);
        color: #eef7e6;
      }
      .agent-autofill-prompt[hidden] {
        display: none !important;
      }
      .agent-autofill-prompt {
        display: grid;
        gap: 7px;
        padding-top: 4px;
        border-top: 1px solid rgba(116, 126, 106, 0.12);
      }
      .agent-autofill-prompt textarea {
        min-height: 72px;
        height: 72px;
        max-height: 148px;
        resize: vertical;
      }
      .agent-autofill-prompt-actions {
        display: flex;
        justify-content: space-between;
        gap: 8px;
      }
      .agent-autofill-prompt-actions .btn {
        min-width: 108px;
      }
      .agent-actions-row .btn {
        min-width: 136px;
      }
      .agent-result {
        flex: 1 1 auto;
        min-height: 320px;
        padding: 0;
        border: 1px solid rgba(116, 126, 106, 0.2);
        background: #0d120f;
        color: #d9ded4;
        white-space: normal;
        line-height: 1.45;
        overflow: auto;
        user-select: text;
      }
      .agent-result[data-state="empty"] {
        color: var(--muted);
      }
      .agent-result[data-state="error"] {
        border-color: rgba(151, 92, 83, 0.38);
        color: #f1d0c7;
      }
      .agent-result[data-tone="warning"] {
        border-color: rgba(167, 146, 92, 0.34);
      }
      .agent-result[data-tone="error"] {
        border-color: rgba(151, 92, 83, 0.38);
      }
      .agent-result[data-tone="success"] {
        border-color: rgba(116, 146, 106, 0.26);
      }
      .agent-result__fallback {
        white-space: pre-wrap;
        padding: 11px 12px;
      }
      .agent-console {
        display: grid;
        gap: 0;
        min-height: 320px;
        font-family: var(--mono);
        font-size: 11px;
      }
      .agent-console__entry {
        display: grid;
        gap: 4px;
        padding: 9px 12px;
        border-bottom: 1px solid rgba(116, 126, 106, 0.12);
      }
      .agent-console__entry:last-child {
        border-bottom: 0;
      }
      .agent-console__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }
      .agent-console__meta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
      }
      .agent-console__level {
        display: inline-flex;
        align-items: center;
        padding: 1px 6px;
        border: 1px solid rgba(116, 126, 106, 0.24);
        color: var(--text-soft);
      }
      .agent-console__level[data-level="RUN"] {
        border-color: rgba(120, 178, 104, 0.42);
        color: #dff0d7;
      }
      .agent-console__level[data-level="INFO"] {
        border-color: rgba(122, 141, 168, 0.34);
        color: #cfd8e4;
      }
      .agent-console__level[data-level="WAIT"] {
        border-color: rgba(174, 153, 95, 0.38);
        color: #eadfae;
      }
      .agent-console__level[data-level="DONE"] {
        border-color: rgba(110, 156, 117, 0.36);
        color: #cee5c8;
      }
      .agent-console__level[data-level="WARN"] {
        border-color: rgba(169, 96, 86, 0.42);
        color: #efc0b7;
      }
      .agent-console__timestamp {
        color: rgba(194, 200, 188, 0.66);
        white-space: nowrap;
      }
      .agent-console__message {
        color: #f1f3ec;
        white-space: pre-wrap;
        word-break: break-word;
      }
      .agent-console__detail {
        color: rgba(194, 200, 188, 0.72);
        white-space: pre-wrap;
        word-break: break-word;
      }
      .agent-console__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .agent-console__action {
        min-height: 24px;
        padding: 4px 8px;
        border: 1px solid rgba(116, 126, 106, 0.22);
        background: rgba(255, 255, 255, 0.02);
        color: var(--text-soft);
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
      .agent-console__action:hover {
        border-color: rgba(167, 178, 132, 0.42);
        background: rgba(167, 178, 132, 0.08);
        color: var(--text);
      }
      .agent-result__hero {
        display: grid;
        gap: 6px;
      }
      .agent-result__hero-line {
        display: flex;
        align-items: flex-start;
        gap: 8px;
      }
      .agent-result__emoji {
        font-size: 18px;
        line-height: 1.1;
      }
      .agent-result__title {
        font-size: 17px;
        line-height: 1.2;
        font-weight: 700;
      }
      .agent-result__summary {
        color: var(--text-soft);
      }
      .agent-result__sections {
        display: grid;
        gap: 12px;
        margin-top: 12px;
      }
      .agent-result__section {
        display: grid;
        gap: 6px;
      }
      .agent-result__section-title {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--text-soft);
      }
      .agent-result__section-body {
        color: var(--text);
      }
      .agent-result__list {
        display: grid;
        gap: 5px;
        margin: 0;
        padding: 0 0 0 18px;
      }
      .agent-result__list li::marker {
        color: rgba(167, 178, 132, 0.92);
      }
      .agent-result__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 14px;
        padding-top: 10px;
        border-top: 1px solid rgba(116, 126, 106, 0.16);
      }
      .agent-result__action {
        min-height: 24px;
        padding: 4px 8px;
        border: 1px solid rgba(116, 126, 106, 0.22);
        background: rgba(0, 0, 0, 0.08);
        color: var(--text-soft);
        cursor: pointer;
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .agent-result__action:hover {
        color: var(--text);
        border-color: rgba(167, 178, 132, 0.42);
        background: rgba(167, 178, 132, 0.08);
      }
      .agent-runs {
        display: grid;
        gap: 4px;
      }
      .agent-runs__list {
        display: grid;
        gap: 4px;
        padding: 0 10px 10px;
      }
      .agent-run-row {
        width: 100%;
        padding: 6px 8px;
        border: 1px solid rgba(116, 126, 106, 0.18);
        background: rgba(0, 0, 0, 0.06);
        color: var(--text);
        cursor: pointer;
        text-align: left;
        display: grid;
        gap: 2px;
      }
      .agent-run-row:hover {
        border-color: rgba(167, 178, 132, 0.42);
        background: rgba(167, 178, 132, 0.07);
      }
      .agent-run-row[data-active="true"] {
        border-color: rgba(167, 178, 132, 0.46);
        background: rgba(167, 178, 132, 0.1);
      }
      .agent-run-row__top {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        align-items: center;
        font-family: var(--mono);
        font-size: 9.5px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .agent-run-row__status {
        color: var(--text-soft);
      }
      .agent-run-row__summary {
        line-height: 1.3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
      }
      .agent-run-row__meta {
        color: var(--muted);
        font-size: 10.5px;
      }
      .agent-details {
        border: 1px solid rgba(116, 126, 106, 0.18);
        background: rgba(0, 0, 0, 0.06);
      }
      .agent-details summary {
        padding: 8px 10px;
        cursor: pointer;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--text-soft);
      }
      .agent-details--secondary summary {
        padding: 7px 10px;
      }
      .agent-actions-list {
        display: grid;
        gap: 6px;
        padding: 0 10px 10px;
      }
      .dialog--agent-tasks {
        width: min(1180px, calc(100% - 28px));
        max-height: min(86vh, 860px);
        padding: 0;
        gap: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
      }
      .dialog--agent-tasks .dialog__head {
        padding: 11px 12px 9px;
        margin: 0;
        border-bottom: 1px solid rgba(115, 126, 105, 0.18);
        background: rgba(0, 0, 0, 0.08);
      }
      .agent-tasks-shell {
        flex: 1 1 auto;
        min-height: 0;
        overflow: auto;
        padding: 12px;
        display: grid;
        grid-template-columns: 360px minmax(0, 1fr);
        gap: 12px;
      }
      .agent-tasks-rail,
      .agent-tasks-editor {
        min-height: 0;
        display: grid;
        gap: 12px;
        align-content: start;
      }
      .agent-tasks-rail {
        grid-template-rows: auto minmax(0, 1fr);
      }
      .agent-tasks-toolbar {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 10px;
        flex-wrap: wrap;
      }
      .agent-tasks-toolbar__copy {
        display: grid;
        gap: 6px;
      }
      .agent-tasks-list {
        display: grid;
        align-content: start;
        gap: 8px;
        min-height: 220px;
        overflow: auto;
        padding-right: 2px;
      }
      .agent-tasks-empty {
        min-height: 220px;
        border: 1px dashed rgba(116, 128, 111, 0.28);
        background: rgba(0, 0, 0, 0.05);
        display: grid;
        align-content: center;
        gap: 8px;
        padding: 18px;
      }
      .agent-tasks-empty__title {
        font-family: var(--mono);
        font-size: 13px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--text-strong);
      }
      .agent-tasks-empty__text {
        color: var(--muted);
        line-height: 1.5;
      }
      .agent-task-row {
        display: grid;
        gap: 10px;
        padding: 12px;
        border: 1px solid var(--line);
        background: rgba(24, 31, 25, 0.92);
        cursor: pointer;
      }
      .agent-task-row:hover {
        border-color: rgba(182, 177, 116, 0.44);
        background: rgba(31, 38, 31, 0.94);
      }
      .agent-task-row[data-active="true"] {
        border-color: rgba(182, 177, 116, 0.6);
        box-shadow: inset 0 0 0 1px rgba(182, 177, 116, 0.12);
      }
      .agent-task-row[data-busy="true"] {
        border-color: rgba(116, 146, 106, 0.34);
      }
      .agent-task-row__top,
      .agent-task-row__footer {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: flex-start;
        flex-wrap: wrap;
      }
      .agent-task-row__main {
        min-width: 0;
        display: grid;
        gap: 4px;
      }
      .agent-task-row__title {
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--text-strong);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .agent-task-row__meta {
        font-size: 10.5px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--muted);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .agent-task-row__prompt {
        color: var(--text-soft);
        line-height: 1.45;
      }
      .agent-task-row__chips {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
      }
      .agent-task-row__timing {
        color: var(--muted);
        font-size: 11px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
      .agent-task-row__warning {
        padding: 8px 9px;
        border: 1px solid rgba(151, 92, 83, 0.26);
        background: rgba(63, 36, 32, 0.2);
        color: #e5b8ae;
        font-size: 11px;
        line-height: 1.45;
      }
      .agent-task-chip {
        min-width: 64px;
        padding: 7px 9px;
        border: 1px solid rgba(116, 128, 111, 0.34);
        font-size: 10.5px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        text-align: center;
        color: var(--muted-strong);
        background: rgba(24, 31, 25, 0.88);
      }
      .agent-task-chip[data-status="active"] {
        color: #b9d3b2;
        border-color: rgba(115, 182, 107, 0.4);
        background: rgba(47, 77, 45, 0.24);
      }
      .agent-task-chip[data-status="paused"] {
        color: #d3c9aa;
        border-color: rgba(176, 157, 101, 0.34);
        background: rgba(73, 65, 39, 0.18);
      }
      .agent-task-actions {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
      }
      .agent-task-actions .btn {
        min-width: 36px;
        padding: 6px 8px;
      }
      .agent-tasks-editor__head {
        display: grid;
        gap: 6px;
      }
      .agent-tasks-editor .field textarea {
        min-height: 136px;
        resize: vertical;
      }
      .agent-tasks-editor__row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 10px;
      }
      .agent-tasks-editor__row--schedule {
        grid-template-columns: 140px 110px minmax(0, 1fr);
        align-items: end;
      }
      .agent-tasks-editor__foot {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        flex-wrap: wrap;
        align-items: center;
      }
      .agent-tasks-editor__actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }
      .agent-tasks-toggle {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 34px;
        padding: 0 2px;
        font-size: 12px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--muted-strong);
      }
      .agent-tasks-meta {
        font-size: 11px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--muted);
        line-height: 1.45;
      }
      .agent-action-row {
        padding: 8px 9px;
        border: 1px solid rgba(116, 126, 106, 0.16);
        background: rgba(0, 0, 0, 0.08);
      }
      .agent-action-row__tool {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--text-soft);
      }
      .agent-action-row__reason {
        margin-top: 2px;
        line-height: 1.35;
      }
      .agent-action-row__meta {
        margin-top: 4px;
        color: var(--muted);
        font-size: 12px;
      }
    .dialog--repair-order-payments .dialog__head {
      padding: 11px 12px 8px;
      margin: 0;
      border-bottom: 1px solid rgba(115, 126, 105, 0.18);
      background: rgba(0, 0, 0, 0.08);
    }
    .repair-order-payments-layout {
      display: grid;
      gap: 8px;
      min-height: 0;
      padding: 11px 12px 12px;
      overflow: auto;
    }
    .repair-order-payments-head {
      display: grid;
      gap: 6px;
    }
    .repair-order-payments-summary {
      display: grid;
      gap: 6px;
    }
    .repair-order-payments-stats {
      display: grid;
      grid-template-columns: auto auto auto;
      gap: 6px;
      justify-content: start;
    }
    .repair-order-payments-stat {
      display: inline-flex;
      align-items: baseline;
      gap: 4px;
      min-width: 0;
      padding: 5px 8px;
      border: 1px solid rgba(116, 126, 106, 0.18);
      background: rgba(0, 0, 0, 0.08);
      white-space: nowrap;
    }
    .repair-order-payments-stat span {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .repair-order-payments-stat strong {
      color: var(--text);
      font-size: 14px;
      line-height: 1.1;
      font-variant-numeric: tabular-nums;
    }
    .repair-order-payments-subline {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }
    .repair-order-payments-form {
      display: grid;
      grid-template-columns: minmax(132px, 154px) minmax(136px, 152px) 176px;
      gap: 6px 7px;
      align-items: end;
      padding: 8px 9px;
      border: 1px solid rgba(116, 126, 106, 0.18);
      background: rgba(0, 0, 0, 0.08);
    }
    .repair-order-payments-form__note {
      grid-column: 1 / -1;
    }
    .repair-order-payments-form .field--compact label {
      display: flex;
      align-items: center;
      min-height: 18px;
    }
    .repair-order-payments-form .field--compact input[type="text"],
    .repair-order-payments-form .field--compact select {
      height: 40px;
      min-height: 40px;
      padding: 8px 7px;
    }
    .repair-order-payments-form #repairOrderPaymentNote {
      height: 38px;
      min-height: 38px;
      padding: 7px;
    }
    .repair-order-payments-form #repairOrderPaymentAddButton {
      width: 176px;
      min-width: 176px;
      max-width: 176px;
      height: 40px;
      min-height: 40px;
      padding: 0 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      line-height: 1;
      white-space: nowrap;
    }
    .repair-order-payments-list {
      display: flex;
      flex-direction: column;
      gap: 5px;
      max-height: 288px;
      overflow: auto;
      padding: 4px 2px 0 0;
    }
    .repair-order-payment-row {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto auto;
      gap: 7px;
      align-items: center;
      padding: 6px 8px;
      border: 1px solid var(--line-soft);
      background: rgba(255,255,255,0.02);
    }
    .repair-order-payment-row__badge {
      min-width: 68px;
      padding: 3px 6px;
      border: 1px solid rgba(140, 151, 109, 0.28);
      text-align: center;
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .repair-order-payment-row__body {
      display: grid;
      gap: 2px;
      min-width: 0;
    }
    .repair-order-payment-row__line {
      color: var(--text);
      font-size: 12px;
      line-height: 1.3;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .repair-order-payment-row__subline {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.3;
      white-space: normal;
      word-break: break-word;
    }
    .repair-order-payment-row__amount {
      font-size: 14px;
      font-weight: 700;
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
    }
    .repair-order-payment-row__remove {
      min-width: 30px !important;
      width: 30px;
      padding: 0;
    }
    .repair-order-save {
      border-color: #aab58b;
      background: #aab58b;
      color: #182018;
      font-weight: 700;
      transition: border-color 160ms ease, background 160ms ease, box-shadow 180ms ease, color 160ms ease, opacity 160ms ease;
    }
    .repair-order-save:hover {
      border-color: #b8c39d;
      background: #b8c39d;
    }
    #repairOrderSaveButton.is-dirty:not(:disabled) {
      border-color: rgba(126, 190, 111, 0.68);
      background:
        linear-gradient(180deg, rgba(136, 197, 118, 0.12), rgba(79, 131, 68, 0.08)),
        #aab58b;
      color: #effbe8;
      box-shadow:
        0 0 0 1px rgba(120, 190, 107, 0.12),
        0 0 12px rgba(105, 196, 95, 0.18),
        inset 0 0 16px rgba(97, 169, 85, 0.06);
      animation: repair-order-save-pulse 1800ms ease-in-out infinite;
    }
    #repairOrderSaveButton.is-dirty:not(:disabled):hover {
      border-color: rgba(145, 205, 126, 0.94);
      background:
        linear-gradient(180deg, rgba(146, 209, 127, 0.16), rgba(84, 138, 73, 0.1)),
        #aab58b;
      box-shadow:
        0 0 0 1px rgba(126, 190, 111, 0.16),
        0 0 15px rgba(105, 196, 95, 0.2),
        inset 0 0 18px rgba(97, 169, 85, 0.08);
    }
    @keyframes repair-order-save-pulse {
      0%, 100% {
        box-shadow:
          0 0 0 1px rgba(120, 190, 107, 0.12),
          0 0 12px rgba(105, 196, 95, 0.18),
          inset 0 0 16px rgba(97, 169, 85, 0.06);
      }
      50% {
        box-shadow:
          0 0 0 1px rgba(126, 190, 111, 0.2),
          0 0 16px rgba(105, 196, 95, 0.26),
          0 0 24px rgba(122, 212, 110, 0.1),
          inset 0 0 18px rgba(97, 169, 85, 0.08);
      }
    }
    @media (prefers-reduced-motion: reduce) {
      #repairOrderSaveButton.is-dirty:not(:disabled) {
        animation: none;
      }
    }
    .vehicle-group {
      display: grid;
      gap: 5px;
      padding-top: 6px;
      border-top: 1px solid rgba(115, 126, 105, 0.18);
    }
    .vehicle-group:first-child {
      padding-top: 0;
      border-top: none;
    }
    .vehicle-group__title {
      display: flex;
      align-items: center;
      gap: 6px;
      min-height: 14px;
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--text-soft);
    }
    .vehicle-group__title::after {
      content: "";
      flex: 1 1 auto;
      height: 1px;
      background: rgba(115, 126, 105, 0.22);
    }
    .vehicle-group--aggregates {
      gap: 4px;
      padding-top: 5px;
    }
    .vehicle-group__grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 5px;
      align-items: start;
    }
    .vehicle-group--identity .vehicle-group__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .vehicle-field {
      gap: 4px;
    }
    .vehicle-field input,
    .vehicle-field select {
      height: 32px;
      min-height: 32px;
      padding: 4px 8px;
      box-sizing: border-box;
      font-size: 12.5px;
    }
    #vehicleField_display_name,
    #vehicleCustomerPhoneFields input,
    #vehicleField_customer_name,
    #vehicleField_vin {
      font-size: 15px;
    }
    #vehicleField_registration_plate {
      font-size: 12px;
    }
    .vehicle-field textarea {
      min-height: 56px;
      max-height: 104px;
      resize: vertical;
      font-size: 13px;
      line-height: 1.45;
    }
    .vehicle-field--wide {
      grid-column: 1 / -1;
    }
    .vehicle-field__label {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 6px;
    }
    .vehicle-field--centered .vehicle-field__label {
      justify-content: center;
      text-align: center;
    }
    .vehicle-field__label label,
    .vehicle-field__label span {
      font-family: var(--mono);
      font-size: 11px;
      text-transform: uppercase;
      color: var(--text-soft);
      letter-spacing: 0.06em;
    }
    .vehicle-control--mono {
      font-family: var(--mono);
      letter-spacing: 0.05em;
    }
    .vehicle-field--centered input {
      height: 32px;
      min-width: 0;
      text-align: center;
    }
    .vehicle-copy {
      border: 1px solid rgba(115, 126, 105, 0.28);
      background: rgba(0, 0, 0, 0.16);
      color: var(--text-soft);
      padding: 3px 6px;
      min-height: 20px;
      cursor: pointer;
      font-family: var(--mono);
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }
    .vehicle-copy:hover {
      color: var(--text);
      border-color: var(--accent);
    }
    .vehicle-copy:disabled,
    .vehicle-copy[data-copy-available="false"] {
      opacity: 0.42;
      cursor: not-allowed;
      color: rgba(200, 198, 187, 0.58);
      border-color: rgba(115, 126, 105, 0.16);
      background: rgba(0, 0, 0, 0.08);
    }
    .vehicle-client-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 5px;
      align-items: center;
    }
    .vehicle-client-create {
      width: 28px;
      height: 28px;
      min-width: 28px;
      padding: 0;
      display: inline-grid;
      place-items: center;
      border: 1px solid rgba(115, 126, 105, 0.32);
      background: rgba(0, 0, 0, 0.18);
      color: var(--text);
      cursor: pointer;
      font-family: var(--mono);
      font-size: 13px;
      font-weight: 800;
      line-height: 1;
    }
    .vehicle-client-create:hover {
      border-color: var(--accent);
      background: rgba(52, 62, 47, 0.72);
    }
    .card-client-create-grid {
      display: grid;
      grid-template-columns: minmax(0, 150px) minmax(0, 1fr);
      gap: 9px;
      align-items: start;
    }
    .card-client-create-grid .field--wide {
      grid-column: 1 / -1;
    }
    .card-client-phone-list {
      display: grid;
      gap: 5px;
    }
    .card-client-create-vehicle {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 8px;
      align-items: start;
      border: 1px solid rgba(160, 174, 135, 0.2);
      background: rgba(0, 0, 0, 0.14);
      padding: 9px;
      color: var(--text);
      font-size: 12px;
      line-height: 1.4;
      cursor: pointer;
    }
    .card-client-create-vehicle input {
      margin-top: 2px;
    }
    .card-client-create-vehicle__label {
      display: block;
      font-weight: 800;
      text-transform: uppercase;
    }
    .card-client-create-vehicle__summary {
      display: block;
      margin-top: 2px;
      color: var(--muted);
    }
    .vehicle-suspect {
      border-color: rgba(209, 90, 76, 0.62) !important;
      box-shadow: inset 0 0 0 1px rgba(209, 90, 76, 0.15);
    }
    .field--tags {
      gap: 5px;
    }
    .file-row, .archive-row {
      border: 1px solid var(--line-soft);
      background: rgba(0,0,0,0.18);
      padding: 10px;
      display: grid;
      gap: 6px;
    }
    .file-row {
      grid-template-columns: 132px minmax(0, 1fr);
      gap: 10px 12px;
      align-items: stretch;
    }
    .file-row.is-previewing {
      border-color: rgba(167, 178, 132, 0.44);
      box-shadow: inset 0 0 0 1px rgba(167, 178, 132, 0.12);
    }
    .file-row.is-missing {
      border-color: rgba(207, 91, 75, 0.34);
      background:
        linear-gradient(180deg, rgba(207, 91, 75, 0.055), transparent 46%),
        rgba(0,0,0,0.18);
    }
    .file-row__thumb {
      width: 132px;
      min-height: 98px;
      border: 1px solid rgba(167, 178, 132, 0.18);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.025), transparent 42%),
        rgba(8, 12, 10, 0.72);
      display: grid;
      place-items: center;
      overflow: hidden;
    }
    .file-row__thumb-button {
      width: 100%;
      height: 100%;
      min-height: 98px;
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;
      display: grid;
      place-items: center;
    }
    .file-row__thumb-button.is-broken::after {
      content: 'НЕТ ПРЕВЬЮ';
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      text-align: center;
      padding: 8px;
    }
    .file-row__thumb-button:focus-visible {
      outline: 1px solid var(--accent);
      outline-offset: -3px;
    }
    .file-row__thumb-image {
      width: 100%;
      height: 100%;
      min-height: 98px;
      object-fit: cover;
      display: block;
    }
    .file-row__thumb-fallback {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      text-align: center;
      padding: 8px;
    }
    .file-row__missing-note {
      color: #efb0a6;
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.35;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .file-row__body {
      min-width: 0;
      display: grid;
      gap: 6px;
      align-content: center;
    }
    .file-row__title {
      color: var(--text);
      font-weight: 700;
      word-break: break-word;
    }
    .file-row__actions {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
    }
    .file-zone-panel {
      gap: 12px;
    }
    body.is-file-preview-open {
      overflow: hidden;
    }
    .file-preview {
      position: fixed;
      top: 50%;
      left: 50%;
      width: min(1280px, calc(100vw - 40px));
      max-height: calc(100dvh - 40px);
      z-index: 30;
      transform: translate(-50%, -50%);
      border: 1px solid rgba(167, 178, 132, 0.36);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.045), transparent 34%),
        rgba(13, 19, 15, 0.98);
      padding: 16px;
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      gap: 12px;
      box-shadow:
        0 0 0 9999px rgba(4, 6, 5, 0.68),
        0 24px 90px rgba(0, 0, 0, 0.58),
        inset 0 0 0 1px rgba(255,255,255,0.025);
    }
    .file-preview__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
    }
    #filePreviewCloseButton {
      min-width: 132px;
      min-height: 42px;
      font-weight: 700;
    }
    .file-preview__meta {
      color: var(--text-soft);
      font-size: 11px;
      line-height: 1.45;
    }
    .file-preview__stage {
      min-height: min(640px, calc(100dvh - 150px));
      display: grid;
      place-items: center;
      padding: 12px;
      border: 1px solid rgba(167, 178, 132, 0.14);
      background: rgba(11, 16, 13, 0.56);
      overflow: auto;
    }
    .file-preview__status {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.5;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      text-align: center;
      white-space: pre-wrap;
    }
    .file-preview__status[data-state="error"] {
      color: #efb0a6;
    }
    .file-preview__image {
      display: block;
      max-width: 100%;
      max-height: calc(100dvh - 190px);
      width: auto;
      height: auto;
      object-fit: contain;
      border: 1px solid rgba(167, 178, 132, 0.18);
      background: rgba(0,0,0,0.28);
    }
    .file-dropzone {
      min-height: 136px;
      padding: 16px 18px;
      display: grid;
      place-items: center;
      text-align: center;
      border: 1px dashed rgba(167, 178, 132, 0.4);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.02), transparent 34%),
        rgba(0,0,0,0.16);
      color: var(--text-soft);
      cursor: pointer;
      outline: none;
      caret-color: transparent;
      user-select: none;
      transition: border-color 120ms ease, background 120ms ease, box-shadow 120ms ease, color 120ms ease;
    }
    .file-dropzone:hover,
    .file-dropzone:focus-visible,
    .file-dropzone.is-active {
      border-color: var(--accent);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.03), transparent 34%),
        rgba(167, 178, 132, 0.06);
      color: var(--text);
      box-shadow: inset 0 0 0 1px rgba(167, 178, 132, 0.16);
    }
    .file-dropzone.is-disabled {
      opacity: 0.58;
      cursor: not-allowed;
      border-style: solid;
      box-shadow: none;
    }
    .file-dropzone::before {
      content: attr(data-title);
      display: block;
      font-family: var(--mono);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--text);
      margin-bottom: 8px;
    }
    .file-dropzone::after {
      content: attr(data-hint);
      display: block;
      max-width: 520px;
      font-size: 13px;
      line-height: 1.5;
      color: inherit;
      white-space: pre-wrap;
    }
    .file-dropzone__meta {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.45;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .archive-row--compact {
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px 12px;
    }
    .archive-row__main {
      min-width: 0;
      display: grid;
      gap: 4px;
    }
    .archive-row__title {
      font-weight: 700;
      min-width: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .archive-row__summary {
      color: var(--text-soft);
      font-size: 13px;
      min-width: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .archive-row__side {
      display: grid;
      justify-items: end;
      gap: 8px;
    }
    .archive-search {
      margin: -2px 0 8px;
    }
    .archive-search input {
      width: 100%;
    }
    .archive-search-meta {
      margin-top: 5px;
      color: var(--muted);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .dialog--repair-orders {
      --repair-orders-columns:
        minmax(35px, 46px)
        minmax(67px, 79px)
        minmax(100px, 116px)
        minmax(152px, 184px)
        minmax(168px, 203px)
        minmax(109px, 1.013fr)
        minmax(239px, 2.223fr)
        minmax(72px, 84px)
        minmax(72px, 84px);
    }
    .dialog--repair-orders .dialog__title {
      font-size: 16px;
    }
    .dialog--repair-orders .tab-btn {
      font-size: 12px;
      min-height: 30px;
      padding: 7px 10px;
    }
    .repair-orders-controls .field label {
      font-size: 10px;
      line-height: 1.1;
    }
    .repair-orders-controls input,
    .repair-orders-controls select {
      box-sizing: border-box;
      height: 30px;
      min-height: 30px;
      padding: 5px 7px;
      font-size: 12px;
      line-height: 1.2;
    }
    .repair-orders-controls .field--compact input[type="text"],
    .repair-orders-controls .field--compact select {
      box-sizing: border-box;
      height: 30px;
      min-height: 30px;
    }
    .repair-orders-table-head,
    .repair-orders-row {
      display: grid;
      grid-template-columns: var(--repair-orders-columns);
      cursor: pointer;
    }
    .repair-orders-table-head {
      position: sticky;
      top: -1px;
      z-index: 2;
      align-items: stretch;
      cursor: default;
      gap: 6px 8px;
      padding: 5px 8px;
      border: 1px solid var(--line);
      background: rgba(19, 24, 20, 0.98);
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .repair-orders-table-head > div {
      display: flex;
      align-items: center;
      min-height: 18px;
      line-height: 1;
    }
    .repair-orders-search-label {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }
    .repair-orders-search-spinner {
      width: 10px;
      height: 10px;
      border-radius: 999px;
      border: 1px solid rgba(176, 182, 170, 0.45);
      border-top-color: rgba(176, 182, 170, 0.14);
      opacity: 0;
      transform: scale(0.84);
      transition: opacity 140ms ease, transform 140ms ease, box-shadow 140ms ease;
      pointer-events: none;
    }
    .repair-orders-search-spinner.is-active {
      opacity: 1;
      transform: scale(1);
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.16);
      animation: repair-orders-search-spin 720ms linear infinite;
    }
    .repair-orders-table-head__searchable {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      height: 100%;
      line-height: 1;
      min-width: 0;
    }
    .repair-orders-table-head__searchable span {
      display: inline-flex;
      align-items: center;
      min-height: 14px;
      line-height: 1;
    }
    .repair-orders-table-head__searchable-group {
      display: inline-flex;
      align-items: stretch;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
      width: 100%;
    }
    .repair-orders-table-head__searchable--plate {
      flex: 0 0 auto;
      justify-content: flex-end;
    }
    .repair-orders-search-scope {
      position: relative;
      width: 12px;
      height: 12px;
      flex: 0 0 12px;
      border: 1px solid rgba(158, 164, 152, 0.5);
      border-radius: 999px;
      background: rgba(112, 118, 108, 0.16);
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18);
      padding: 0;
      cursor: pointer;
      transition: transform 140ms ease, border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
    }
    .repair-orders-search-scope::after {
      content: '';
      position: absolute;
      inset: 3px;
      border-radius: 999px;
      background: rgba(160, 164, 156, 0.36);
      transition: background 140ms ease, box-shadow 140ms ease;
    }
    .repair-orders-search-scope:hover {
      transform: scale(1.06);
    }
    .repair-orders-search-scope:active {
      transform: scale(1.1);
    }
    .repair-orders-search-scope.is-active {
      transform: scale(1.06);
      border-color: rgba(112, 178, 106, 0.62);
      background: rgba(44, 74, 41, 0.28);
      box-shadow: 0 0 0 1px rgba(109, 174, 105, 0.18), 0 0 10px rgba(94, 162, 90, 0.18);
    }
    .repair-orders-search-scope.is-active::after {
      background: rgba(126, 211, 117, 0.9);
      box-shadow: 0 0 8px rgba(126, 211, 117, 0.32);
    }
    .repair-orders-table-head__sum {
      justify-content: flex-end;
      text-align: right;
    }
    @keyframes repair-orders-search-spin {
      to {
        transform: rotate(360deg) scale(1);
      }
    }
    .repair-orders-row {
      align-items: stretch;
      gap: 9px 10px;
      height: 58px;
      min-height: 58px;
      padding: 8px 10px;
      overflow: hidden;
      transition: border-color 120ms ease, transform 120ms ease, background 120ms ease;
    }
    .repair-orders-row:hover {
      border-color: var(--accent);
      background: rgba(167, 178, 132, 0.05);
      transform: translateY(-1px);
    }
    .repair-orders-row__cell {
      min-width: 0;
      display: grid;
      gap: 4px;
      align-content: center;
    }
    .repair-orders-row__label {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 12px;
      line-height: 1.2;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .repair-orders-row__number,
    .repair-orders-row__status,
    .repair-orders-row__opened,
    .repair-orders-row__closed,
    .repair-orders-row__client,
    .repair-orders-row__phone,
    .repair-orders-row__vehicle,
    .repair-orders-row__title,
    .repair-orders-row__total {
      min-width: 0;
      font-family: var(--mono);
      font-size: 14px;
      line-height: 1.3;
    }
    .repair-orders-row__number {
      color: var(--text);
      font-size: 16px;
      font-weight: 800;
      line-height: 1.2;
      white-space: nowrap;
    }
    .repair-orders-row__number .repair-order-number-badge {
      font-size: 1.18em;
    }
    .repair-orders-row__status {
      color: #f0ecdc;
    }
    .repair-orders-row__status[data-status="closed"] {
      color: #d9d3b4;
    }
    .repair-orders-row__status[data-status="ready"] {
      color: #d9e0e0;
    }
    .repair-orders-row__opened,
    .repair-orders-row__closed {
      color: var(--text-soft);
      white-space: nowrap;
    }
    .repair-orders-row__dates {
      display: grid;
      gap: 4px;
      align-content: center;
      min-width: 0;
    }
    .repair-orders-row__date-meta {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.2;
      letter-spacing: 0.04em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .repair-orders-row__client,
    .repair-orders-row__phone,
    .repair-orders-row__vehicle,
    .repair-orders-row__title {
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .repair-orders-row__client,
    .repair-orders-row__phone,
    .repair-orders-row__vehicle {
      color: var(--text-soft);
      font-size: 16.9px;
      line-height: 1.34;
      white-space: nowrap;
    }
    .repair-orders-row__title-cell {
      overflow: hidden;
    }
    .repair-orders-row__title {
      color: var(--text);
      display: -webkit-box;
      font-size: 14px;
      line-height: 1.34;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: normal;
      word-break: break-word;
      max-width: 100%;
    }
    .repair-orders-row__tags {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      align-content: flex-start;
    }
    .repair-orders-row__tags .tag {
      padding: 2px 6px;
      font-size: 9px;
    }
    .repair-orders-row__status {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      min-height: 22px;
      padding: 0 8px;
      border: 1px solid rgba(167, 178, 132, 0.38);
      background: rgba(0, 0, 0, 0.16);
      font-size: 12px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .repair-orders-row__payment-cell,
    .repair-orders-row__paid-cell,
    .repair-orders-row__total-cell {
      text-align: right;
    }
    .repair-orders-row__payment-cell {
      justify-items: start;
      text-align: left;
    }
    .repair-orders-row__paid-cell,
    .repair-orders-row__total-cell {
      justify-items: end;
    }
    .repair-orders-row__payment-status {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 108px;
      min-height: 28px;
      padding: 5px 11px;
      border: 1px solid rgba(167, 178, 132, 0.4);
      background: rgba(0, 0, 0, 0.16);
      color: var(--text-soft);
      font-size: 12.5px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      white-space: nowrap;
      box-sizing: border-box;
      text-align: center;
    }
    .repair-orders-row__payment-status[data-payment-status="paid"] {
      border-color: rgba(144, 198, 126, 0.52);
      color: #f1f9e6;
      background: rgba(96, 134, 76, 0.27);
      box-shadow:
        0 0 0 1px rgba(108, 174, 96, 0.08),
        0 0 8px rgba(108, 174, 96, 0.12);
    }
    .repair-orders-row__payment-status[data-payment-status="unpaid"] {
      border-color: rgba(216, 181, 119, 0.5);
      color: #f8ecd0;
      background: rgba(126, 91, 38, 0.26);
      box-shadow:
        0 0 0 1px rgba(216, 181, 119, 0.08),
        0 0 8px rgba(216, 181, 119, 0.12);
    }
    .dialog--repair-orders[data-repair-orders-filter="closed"] .repair-orders-row__payment-status,
    .dialog--repair-orders[data-repair-orders-filter="closed"] .repair-orders-row__payment-status[data-payment-status="paid"],
    .dialog--repair-orders[data-repair-orders-filter="closed"] .repair-orders-row__payment-status[data-payment-status="unpaid"] {
      border-color: rgba(148, 154, 144, 0.22);
      background: rgba(120, 126, 117, 0.12);
      color: rgba(214, 220, 211, 0.52);
      opacity: 0.82;
      box-shadow: none;
      filter: saturate(0.08) brightness(0.95);
    }
    .repair-orders-row__paid,
    .repair-orders-row__total {
      color: #f0ecdc;
      font-size: 15px;
      font-weight: 800;
      line-height: 1.2;
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
    }
    .repair-orders-row__paid[data-empty="true"],
    .repair-orders-row__total[data-empty="true"] {
      color: var(--text-soft);
    }
    @media (max-width: 980px) {
      .repair-orders-table-head {
        display: none;
      }
      .dialog--repair-orders {
        --repair-orders-columns: repeat(3, minmax(0, 1fr));
      }
      .repair-orders-row__title-cell {
        grid-column: 1 / -1;
      }
      .repair-orders-row__payment-cell,
      .repair-orders-row__paid-cell,
      .repair-orders-row__total-cell {
        justify-items: start;
        text-align: left;
      }
    }
    @media (max-width: 760px) {
      .dialog--repair-orders {
        --repair-orders-columns: repeat(2, minmax(0, 1fr));
      }
      .repair-orders-row__payment-cell,
      .repair-orders-row__paid-cell,
      .repair-orders-row__total-cell,
      .repair-orders-row__title-cell {
        grid-column: 1 / -1;
        justify-items: start;
        text-align: left;
      }
    }
    @media (max-width: 560px) {
      .dialog--repair-orders {
        --repair-orders-columns: 1fr;
      }
      .repair-orders-row__payment-cell,
      .repair-orders-row__paid-cell,
      .repair-orders-row__total-cell,
      .repair-orders-row__title-cell {
        grid-column: auto;
      }
    }
    .repair-orders-workspace {
      width: min(1940px, 100%);
      height: min(calc(94vh + 36px), 1016px);
      min-height: 0;
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      gap: 10px;
    }
    .dialog--repair-orders {
      width: 100%;
      height: 100%;
      max-height: none;
      min-height: 0;
      padding: 0;
      gap: 0;
      overflow: hidden;
      grid-template-rows: auto minmax(0, 1fr);
    }
    .dialog--repair-orders > .repair-orders-body-scroll {
      display: grid;
      align-content: start;
      min-height: 0;
      gap: 0;
      padding: 0 14px 14px;
      overflow: auto;
      scrollbar-gutter: stable;
    }
    .repair-orders-body-scroll .repair-orders-table-head {
      top: 0;
    }
    .repair-orders-controls--header {
      display: grid;
      grid-template-columns: repeat(3, minmax(160px, 172px));
      gap: 6px;
      align-items: end;
    }
    .repair-orders-controls .field {
      min-width: 0;
      gap: 3px;
    }
    .repair-orders-search-field {
      width: 100%;
    }
    .repair-orders-sort-field {
      width: 100%;
    }
    .repair-orders-list {
      display: grid;
      gap: 6px;
      min-height: 72px;
      padding-bottom: 14px;
      scroll-padding-bottom: 14px;
    }
    @media (max-width: 1180px) {
      .repair-orders-toolbar {
        align-items: flex-start;
      }
      .repair-orders-toolbar__content {
        align-items: flex-start;
        flex-wrap: wrap;
      }
    }
    @media (max-width: 760px) {
      #repairOrdersModal {
        padding: 12px;
      }
      .repair-orders-workspace {
        height: calc(100dvh - 24px);
        gap: 8px;
      }
      .repair-orders-toolbar {
        align-items: flex-start;
        gap: 8px;
        padding: 8px 10px;
      }
      .repair-orders-toolbar__content {
        gap: 8px;
      }
      .repair-orders-controls--header {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .repair-orders-search-field {
        grid-column: 1 / -1;
      }
      .dialog--repair-orders > .repair-orders-body-scroll {
        padding-right: 10px;
        padding-left: 10px;
      }
    }
    @media (max-width: 500px) {
      .repair-orders-toolbar {
        flex-wrap: wrap;
      }
      .repair-orders-toolbar__content {
        width: 100%;
      }
      .repair-orders-toolbar [data-close="repair-orders"] {
        margin-left: auto;
      }
      .repair-orders-controls--header {
        grid-template-columns: 1fr;
        width: 100%;
      }
      .repair-orders-search-field {
        grid-column: auto;
      }
    }
    .repair-order-tags-card {
      gap: 7px;
    }
    .repair-order-tags-card .tag-list {
      min-height: 24px;
    }
    .repair-order-tag-list {
      gap: 4px;
    }
    .repair-order-tag-editor {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 8px;
      align-items: center;
    }
    .repair-order-tag-item {
      display: inline-flex;
      align-items: center;
      gap: 4px;
    }
    .repair-order-tag-edit {
      cursor: pointer;
    }
    .repair-order-tag-remove {
      width: 22px;
      min-width: 22px;
      min-height: 22px;
      padding: 0;
      display: inline-grid;
      place-items: center;
      font-size: 11px;
      line-height: 1;
    }
    .log-row {
      border-bottom: 1px solid rgba(115, 126, 105, 0.24);
      padding: 6px 2px 7px;
      font-family: var(--mono);
      font-size: 12px;
      line-height: 1.35;
      color: var(--text);
      white-space: pre-wrap;
      word-break: break-word;
    }
    .log-row__meta, .archive-row__meta {
      color: var(--text-soft);
      font-size: 12px;
      font-family: var(--mono);
    }
    .log-row__meta { font-size: 11px; }
    #identityMeta[data-tone="error"] {
      padding: 5px 7px;
      border: 1px solid rgba(207, 91, 75, 0.54);
      background: rgba(83, 22, 17, 0.24);
      color: #ffd1ca;
    }
    .log-view {
      display: block;
      padding: 0;
      border: 0;
      background: transparent;
    }
    .card-journal-text {
      border: 1px solid var(--line-soft);
      background: rgba(8, 12, 10, 0.68);
      padding: 14px 16px;
      min-height: 420px;
      max-height: min(68vh, 720px);
      overflow: auto;
      white-space: pre-wrap;
      font-size: 13px;
      line-height: 1.62;
      font-variant-numeric: tabular-nums;
    }
    .card-journal-view {
      border: 1px solid var(--line-soft);
      background: rgba(8, 12, 10, 0.62);
      padding: 0 14px 14px;
      min-height: 420px;
      max-height: min(68vh, 720px);
      overflow: auto;
      font-size: 13px;
      line-height: 1.52;
      font-variant-numeric: tabular-nums;
    }
    .card-journal-header {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px;
      align-items: end;
      padding: 12px 0 10px;
      border-bottom: 1px solid rgba(115, 126, 105, 0.26);
      margin-bottom: 12px;
    }
    .card-journal-header__title {
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .card-journal-header__subtitle {
      color: var(--text-soft);
      font-size: 11.5px;
      line-height: 1.35;
      margin-top: 3px;
    }
    .card-journal-header__meta {
      color: var(--text-soft);
      font-size: 11px;
      white-space: nowrap;
    }
    .card-journal-note {
      border-left: 2px solid rgba(212, 175, 55, 0.58);
      color: #f3df9d;
      padding: 5px 0 5px 9px;
      margin: 0 0 12px;
      font-size: 11px;
    }
    .card-journal-more {
      display: flex;
      justify-content: center;
      padding: 12px 0 0;
    }
    .card-journal-day {
      margin: 13px 0 0;
    }
    .card-journal-day__label {
      display: block;
      color: var(--accent);
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 0 0 6px;
      border-bottom: 1px solid rgba(115, 126, 105, 0.22);
    }
    .card-journal-events {
      display: block;
    }
    .card-journal-entry {
      display: grid;
      grid-template-columns: 54px minmax(0, 1fr);
      gap: 10px;
      padding: 8px 0 9px;
      border-bottom: 1px solid rgba(115, 126, 105, 0.12);
    }
    .card-journal-entry--deletion {
      color: #ffd1ca;
    }
    .card-journal-entry__time {
      color: var(--accent);
      font-weight: 700;
      letter-spacing: 0.05em;
      font-family: var(--mono);
      font-size: 12px;
      padding-top: 2px;
    }
    .card-journal-entry--deletion .card-journal-entry__time {
      color: #dba08f;
    }
    .card-journal-entry__content {
      min-width: 0;
      display: grid;
      gap: 6px;
    }
    .card-journal-entry__sentence {
      color: var(--text);
      line-height: 1.48;
    }
    .card-journal-entry__sentence strong {
      color: var(--text);
    }
    .card-journal-entry__details {
      display: grid;
      gap: 5px;
      color: var(--text-soft);
      font-size: 12px;
    }
    .card-journal-detail {
      color: var(--text-soft);
      font-size: 12px;
    }
    .card-journal-block {
      display: grid;
      gap: 4px;
      min-width: 0;
      border-left: 2px solid rgba(167, 178, 132, 0.38);
      background: rgba(255, 255, 255, 0.025);
      padding: 7px 9px;
    }
    .card-journal-block__head {
      color: var(--text-soft);
      font-weight: 700;
      font-size: 12px;
    }
    .card-journal-block__text {
      margin: 0;
      padding: 0;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      color: var(--text);
      font-family: var(--mono);
      font-size: 11.5px;
      line-height: 1.5;
    }
    .card-journal-block--empty {
      border-left-color: rgba(207, 91, 75, 0.5);
    }
    .card-journal-block--empty .card-journal-block__text {
      color: var(--text-soft);
      font-family: inherit;
    }
    .card-journal-empty {
      color: var(--text-soft);
      padding: 12px 0;
    }
    .wall-meta {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 12px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .wall-view {
      border: 1px solid var(--line-soft);
      background: rgba(0,0,0,0.18);
      color: var(--text);
      padding: 12px;
      margin: 0;
      min-height: 420px;
      max-height: min(72vh, 760px);
      overflow: auto;
      font-family: var(--mono);
      font-size: 12px;
      line-height: 1.45;
      white-space: pre-wrap;
      user-select: text;
    }
    .wall-view[data-wall-view="event_log"] {
      background: rgba(0,0,0,0.22);
      line-height: 1.58;
      overflow-wrap: anywhere;
    }
    .hidden { display: none !important; }
    .message {
      padding: 10px 12px;
      border: 1px solid var(--line);
      background: rgba(0,0,0,0.18);
      font-size: 13px;
      margin: 0;
    }
    .operator-stats-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      margin-bottom: 14px;
    }
    .operator-stat {
      border: 1px solid var(--line);
      background: rgba(0, 0, 0, 0.14);
      padding: 14px;
      display: grid;
      gap: 6px;
    }
    .operator-stat__label {
      color: var(--muted);
      font-size: 11px;
      letter-spacing: 0.08em;
    }
    .operator-stat__value {
      font-size: 28px;
      line-height: 1;
      color: var(--text);
    }
    .operator-admin-layout {
      display: grid;
      grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
      gap: 14px;
    }
    .operator-user-row {
      border: 1px solid var(--line);
      background: rgba(0, 0, 0, 0.12);
      padding: 12px;
      display: grid;
      gap: 8px;
      margin-bottom: 10px;
    }
    .operator-user-row__head,
    .operator-user-row__stats,
    .operator-user-row__actions {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }
    .operator-user-row__stats {
      justify-content: flex-start;
    }
    .operator-user-chip {
      border: 1px solid var(--line);
      background: rgba(255, 255, 255, 0.03);
      padding: 4px 8px;
      font-size: 12px;
      color: var(--muted);
    }
    .operator-user-binding-panel {
      border-color: rgba(182, 177, 116, 0.46);
      background: rgba(182, 177, 116, 0.08);
    }
    .operator-user-binding-actions {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }
    .operator-activity-panel {
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .operator-admin-tabs {
      display: inline-flex;
      gap: 6px;
      flex-wrap: wrap;
      margin: 0 0 10px;
    }
    .operator-admin-tabs .btn {
      min-height: 30px;
      padding: 7px 10px;
      font-size: 11px;
    }
    .operator-admin-tabs .btn.is-active {
      border-color: var(--accent);
      background: rgba(167, 178, 132, 0.14);
      color: var(--text);
    }
    .operator-admin-tab-panel.hidden {
      display: none;
    }
    .operator-activity-toolbar {
      display: grid;
      grid-template-columns: 118px 138px 138px 138px minmax(220px, 1fr) auto;
      gap: 8px;
      align-items: end;
    }
    .operator-activity-toolbar .field {
      margin: 0;
    }
    .operator-activity-toolbar input,
    .operator-activity-toolbar select {
      min-height: 32px;
    }
    .operator-activity-scroll {
      overflow-x: auto;
      border: 1px solid var(--line);
      background: rgba(0, 0, 0, 0.12);
      position: relative;
    }
    .operator-activity-scroll::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 34px;
      pointer-events: none;
      background: linear-gradient(90deg, rgba(16, 18, 21, 0), rgba(16, 18, 21, 0.86));
      opacity: 0;
      transition: opacity 120ms ease;
    }
    .operator-activity-scroll.is-overflowing::after {
      opacity: 1;
    }
    .operator-activity-table {
      min-width: 1120px;
      display: grid;
      grid-template-columns: 118px 105px 104px 142px minmax(190px, 1.1fr) minmax(250px, 1.4fr) 100px 90px;
    }
    .operator-activity-cell {
      min-height: 38px;
      border-right: 1px solid rgba(255, 255, 255, 0.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      padding: 8px 9px;
      display: flex;
      align-items: center;
      color: var(--text);
      font-size: 11px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .operator-activity-cell--interactive {
      cursor: pointer;
    }
    .operator-activity-cell--selected {
      background: rgba(167, 178, 132, 0.12);
    }
    .operator-activity-cell--interactive:hover {
      background: rgba(167, 178, 132, 0.08);
    }
    .operator-activity-cell--head {
      position: sticky;
      top: 0;
      z-index: 2;
      background: var(--bg-panel);
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: 0.05em;
      font-size: 10px;
      font-family: var(--mono);
    }
    .operator-activity-cell--sticky {
      position: sticky;
      left: 0;
      z-index: 3;
      background: var(--bg-panel-2);
    }
    .operator-activity-cell--head.operator-activity-cell--sticky {
      z-index: 4;
      background: var(--bg-panel);
    }
    .operator-activity-cell--money {
      color: #f5df9b;
      justify-content: flex-end;
    }
    .operator-activity-cell--danger {
      color: #ffd1ca;
    }
    .operator-activity-cell--ok {
      color: #bce3b7;
    }
    .operator-activity-scroll-hint {
      width: max-content;
      max-width: 100%;
      margin-top: 6px;
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 9px;
      line-height: 1.2;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      opacity: 0.82;
    }
    .operator-activity-scroll-hint::after {
      content: "";
      display: inline-block;
      width: 34px;
      height: 1px;
      margin-left: 8px;
      vertical-align: middle;
      background: linear-gradient(90deg, rgba(167,178,132,0.22), rgba(167,178,132,0.82));
    }
    .operator-activity-details {
      margin-top: 8px;
      border: 1px solid rgba(167, 178, 132, 0.32);
      background: rgba(0, 0, 0, 0.14);
      padding: 10px;
      display: grid;
      gap: 8px;
    }
    .operator-activity-details__head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      color: var(--text);
      font-family: var(--mono);
      font-size: 11px;
      text-transform: uppercase;
    }
    .operator-activity-details__grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px 12px;
    }
    .operator-activity-detail {
      min-width: 0;
      color: var(--text-soft);
      font-size: 10.5px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .operator-activity-detail strong {
      display: block;
      margin-bottom: 2px;
      color: var(--muted);
      font-family: var(--mono);
      font-size: 8.5px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }
    .operator-admin-secondary {
      display: grid;
      grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
      gap: 14px;
      align-items: start;
    }
    @media (max-width: 1180px) {
      .dialog--card {
        width: min(1180px, calc(100% - 24px));
      }
      .overview-layout {
        grid-template-columns: minmax(0, 1fr) minmax(270px, 320px);
        gap: 18px;
      }
      .overview-main__meta {
        grid-template-columns: minmax(144px, 150px) minmax(0, 1fr);
      }
    }
    @media (max-width: 760px) {
      .grid { grid-template-columns: 1fr; }
      .overview-layout { grid-template-columns: 1fr; }
      .overview-main {
        --card-meta-panel-height: auto;
        --card-description-target-height: 260px;
        --card-description-max-height: 420px;
      }
      .overview-main__meta {
        grid-template-columns: 1fr;
        min-height: 0;
      }
      .overview-main__meta > .subpanel {
        height: auto;
        min-height: 0;
        overflow: visible;
      }
      .overview-main__meta .tag-list,
      .overview-main__meta .tag-suggestions {
        flex-wrap: wrap;
        max-height: none;
        overflow: visible;
      }
      .operator-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .operator-admin-layout { grid-template-columns: 1fr; }
      .operator-activity-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .operator-activity-details__grid { grid-template-columns: 1fr; }
      .operator-admin-secondary { grid-template-columns: 1fr; }
      .card-client-create-grid { grid-template-columns: 1fr; }
      .vehicle-group__grid { grid-template-columns: 1fr; }
      .vehicle-panel {
        max-width: none;
        width: 100%;
        height: auto;
        max-height: none;
        margin-left: 0;
        overflow: visible;
      }
      .vehicle-panel::before { display: none; }
      .vehicle-panel__fields { max-height: none; overflow: visible; padding-right: 0; }
      .dialog--card { width: min(1080px, 100%); }
      .dialog--repair-order { width: min(1260px, 100%); }
      .repair-order-groups { grid-template-columns: 1fr; }
      .repair-order-card__grid { grid-template-columns: 1fr; }
      .repair-order-footer { align-items: stretch; }
      .repair-order-footer__actions { width: 100%; }
      .repair-order-footer__actions .btn { flex: 1 1 0; min-width: 0; }
      .repair-order-payments-stats { grid-template-columns: 1fr; }
      .repair-order-payments-form { grid-template-columns: 1fr; }
      .repair-order-payments-form #repairOrderPaymentAddButton {
        width: 100%;
        min-width: 0;
        max-width: none;
      }
      .repair-order-payments-form__note { grid-column: auto; }
      .cashbox-form-grid { grid-template-columns: 1fr; }
      .repair-order-payment-row { grid-template-columns: 1fr auto; align-items: start; }
      .repair-order-payment-row__badge { grid-column: 1 / -1; justify-self: start; }
      .repair-order-payment-row__remove { width: 100%; }
      .agent-tasks-shell,
      .agent-tasks-editor__row,
      .agent-tasks-editor__row--schedule { grid-template-columns: 1fr; }
      .agent-actions-row { grid-template-columns: 1fr; }
      .agent-actions-row .btn,
      .agent-tasks-launch { width: 100%; }
      .agent-task-row__top,
      .agent-task-row__footer { flex-direction: column; align-items: stretch; }
      .agent-task-actions { justify-content: flex-start; }
      .cashboxes-layout { grid-template-columns: 1fr; }
      .cashboxes-create-row { grid-template-columns: 1fr; }
      .cashbox-stats { grid-template-columns: 1fr; }
      .employees-layout { grid-template-columns: 1fr; }
      .employees-form-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
      .employees-field--mode { grid-column: span 6; width: 100%; }
      .employees-field--salary,
      .employees-field--percent,
      .employees-field--active {
        grid-column: span 2;
        width: 100%;
      }
      .employees-field--active { padding-top: 0; }
      .signal-grid { grid-template-columns: repeat(2, 1fr); }
      .column { width: 336px; min-width: 336px; }
      .file-preview {
        width: calc(100vw - 16px);
        max-height: calc(100dvh - 16px);
        padding: 10px;
      }
      .file-preview__head {
        align-items: stretch;
      }
      #filePreviewCloseButton {
        width: 100%;
      }
      .file-preview__stage {
        min-height: calc(100dvh - 190px);
      }
      .file-preview__image {
        max-height: calc(100dvh - 220px);
      }
      .file-row {
        grid-template-columns: 104px minmax(0, 1fr);
      }
      .file-row__thumb {
        width: 104px;
        min-height: 82px;
      }
      .file-row__thumb-button,
      .file-row__thumb-image {
        min-height: 82px;
      }
      .card-journal-view {
        padding: 0 10px 12px;
      }
      .card-journal-header {
        grid-template-columns: 1fr;
        gap: 4px;
      }
      .card-journal-header__meta {
        white-space: normal;
      }
      .card-journal-entry {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 8px;
      }
    }
    @media (hover: none) {
      .column__rename,
      .column__delete {
        opacity: 0.58;
        pointer-events: auto;
      }
      .column__delete[disabled] {
        opacity: 0.24;
      }
    }
    body.is-mobile-lite {
      overflow: hidden;
    }
    body.is-mobile-lite .shell {
      min-height: 100dvh;
      width: 100%;
      max-width: 100vw;
      overflow: hidden;
    }
    body.is-mobile-lite .topbar {
      position: sticky;
      top: 0;
      z-index: 30;
      width: 100%;
      max-width: 100vw;
      min-width: 0;
      box-sizing: border-box;
      flex-direction: column;
      align-items: flex-start;
      flex-wrap: nowrap;
      gap: 8px;
      padding: 8px 10px 10px;
      background: rgba(0, 0, 0, 0.46);
      backdrop-filter: blur(8px);
    }
    body.is-mobile-lite .topbar__left {
      width: 100%;
      flex: 1 0 100%;
      align-items: flex-start;
      gap: 10px;
    }
    body.is-mobile-lite .gear-button {
      display: none;
    }
    body.is-mobile-lite .brand__title {
      font-size: 15px;
      letter-spacing: 0.09em;
    }
    body.is-mobile-lite .brand__sub {
      display: none;
    }
    body.is-mobile-lite .topbar__meta,
    body.is-mobile-lite .status-shell {
      width: 100%;
    }
    body.is-mobile-lite .topbar-search {
      width: 100%;
      min-width: 0;
      max-width: none;
      flex: 1 0 100%;
      order: 2;
    }
    body.is-mobile-lite .topbar-search__box {
      min-height: 42px;
    }
    body.is-mobile-lite .topbar-search__input {
      height: 42px;
      font-size: 14px;
      padding: 17px 42px 8px 10px;
    }
    body.is-mobile-lite .topbar-search__clear {
      top: 4px;
      right: 4px;
      width: 34px;
      height: 34px;
      font-size: 16px;
    }
    body.is-mobile-lite .topbar-search__results {
      position: absolute;
      left: 0;
      right: 0;
      width: auto;
      top: calc(100% + 6px);
      max-height: calc(100dvh - 180px);
    }
    body.is-mobile-lite .status-shell .message {
      width: 100%;
      justify-content: center;
    }
    body.is-mobile-lite .topbar__rare-actions,
    body.is-mobile-lite .topbar__actions {
      display: flex;
      flex-wrap: nowrap;
      width: 100%;
      max-width: 100%;
      min-width: 0;
      box-sizing: border-box;
      gap: 6px;
      align-items: center;
      justify-content: flex-start;
      flex: 0 0 auto;
      margin-left: 0;
      overflow-x: auto;
      overflow-y: hidden;
      scrollbar-gutter: stable;
      -webkit-overflow-scrolling: touch;
    }
    body.is-mobile-lite .topbar__actions {
      order: 1;
    }
    body.is-mobile-lite .topbar__actions .btn,
    body.is-mobile-lite .topbar__rare-actions .btn {
      min-height: 40px;
      padding: 10px 10px;
      font-size: 11px;
      flex: 0 0 auto;
      min-width: 86px;
    }
    body.is-mobile-lite .topbar__rare-actions #archiveButton,
    body.is-mobile-lite .topbar__actions #archiveButton {
      min-width: 136px;
    }
    body.is-mobile-lite .sticky-dock {
      display: none;
    }
    body.is-mobile-lite .board-scroll {
      cursor: default;
      touch-action: pan-y;
      overscroll-behavior: contain;
      scrollbar-gutter: stable;
    }
    body.is-mobile-lite .board {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      width: 100%;
      min-width: 0;
      margin: 0;
      padding: 8px 8px 90px;
      transform: none;
    }
    body.is-mobile-lite .column {
      width: 100%;
      min-width: 0;
      padding: 10px;
      gap: 10px;
    }
    body.is-mobile-lite .board-add-column {
      width: 100%;
      height: 42px;
      min-width: 0;
      flex: none;
      font-size: 20px;
    }
    body.is-mobile-lite .column::before {
      width: 3px;
    }
    body.is-mobile-lite .column__head-actions {
      display: none;
    }
    body.is-mobile-lite .column > .btn[data-create-in] {
      display: none;
    }
    body.is-mobile-lite .column__title {
      font-size: 13px;
      letter-spacing: 0.09em;
    }
    body.is-mobile-lite .column__count {
      min-width: 28px;
    }
    body.is-mobile-lite .column__cards {
      gap: 8px;
    }
    body.is-mobile-lite .empty {
      min-height: 56px;
    }
    body.is-mobile-lite .card {
      min-height: 112px;
      padding: 8px;
    }
    body.is-mobile-lite .card__desc {
      -webkit-line-clamp: 3;
      max-height: calc(1.5em * 3);
    }
    body.is-mobile-lite .card__tags {
      gap: 4px;
    }
    body.is-mobile-lite .sticky-layer {
      display: none;
    }
    body.is-mobile-lite .modal {
      padding: 0;
      z-index: 60;
    }
    body.is-mobile-lite .dialog {
      width: min(100vw, 100%);
      max-height: 100dvh;
      padding: 12px;
      border-radius: 0;
    }
    body.is-mobile-lite .dialog--fixed-actions {
      position: fixed;
      inset: 0;
      height: 100dvh;
      max-height: 100dvh;
      width: 100vw;
      grid-template-rows: auto minmax(0, 1fr) auto;
    }
    body.is-mobile-lite .dialog__floating-actions {
      width: 100%;
      box-shadow: none;
    }
    body.is-mobile-lite .dialog--card {
      width: 100vw;
      height: 100dvh;
      max-height: 100dvh;
      padding: 10px;
      grid-template-rows: auto minmax(0, 1fr) auto;
    }
    body.is-mobile-lite .dialog__head--card {
      grid-template-columns: minmax(0, 1fr) auto;
      flex-wrap: nowrap;
      min-height: 46px;
      padding: 8px 10px;
      background:
        linear-gradient(180deg, rgba(255,255,255,0.05), transparent 58%),
        rgba(28, 36, 30, 0.98);
      border-bottom: 1px solid rgba(115, 126, 105, 0.28);
    }
    body.is-mobile-lite .dialog__head--card .dialog__title-prefix {
      display: none;
    }
    body.is-mobile-lite .dialog__head--card .dialog__title--card {
      font-size: 12px;
      line-height: 1.18;
      min-width: 0;
      max-width: 100%;
    }
    body.is-mobile-lite .dialog__head--card > .btn {
      min-height: 32px;
      padding: 7px 9px;
      white-space: nowrap;
    }
    body.is-mobile-lite #repairOrderModal {
      z-index: 64;
    }
    body.is-mobile-lite .repair-order-table-wrap {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    body.is-mobile-lite .repair-order-table {
      min-width: 760px;
    }
    body.is-mobile-lite .repair-order-table__input {
      min-width: 72px;
      min-height: 36px;
    }
    body.is-mobile-lite .repair-order-table__select {
      min-width: 138px;
    }
    body.is-mobile-lite .repair-order-row-remove {
      width: 34px;
      min-width: 34px;
      min-height: 34px;
      padding: 0;
    }
    body.is-mobile-lite #repairOrderPaymentsModal {
      z-index: 66;
    }
    body.is-mobile-lite .dialog__tabs--card {
      align-items: center;
      gap: 6px;
      width: 100%;
    }
    body.is-mobile-lite .dialog__tabs--card > div {
      display: flex;
      gap: 4px;
      flex-wrap: wrap;
    }
    body.is-mobile-lite .dialog__tabs--card .tab-btn {
      min-height: 24px;
      padding: 5px 7px;
      font-size: 9.5px;
    }
    body.is-mobile-lite .dialog__tabs--card .tab-btn[data-tab="journal"] {
      display: inline-block;
    }
    body.is-mobile-lite .dialog__foot--card {
      flex-direction: column-reverse;
      align-items: stretch;
    }
    body.is-mobile-lite .dialog__foot-group {
      width: 100%;
    }
    body.is-mobile-lite .dialog__foot-group--danger,
    body.is-mobile-lite .dialog__foot-group--main {
      margin-right: 0;
      justify-content: stretch;
    }
    body.is-mobile-lite .dialog__foot-group--danger .btn,
    body.is-mobile-lite .dialog__foot-group--main .btn {
      flex: 1 1 0;
      min-width: 0;
    }
    body.is-mobile-lite .overview-layout {
      grid-template-columns: 1fr;
      gap: 10px;
    }
    body.is-mobile-lite .overview-main {
      max-width: none;
      --card-meta-panel-height: auto;
      --card-description-target-height: 260px;
      --card-description-max-height: 420px;
    }
    body.is-mobile-lite .grid--overview {
      grid-template-columns: 1fr;
    }
    body.is-mobile-lite .overview-main__meta {
      grid-template-columns: 1fr;
      min-height: 0;
    }
    body.is-mobile-lite .overview-main__meta > .subpanel {
      height: auto;
      min-height: 0;
      overflow: visible;
    }
    body.is-mobile-lite .overview-main__meta .tag-list,
    body.is-mobile-lite .overview-main__meta .tag-suggestions {
      flex-wrap: wrap;
      max-height: none;
      overflow: visible;
    }
    body.is-mobile-lite .vehicle-panel {
      max-width: none;
      width: 100%;
    }
    body.is-mobile-lite .vehicle-panel__fields {
      display: none;
    }
    body.is-mobile-lite .vehicle-panel__head {
      align-items: center;
      gap: 8px;
    }
    body.is-mobile-lite #cardAgentButton {
      display: none;
    }
    body.is-mobile-lite .vehicle-panel__repair {
      padding-top: 4px;
    }
    body.is-mobile-lite .file-zone-panel {
      gap: 10px;
    }
    body.is-mobile-lite .file-dropzone {
      min-height: 92px;
      padding: 12px;
    }
    body.is-mobile-lite .file-dropzone::after {
      font-size: 12px;
      line-height: 1.35;
    }
    body.is-mobile-lite .file-row {
      grid-template-columns: 76px minmax(0, 1fr);
    }
    body.is-mobile-lite .file-row__thumb,
    body.is-mobile-lite .file-row__thumb-button,
    body.is-mobile-lite .file-row__thumb-image {
      width: 76px;
      min-height: 64px;
    }
    body.is-mobile-lite .file-preview {
      width: 100%;
      max-height: calc(100dvh - 12px);
      padding: 12px;
    }
    body.is-mobile-lite #filePreviewCloseButton {
      width: 100%;
      min-width: 0;
    }
    body.is-mobile-lite .file-preview__stage {
      min-height: calc(100dvh - 168px);
    }
    body.is-mobile-lite .file-preview__image {
      max-height: calc(100dvh - 200px);
    }

    #repairOrderPrintModal {
      z-index: 16;
    }
    #printTemplateEditorModal {
      z-index: 17;
    }
    #inspectionSheetFormModal {
      z-index: 18;
    }
    body.is-mobile-lite #repairOrderPrintModal {
      z-index: 68;
    }
    body.is-mobile-lite #printTemplateEditorModal {
      z-index: 69;
    }
    body.is-mobile-lite #inspectionSheetFormModal {
      z-index: 70;
    }
    .dialog--repair-order-print {
      width: min(1718px, calc(100% - 18px));
      max-width: none;
      height: min(96vh, 1030px);
      max-height: min(96vh, 1030px);
      overflow: hidden;
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
    }
    .dialog--print-template-editor {
      width: min(1880px, calc(100% - 18px));
      max-width: none;
      height: min(96vh, 1160px);
      overflow: hidden;
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
    }
    .repair-order-print-layout {
      min-height: 0;
      display: grid;
      grid-template-columns: 220px minmax(0, 1400px);
      justify-content: center;
      gap: 14px;
      padding: 14px;
      background: rgba(0, 0, 0, 0.08);
    }
    .dialog--repair-order-print > .repair-order-print-layout {
      overflow: hidden;
    }
    .repair-order-print-layout > .repair-order-print-panel:first-child {
      align-items: center;
    }
    .repair-order-print-layout > .repair-order-print-panel:first-child > * {
      width: 100%;
    }
    .repair-order-print-layout > .repair-order-print-panel:first-child .repair-order-print-panel__title,
    .repair-order-print-layout > .repair-order-print-panel:first-child .repair-order-print-preview__meta,
    .repair-order-print-layout > .repair-order-print-panel:first-child .repair-order-print-docs-count {
      text-align: center;
    }
    .repair-order-print-panel.repair-order-print-panel--settings {
      display: none;
    }
    .repair-order-print-panel,
    .print-template-editor__panel,
    .print-template-editor__editor,
    .print-template-editor__preview {
      min-height: 0;
      border: 1px solid rgba(116, 128, 111, 0.42);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.03), transparent 18%),
        rgba(30, 37, 32, 0.96);
      border-radius: 16px;
      padding: 12px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      overflow: hidden;
    }
    .repair-order-print-layout > .repair-order-print-panel:nth-child(2) {
      width: 100%;
      max-width: 1400px;
      height: 100%;
      max-height: 850px;
      align-self: center;
      justify-self: center;
    }
    .repair-order-print-panel__title,
    .print-template-editor__title {
      font-family: var(--mono);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--text-soft);
    }
    .repair-order-print-documents {
      display: flex;
      flex-direction: column;
      gap: 6px;
      flex: 1 1 auto;
      min-height: 0;
      overflow: auto;
      padding: 2px 2px 0 0;
    }
    .repair-order-print-doc {
      appearance: none;
      border: 1px solid rgba(116, 128, 111, 0.28);
      border-radius: 10px;
      padding: 8px 10px;
      min-height: 40px;
      display: flex;
      gap: 8px;
      align-items: center;
      cursor: pointer;
      background: rgba(255, 255, 255, 0.02);
      color: inherit;
      text-align: left;
      width: 100%;
      transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
    }
    .repair-order-print-doc:hover { background: rgba(167, 178, 132, 0.08); transform: translateX(1px); }
    .repair-order-print-doc.is-active { background: rgba(167, 178, 132, 0.14); border-color: rgba(211, 220, 164, 0.7); box-shadow: inset 0 0 0 1px rgba(211, 220, 164, 0.16); }
    .repair-order-print-doc__meta { min-width: 0; display: flex; flex: 1 1 auto; align-items: center; gap: 8px; }
    .repair-order-print-doc__title {
      font-size: 12px;
      font-weight: 700;
      line-height: 1.25;
      color: var(--text);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex: 1 1 auto;
    }
    .repair-order-print-doc__state {
      flex: 0 0 auto;
      width: 4px;
      height: 20px;
      border-radius: 999px;
      background: rgba(167, 178, 132, 0.28);
    }
    .repair-order-print-doc.is-active .repair-order-print-doc__state { background: rgba(211, 220, 164, 0.96); }
    .repair-order-print-docs-footer {
      display: flex;
      flex-direction: column;
      gap: 6px;
      margin-top: auto;
      padding-top: 8px;
      border-top: 1px solid rgba(116, 128, 111, 0.22);
    }
    .repair-order-print-docs-count { font-size: 11px; color: var(--text-soft); letter-spacing: 0.04em; }
    .repair-order-print-docs-action { min-height: 28px; padding-inline: 10px; font-size: 10px; width: 100%; letter-spacing: 0.08em; }
    .repair-order-print-preview__meta,
    .repair-order-print-preview__warnings,
    .print-template-editor__meta { color: var(--text-soft); font-size: 12px; line-height: 1.4; }
    .repair-order-print-preview-wrap {
      min-height: 0;
      border: 1px solid rgba(116, 128, 111, 0.34);
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.08)), #1a211c;
      padding: 12px;
      overflow: auto;
      position: relative;
    }
    .repair-order-print-preview-stage {
      min-width: 0;
      width: 920px;
      height: 1180px;
      min-height: 0;
      position: relative;
      margin: 0 auto 28px;
    }
    .repair-order-print-preview-frame,
    .print-template-editor__preview-frame {
      width: 920px;
      height: 1180px;
      border: 0;
      border-radius: 12px;
      background: #ffffff;
      box-shadow: 0 14px 34px rgba(0, 0, 0, 0.26);
      transform-origin: top center;
      transition: transform .12s ease, width .12s ease;
    }
    .repair-order-print-preview-frame {
      position: absolute;
      top: 0;
      left: 0;
      transform-origin: top left;
    }
    .repair-order-print-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
    .repair-order-print-toolbar__group { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
    .repair-order-print-toolbar__label { font-size: 12px; color: var(--text-soft); text-transform: uppercase; letter-spacing: 0.08em; }
    .repair-order-print-toolbar .btn { min-height: 34px; padding-inline: 10px; }
    .repair-order-print-settings { min-height: 0; overflow: auto; padding-right: 4px; display: flex; flex-direction: column; gap: 10px; }
    .repair-order-print-settings .field { gap: 5px; }
    .repair-order-print-settings input,
    .repair-order-print-settings select,
    .repair-order-print-settings textarea,
    .print-template-editor__editor select,
    .print-template-editor__editor input,
    .print-template-editor__source textarea { background: rgba(14, 18, 15, 0.76); }
    .repair-order-print-settings__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .repair-order-print-settings__section { display: flex; flex-direction: column; gap: 8px; padding: 10px; border-radius: 14px; border: 1px solid rgba(116, 128, 111, 0.3); background: rgba(255, 255, 255, 0.02); }
    .repair-order-print-settings__section-title { font-size: 12px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--text-soft); font-family: var(--mono); }
    .manual-print-document-form { display: flex; flex-direction: column; gap: 8px; }
    .manual-print-document-form[hidden] { display: none; }
    .manual-print-document-form textarea { min-height: 82px; resize: vertical; line-height: 1.45; }
    .repair-order-print-footer,
    .print-template-editor__footer { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; }
    .repair-order-print-footer__actions,
    .print-template-editor__actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
    .print-template-editor { min-height: 0; display: grid; grid-template-columns: 320px minmax(0, 1fr) minmax(520px, 0.95fr); gap: 14px; padding: 14px; background: rgba(0, 0, 0, 0.08); }
    .print-template-editor__list { min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 8px; padding-right: 4px; }
    .print-template-editor__item { border: 1px solid rgba(116, 128, 111, 0.34); border-radius: 14px; padding: 10px 12px; cursor: pointer; display: flex; flex-direction: column; gap: 4px; background: rgba(255,255,255,0.02); }
    .print-template-editor__item.is-active { border-color: rgba(167, 178, 132, 0.74); background: rgba(167, 178, 132, 0.14); }
    .print-template-editor__item-title { font-size: 13px; font-weight: 700; color: var(--text); }
    .print-template-editor__toolbar { display: flex; gap: 8px; flex-wrap: wrap; }
    .print-template-editor__editor { gap: 12px; }
    .print-template-editor__editor-toolbar { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
    .print-template-editor__editor-toolbar .btn { min-height: 34px; padding-inline: 10px; }
    .print-template-editor__editor-toolbar select { min-width: 220px; }
    .print-template-editor__surface-wrap { min-height: 0; flex: 1; overflow: auto; border: 1px solid rgba(116, 128, 111, 0.34); border-radius: 16px; background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(0,0,0,0.04)), #d8ddd7; padding: 18px; display: flex; justify-content: center; align-items: flex-start; }
    .print-template-editor__surface-frame { width: 920px; min-height: 1040px; height: 1040px; border: 0; border-radius: 10px; background: #ffffff; box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18); }
    .print-template-editor__source { border: 1px solid rgba(116, 128, 111, 0.28); border-radius: 14px; background: rgba(255,255,255,0.02); padding: 10px 12px; }
    .print-template-editor__source summary { cursor: pointer; list-style: none; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-soft); font-family: var(--mono); }
    .print-template-editor__source summary::-webkit-details-marker { display: none; }
    .print-template-editor__source textarea { width: 100%; min-height: 220px; margin-top: 10px; resize: vertical; font-family: var(--mono); font-size: 12px; line-height: 1.5; }
    .print-template-editor__preview-wrap { min-height: 0; overflow: auto; display: flex; justify-content: center; align-items: flex-start; padding: 4px 0 32px; background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.08)), #1a211c; border: 1px solid rgba(116, 128, 111, 0.34); border-radius: 16px; }
    .repair-order-print-empty { border: 1px dashed rgba(167, 178, 132, 0.36); border-radius: 16px; padding: 28px 18px; text-align: center; color: var(--text-soft); background: rgba(255,255,255,0.02); }
    .dialog--inspection-sheet-form {
      width: min(1080px, calc(100% - 18px));
      max-width: none;
      height: min(92vh, 980px);
      overflow: hidden;
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
    }
    .inspection-sheet-form {
      min-height: 0;
      padding: 14px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      background: rgba(0, 0, 0, 0.08);
    }
    .inspection-sheet-form__surface {
      min-height: 0;
      border: 1px solid rgba(116, 128, 111, 0.42);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.03), transparent 18%),
        rgba(30, 37, 32, 0.96);
      border-radius: 16px;
      padding: 14px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      overflow: auto;
    }
    .inspection-sheet-form__hint { color: var(--text-soft); font-size: 12px; line-height: 1.45; }
    .inspection-sheet-form__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    .inspection-sheet-form__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .inspection-sheet-form__field .field { gap: 5px; }
    .inspection-sheet-form textarea {
      min-height: 94px;
      resize: vertical;
      background: rgba(14, 18, 15, 0.76);
      line-height: 1.45;
    }
    .inspection-sheet-table-editor { border: 1px solid rgba(116, 128, 111, 0.42); border-radius: 12px; padding: 10px; background: rgba(255,255,255,0.02); }
    .inspection-sheet-table-editor__head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 8px; }
    .inspection-sheet-table-editor__title { color: var(--text-soft); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; }
    .inspection-sheet-table-editor__rows { display: flex; flex-direction: column; gap: 8px; }
    .inspection-sheet-table-editor__row { display: grid; grid-template-columns: minmax(0, 1fr) 92px 36px; gap: 8px; align-items: end; }
    .inspection-sheet-table-editor__row .field { gap: 4px; }
    .inspection-sheet-table-editor__remove { min-width: 36px; padding-inline: 0; }
    .inspection-sheet-form__field--wide { grid-column: 1 / -1; }
    .inspection-sheet-form__footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }
    .inspection-sheet-form__actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
    @media (max-width: 1100px) {
      .dialog--inspection-sheet-form { width: min(100%, calc(100% - 12px)); height: min(100vh, 100%); }
      .inspection-sheet-form__grid,
      .inspection-sheet-form__row { grid-template-columns: 1fr; }
    }
    @media (max-width: 1500px) {
      .repair-order-print-layout { grid-template-columns: 220px minmax(0, 1fr); grid-template-areas: "docs preview"; }
      .repair-order-print-layout > .repair-order-print-panel:first-child { grid-area: docs; }
      .repair-order-print-layout > .repair-order-print-panel:nth-child(2) { grid-area: preview; }
      .print-template-editor { grid-template-columns: 300px minmax(0, 1fr); grid-template-areas: "list editor" "preview preview"; }
      .print-template-editor__panel { grid-area: list; }
      .print-template-editor__editor { grid-area: editor; }
      .print-template-editor__preview { grid-area: preview; }
    }
    @media (max-width: 1100px) {
      .dialog--repair-order-print,
      .dialog--print-template-editor { width: min(100%, calc(100% - 12px)); height: min(100vh, 100%); }
      .dialog--repair-order-print { max-height: min(100vh, 100%); }
      .repair-order-print-layout { grid-template-columns: 1fr; grid-template-areas: "docs" "preview"; grid-auto-rows: auto; align-content: start; overflow: auto; }
      .dialog--repair-order-print > .repair-order-print-layout { overflow: auto; }
      .repair-order-print-layout > .repair-order-print-panel:first-child { grid-area: docs; }
      .repair-order-print-layout > .repair-order-print-panel:nth-child(2) { grid-area: preview; }
      .repair-order-print-layout > .repair-order-print-panel { min-height: auto; overflow: visible; }
      .repair-order-print-layout > .repair-order-print-panel:nth-child(2) { min-height: 420px; height: auto; max-height: none; align-self: stretch; overflow: hidden; }
      .print-template-editor { grid-template-columns: 1fr; grid-template-areas: "list" "editor" "preview"; align-content: start; overflow: auto; }
      .repair-order-print-documents { max-height: 240px; }
      .repair-order-print-settings { overflow: visible; }
      .repair-order-print-settings__row { grid-template-columns: 1fr; }
      .repair-order-print-preview-wrap { max-height: min(70vh, 640px); }
      .repair-order-print-preview-frame,
      .print-template-editor__preview-frame { width: 760px; }
    }

    #cashboxesModal .dialog { width: min(1060px, 100%); }
    #cashboxJournalModal .dialog {
      width: min(1040px, 100%);
      max-height: calc(100dvh - 44px);
      display: flex;
      flex-direction: column;
    }
    #cashboxTransferModal .dialog { width: min(820px, 100%); }
    #inventoryModal .dialog { width: min(1040px, 100%); }
    #inventoryModal .inventory-workspace-dialog {
      width: min(1280px, calc(100vw - 28px));
      height: min(900px, calc(100dvh - 34px));
      max-height: calc(100dvh - 34px);
      display: flex;
      flex-direction: column;
    }
    .inventory-workspace {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      gap: 10px;
      min-height: 0;
    }
    .inventory-workspace__bar {
      display: grid;
      grid-template-columns: auto auto minmax(220px, 1fr) auto;
      gap: 8px;
      align-items: end;
    }
    .inventory-tabs {
      display: inline-flex;
      gap: 4px;
      align-items: center;
      border: 1px solid rgba(255,255,255,0.1);
      background: rgba(0,0,0,0.12);
      padding: 3px;
    }
    .inventory-tab {
      min-height: 30px;
      border: 1px solid transparent;
      background: transparent;
      color: var(--text-soft);
      cursor: pointer;
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      padding: 6px 9px;
      white-space: nowrap;
    }
    .inventory-tab.is-active {
      border-color: rgba(167,178,132,0.55);
      background: rgba(167,178,132,0.12);
      color: var(--text);
    }
    .inventory-stock-filter {
      min-width: 150px;
    }
    .inventory-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(320px, 360px);
      gap: 12px;
      min-height: 0;
      height: 100%;
    }
    .inventory-pane {
      display: flex;
      flex-direction: column;
      gap: 8px;
      min-width: 0;
      min-height: 0;
    }
    .inventory-main {
      min-height: 0;
    }
    .inventory-detail {
      overflow: auto;
    }
    .inventory-toolbar {
      display: grid;
      gap: 8px;
    }
    .inventory-list,
    .repair-order-inventory-results {
      display: flex;
      flex-direction: column;
      gap: 6px;
      min-height: 0;
      overflow: auto;
      padding-right: 3px;
    }
    .inventory-list {
      border: 1px solid rgba(255,255,255,0.08);
      background: rgba(0,0,0,0.08);
    }
    .inventory-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
      font-size: 11px;
    }
    .inventory-table th {
      position: sticky;
      top: 0;
      z-index: 1;
      background: rgba(27,34,28,0.98);
      color: var(--text-soft);
      border-bottom: 1px solid rgba(167,178,132,0.22);
      padding: 8px 9px;
      font-family: var(--mono);
      font-size: 9px;
      font-weight: 700;
      text-align: left;
      text-transform: uppercase;
    }
    .inventory-table td {
      border-bottom: 1px solid rgba(255,255,255,0.06);
      padding: 7px 9px;
      color: var(--text);
      vertical-align: middle;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .inventory-table__row {
      cursor: pointer;
    }
    .inventory-table__row:hover,
    .inventory-table__row.is-active {
      background: rgba(167,178,132,0.1);
    }
    .inventory-table__row.is-zero td {
      color: rgba(242,240,230,0.58);
    }
    .inventory-table__select {
      width: 100%;
      border: 0;
      background: transparent;
      color: inherit;
      padding: 0;
      cursor: pointer;
      text-align: left;
      font-weight: 700;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .inventory-table__mono,
    .inventory-table__number {
      font-family: var(--mono);
      font-size: 10px;
    }
    .inventory-table__number {
      text-align: right;
    }
    .inventory-movements-panel[hidden],
    .inventory-positions-panel[hidden] {
      display: none;
    }
    .inventory-movements-panel {
      min-height: 0;
    }
    .inventory-movements-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      margin-bottom: 8px;
    }
    .inventory-movements-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
      font-size: 11px;
    }
    .inventory-movements-table th,
    .inventory-movements-table td {
      border-bottom: 1px solid rgba(255,255,255,0.07);
      padding: 7px 8px;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .inventory-movements-table th {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 9px;
      text-transform: uppercase;
    }
    .inventory-row,
    .repair-order-inventory-result {
      width: 100%;
      border: 1px solid var(--line-soft);
      background: rgba(255,255,255,0.025);
      color: var(--text);
      padding: 9px 10px;
      text-align: left;
      cursor: pointer;
      display: grid;
      gap: 4px;
    }
    .inventory-row.is-active,
    .repair-order-inventory-result.is-active {
      border-color: rgba(167,178,132,0.78);
      background: rgba(167,178,132,0.1);
    }
    .inventory-row__top,
    .repair-order-inventory-result__top {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 8px;
      min-width: 0;
    }
    .inventory-row__name,
    .repair-order-inventory-result__name {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-weight: 700;
    }
    .inventory-row__qty,
    .repair-order-inventory-result__qty {
      color: #f5df9b;
      font-family: var(--mono);
      font-size: 11px;
      white-space: nowrap;
    }
    .inventory-row__meta,
    .repair-order-inventory-result__meta,
    .inventory-status,
    .inventory-quick-state {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 9.5px;
      line-height: 1.25;
      text-transform: uppercase;
    }
    .inventory-quick-state {
      border: 1px solid rgba(255,255,255,0.08);
      background: rgba(0,0,0,0.12);
      padding: 7px 8px;
    }
    .inventory-quick-state[data-state="empty"] { color: #ffd1ca; }
    .inventory-quick-state[data-state="saved"] { color: #dfe7bf; }
    .inventory-quick-state[data-state="dirty"] { color: #f5df9b; }
    .mobile-inventory-list,
    .mobile-inventory-editor,
    .mobile-inventory-movements {
      display: grid;
      gap: 8px;
    }
    .mobile-inventory-list {
      max-height: 34dvh;
      overflow: auto;
    }
    .mobile-inventory-editor {
      border: 1px solid rgba(167,178,132,0.22);
      background: rgba(0,0,0,0.12);
      padding: 10px;
    }
    .mobile-inventory-actions {
      position: sticky;
      bottom: 0;
      z-index: 2;
      padding: 7px 0 0;
      background: linear-gradient(180deg, rgba(23,29,24,0), rgba(23,29,24,0.96) 28%);
    }
    .mobile-inventory-movements {
      border-top: 1px solid rgba(255,255,255,0.08);
      padding-top: 9px;
    }
    .mobile-inventory-movement {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 6px;
      border: 1px solid rgba(255,255,255,0.08);
      background: rgba(0,0,0,0.1);
      padding: 7px 8px;
      font-family: var(--mono);
      font-size: 9.5px;
      color: var(--text-soft);
      text-transform: uppercase;
    }
    .inventory-form-grid {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 8px;
      align-items: end;
    }
    .inventory-field--wide { grid-column: span 3; }
    .inventory-field--mid { grid-column: span 2; }
    .inventory-actions {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .repair-order-section-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 6px;
      flex-wrap: wrap;
    }
    .inventory-replenish-row {
      display: grid;
      grid-template-columns: minmax(110px, 160px) auto;
      gap: 8px;
      align-items: end;
    }
    .repair-order-materials-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 10px;
    }
    .repair-order-table-card.is-inventory-open .repair-order-materials-layout {
      grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
      align-items: start;
    }
    .repair-order-inventory-panel {
      border: 1px solid rgba(167,178,132,0.32);
      background: rgba(12,17,13,0.74);
      padding: 10px;
      display: grid;
      grid-template-rows: auto minmax(120px, 1fr) auto auto;
      gap: 9px;
      min-height: 360px;
      max-height: 620px;
      overflow: auto;
    }
    .repair-order-inventory-panel[hidden] { display: none; }
    .repair-order-inventory-search-zone,
    .repair-order-inventory-selected-zone {
      display: grid;
      gap: 8px;
      min-height: 0;
    }
    .repair-order-inventory-selected {
      border: 1px solid rgba(255,255,255,0.1);
      background: rgba(0,0,0,0.14);
      padding: 9px;
      display: grid;
      gap: 4px;
      min-height: 70px;
    }
    .repair-order-inventory-stock {
      border: 1px solid rgba(167,178,132,0.2);
      background: rgba(167,178,132,0.08);
      color: #f5df9b;
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.25;
      padding: 7px 8px;
      text-transform: uppercase;
    }
    .repair-order-inventory-stock[data-tone="error"] {
      border-color: rgba(207,91,75,0.5);
      background: rgba(207,91,75,0.12);
      color: #ffd1ca;
    }
    .repair-order-inventory-selected__title {
      color: var(--text);
      font-weight: 700;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .repair-order-inventory-selected__meta {
      color: var(--text-soft);
      font-family: var(--mono);
      font-size: 9.5px;
      line-height: 1.25;
      text-transform: uppercase;
    }
    .repair-order-inventory-actions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px;
    }
    .repair-order-inventory-actions--sticky {
      position: sticky;
      bottom: -10px;
      z-index: 2;
      margin: 0 -10px -10px;
      padding: 10px;
      border-top: 1px solid rgba(167,178,132,0.2);
      background: rgba(12,17,13,0.97);
    }
    .repair-order-inventory-actions .btn { min-width: 0; }
    .repair-order-inventory-actions .btn--wide { grid-column: 1 / -1; }
    .repair-order-inventory-actions .inventory-status { grid-column: 1 / -1; }
    @media (max-width: 980px) {
      .inventory-layout,
      .repair-order-table-card.is-inventory-open .repair-order-materials-layout {
        grid-template-columns: 1fr;
      }
      .inventory-form-grid { grid-template-columns: 1fr; }
      .inventory-field--wide,
      .inventory-field--mid { grid-column: auto; }
      .inventory-replenish-row { grid-template-columns: 1fr; }
    }
    #cashboxesModal .dialog__title {
      font-size: 18px;
      font-weight: 800;
      letter-spacing: 0.1em;
    }
    .cashboxes-layout {
      display: grid;
      grid-template-columns: minmax(214px, 244px) minmax(0, 1fr);
      gap: 12px;
      min-height: 472px;
    }
    .cashboxes-pane {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .cashboxes-pane__foot {
      margin-top: auto;
      padding-top: 6px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
    }
    .cashbox-journal-main-button {
      min-width: 110px;
      justify-content: center;
      background: rgba(167, 178, 132, 0.08);
    }
    .cashboxes-list {
      display: flex;
      flex-direction: column;
      gap: 6px;
      flex: 1 1 auto;
      max-height: 540px;
      overflow: auto;
      padding-right: 3px;
      position: relative;
    }
    .cashboxes-list.is-drag-active .cashbox-row {
      transition: none;
    }
    .cashboxes-list.is-drop-end::after {
      content: "";
      display: block;
      flex: 0 0 3px;
      height: 3px;
      margin: 1px 0 0;
      border-radius: 999px;
      background: #d7e89b;
      box-shadow: 0 0 0 1px rgba(7, 12, 9, 0.86), 0 0 14px rgba(215, 232, 155, 0.42);
    }
    .cashbox-row {
      display: flex;
      flex-direction: column;
      gap: 3px;
      width: 100%;
      text-align: left;
      padding: 9px 10px;
      border: 1px solid var(--line-soft);
      background: rgba(255,255,255,0.02);
      color: var(--text);
      cursor: pointer;
      user-select: none;
      position: relative;
    }
    .cashbox-row[draggable="true"] {
      cursor: grab;
    }
    .cashbox-row[draggable="true"]:active {
      cursor: grabbing;
    }
    .cashbox-row.is-active { border-color: rgba(167, 178, 132, 0.64); background: rgba(167, 178, 132, 0.06); box-shadow: inset 3px 0 0 rgba(167, 178, 132, 0.76); }
    .cashbox-row.is-dragging {
      opacity: 0.62;
    }
    .cashbox-row.is-drop-target {
      border-color: var(--line-soft);
      box-shadow: none;
    }
    .cashbox-row.is-drop-target::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: -6px;
      height: 3px;
      border-radius: 999px;
      background: #d7e89b;
      box-shadow: 0 0 0 1px rgba(7, 12, 9, 0.86), 0 0 14px rgba(215, 232, 155, 0.42);
      pointer-events: none;
      z-index: 2;
    }
    .cashbox-row__head,
    .cashbox-stat-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 6px;
      align-items: center;
    }
    .cashbox-row__name { font-size: 15px; font-weight: 700; line-height: 1.18; }
    .cashbox-row__balance,
    .cashbox-stat-grid__value {
      font-size: 16px;
      font-weight: 700;
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
    }
    .cashbox-row__balance[data-balance-sign="negative"],
    .cashbox-stat-grid__value[data-balance-sign="negative"] { color: #f0b1a6; }
    .cashbox-transaction__meta,
    .cashboxes-empty {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.35;
    }
    .cashbox-stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 6px;
    }
    .cashbox-stat-grid {
      border: 1px solid var(--line-soft);
      padding: 8px 9px;
      background: rgba(255,255,255,0.02);
    }
    .cashbox-stat-grid:first-child {
      border-color: rgba(167, 178, 132, 0.3);
      background: rgba(167, 178, 132, 0.06);
    }
    .cashbox-stat-grid__label {
      color: var(--muted);
      font-size: 10px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .cashbox-detail {
      display: flex;
      flex-direction: column;
      gap: 7px;
      min-width: 0;
    }
    .cashbox-detail__identity {
      display: grid;
      gap: 2px;
      min-width: 0;
    }
    .cashbox-composer {
      display: grid;
      gap: 7px;
      padding: 8px;
      border: 1px solid var(--line-soft);
      background: rgba(255,255,255,0.02);
    }
    .cashbox-composer__row {
      display: grid;
      grid-template-columns: minmax(144px, 166px) minmax(0, 1fr);
      gap: 8px;
      align-items: end;
    }
    .cashbox-composer__row .field--compact input[type="text"],
    .cashbox-composer__row .field--compact textarea {
      min-height: 54px;
      padding: 6px 8px;
    }
    .cashbox-composer__row .field--compact textarea.is-invalid {
      border-color: rgba(207, 91, 75, 0.92);
      background: rgba(207, 91, 75, 0.08);
      box-shadow: 0 0 0 1px rgba(207, 91, 75, 0.28), 0 0 14px rgba(207, 91, 75, 0.24);
    }
    .cashbox-composer textarea {
      min-height: 54px;
      max-height: 54px;
      resize: none;
    }
    .cashbox-composer__actions {
      display: flex;
      justify-content: flex-end;
      gap: 6px;
      flex-wrap: wrap;
    }
    .cashbox-composer__actions .btn {
      min-height: 34px;
      padding: 7px 10px;
    }
    .cashbox-transfer-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(248px, 290px);
      gap: 12px;
      align-items: start;
    }
    .cashbox-transfer-pane {
      display: grid;
      gap: 8px;
    }
    .cashbox-transfer-source {
      display: grid;
      gap: 3px;
      padding: 10px 12px;
      border: 1px solid var(--line-soft);
      background: rgba(255,255,255,0.02);
    }
    .cashbox-transfer-source__name {
      font-size: 17px;
      font-weight: 700;
      line-height: 1.2;
    }
    .cashbox-transfer-source__balance,
    .cashbox-transfer-target__balance,
    .cashbox-transfer-preview__label {
      color: var(--muted);
      font-size: 10px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .cashbox-transfer-targets {
      display: grid;
      gap: 6px;
      max-height: 320px;
      overflow: auto;
      padding-right: 3px;
    }
    .cashbox-transfer-target {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
      align-items: center;
      width: 100%;
      padding: 9px 10px;
      border: 1px solid var(--line-soft);
      background: rgba(255,255,255,0.02);
      color: var(--text);
      text-align: left;
      cursor: pointer;
    }
    .cashbox-transfer-target.is-active {
      border-color: rgba(167, 178, 132, 0.64);
      background: rgba(167, 178, 132, 0.08);
      box-shadow: inset 3px 0 0 rgba(167, 178, 132, 0.76);
    }
    .cashbox-transfer-target__name {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.2;
    }
    .cashbox-transfer-target__balance {
      margin-top: 3px;
    }
    .cashbox-transfer-summary {
      display: grid;
      gap: 6px;
      padding: 8px 9px;
      border: 1px solid var(--line-soft);
      background: rgba(255,255,255,0.02);
    }
    .cashbox-transfer-summary .field--compact input[type="text"],
    .cashbox-transfer-summary .field--compact textarea {
      min-height: 34px;
      padding: 6px 8px;
    }
    .cashbox-transfer-summary textarea {
      min-height: 74px;
      max-height: 112px;
    }
    .cashbox-transfer-preview {
      display: grid;
      gap: 5px;
      padding: 8px;
      border: 1px solid rgba(167, 178, 132, 0.18);
      background: rgba(0,0,0,0.12);
      color: var(--text-soft);
      font-size: 12px;
      line-height: 1.35;
    }
    .cashbox-transfer-preview__rows {
      display: grid;
      gap: 3px;
    }
    .cashbox-transfer-preview__row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: baseline;
    }
    .cashbox-transfer-preview__amount {
      color: var(--text);
      font-weight: 700;
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
    }
    .cashbox-transfer-preview__amount[data-balance-sign="negative"] {
      color: #f0b1a6;
    }
    .cashbox-transfer-foot {
      display: flex;
      justify-content: flex-end;
      gap: 6px;
      flex-wrap: wrap;
    }
    .cashbox-transfer-foot .btn {
      min-height: 34px;
      padding: 7px 10px;
    }
    .cashbox-transactions-card {
      display: grid;
      gap: 6px;
      padding: 9px;
      border: 1px solid var(--line-soft);
      background: rgba(255,255,255,0.02);
    }
    .cashbox-transactions-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      flex-wrap: wrap;
    }
    .cashbox-detail__head {
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }
    #cashboxesButton {
      position: relative;
    }
    #cashboxesButton[data-cashbox-notification-tone]::after {
      content: "";
      position: absolute;
      top: -3px;
      right: -3px;
      width: 7px;
      height: 7px;
      border: 1px solid rgba(8, 11, 9, 0.92);
      border-radius: 999px;
      pointer-events: none;
    }
    #cashboxesButton[data-cashbox-notification-tone="income"]::after {
      background: rgba(91, 169, 93, 0.86);
      box-shadow: 0 0 5px rgba(91, 169, 93, 0.34);
    }
    #cashboxesButton[data-cashbox-notification-tone="transfer"]::after {
      background: rgba(205, 166, 67, 0.88);
      box-shadow: 0 0 5px rgba(205, 166, 67, 0.32);
    }
    #cashboxesButton[data-cashbox-notification-tone="expense"]::after {
      background: rgba(191, 82, 70, 0.88);
      box-shadow: 0 0 5px rgba(191, 82, 70, 0.34);
    }
    .cashbox-transactions {
      display: flex;
      flex-direction: column;
      gap: 5px;
      max-height: 340px;
      overflow: auto;
      padding-right: 3px;
    }
    .cashbox-transactions__more {
      min-height: 34px;
      justify-content: center;
      width: 100%;
    }
    .cashbox-transaction {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto auto;
      gap: 6px;
      align-items: start;
      border: 1px solid var(--line-soft);
      padding: 6px 7px;
      background: rgba(255,255,255,0.02);
    }
    .cashbox-transaction[data-cashbox-notification-tone],
    .mobile-cashbox-transaction[data-cashbox-notification-tone] {
      animation: cashbox-notification-highlight 3s ease-out forwards;
    }
    .cashbox-transaction[data-cashbox-notification-tone="income"],
    .mobile-cashbox-transaction[data-cashbox-notification-tone="income"] {
      --cashbox-notification-color: rgba(91, 169, 93, 0.82);
      --cashbox-notification-glow: rgba(91, 169, 93, 0.2);
    }
    .cashbox-transaction[data-cashbox-notification-tone="transfer"],
    .mobile-cashbox-transaction[data-cashbox-notification-tone="transfer"] {
      --cashbox-notification-color: rgba(205, 166, 67, 0.84);
      --cashbox-notification-glow: rgba(205, 166, 67, 0.2);
    }
    .cashbox-transaction[data-cashbox-notification-tone="expense"],
    .mobile-cashbox-transaction[data-cashbox-notification-tone="expense"] {
      --cashbox-notification-color: rgba(191, 82, 70, 0.86);
      --cashbox-notification-glow: rgba(191, 82, 70, 0.22);
    }
    @keyframes cashbox-notification-highlight {
      0%, 68% {
        border-color: var(--cashbox-notification-color);
        box-shadow: inset 0 0 0 1px var(--cashbox-notification-glow), 0 0 8px var(--cashbox-notification-glow);
      }
      100% {
        border-color: var(--line-soft);
        box-shadow: none;
      }
    }
    .cashbox-transaction__body {
      display: grid;
      gap: 3px;
      min-width: 0;
    }
    .cashbox-transaction__summary {
      display: flex;
      align-items: start;
      justify-content: space-between;
      gap: 8px;
    }
    .cashbox-transaction__badge {
      width: 104px;
      min-height: 24px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 3px 6px;
      border: 1px solid var(--line-soft);
      font-size: 9.5px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .cashbox-transaction__badge[data-direction="income"] { border-color: rgba(67, 126, 79, 0.62); color: #d3efd9; }
    .cashbox-transaction__badge[data-direction="expense"] { border-color: rgba(152, 86, 78, 0.58); color: #ffd2c9; }
    .cashbox-transaction__amount {
      font-size: 14px;
      font-weight: 700;
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
    }
    .cashbox-transaction__amount[data-direction="expense"] { color: #f0b1a6; }
    .cashbox-transaction__cancel {
      width: 24px;
      height: 24px;
      min-width: 24px;
      padding: 0;
      display: inline-grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,0.1);
      background: rgba(255,255,255,0.025);
      color: rgba(220, 224, 214, 0.56);
      font-family: var(--mono);
      font-size: 15px;
      line-height: 1;
      cursor: pointer;
    }
    .cashbox-transaction__cancel:hover,
    .cashbox-transaction__cancel:focus-visible {
      border-color: rgba(207, 91, 75, 0.42);
      color: rgba(255, 220, 214, 0.92);
      background: rgba(207, 91, 75, 0.08);
      outline: none;
    }
    .cashbox-transaction__cancel[hidden] {
      display: none;
    }
    .cashbox-transaction__context {
      color: rgba(231, 226, 193, 0.72);
      font-size: 10px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .cashbox-cancel-popover {
      margin-top: 7px;
      padding: 9px;
      border: 1px solid rgba(207, 91, 75, 0.34);
      background: rgba(18, 23, 19, 0.98);
      display: grid;
      gap: 7px;
      box-shadow: 0 12px 28px rgba(0,0,0,0.32);
    }
    .cashbox-cancel-popover[hidden] {
      display: none;
    }
    .cashbox-cancel-popover__title {
      font-family: var(--mono);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #ffe0da;
    }
    .cashbox-cancel-popover__meta {
      color: var(--text-soft);
      font-size: 11px;
      line-height: 1.28;
    }
    .cashbox-cancel-popover textarea {
      width: 100%;
      min-height: 54px;
      resize: vertical;
      border: 1px solid var(--line-soft);
      background: rgba(0,0,0,0.18);
      color: var(--text);
      padding: 7px 8px;
      outline: none;
      font-size: 12px;
      line-height: 1.3;
    }
    .cashbox-cancel-popover textarea.is-invalid {
      border-color: rgba(207, 91, 75, 0.82);
      box-shadow: 0 0 0 1px rgba(207, 91, 75, 0.18);
    }
    .cashbox-cancel-popover__feedback {
      min-height: 15px;
      color: var(--text-soft);
      font-size: 11px;
      line-height: 1.3;
    }
    .cashbox-cancel-popover__feedback[data-tone="error"] {
      color: #ffb0a4;
    }
    .cashbox-cancel-popover__feedback[hidden] {
      display: none;
    }
    .cashbox-cancel-popover__actions {
      display: flex;
      gap: 6px;
      justify-content: flex-end;
      flex-wrap: wrap;
    }
    .cashbox-cancel-popover__actions .btn {
      min-height: 30px;
      padding: 6px 9px;
      font-size: 10.5px;
    }
    .cashbox-journal-text {
      border: 1px solid var(--line-soft);
      background: rgba(8, 12, 10, 0.68);
      padding: 12px 14px 16px;
      min-height: 420px;
      max-height: none;
      flex: 1 1 auto;
      overflow: auto;
      scroll-padding-top: 42px;
      scrollbar-gutter: stable;
      font-size: 13px;
      line-height: 1.34;
      font-variant-numeric: tabular-nums;
    }
    .cashbox-journal-view {
      --cash-journal-operation-grid: 58px minmax(142px, 176px) 82px minmax(280px, 1fr) 86px minmax(104px, 124px);
      display: grid;
      gap: 10px;
    }
    .cashbox-journal-actions {
      display: inline-flex;
      gap: 8px;
      align-items: center;
      margin-left: auto;
    }
    .cashbox-journal-mode-switch {
      display: inline-flex;
      align-items: center;
      border: 1px solid rgba(167, 178, 132, 0.26);
      background: rgba(0,0,0,0.14);
      padding: 2px;
      gap: 2px;
    }
    .cashbox-journal-mode-button {
      min-height: 29px;
      border: 0;
      background: transparent;
      color: var(--text-soft);
      padding: 6px 10px;
      cursor: pointer;
      font-family: var(--mono);
      font-size: 10.5px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .cashbox-journal-mode-button:hover,
    .cashbox-journal-mode-button:focus-visible {
      color: var(--text);
      background: rgba(167, 178, 132, 0.08);
      outline: none;
    }
    .cashbox-journal-mode-button.is-active {
      color: #f5f8e9;
      background: rgba(167, 178, 132, 0.12);
      box-shadow: inset 0 0 0 1px rgba(167, 178, 132, 0.22);
    }
    .cashbox-journal-operation-row__source,
    .cashbox-journal-operation-row__actor,
    .cashbox-journal-day-divider__meta {
      color: var(--muted);
      font-size: 10px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .cashbox-journal-summary {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      gap: 6px;
    }
    .cashbox-journal-stats-section__head {
      color: var(--text);
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .cashbox-journal-stat,
    .cashbox-journal-day,
    .cashbox-journal-stats-section {
      border: 0;
      background: transparent;
    }
    .cashbox-journal-stat {
      display: grid;
      gap: 4px;
      padding: 6px 0;
      min-width: 0;
    }
    .cashbox-journal-stat__label,
    .cashbox-journal-stats-row__meta {
      color: var(--muted);
      font-size: 10px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .cashbox-journal-stat__value,
    .cashbox-journal-operation-row__amount {
      font-weight: 700;
      white-space: nowrap;
    }
    .cashbox-journal-stat__value {
      font-size: 15px;
    }
    .cashbox-journal-day {
      display: grid;
      gap: 6px;
      padding: 0 0 9px;
    }
    .cashbox-journal-day-divider {
      position: relative;
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      margin: 2px 0 0;
      padding: 10px 0 8px;
      border-top: 1px solid rgba(255,255,255,0.12);
      border-bottom: 1px solid rgba(255,255,255,0.055);
      background: linear-gradient(180deg, rgba(167, 178, 132, 0.045), transparent 82%);
    }
    .cashbox-journal-day-divider__title {
      font-weight: 700;
      line-height: 1.2;
    }
    .cashbox-journal-day-divider__meta {
      display: inline-flex;
      gap: 9px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }
    .cashbox-journal-operation-row__note {
      min-width: 0;
      color: #f3f1e7;
      font-weight: 650;
      line-height: 1.25;
      overflow-wrap: anywhere;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .cashbox-journal-entries {
      display: grid;
      gap: 0;
      padding-bottom: 4px;
    }
    .cashbox-journal-operation-head {
      position: sticky;
      top: 0;
      z-index: 3;
      display: grid;
      grid-template-columns: var(--cash-journal-operation-grid);
      gap: 12px;
      align-items: center;
      padding: 8px 0 7px;
      border-top: 1px solid rgba(255,255,255,0.055);
      border-bottom: 1px solid rgba(255,255,255,0.08);
      background: rgba(8, 12, 10, 0.98);
      box-shadow: 0 1px 0 rgba(255,255,255,0.08), 0 8px 16px rgba(0,0,0,0.28);
      color: var(--muted);
      font-size: 9.5px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      transform: translateZ(0);
    }
    .cashbox-journal-operation-head span {
      min-width: 0;
    }
    .cashbox-journal-operation-head span:last-child {
      text-align: right;
    }
    .cashbox-journal-operation-row {
      display: grid;
      grid-template-columns: var(--cash-journal-operation-grid);
      gap: 12px;
      align-items: center;
      min-height: 42px;
      padding: 7px 0 8px;
      border-top: 1px solid rgba(255,255,255,0.045);
    }
    .cashbox-journal-operation-row__time {
      color: rgba(231, 226, 193, 0.8);
      font-size: 12.5px;
      line-height: 1.2;
      white-space: nowrap;
    }
    .cashbox-journal-operation-row__cashbox {
      color: var(--text-soft);
      min-width: 0;
      line-height: 1.24;
      overflow-wrap: anywhere;
    }
    .cashbox-journal-operation-row__type {
      color: rgba(231, 226, 193, 0.76);
      justify-self: start;
      font-size: 9.5px;
      line-height: 1.2;
      letter-spacing: 0.045em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .cashbox-journal-operation-row__body {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .cashbox-journal-operation-row__amount {
      min-width: 104px;
      text-align: right;
      font-size: 13px;
      line-height: 1.2;
    }
    .cashbox-journal-operation-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      margin-top: 2px;
      min-width: 0;
    }
    .cashbox-journal-operation-tag {
      display: inline-flex;
      min-height: 17px;
      align-items: center;
      padding: 1px 5px;
      border: 1px solid rgba(167, 178, 132, 0.18);
      background: rgba(0,0,0,0.12);
      color: rgba(231, 226, 193, 0.74);
      font-size: 9px;
      line-height: 1.1;
      letter-spacing: 0.045em;
      text-transform: uppercase;
      max-width: min(100%, 180px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .cashbox-journal-operation-row__amount[data-direction="expense"],
    .cashbox-journal-stat__value[data-balance-sign="negative"],
    .cashbox-journal-stats-row__value[data-balance-sign="negative"] {
      color: #f0b1a6;
    }
    .cashbox-journal-operation-row__amount[data-direction="income"] {
      color: #d3efd9;
    }
    .cashbox-journal-stats-row__value[data-balance-sign="positive"] {
      color: #d3efd9;
    }
    .cashbox-journal-operation-row__amount[data-direction="transfer"] {
      color: #e8dfaf;
    }
    .cashbox-journal-operation-row--transfer {
      background: linear-gradient(90deg, rgba(167, 178, 132, 0.38) 0 2px, transparent 2px);
      box-shadow: none;
    }
    .cashbox-journal-load-more {
      width: 100%;
      margin-top: 8px;
      border: 1px solid rgba(167, 178, 132, 0.32);
      background: rgba(0,0,0,0.18);
      color: var(--text);
      min-height: 34px;
      cursor: pointer;
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .cashbox-journal-load-more:hover,
    .cashbox-journal-load-more:focus-visible {
      border-color: rgba(167, 178, 132, 0.72);
      background: rgba(167, 178, 132, 0.08);
      outline: none;
    }
    .cashbox-journal-status-line {
      color: var(--muted);
      padding: 6px 0 0;
      font-size: 10px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .cashbox-journal-stats-section {
      --cash-journal-stats-grid: minmax(240px, 1fr) minmax(112px, 128px) minmax(112px, 128px) minmax(112px, 128px) minmax(178px, 210px);
      display: grid;
      gap: 7px;
      padding: 10px 0;
      border-top: 1px solid rgba(255,255,255,0.08);
    }
    .cashbox-journal-stats-table {
      display: grid;
      gap: 0;
    }
    .cashbox-journal-stats-head {
      display: grid;
      grid-template-columns: var(--cash-journal-stats-grid);
      gap: 8px;
      align-items: center;
      padding: 4px 0 6px;
      border-bottom: 1px solid rgba(255,255,255,0.055);
      color: var(--muted);
      font-size: 9.5px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .cashbox-journal-stats-head span,
    .cashbox-journal-stats-row > * {
      min-width: 0;
    }
    .cashbox-journal-stats-head span:not(:first-child) {
      text-align: right;
    }
    .cashbox-journal-stats-row {
      display: grid;
      grid-template-columns: var(--cash-journal-stats-grid);
      gap: 8px;
      align-items: center;
      width: 100%;
      padding: 7px 0;
      border: 0;
      border-top: 1px solid rgba(255,255,255,0.045);
      background: transparent;
      color: inherit;
      cursor: pointer;
      font: inherit;
      text-align: left;
    }
    .cashbox-journal-stats-row:hover,
    .cashbox-journal-stats-row:focus-visible {
      background: rgba(167, 178, 132, 0.055);
      outline: none;
    }
    .cashbox-journal-stats-row__label {
      font-weight: 700;
      min-width: 0;
    }
    .cashbox-journal-stats-row__value {
      font-weight: 700;
      white-space: nowrap;
      text-align: right;
      font-variant-numeric: tabular-nums;
    }
    .cashbox-journal-stats-row__meta {
      overflow: hidden;
      text-align: right;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .cashbox-journal-link-flags {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      min-width: 0;
    }
    .cashbox-journal-link-flag {
      display: inline-flex;
      align-items: center;
      min-height: 18px;
      padding: 1px 6px;
      border: 1px solid rgba(232, 180, 132, 0.36);
      background: rgba(232, 180, 132, 0.08);
      color: #edc7a4;
      font-size: 10px;
      text-transform: uppercase;
    }
    .cashbox-journal-loading,
    .cashbox-journal-empty {
      color: var(--muted);
      padding: 8px;
    }
    .cashbox-journal-loading {
      display: grid;
      gap: 5px;
      line-height: 1.35;
    }
    .cashbox-journal-loading__title {
      color: var(--text);
      font-weight: 700;
    }
    .cashbox-journal-loading__hint {
      color: var(--text-soft);
      font-size: 11px;
    }
    @media (max-width: 720px) {
      .cashbox-journal-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .cashbox-journal-operation-head {
        display: none;
      }
      .cashbox-journal-operation-row {
        grid-template-columns: 42px minmax(74px, auto) minmax(0, 1fr);
        gap: 6px;
      }
      .cashbox-journal-operation-row__cashbox,
      .cashbox-journal-operation-row__type,
      .cashbox-journal-operation-row__body,
      .cashbox-journal-operation-row__actor {
        grid-column: 3;
      }
      .cashbox-journal-operation-row__amount {
        grid-column: 2;
        grid-row: 1;
        text-align: left;
      }
      .cashbox-journal-stats-row {
        grid-template-columns: minmax(0, 1fr) auto;
      }
      .cashbox-journal-stats-head {
        display: none;
      }
      .cashbox-journal-stats-row__meta {
        grid-column: 1 / -1;
        text-align: left;
      }
    }
    .cashbox-journal-download-button {
      min-width: 34px;
      width: 34px;
      min-height: 34px;
      padding: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      border-color: rgba(167, 178, 132, 0.42);
      background: rgba(255, 255, 255, 0.03);
      color: rgba(239, 242, 226, 0.92);
      line-height: 1;
    }
    .cashbox-journal-download-button svg {
      width: 16px;
      height: 16px;
      display: block;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .cashbox-journal-download-button:hover {
      border-color: rgba(167, 178, 132, 0.68);
      background: rgba(167, 178, 132, 0.08);
      color: #f5f8e6;
    }
    .cashbox-transaction__note {
      font-size: 12.5px;
      line-height: 1.3;
      white-space: pre-wrap;
      word-break: break-word;
    }
    .employees-layout {
      display: grid;
      grid-template-columns: minmax(360px, 390px) minmax(0, 1fr);
      gap: 14px;
      align-items: stretch;
      height: 100%;
      overflow: hidden;
    }
    .dialog--employees {
      width: min(1240px, 100%);
      height: min(88vh, 900px);
      max-height: min(88vh, 900px);
    }
    .dialog--employees > .employees-layout,
    .dialog--employees > .dialog__body-scroll {
      min-height: 0;
      align-items: stretch;
      padding-right: 2px;
    }
    .dialog--employees .employees-card-head.dialog__floating-actions {
      position: sticky;
      top: 0;
      z-index: 4;
      align-items: center;
      margin: -2px -2px 10px;
      padding: 8px;
      border: 1px solid rgba(115, 126, 105, 0.22);
    }
    .employees-pane {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
      min-height: 0;
      height: 100%;
      align-self: stretch;
    }
    .employees-pane--list {
      position: sticky;
      top: 0;
      align-self: stretch;
      min-height: 0;
    }
    .employees-pane--list .subpanel {
      display: flex;
      flex-direction: column;
      flex: 0 0 auto;
      min-height: 0;
    }
    .employees-list-tools {
      display: grid;
      gap: 6px;
      margin-bottom: 8px;
    }
    .employees-search {
      width: 100%;
      min-height: 34px;
      padding: 7px 9px;
    }
    .employees-filterbar {
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
    }
    .employees-filterbar .btn {
      min-height: 30px;
      padding: 6px 9px;
      font-size: 10.5px;
    }
    .employees-filterbar .btn.is-active {
      border-color: var(--accent);
      color: var(--accent);
      background: rgba(182, 177, 116, 0.08);
    }
    .employees-list-meta,
    .employees-report-meta,
    .employees-profile-meta {
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(231, 226, 193, 0.68);
      white-space: nowrap;
    }
    .employees-list {
      display: flex;
      flex-direction: column;
      gap: 6px;
      flex: 1 1 auto;
      min-height: 0;
      overflow: auto;
      padding-right: 4px;
    }
    .employees-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 72px;
      gap: 4px;
      align-items: stretch;
    }
    .employees-row__body {
      border: 1px solid var(--line);
      background: rgba(21, 29, 23, 0.68);
      padding: 7px 9px;
      cursor: pointer;
      display: grid;
      gap: 3px;
      text-align: left;
      color: var(--text);
      width: 100%;
      min-width: 0;
    }
    .employees-row__body:focus-visible {
      outline: 2px solid var(--accent);
      outline-offset: 2px;
    }
    .employees-row.is-active {
      border-color: var(--accent);
      background: rgba(38, 48, 40, 0.92);
      box-shadow: inset 0 0 0 1px rgba(182, 177, 116, 0.16);
    }
    .employees-row__actions {
      display: grid;
      grid-template-rows: repeat(2, minmax(0, 1fr));
      gap: 4px;
      min-width: 0;
    }
    .employees-row__salary,
    .employees-row__report {
      display: flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      width: 100%;
      min-height: 0;
      padding: 6px 5px;
      white-space: normal;
      line-height: 1.05;
      text-align: center;
      align-self: stretch;
      justify-self: end;
      font-size: 10px;
    }
    .employees-row__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
    }
    .employees-row__title {
      font-size: 13px;
      font-weight: 700;
      color: var(--text);
    }
    .employees-row__state {
      font-size: 10px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(231, 226, 193, 0.64);
      white-space: nowrap;
    }
    .employees-row__meta {
      font-size: 10.5px;
      opacity: 0.78;
      line-height: 1.3;
    }
    .employees-row__summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding-top: 3px;
      border-top: 1px solid rgba(164, 173, 138, 0.1);
      font-size: 10.5px;
      color: rgba(231, 226, 193, 0.76);
    }
    .employees-row__summary-label {
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-size: 9.5px;
      opacity: 0.8;
    }
    .employees-row__summary strong {
      font-size: 11.5px;
      color: var(--text);
    }
    .employees-actions {
      display: flex;
      gap: 6px;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .employees-card-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 10px;
    }
    .employees-card-head-main {
      display: grid;
      gap: 6px;
      min-width: 0;
      flex: 1 1 auto;
    }
    .employees-card-title {
      display: grid;
      gap: 4px;
    }
    .employees-card-title strong {
      font-size: 18px;
      line-height: 1.1;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: var(--text);
    }
    .employees-card-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      flex-wrap: wrap;
    }
    .employees-dialog-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      flex-wrap: wrap;
    }
    .employees-card-mode {
      font-size: 11px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(231, 226, 193, 0.68);
    }
    .employees-form-grid {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 8px 10px;
      align-items: end;
    }
    .employees-form-grid .field,
    .employees-form-grid .employees-check {
      min-width: 0;
    }
    .employees-form-grid input[type="text"],
    .employees-form-grid select {
      min-height: 34px;
      padding: 7px 9px;
    }
    .employees-field--span-2 { grid-column: span 2; }
    .employees-field--span-4 { grid-column: span 4; }
    .employees-field--span-6 { grid-column: span 6; }
    .employees-field--span-12 { grid-column: 1 / -1; }
    .employees-field--compact {
      justify-self: start;
      width: min(100%, var(--employees-field-width, 100%));
    }
    .employees-field--mode {
      --employees-field-width: 320px;
    }
    .employees-field--salary {
      --employees-field-width: 176px;
    }
    .employees-field--percent {
      --employees-field-width: 148px;
    }
    .employees-field--active {
      justify-self: start;
      width: auto;
      padding-top: 20px;
    }
    .employees-form-grid .field--wide {
      grid-column: 1 / -1;
    }
    .employees-incentives {
      grid-column: 1 / -1;
      display: grid;
      gap: 9px;
      margin-top: 2px;
      padding-top: 8px;
      border-top: 1px solid rgba(164, 173, 138, 0.12);
    }
    .employees-incentives__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
    }
    .employees-incentives__actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 6px;
      flex-wrap: wrap;
    }
    .employees-incentives__choices {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 6px;
      flex-wrap: wrap;
    }
    .employees-incentives__actions .btn {
      min-height: 28px;
      padding: 5px 8px;
      font-size: 10px;
    }
    .employees-incentives__list {
      display: grid;
      gap: 6px;
    }
    .employees-incentive-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(130px, 170px) auto;
      align-items: end;
      gap: 8px;
      padding: 8px;
      border: 1px solid rgba(164, 173, 138, 0.12);
      background: rgba(18, 24, 20, 0.28);
    }
    .employees-incentive-row__main {
      display: grid;
      gap: 3px;
      min-width: 0;
    }
    .employees-incentive-row__title {
      font-size: 12px;
      font-weight: 700;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .employees-incentive-row__hint {
      font-size: 10px;
      line-height: 1.3;
      color: rgba(231, 226, 193, 0.64);
    }
    .employees-incentive-row__value {
      display: grid;
      gap: 4px;
    }
    .employees-incentive-row__value span {
      font-size: 10px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(231, 226, 193, 0.66);
    }
    .employees-incentive-row__value input {
      min-height: 34px;
      padding: 7px 9px;
    }
    .employees-incentive-row__remove {
      align-self: end;
      min-height: 34px;
      padding: 7px 9px;
    }
    .employees-incentives__empty {
      padding: 8px;
      border: 1px dashed rgba(164, 173, 138, 0.14);
      color: rgba(231, 226, 193, 0.58);
      font-size: 11px;
      line-height: 1.35;
    }
    .employees-check {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      opacity: 0.9;
      min-height: 34px;
    }
    .employees-panel-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      flex-wrap: wrap;
    }
    .employees-panel-head .repair-orders-search {
      width: 154px;
      min-height: 34px;
    }
    .employees-report-period {
      display: grid;
      gap: 7px;
      margin: 8px 0 10px;
      padding: 8px;
      border: 1px solid rgba(164, 173, 138, 0.16);
      background: rgba(18, 24, 20, 0.32);
    }
    .employees-report-period--dialog {
      margin: 0;
    }
    .employees-report-period__head,
    .employees-report-period__controls {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 7px;
      min-width: 0;
    }
    .employees-report-period__controls {
      align-items: end;
      flex-wrap: wrap;
    }
    .employees-report-period__mode {
      width: 150px;
      min-height: 30px;
      border: 1px solid var(--line);
      background: rgba(18, 24, 20, 0.78);
      color: var(--text);
      padding: 6px 8px;
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .employees-report-period__field {
      display: grid;
      gap: 3px;
      flex: 1 1 116px;
      min-width: 0;
      color: rgba(231, 226, 193, 0.72);
      font-family: var(--mono);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .employees-report-period__field[hidden] {
      display: none;
    }
    .employees-report-period__field input {
      width: 100%;
      min-height: 30px;
      border: 1px solid var(--line);
      background: rgba(18, 24, 20, 0.78);
      color: var(--text);
      padding: 5px 7px;
      font-family: var(--mono);
      font-size: 11px;
      box-sizing: border-box;
    }
    .employees-report-period__actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      flex-wrap: wrap;
      padding-top: 2px;
    }
    .employees-kpi {
      display: grid;
      gap: 3px;
      padding: 9px 10px;
      border: 1px solid rgba(164, 173, 138, 0.12);
      background: rgba(18, 24, 20, 0.44);
    }
    .employees-kpi--accent {
      background: rgba(182, 177, 116, 0.09);
      border-color: rgba(182, 177, 116, 0.26);
      box-shadow: inset 0 0 0 1px rgba(182, 177, 116, 0.08);
    }
    .employees-kpi__label {
      font-size: 10px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(231, 226, 193, 0.68);
    }
    .employees-kpi__value {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.2;
    }
    .employees-kpi--accent .employees-kpi__value {
      font-size: 19px;
    }
    .employees-report-shell {
      display: grid;
      gap: 12px;
      min-height: 0;
      grid-template-rows: minmax(0, 1fr);
    }
    .employees-report-panel {
      display: grid;
      gap: 8px;
      min-height: 0;
      padding: 10px 10px 12px;
      border: 1px solid rgba(164, 173, 138, 0.14);
      background: rgba(18, 24, 20, 0.18);
    }
    .employees-report-panel--details {
      border-color: rgba(182, 177, 116, 0.2);
      background: rgba(182, 177, 116, 0.04);
    }
    .employees-report-panel__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
    }
    .employees-report-panel__title {
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(231, 226, 193, 0.75);
      font-family: var(--mono);
    }
    .employees-report-panel__meta {
      font-size: 11px;
      color: rgba(231, 226, 193, 0.68);
    }
    .employees-report-panel__meta strong {
      color: var(--text);
    }
    .employees-report-panel.is-collapsed {
      border-style: dashed;
    }
    .employees-report-shell[data-details-open="false"] .employees-report-panel--details {
      padding-bottom: 8px;
    }
    .employees-report-shell[data-details-open="false"] .employees-report-panel--details .employees-table-wrap {
      display: none;
    }
    .employees-table-wrap {
      overflow: auto;
      min-height: 0;
      max-height: 100%;
      border: 1px solid var(--line);
      background: rgba(18, 24, 20, 0.6);
    }
    .employees-table-wrap--details {
      min-height: 200px;
    }
    .employees-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 12px;
    }
    .employees-table th,
    .employees-table td {
      padding: 7px 9px;
      border-bottom: 1px solid rgba(164, 173, 138, 0.1);
      text-align: left;
      vertical-align: top;
    }
    .employees-table th {
      position: sticky;
      top: 0;
      background: rgba(31, 39, 33, 0.98);
      z-index: 1;
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: rgba(231, 226, 193, 0.72);
    }
    .employees-table tr.is-active td {
      background: rgba(182, 177, 116, 0.08);
    }
    .employees-table tr[data-employee-id],
    .employees-table tr[data-card-id] {
      cursor: pointer;
    }
    .employees-table tr[data-employee-id]:hover td,
    .employees-table tr[data-card-id]:hover td {
      background: rgba(182, 177, 116, 0.06);
    }
    .employees-table td.is-num,
    .employees-table th.is-num {
      text-align: right;
      white-space: nowrap;
    }
    .employees-salary-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 10px;
    }
    .employees-salary-balance {
      display: grid;
      gap: 4px;
      padding: 10px 12px;
      border: 1px solid rgba(182, 177, 116, 0.24);
      background: rgba(182, 177, 116, 0.08);
      min-width: 180px;
    }
    .employees-salary-balance__label,
    .employees-salary-journal__meta {
      font-size: 10px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(231, 226, 193, 0.68);
    }
    .employees-salary-balance__value {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.1;
    }
    .employees-salary-actions {
      display: flex;
      gap: 8px;
      align-items: center;
      justify-content: flex-end;
      flex-wrap: wrap;
    }
    .employees-salary-summary {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      margin-bottom: 10px;
    }
    .employees-salary-summary:empty {
      display: none;
    }
    .employees-salary-summary .employees-kpi--accent .employees-kpi__value {
      font-size: 18px;
    }
    .employees-salary-journal {
      display: grid;
      gap: 8px;
    }
    .employees-salary-journal__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
    }
    .employees-salary-table .is-num {
      white-space: nowrap;
    }
    .employees-salary-dialog {
      margin-top: 10px;
      border: 1px solid rgba(182, 177, 116, 0.24);
      background: rgba(18, 24, 20, 0.58);
      padding: 10px 12px;
      display: grid;
      gap: 10px;
    }
    .employees-salary-dialog__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
    }
    .employees-salary-dialog__body {
      display: flex;
      gap: 10px;
      align-items: end;
      flex-wrap: wrap;
    }
    .employees-salary-dialog[hidden] {
      display: none;
    }
    .dialog--salary-report {
      width: min(1120px, 100%);
    }
    .dialog--salary-report-period {
      width: min(460px, calc(100vw - 28px));
    }
    .employee-salary-report {
      display: grid;
      gap: 8px;
      min-height: 0;
    }
    .employee-salary-report__meta {
      color: rgba(231, 226, 193, 0.72);
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .employee-salary-report__text {
      margin: 0;
      max-height: min(68vh, 720px);
      overflow: auto;
      padding: 14px 16px;
      border: 1px solid rgba(164, 173, 138, 0.18);
      background: rgba(8, 12, 10, 0.68);
      color: var(--text);
      font-family: var(--mono);
      font-size: 13px;
      line-height: 1.48;
      font-variant-numeric: tabular-nums;
      white-space: pre-wrap;
      word-break: break-word;
    }
    @media (max-width: 1160px) {
      .employees-layout {
        grid-template-columns: minmax(0, 1fr);
      }
      .employees-pane--list {
        position: static;
      }
    }
    @media (max-width: 760px) {
      .employees-incentive-row {
        grid-template-columns: minmax(0, 1fr);
      }
      .employees-incentive-row__remove {
        width: max-content;
      }
      .employees-card-actions {
        width: 100%;
        justify-content: space-between;
      }
      .employee-salary-report__text {
        max-height: min(66vh, 680px);
        padding: 12px;
      }
    }
    .dialog--clients {
      width: min(77vw, 1680px);
      height: min(74vh, 944px);
      max-height: min(74vh, 944px);
      overflow: hidden;
      grid-template-rows: auto minmax(0, 1fr);
    }
    .dialog--clients > .dialog__head .dialog__title {
      font-size: 18px;
    }
    .clients-layout {
      display: grid;
      grid-template-columns: minmax(420px, 40%) minmax(0, 1fr);
      gap: 12px;
      min-height: 0;
      align-items: stretch;
    }
    .clients-list-pane,
    .clients-profile-pane {
      border: 1px solid var(--line);
      background: rgba(12, 18, 14, 0.58);
      padding: 10px;
      min-width: 0;
    }
    .clients-list-pane {
      display: flex;
      flex-direction: column;
      min-height: 0;
      overflow: hidden;
    }
    .clients-profile-pane {
      display: flex;
      flex-direction: column;
      min-height: 0;
      overflow: auto;
      padding-right: 12px;
    }
    .clients-toolbar {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      margin-bottom: 10px;
      flex: 0 0 auto;
    }
    .clients-list,
    .clients-mini-list {
      display: grid;
      gap: 8px;
      align-content: start;
    }
    .clients-list {
      flex: 1 1 auto;
      min-height: 0;
      max-height: none;
      overflow: auto;
      padding-right: 4px;
    }
    .client-row {
      border: 1px solid rgba(160, 174, 135, 0.18);
      background: rgba(22, 29, 24, 0.82);
      padding: 9px 10px;
      cursor: pointer;
      text-align: left;
      color: var(--text);
    }
    .client-row:hover,
    .client-row.is-active {
      border-color: var(--accent);
      background: rgba(37, 47, 39, 0.95);
    }
    .client-row__title {
      display: flex;
      gap: 8px;
      align-items: center;
      justify-content: space-between;
      font-weight: 700;
      line-height: 1.25;
    }
    .client-row__name {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .client-row__chips {
      display: flex;
      gap: 5px;
      flex-wrap: wrap;
      margin-top: 6px;
    }
    .client-row__chip {
      border: 1px solid rgba(160, 174, 135, 0.18);
      background: rgba(12, 18, 14, 0.52);
      color: var(--text-soft);
      padding: 2px 5px;
      font-size: 10px;
      line-height: 1.2;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .client-type-badge {
      border: 1px solid var(--line);
      background: rgba(167, 178, 132, 0.08);
      color: var(--text-soft);
      padding: 3px 7px;
      min-width: 68px;
      font-size: 11.5px;
      font-weight: 700;
      line-height: 1.25;
      text-align: center;
      flex: 0 0 auto;
    }
    .client-row__meta,
    .client-mini__meta {
      margin-top: 5px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }
    .client-row__meta {
      font-size: 14px;
    }
    .clients-profile-head {
      display: flex;
      justify-content: space-between;
      align-items: start;
      gap: 12px;
      margin-bottom: 10px;
    }
    .clients-profile-head.dialog__floating-actions {
      position: sticky;
      top: 0;
      z-index: 4;
      align-items: center;
      margin: -2px -2px 10px;
      padding: 8px;
      border: 1px solid rgba(115, 126, 105, 0.22);
    }
    .clients-profile-actions {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 8px;
      min-width: 180px;
    }
    .clients-form-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }
    #clientProfileTitle {
      color: var(--text);
      font-size: 24px;
      font-weight: 800;
      line-height: 1.25;
      letter-spacing: 0.03em;
      text-transform: none;
      word-break: break-word;
    }
    .client-profile-phone {
      margin-top: 4px;
      color: #eef5d7;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.25;
      letter-spacing: 0.04em;
      text-shadow: 0 0 10px rgba(167, 178, 132, 0.12);
    }
    #clientSaveButton {
      transition: border-color 160ms ease, background 160ms ease, box-shadow 180ms ease, color 160ms ease, opacity 160ms ease;
    }
    #clientSaveButton:disabled {
      opacity: 0.42;
      cursor: default;
      box-shadow: none;
    }
    #clientSaveButton.is-dirty:not(:disabled) {
      border-color: rgba(126, 190, 111, 0.62);
      background:
        linear-gradient(180deg, rgba(131, 190, 112, 0.1), rgba(71, 122, 65, 0.08)),
        var(--bg-panel);
      color: #effbe8;
      box-shadow:
        0 0 0 1px rgba(116, 185, 103, 0.08),
        0 0 12px rgba(105, 196, 95, 0.14);
    }
    #clientCommentInput {
      min-height: 72px;
      height: 72px;
      resize: vertical;
    }
    .clients-profile-pane.is-empty .clients-form-grid,
    .clients-profile-pane.is-empty .clients-requisites,
    .clients-profile-pane.is-empty .clients-profile-columns,
    .clients-profile-pane.is-empty .clients-profile-actions {
      display: none;
    }
    .client-debt-card {
      min-width: 180px;
      border: 1px solid rgba(160, 174, 135, 0.18);
      background: rgba(16, 22, 18, 0.7);
      padding: 8px 10px;
      text-align: right;
    }
    .client-debt-card__label {
      color: var(--muted);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .client-debt-card__value {
      margin-top: 3px;
      color: var(--text);
      font-size: 19px;
      font-weight: 800;
      line-height: 1.1;
      letter-spacing: 0.03em;
    }
    .clients-profile-pane #clientLastNameInput,
    .clients-profile-pane #clientFirstNameInput,
    .clients-profile-pane #clientMiddleNameInput {
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.01em;
    }
    .clients-profile-pane #clientPhoneInput,
    .clients-profile-pane #clientEmailInput {
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.01em;
    }
    .clients-field--phones,
    .clients-field--email {
      display: flex;
      flex-direction: column;
      gap: 5px;
      align-self: start;
    }
    .clients-field--email {
      justify-self: start;
      width: min(100%, 360px);
      max-width: 360px;
    }
    .client-phone-head,
    .client-email-head {
      display: flex;
      align-items: center;
    }
    .client-phone-head label,
    .client-email-head label {
      margin: 0;
    }
    .client-phone-head .client-phone-add,
    .client-email-head .client-email-add {
      display: none;
    }
    .client-phone-add,
    .client-phone-remove,
    .client-email-add,
    .client-email-remove,
    .vehicle-phone-add,
    .vehicle-phone-remove {
      min-width: 28px;
      width: 28px;
      height: 28px;
      padding: 0;
      display: inline-grid;
      place-items: center;
      font-size: 13px;
      line-height: 1;
    }
    .client-phone-list,
    .client-email-list,
    .vehicle-phone-list {
      display: grid;
      gap: 5px;
    }
    .client-phone-row,
    .client-email-row {
      display: flex;
      gap: 5px;
      align-items: center;
    }
    .client-phone-row input,
    .client-email-row input {
      flex: 1 1 auto;
      min-width: 0;
    }
    .vehicle-phone-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 5px;
      align-items: center;
    }
    .clients-field--type {
      grid-column: span 3;
      max-width: 220px;
    }
    .clients-field--wide {
      grid-column: span 3;
    }
    .clients-requisites {
      margin-top: 10px;
      border: 1px solid rgba(160, 174, 135, 0.16);
      padding: 8px;
    }
    .clients-requisites summary {
      cursor: pointer;
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
      margin-bottom: 8px;
    }
    .clients-profile-columns {
      display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
      gap: 10px;
      margin-top: 10px;
    }
    .client-mini {
      border: 1px solid rgba(160, 174, 135, 0.16);
      background: rgba(16, 22, 18, 0.72);
      color: var(--text);
      padding: 10px 11px;
    }
    .client-vehicles-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      margin-bottom: 7px;
    }
    .client-vehicle-add {
      padding: 5px 8px;
      font-size: 11px;
    }
    .client-mini--vehicle {
      display: flex;
      flex-direction: column;
      gap: 7px;
    }
    .client-mini__vehicle-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 8px;
    }
    .client-mini__vehicle-title {
      color: var(--text);
      font-size: 14px;
      font-weight: 800;
      line-height: 1.2;
      word-break: break-word;
    }
    .client-mini__vehicle-source {
      margin-top: 2px;
      color: var(--muted);
      font-size: 10px;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .client-mini__vehicle-actions {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-end;
      gap: 5px;
      min-width: 64px;
    }
    .client-mini__vehicle-actions .btn {
      padding: 5px 7px;
      font-size: 10px;
      line-height: 1.1;
    }
    .client-vehicle-form {
      display: grid;
      grid-template-columns: 1fr;
      gap: 7px;
      border: 1px dashed rgba(160, 174, 135, 0.24);
      background: rgba(7, 12, 9, 0.34);
      padding: 8px;
    }
    .client-vehicle-form__actions {
      display: flex;
      justify-content: flex-end;
      gap: 6px;
    }
    .client-vehicle-form__actions .btn {
      padding: 6px 8px;
      font-size: 11px;
    }
    .client-mini--order {
      display: flex;
      flex-direction: column;
      gap: 6px;
      width: 100%;
      text-align: left;
    }
    .client-mini__order-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
    }
    .client-mini__order-status {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 22px;
      padding: 0 8px;
      border: 1px solid rgba(167, 178, 132, 0.38);
      background: rgba(0, 0, 0, 0.16);
      color: #f0ecdc;
      font-size: 11px;
      font-weight: 700;
      line-height: 1.1;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .client-mini__order-status[data-status="closed"] {
      border-color: rgba(198, 148, 116, 0.4);
      background: rgba(72, 40, 24, 0.28);
      color: #f2d9c8;
    }
    .client-mini__order-status[data-status="open"] {
      border-color: rgba(167, 178, 132, 0.36);
      background: rgba(22, 32, 24, 0.42);
      color: #edf4d8;
    }
    .client-mini__order-status[data-status="ready"] {
      border-color: rgba(174, 181, 181, 0.42);
      background: rgba(70, 78, 80, 0.34);
      color: #eef3f3;
    }
    .client-mini__order-number {
      color: var(--text);
      font-size: 14px;
      font-weight: 800;
      line-height: 1.1;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .client-mini__order-meta {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
      word-break: break-word;
    }
    .client-mini__order-total-row {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 8px;
    }
    .client-mini__order-total-label {
      color: var(--muted);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .client-mini__order-total-value {
      color: var(--text);
      font-size: 16px;
      font-weight: 800;
      line-height: 1.1;
      white-space: nowrap;
    }
    .client-match-panel {
      display: none;
      margin-top: 8px;
      border: 1px solid rgba(160, 174, 135, 0.2);
      background: rgba(12, 18, 14, 0.96);
      box-shadow: 0 16px 30px rgba(0, 0, 0, 0.28);
      padding: 9px;
      min-height: 0;
      max-height: min(42vh, 360px);
      overflow: hidden;
    }
    .client-match-panel.is-visible {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
    }
    .client-match-panel__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      min-width: 0;
    }
    .client-match-panel__close {
      width: 24px;
      height: 24px;
      min-width: 24px;
      padding: 0;
      display: grid;
      place-items: center;
      border: 1px solid rgba(160, 174, 135, 0.24);
      background: rgba(0, 0, 0, 0.18);
      color: var(--text-soft);
      cursor: pointer;
      font-family: var(--mono);
      font-size: 16px;
      line-height: 1;
    }
    .client-match-panel__close:hover {
      border-color: var(--accent);
      color: var(--text);
      background: rgba(52, 62, 47, 0.72);
    }
    .client-match-list {
      display: flex;
      flex-direction: column;
      gap: 5px;
      margin-top: 6px;
      min-height: 0;
      overflow-y: auto;
      padding-right: 4px;
      scrollbar-gutter: stable;
    }
    .client-match-item {
      border: 1px solid var(--line);
      background: rgba(29, 37, 31, 0.9);
      color: var(--text);
      padding: 8px 9px;
      text-align: left;
      cursor: pointer;
    }
    .client-match-item:hover,
    .client-match-item.is-active {
      border-color: var(--accent);
      background: rgba(37, 47, 39, 0.98);
    }
    .client-match-item__name {
      color: var(--text);
      font-size: 14px;
      font-weight: 800;
      line-height: 1.2;
    }
    .client-match-item__name mark {
      background: rgba(200, 217, 151, 0.18);
      color: var(--text);
      padding: 0 1px;
    }
    .client-match-item__phone,
    .client-match-item__vehicles {
      margin-top: 3px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }
    .client-match-vehicles {
      display: flex;
      flex-direction: column;
      gap: 5px;
      margin-top: 7px;
    }
    .client-match-vehicle,
    .client-match-new-vehicle,
    .client-match-load {
      width: 100%;
      border: 1px solid rgba(160, 174, 135, 0.22);
      background: rgba(8, 12, 10, 0.48);
      color: var(--text);
      padding: 7px 8px;
      text-align: left;
      cursor: pointer;
      font-size: 12px;
      line-height: 1.3;
    }
    .client-match-vehicle:hover,
    .client-match-new-vehicle:hover,
    .client-match-load:hover,
    .client-match-vehicle.is-exact {
      border-color: var(--accent);
      background: rgba(52, 62, 47, 0.72);
    }
    .client-match-vehicle__label {
      display: block;
      font-weight: 800;
    }
    .client-match-vehicle__meta {
      display: block;
      margin-top: 2px;
      color: var(--muted);
    }
    .client-match-new-vehicle {
      border-style: dashed;
      color: var(--accent);
      font-weight: 800;
    }
    .client-match-empty {
      border: 1px dashed rgba(160, 174, 135, 0.24);
      padding: 8px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }
    .client-match-create {
      margin-top: 7px;
      width: 100%;
      min-height: 30px;
      justify-content: center;
    }
    #sharedFilesModal .dialog { width: min(1120px, 100%); }
    .shared-files-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 10px;
    }
    .shared-files-toolbar {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      align-items: center;
    }
    .shared-files-toolbar .btn {
      min-height: 32px;
      padding: 7px 10px;
      font-size: 11px;
    }
    .shared-files-desktop {
      position: relative;
      min-height: 460px;
      overflow: auto;
      border: 1px solid rgba(160, 174, 135, 0.18);
      background:
        linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
        rgba(16, 22, 18, 0.92);
      background-size: 32px 32px;
      padding: 12px;
    }
    .shared-files-desktop:focus-visible {
      outline: none;
      border-color: rgba(116, 180, 255, 0.74);
      box-shadow: 0 0 0 1px rgba(80, 154, 255, 0.36);
    }
    .shared-files-desktop.is-drop-target {
      border-color: rgba(159, 190, 115, 0.72);
      box-shadow: inset 0 0 0 1px rgba(159, 190, 115, 0.28);
    }
    .shared-files-context-menu {
      position: fixed;
      z-index: 70;
      min-width: 236px;
      display: grid;
      gap: 4px;
      padding: 6px;
      border: 1px solid rgba(160, 174, 135, 0.42);
      background: rgba(20, 28, 23, 0.98);
      box-shadow: 0 18px 36px rgba(0, 0, 0, 0.42);
    }
    .shared-files-context-menu[hidden] {
      display: none;
    }
    .shared-files-context-menu .btn {
      width: 100%;
      justify-content: flex-start;
      min-height: 28px;
      padding: 6px 8px;
      font-size: 10.5px;
      text-align: left;
    }
    .shared-files-context-menu .btn:disabled {
      opacity: 0.46;
      cursor: not-allowed;
    }
    .shared-files-empty {
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 18px;
    }
    .shared-file-icon {
      position: absolute;
      width: 106px;
      min-height: 112px;
      border: 1px solid transparent;
      background: transparent;
      color: var(--text);
      display: grid;
      justify-items: center;
      align-content: start;
      gap: 7px;
      padding: 8px 6px;
      cursor: grab;
      user-select: none;
      touch-action: none;
    }
    .shared-file-icon:active,
    .shared-file-icon.is-dragging {
      cursor: grabbing;
    }
    .shared-file-icon:hover,
    .shared-file-icon.is-active {
      border-color: rgba(167, 178, 132, 0.55);
      background: rgba(44, 55, 45, 0.72);
    }
    .shared-file-icon__glyph {
      width: 48px;
      height: 58px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(214, 218, 198, 0.42);
      background: linear-gradient(180deg, rgba(238, 239, 226, 0.95), rgba(184, 191, 171, 0.9));
      color: #1b211c;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 0.04em;
      position: relative;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.22);
    }
    .shared-file-icon__glyph::after {
      content: "";
      position: absolute;
      top: -1px;
      right: -1px;
      border-top: 13px solid rgba(16, 22, 18, 0.9);
      border-left: 13px solid rgba(120, 132, 108, 0.58);
    }
    .shared-file-icon__name {
      width: 96px;
      color: var(--text);
      font-size: 12px;
      line-height: 1.2;
      text-align: center;
      overflow-wrap: anywhere;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .shared-file-icon__meta {
      color: var(--muted);
      font-size: 10px;
      line-height: 1.15;
      display: flex;
      gap: 4px;
      flex-wrap: wrap;
      justify-content: center;
      max-width: 96px;
    }
    .shared-file-icon__meta-chip {
      border: 1px solid rgba(160, 174, 135, 0.16);
      background: rgba(12, 18, 14, 0.36);
      color: var(--muted);
      padding: 1px 4px;
    }
    @media (max-width: 980px) {
      .clients-layout,
      .clients-profile-columns {
        grid-template-columns: minmax(0, 1fr);
      }
      .clients-list { max-height: none; }
      .clients-form-grid {
        grid-template-columns: minmax(0, 1fr);
      }
      .clients-field--type {
        grid-column: auto;
        max-width: none;
      }
      .clients-field--wide {
        grid-column: auto;
      }
      .shared-files-head {
        align-items: stretch;
        flex-direction: column;
      }
      .shared-files-desktop {
        min-height: 420px;
      }
    }
    .repair-order-table__select {
      display: block;
      width: 100%;
      height: 38px;
      min-height: 38px;
      background: rgba(18, 24, 20, 0.84);
      border: 1px solid var(--line);
      color: var(--text);
      padding: 5px 7px;
      font-size: 10.75px;
      line-height: 1.2;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }