body.soft-ui-theme {
      --background: #a98bea;
      --surface: #f4edff;
      --surface-soft: #f1eaff;
      --text: #211653;
      --muted: #655483;
      --line: rgba(255, 255, 255, 0.52);
      --primary: #7452cf;
      --shadow: 0 24px 60px rgba(38, 20, 92, 0.25), 0 7px 16px rgba(82, 52, 151, 0.16);
      color: var(--text);
      background:
        radial-gradient(circle at 22% -8%, rgba(255, 255, 255, 0.58), transparent 27%),
        radial-gradient(circle at 84% 8%, rgba(222, 204, 255, 0.42), transparent 28%),
        linear-gradient(145deg, #8a67d8 0%, #b79df1 48%, #8d6bd8 100%);
    }

    body.soft-ui-theme::before {
      position: fixed;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.2), transparent 34%, rgba(255, 255, 255, 0.12)),
        radial-gradient(circle at 50% 14%, rgba(255, 255, 255, 0.26), transparent 22%);
      content: "";
    }

    body.soft-ui-theme .app-shell,
    body.soft-ui-theme .staff-auth-screen {
      position: relative;
    }

    body.soft-ui-theme .card,
    body.soft-ui-theme .staff-auth-card {
      border-color: rgba(255, 255, 255, 0.34);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(241, 232, 255, 0.96)),
        #f1eaff;
      box-shadow: 0 26px 68px rgba(50, 27, 111, 0.26), inset 0 1px 1px rgba(255, 255, 255, 0.58);
      backdrop-filter: blur(16px);
    }

    body.soft-ui-theme .app-shell .right-nav .nav-button {
      border-color: transparent;
      color: rgba(255, 255, 255, 0.97);
      background: transparent;
      box-shadow: none;
    }

    body.soft-ui-theme .app-shell .right-nav .nav-button:hover {
      color: #ffffff;
      border-color: rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.1);
    }

    body.soft-ui-theme .app-shell .right-nav .nav-button.active {
      color: #7655d0;
      border-color: rgba(255, 255, 255, 0.94);
      background:
        radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 1), transparent 36%),
        linear-gradient(145deg, #ffffff 0%, #f8f3ff 45%, #eaddf9 100%);
      box-shadow:
        0 10px 16px rgba(65, 39, 132, 0.31),
        0 3px 5px rgba(66, 40, 132, 0.16),
        inset 4px 4px 8px rgba(255, 255, 255, 1),
        inset -5px -5px 10px rgba(171, 148, 214, 0.24);
    }

    body.soft-ui-theme .staff-user-panel {
      border-top-color: rgba(255, 255, 255, 0.46);
    }

    body.soft-ui-theme .staff-theme-button,
    body.soft-ui-theme .staff-logout-button {
      border-color: rgba(255, 255, 255, 0.52);
      border-radius: 14px;
      color: var(--text);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(244, 237, 255, 0.94)),
        #f1eaff;
      box-shadow: 0 12px 26px rgba(104, 72, 174, 0.18), inset 0 1px 1px rgba(255, 255, 255, 0.96);
    }

    body.soft-ui-theme .staff-theme-button.active {
      color: #fff;
      border-color: rgba(255, 255, 255, 0.42);
      background: linear-gradient(180deg, #8e70e0, #7452cf);
      box-shadow: 0 14px 28px rgba(68, 35, 145, 0.24), inset 0 1px 1px rgba(255, 255, 255, 0.36);
    }

    body.soft-ui-theme .staff-theme-button.active::before {
      background: #fff;
    }

    body.soft-ui-theme input,
    body.soft-ui-theme select,
    body.soft-ui-theme textarea {
      border-color: rgba(255, 255, 255, 0.52);
      color: var(--text);
      background: rgba(255, 255, 255, 0.72);
      box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.86), 0 6px 14px rgba(80, 49, 150, 0.07);
    }

    body.soft-ui-theme .save-button,
    body.soft-ui-theme .register-call-button {
      border: 1px solid rgba(255, 255, 255, 0.34);
      background: linear-gradient(180deg, #8e70e0, #7452cf);
      box-shadow: 0 14px 28px rgba(68, 35, 145, 0.24), inset 0 1px 1px rgba(255, 255, 255, 0.36);
    }

    body.soft-ui-theme #dashboard-view {
      border-color: rgba(255, 255, 255, 0.34);
      background: rgba(236, 225, 255, 0.54);
      box-shadow: 0 26px 68px rgba(50, 27, 111, 0.26), inset 0 1px 1px rgba(255, 255, 255, 0.58);
    }

    body.soft-ui-theme .engineer-dashboard-date-badge,
    body.soft-ui-theme .engineer-dashboard-card,
    body.soft-ui-theme .engineer-section-card,
    body.soft-ui-theme .dashboard-building-metrics,
    body.soft-ui-theme .dashboard-building-metrics-tabs,
    body.soft-ui-theme .dashboard-building-metrics-tab.active,
    body.soft-ui-theme .dashboard-action {
      border-color: rgba(255, 255, 255, 0.52);
      background:
        radial-gradient(circle at 15% 0%, rgba(255, 255, 255, 0.96), transparent 46%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(241, 232, 255, 0.96)),
        #f1eaff;
      box-shadow: 0 22px 42px rgba(38, 20, 92, 0.25), 0 7px 16px rgba(82, 52, 151, 0.16), inset 0 1px 1px rgba(255, 255, 255, 0.96), inset 0 -18px 34px rgba(139, 101, 213, 0.12);
    }

    body.soft-ui-theme .engineer-dashboard-card::after {
      border: 1px solid rgba(255, 255, 255, 0.58);
      box-shadow: 0 9px 18px rgba(78, 77, 169, 0.18), inset 0 1px 1px rgba(255, 255, 255, 0.92);
    }

    body.soft-ui-theme .engineer-dashboard-summary-row {
      background:
        radial-gradient(circle at 15% 0%, rgba(255, 255, 255, 0.96), transparent 46%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(241, 232, 255, 0.32));
    }

    body.soft-ui-theme .engineer-dashboard-summary-row:not(:last-child) {
      border-bottom-color: rgba(255, 255, 255, 0.5);
    }

    body.soft-ui-theme .engineer-dashboard-water-dot {
      box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.86), 0 5px 12px rgba(82, 52, 151, 0.16);
    }

    body.soft-ui-theme .engineer-section-metric,
    body.soft-ui-theme .engineer-worker-row,
    body.soft-ui-theme .dashboard-building-metrics-wrap,
    body.soft-ui-theme .dashboard-staff-metrics-panel,
    body.soft-ui-theme .table-wrap,
    body.soft-ui-theme .billing-summary-item {
      border-color: rgba(255, 255, 255, 0.52);
      background: rgba(255, 255, 255, 0.68);
      box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.86), 0 6px 14px rgba(80, 49, 150, 0.07);
    }

    body.soft-ui-theme th {
      background: rgba(244, 237, 255, 0.82);
    }

    body.soft-ui-theme .dashboard-building-metrics-table th,
    body.soft-ui-theme .dashboard-building-metrics-table th:first-child,
    body.soft-ui-theme .dashboard-staff-metrics-table th {
      background: rgba(244, 237, 255, 0.92);
    }

    body.soft-ui-theme .dashboard-building-metrics-table td:first-child,
    body.soft-ui-theme .dashboard-building-metrics-table tbody tr:nth-child(even) td:first-child,
    body.soft-ui-theme .dashboard-staff-metrics-table td:first-child,
    body.soft-ui-theme .dashboard-staff-metrics-table tbody tr:nth-child(even) td:first-child,
    body.soft-ui-theme .dashboard-staff-metrics-table tbody tr:nth-child(even) td {
      background: rgba(255, 255, 255, 0.86);
    }


    body.soft-ui-theme .app-shell .right-nav .nav-button::before {
      display: none !important;
      content: none;
    }