:root {
      color-scheme: light;
      --bg: #f7f7f8;
      --ink: #1f2328;
      --muted: #6b7280;
      --line: #d9dde3;
      --panel: #ffffff;
      --brand: #20242a;
      --button: #007aff;
      --button-hover: #006ee6;
      --accent: #4b5563;
      --accent-soft: #f1f2f4;
      --panel-soft: #f6f7f8;
      --danger: #b42318;
      --shadow: 0 10px 26px rgba(31,31,31,.06);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    * { box-sizing: border-box; }
    [hidden] { display: none !important; }
    body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top left, rgba(31,35,40,.04), transparent 280px), var(--bg); color: var(--ink); letter-spacing: 0; }
    a { color: inherit; text-decoration: none; }
    .login-shell {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 24px 18px;
      background:
        radial-gradient(circle at 50% 18%, rgba(31,35,40,.04), transparent 220px),
        linear-gradient(180deg, #fafafa 0%, #f0f1f3 100%);
    }
    .brand-mark {
      width: 168px;
      height: 118px;
      display: block;
      margin: 0 auto 12px;
    }
    .brand-mark img { width: 168px; height: 118px; object-fit: contain; display: block; }
    .eyebrow {
      margin: 0 0 12px;
      color: var(--brand);
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
    }
    h1, h2, p { margin-top: 0; }
    .login-heading {
      display: grid;
      gap: 7px;
      margin-bottom: 24px;
      text-align: center;
    }
    .login-heading p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 720;
      letter-spacing: .04em;
      line-height: 1.35;
      text-transform: uppercase;
    }
    .login-panel h1 { text-align: center; font-size: 24px; line-height: 1.12; margin-bottom: 0; }
    .erp-title { display: grid; gap: 0; justify-items: center; color: #25282d; font-weight: 850; }
    .erp-title span { display: block; }
    .erp-title small {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0 10px;
      border: 1px solid var(--line);
      border-radius: 999px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .portal-hero h1 { font-size: clamp(30px, 4vw, 44px); line-height: 1.08; margin-bottom: 18px; }
    .lead, .portal-hero p { color: var(--muted); font-size: 18px; line-height: 1.6; max-width: 680px; }
    .login-panel {
      width: min(430px, 100%);
      padding: 30px;
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 8px;
      box-shadow: 0 18px 42px rgba(25,34,49,.09);
    }
    .client-login-entry .login-shell {
      display: grid;
      grid-template-columns: minmax(360px, 42fr) minmax(520px, 58fr);
      align-items: stretch;
      padding: 0;
      background: #fbfcfd;
    }
    .client-login-intro {
      position: relative;
      min-height: 100vh;
      overflow: hidden;
      padding: clamp(36px, 5vw, 72px);
      color: #fff;
      background:
        radial-gradient(circle at 92% 95%, rgba(255,255,255,.16), transparent 36%),
        linear-gradient(145deg, #262a2e 0%, #3b4045 60%, #5d6267 130%);
    }
    .client-login-brand {
      position: relative;
      z-index: 2;
      width: 118px;
      height: 104px;
    }
    .client-login-brand img { width: 100%; height: 100%; object-fit: contain; }
    .client-login-message {
      position: relative;
      z-index: 2;
      max-width: 540px;
      margin-top: clamp(110px, 19vh, 190px);
    }
    .client-login-rule {
      display: block;
      width: 64px;
      height: 3px;
      margin-bottom: 28px;
      background: #c8ccd0;
    }
    .client-login-kicker {
      margin: 0 0 16px;
      color: #fff;
      font-size: clamp(28px, 3vw, 48px);
      font-weight: 820;
      letter-spacing: -.03em;
    }
    .client-login-message h1 {
      margin: 0 0 14px;
      color: #e3e5e7;
      font-size: clamp(30px, 3.2vw, 50px);
      line-height: 1.05;
    }
    .client-login-message > p:last-child {
      margin: 0;
      color: rgba(255,255,255,.9);
      font-size: clamp(16px, 1.4vw, 20px);
      line-height: 1.55;
    }
    .client-login-lines {
      position: absolute;
      right: -8%;
      bottom: -14%;
      width: 88%;
      height: 56%;
      opacity: .18;
      transform: skewY(-18deg);
      background: repeating-linear-gradient(90deg, transparent 0 44px, rgba(255,255,255,.6) 45px 46px);
      border: 1px solid rgba(255,255,255,.6);
    }
    .client-login-entry .login-panel {
      align-self: center;
      justify-self: center;
      width: min(520px, calc(100% - 64px));
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }
    .client-login-entry .login-heading {
      margin-bottom: 30px;
      text-align: left;
    }
    .client-login-entry .login-panel h1,
    .client-login-entry .erp-title {
      justify-items: start;
      text-align: left;
      color: #2f3337;
      font-size: 30px;
    }
    .client-login-entry .login-heading p {
      color: #667085;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0;
      text-transform: none;
    }
    .client-login-entry .login-primary-button {
      min-height: 48px;
      border-color: #353a3f;
      background: #353a3f;
      color: #fff;
      font-weight: 760;
    }
    .client-login-entry .access-help-panel {
      margin-top: 20px;
      border-top: 1px solid #d8dadd;
      text-align: left;
    }
    .client-login-entry .access-help-panel summary {
      padding: 15px 0 8px;
      color: #353a3f;
      font-weight: 750;
      cursor: pointer;
    }
    .client-password-help-copy {
      margin: 5px 0 14px;
      color: #667085;
      font-size: 13px;
      line-height: 1.55;
    }
    .client-reset-password-form .client-password-help-copy { margin: -4px 0 0; }
    .client-reset-return {
      display: inline-flex;
      min-height: 46px;
      align-items: center;
      justify-content: center;
      padding: 10px 16px;
      border: 1px solid #353a3f;
      border-radius: 8px;
      background: #353a3f;
      color: #fff;
      font-size: 14px;
      font-weight: 750;
      text-decoration: none;
    }
    .client-login-entry .client-login-support {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      margin: clamp(70px, 12vh, 120px) 0 0;
      color: #667085;
      font-size: 13px;
      text-align: center;
    }
    .client-login-entry .client-login-support a {
      color: #353a3f;
      font-weight: 760;
      text-decoration: underline;
      text-underline-offset: 3px;
    }
    .client-login-entry .client-login-support a:focus-visible {
      outline: 2px solid #6e7479;
      outline-offset: 3px;
    }
    @media (max-width: 860px) {
      .client-login-entry .login-shell {
        grid-template-columns: 1fr;
      }
      .client-login-intro {
        min-height: 240px;
        padding: 26px 24px;
      }
      .client-login-brand { width: 132px; height: 70px; }
      .client-login-message { margin-top: 32px; }
      .client-login-rule { margin-bottom: 18px; }
      .client-login-kicker { margin-bottom: 8px; font-size: 25px; }
      .client-login-message h1 { margin-bottom: 8px; font-size: 28px; }
      .client-login-entry .login-panel {
        width: min(520px, calc(100% - 36px));
        padding: 34px 0 28px;
      }
      .client-login-entry .client-login-support { margin-top: 48px; }
    }
    .login-form {
      gap: 16px;
    }
    .credential-input-row {
      position: relative;
      display: block;
    }
    .credential-input-row input {
      min-width: 0;
      padding-right: 50px;
    }
    .credential-toggle {
      position: absolute;
      right: 7px;
      top: 50%;
      transform: translateY(-50%);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      min-width: 34px;
      height: 34px;
      min-height: 34px;
      padding: 0;
      border-color: transparent;
      border-radius: 8px;
      background: transparent;
      color: #59616c;
      box-shadow: none;
    }
    .credential-toggle:hover,
    .credential-toggle:focus {
      border-color: #cfd5dd;
      background: #f2f3f5;
      color: #25282d;
      outline: none;
    }
    .credential-toggle-icon {
      position: relative;
      display: block;
      width: 18px;
      height: 12px;
      border: 1.8px solid currentColor;
      border-radius: 999px / 760px;
    }
    .credential-toggle-icon::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 5px;
      height: 5px;
      border-radius: 999px;
      background: currentColor;
      transform: translate(-50%, -50%);
    }
    .credential-toggle-icon::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 21px;
      height: 2px;
      border-radius: 999px;
      background: currentColor;
      transform: translate(-50%, -50%) rotate(-38deg) scaleX(0);
      transform-origin: center;
      transition: transform .12s ease;
    }
    .credential-toggle.is-visible .credential-toggle-icon::after {
      transform: translate(-50%, -50%) rotate(-38deg) scaleX(1);
    }
    .login-primary-button {
      border-color: var(--button);
      background: var(--button);
      color: #fff;
      box-shadow: none;
    }
    .login-primary-button:hover,
    .login-primary-button:focus-visible {
      border-color: var(--button-hover);
      background: var(--button-hover);
      color: #fff;
    }
    .login-primary-button:focus-visible {
      outline: 3px solid rgba(75,85,99,.22);
      outline-offset: 3px;
      box-shadow: 0 0 0 1px rgba(75,85,99,.22);
    }
    .access-help-panel {
      margin-top: 16px;
      border-top: 1px solid var(--line);
      padding-top: 14px;
    }
    .access-help-panel summary {
      width: fit-content;
      cursor: pointer;
      color: #3a3f46;
      font-size: 13px;
      font-weight: 850;
      list-style: none;
    }
    .access-help-panel summary::-webkit-details-marker {
      display: none;
    }
    .access-help-panel summary::after {
      content: "";
      color: var(--muted);
    }
    .access-help-form {
      margin-top: 12px;
      gap: 12px;
    }
    .access-help-form button {
      background: #fff;
      border-color: #c7ccd3;
      color: #30343a;
    }
    .access-help-form button:hover {
      border-color: #cfd4dc;
      background: #f1f2f4;
      color: var(--ink);
    }
    .login-notice {
      margin-bottom: 16px;
    }
    .login-form input[data-secure-access-username],
    .login-form input[data-secure-access-email],
    .access-help-form input[data-secure-access-email] {
      border-color: #b8c1cc;
      background: #e8edf3;
      color: #344054;
      cursor: not-allowed;
      box-shadow: inset 0 0 0 1px rgba(52, 64, 84, .04);
    }
    .login-form input[data-secure-access-username]:focus {
      border-color: #b8c1cc;
      outline: none;
      box-shadow: inset 0 0 0 1px rgba(52, 64, 84, .04);
    }
    .secure-access-account-lock {
      color: #667085;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.4;
    }
    .topbar img {
      width: 44px;
      height: 44px;
      object-fit: cover;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
    }
    form { display: grid; gap: 18px; }
    label { display: grid; gap: 8px; color: #344054; font-size: 14px; font-weight: 650; }
    input {
      width: 100%;
      min-height: 46px;
      padding: 10px 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      font: inherit;
      color: var(--ink);
      background: #fff;
    }
    input:focus { outline: 3px solid rgba(156,163,175,.22); border-color: var(--accent); }
    button {
      min-height: 46px;
      border: 1px solid var(--button);
      border-radius: 8px;
      background: var(--button);
      color: #fff;
      font: inherit;
      font-weight: 750;
      cursor: pointer;
    }
    button:hover { background: var(--button-hover); border-color: var(--button-hover); }
    button:disabled,
    button:disabled:hover {
      background: #eef0f2;
      border-color: #d9dde3;
      color: #9ca3af;
      cursor: not-allowed;
    }
    .nav-action-form { margin: 0; }
    .primary-nav .nav-action-form button.nav-action-button[type="submit"] {
      width: 100% !important;
      min-height: 42px !important;
      padding: 10px !important;
      border: 1px solid transparent !important;
      background: transparent !important;
      box-shadow: none !important;
      color: var(--ink) !important;
      text-align: left !important;
    }
    .primary-nav .nav-action-form button.nav-action-button[type="submit"]:hover,
    .primary-nav .nav-action-form button.nav-action-button[type="submit"]:focus-visible {
      border-color: #d9dde3 !important;
      background: var(--accent-soft) !important;
      outline: none !important;
    }
    .logout-form { margin: 0; display: block; }
    .logout-button {
      width: 100%;
      min-height: 40px;
      padding: 0 12px;
      background: #fff;
      border-color: var(--line);
      color: var(--ink);
      font-size: 14px;
      font-weight: 750;
    }
    .error { color: var(--danger); background: #fff0ed; border: 1px solid #ffd2c9; padding: 10px 12px; border-radius: 8px; }
    .app-shell { max-width: 1180px; margin: 0 auto; padding: 24px; overflow: visible; }
    .erp-global-shell {
      width: 100%;
      min-height: 100vh;
      display: grid;
      grid-template-columns: 252px minmax(0, 1fr);
      background: radial-gradient(circle at top left, rgba(31,35,40,.04), transparent 280px), var(--bg);
    }
    .erp-primary-sidebar {
      position: sticky;
      top: 0;
      z-index: 1100;
      height: 100vh;
      padding: 18px 16px;
      border-right: 1px solid var(--line);
      background: #fff;
      overflow-y: auto;
    }
    .erp-primary-brand {
      min-height: 44px;
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 0 0 16px;
      color: var(--ink);
      text-decoration: none;
      font-weight: 850;
    }
    .erp-primary-brand img {
      width: 42px;
      height: 42px;
      flex: 0 0 auto;
      border: 1px solid var(--line);
      border-radius: 8px;
      object-fit: cover;
      background: #fff;
    }
    .erp-primary-nav {
      display: grid;
      gap: 5px;
    }
    .erp-sidebar-group-label,
    .erp-sidebar-group-separator {
      height: 1px;
      min-height: 1px;
      margin: 12px 0 6px;
      border-top: 1px solid #e5e7eb;
      color: transparent;
      font-size: 0;
      line-height: 0;
      overflow: hidden;
    }
    .erp-sidebar-disclosure { margin-top: 6px; }
    .erp-sidebar-disclosure summary { min-height: 32px; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 4px 2px; padding: 6px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; list-style: none; border-radius: 7px; }
    .erp-sidebar-disclosure summary::-webkit-details-marker { display: none; }
    .erp-sidebar-disclosure summary::after { content: '\203A'; font-size: 18px; line-height: 1; transform: rotate(0deg); transition: transform .16s ease; }
    .erp-sidebar-disclosure[open] summary::after { transform: rotate(90deg); }
    .erp-sidebar-disclosure summary:hover, .erp-sidebar-disclosure summary:focus-visible { color: var(--ink); background: var(--accent-soft); outline: none; }
    .erp-sidebar-disclosure-items { display: grid; gap: 5px; }
    .erp-primary-nav-item {
      min-height: 40px;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 9px 10px;
      border: 1px solid transparent;
      border-radius: 8px;
      color: var(--ink);
      text-decoration: none;
      font-size: 14px;
      font-weight: 740;
    }
    .erp-primary-nav-form { margin: 0; }
    .erp-primary-nav-action {
      width: 100%;
      background: transparent;
      font-family: inherit;
      text-align: left;
      cursor: pointer;
    }
    .erp-primary-nav-item:hover,
    .erp-primary-nav-item:focus-visible {
      background: var(--accent-soft);
      border-color: #d9dde3;
      outline: none;
    }
    .erp-primary-nav-item.active,
    .erp-primary-nav-item.active:hover,
    .erp-primary-nav-item.active:focus-visible {
      background: #f1f2f4;
      border-color: #cfd4dc;
      color: var(--ink);
    }
    .erp-primary-nav-item.is-disabled {
      color: #a7afbc;
      cursor: not-allowed;
      background: transparent;
      border-color: transparent;
      opacity: .72;
      user-select: none;
    }
    .erp-primary-nav-icon {
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      color: currentColor;
    }
    .erp-global-content,
    .operations-v1-content,
    .admin-v1-content {
      min-width: 0;
      display: flex;
      flex-direction: column;
    }
    .erp-global-content > .topbar,
    .operations-v1-content > .topbar,
    .admin-v1-content > .topbar {
      min-height: 70px;
      padding: 18px 24px;
    }
    .erp-global-main,
    .operations-v1-main,
    .admin-v1-main {
      width: 100%;
      max-width: 1220px;
      margin: 0 auto;
      padding: 0 24px 32px;
    }
    .erp-secondary-nav {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 0 0 16px;
      overflow-x: auto;
      padding-bottom: 2px;
    }
    .erp-secondary-nav a {
      min-height: 36px;
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      padding: 8px 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      text-decoration: none;
      font-size: 13px;
      font-weight: 760;
    }
    .erp-secondary-nav a:hover,
    .erp-secondary-nav a.active {
      background: #f1f2f4;
      border-color: #cfd4dc;
      color: var(--ink);
    }
    .new-module-shell {
      max-width: none;
      min-height: 100vh;
      padding: 16px 24px 0;
    }
    .new-module-topbar {
      min-height: 54px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      border-bottom: 1px solid var(--line);
    }
    .new-module-canvas {
      min-height: calc(100vh - 70px);
    }
    .topbar {
      min-height: 60px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      border-bottom: 0;
      position: sticky;
      top: 0;
      z-index: 1000;
      background: transparent;
      backdrop-filter: none;
      box-shadow: none;
    }
    .brand-row {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--ink);
      font-weight: 800;
      font-size: 16px;
    }
    .brand-row img {
      width: 38px;
      height: 38px;
      flex: 0 0 auto;
      object-fit: cover;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
    }
    .brand-spacer { flex: 1 1 auto; min-width: 0; }
    .brand-copy { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
    .brand-copy strong { font-size: 16px; line-height: 1.1; white-space: nowrap; }
    .brand-copy small {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      padding: 0 9px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: #f1f2f1;
      color: #5f6368;
      font-size: 11px;
      font-weight: 820;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .top-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      min-width: 0;
      flex: 1 1 auto;
    }
    .topbar-title {
      min-width: 0;
      flex: 1 1 auto;
    }
    .topbar-title h1 {
      margin: 0;
      color: var(--ink);
      font-size: 26px;
      line-height: 1.15;
      font-weight: 850;
      letter-spacing: 0;
      overflow-wrap: anywhere;
    }
    .information-bell {
      min-height: 36px;
      width: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid transparent;
      border-radius: 8px;
      background: transparent;
      color: var(--ink);
      text-decoration: none;
      flex: 0 0 auto;
    }
    .information-bell:hover,
    .information-bell:focus-visible {
      background: var(--accent-soft);
      color: var(--ink);
      outline: none;
    }
    .information-bell:focus-visible {
      box-shadow: 0 0 0 3px rgba(75,85,99,.18);
    }
    .information-bell-icon {
      width: 18px;
      height: 18px;
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 0;
    }
    .information-bell-icon.sf-bell-icon svg {
      width: 100%;
      height: 100%;
      display: block;
      overflow: visible;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .information-bell-icon.sf-bell-icon::before,
    .information-bell-icon.sf-bell-icon::after {
      content: none !important;
      display: none !important;
    }
    .information-bell-icon:not(.sf-bell-icon)::before {
      content: "";
      position: absolute;
      left: 4px;
      top: 2px;
      width: 9px;
      height: 11px;
      border: 2px solid currentColor;
      border-bottom: 0;
      border-radius: 9px 9px 3px 3px;
    }
    .information-bell-icon:not(.sf-bell-icon)::after {
      content: "";
      position: absolute;
      left: 2px;
      top: 12px;
      width: 13px;
      height: 5px;
      border-top: 2px solid currentColor;
      border-radius: 999px;
      box-shadow: 5px 4px 0 -3px currentColor;
    }
    .top-home-menu {
      position: relative;
      flex: 0 0 auto;
    }
    .top-home-button {
      min-height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 9px;
      border: 1px solid transparent;
      border-radius: 8px;
      background: transparent;
      color: var(--ink);
      font-size: 12px;
      font-weight: 850;
      box-shadow: none;
      white-space: nowrap;
    }
    .top-home-menu summary {
      list-style: none;
      cursor: pointer;
      gap: 7px;
    }
    .top-home-menu summary::before {
      content: "";
      width: 13px;
      height: 13px;
      flex: 0 0 auto;
      opacity: .78;
      background:
        linear-gradient(currentColor 0 0) left top / 5px 5px no-repeat,
        linear-gradient(currentColor 0 0) right top / 5px 5px no-repeat,
        linear-gradient(currentColor 0 0) left bottom / 5px 5px no-repeat,
        linear-gradient(currentColor 0 0) right bottom / 5px 5px no-repeat;
      border-radius: 2px;
    }
    .top-home-menu summary::after {
      content: "";
      width: 7px;
      height: 7px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      font-size: 10px;
      line-height: 1;
      opacity: .72;
      transform: rotate(45deg) translateY(-2px);
    }
    .top-home-menu[open] summary::after {
      transform: rotate(225deg) translateY(-1px);
    }
    .top-home-menu summary::-webkit-details-marker {
      display: none;
    }
    .top-home-button:hover {
      border-color: transparent;
      background: var(--accent-soft);
      color: var(--ink);
    }
    .top-home-menu summary:focus-visible,
    .user-menu summary:focus-visible,
    .top-home-panel a:focus-visible {
      outline: 3px solid rgba(75,85,99,.18);
      outline-offset: 2px;
    }
    .top-home-panel {
      position: absolute;
      right: 0;
      top: calc(100% + 8px);
      z-index: 3000;
      width: min(280px, calc(100vw - 48px));
      display: grid;
      gap: 4px;
      padding: 8px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 18px 45px rgba(25,34,49,.12);
    }
    .top-home-panel a,
    .top-home-panel-item,
    .top-home-panel-home {
      min-height: 38px;
      display: grid;
      grid-template-columns: 24px minmax(0, 1fr);
      align-items: center;
      gap: 10px;
      padding: 8px 10px;
      border-radius: 7px;
      color: var(--ink);
      font-size: 13px;
      font-weight: 760;
      line-height: 1.2;
    }
    .top-home-panel a:hover {
      background: var(--accent-soft);
      color: var(--ink);
    }
    .top-home-panel-home {
      background: transparent;
      border: 0;
    }
    .top-home-panel-icon {
      width: 24px;
      height: 24px;
      display: inline-grid;
      place-items: center;
      border: 1px solid #d9dde3;
      border-radius: 7px;
      background: #f8f9fa;
      color: #4b5563;
      position: relative;
      font-size: 0;
      font-weight: 900;
      letter-spacing: 0;
      box-shadow: none;
    }
    .home-icon {
      position: relative;
      color: transparent;
    }
    .top-menu-icon-operations::before,
    .top-menu-icon-operations::after,
    .top-menu-icon-hr::before,
    .top-menu-icon-hr::after,
    .top-menu-icon-finance::before,
    .top-menu-icon-finance::after,
    .top-menu-icon-billing::before,
    .top-menu-icon-billing::after,
    .top-menu-icon-admin::before,
    .top-menu-icon-admin::after,
    .top-menu-icon-default::before {
      content: "";
      position: absolute;
      inset: auto;
      color: #4b5563;
    }
    .top-menu-icon-operations::before {
      left: 6px;
      top: 6px;
      width: 11px;
      height: 11px;
      border-left: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
    }
    .top-menu-icon-operations::after {
      right: 4px;
      bottom: 4px;
      width: 5px;
      height: 5px;
      border: 2px solid currentColor;
      border-radius: 999px;
    }
    .top-menu-icon-hr::before {
      left: 6px;
      top: 5px;
      width: 6px;
      height: 6px;
      border: 2px solid currentColor;
      border-radius: 999px;
      box-shadow: 8px 8px 0 -2px currentColor;
    }
    .top-menu-icon-hr::after {
      left: 5px;
      bottom: 5px;
      width: 13px;
      height: 6px;
      border: 2px solid currentColor;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-bottom: 0;
    }
    .top-menu-icon-finance::before,
    .top-menu-icon-billing::before {
      left: 6px;
      top: 5px;
      width: 12px;
      height: 14px;
      border: 2px solid currentColor;
      border-radius: 2px;
    }
    .top-menu-icon-finance::after,
    .top-menu-icon-billing::after {
      left: 8px;
      top: 9px;
      width: 8px;
      height: 0;
      border-top: 2px solid currentColor;
      box-shadow: 0 4px 0 currentColor;
    }
    .top-menu-icon-admin::before {
      left: 5px;
      top: 6px;
      width: 14px;
      height: 12px;
      border: 2px solid currentColor;
      border-radius: 2px;
    }
    .top-menu-icon-admin::after {
      left: 10px;
      top: 4px;
      width: 4px;
      height: 16px;
      border-left: 2px solid currentColor;
      box-shadow: -5px 5px 0 -1px currentColor, 5px 5px 0 -1px currentColor;
    }
    .top-menu-icon-default::before {
      width: 16px;
      height: 16px;
      border: 2px solid currentColor;
      border-radius: 5px;
    }
    .home-icon::before {
      content: "";
      left: 6px;
      top: 9px;
      width: 11px;
      height: 9px;
      border: 2px solid #4b5563;
      border-top: 0;
    }
    .home-icon::after {
      content: "";
      position: absolute;
      left: 6px;
      top: 5px;
      width: 11px;
      height: 12px;
      border-left: 2px solid #4b5563;
      border-top: 2px solid #4b5563;
      transform: translateY(-4px) rotate(45deg);
      border-radius: 2px 0 0 0;
    }
    .menu-item-copy {
      min-width: 0;
      display: grid;
      gap: 3px;
    }
    .menu-item-copy strong {
      display: block;
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .menu-item-copy small {
      display: block;
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .top-home-panel-label {
      display: block;
      padding: 7px 8px 2px;
      color: var(--muted);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .user-menu { position: relative; }
    .user-menu summary {
      list-style: none;
      min-height: 36px;
      width: 136px;
      min-width: 136px;
      max-width: 136px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 7px;
      flex: 0 0 136px;
      cursor: pointer;
      padding: 3px 10px 3px 3px;
      border: 1px solid transparent;
      border-radius: 8px;
      background: transparent;
      box-shadow: none;
      overflow: hidden;
    }
    .user-menu summary:hover {
      background: var(--accent-soft);
    }
    .user-menu summary::-webkit-details-marker { display: none; }
    .user-menu summary::after { content: none; }
    .account-summary { text-align: left; min-width: 0; max-width: none; flex: 1 1 auto; overflow: hidden; }
    .user-menu strong {
      display: block;
      max-width: 100%;
      color: var(--ink);
      font-size: 13px;
      line-height: 1.1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .account-summary small {
      display: block;
      max-width: 142px;
      color: var(--muted);
      font-size: 11px;
      line-height: 1.2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .user-menu-panel small {
      display: grid;
      gap: 2px;
      color: var(--muted);
      font-size: 12px;
      overflow-wrap: anywhere;
    }
    .user-menu-panel small span {
      color: #9a9da4;
      font-size: 10px;
      font-weight: 850;
      text-transform: uppercase;
    }
    .account-avatar {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      display: inline-grid;
      place-items: center;
      flex: 0 0 auto;
      background: #f2f3f5;
      color: #4f535a;
      font-size: 11px;
      font-weight: 900;
    }
    .account-avatar img,
    .account-identity-avatar img,
    .erp-return-account .account-avatar img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      border-radius: inherit;
    }
    .uploaded-avatar {
      overflow: hidden;
      padding: 0;
    }
    .user-menu-panel {
      position: absolute;
      right: 0;
      top: calc(100% + 8px);
      z-index: 10;
      width: min(260px, calc(100vw - 48px));
      padding: 10px;
      display: grid;
      gap: 9px;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: var(--panel);
      box-shadow: 0 18px 45px rgba(25,34,49,.12);
    }
    .user-menu-panel div { display: grid; gap: 3px; }
    .user-menu-panel span { color: var(--muted); font-size: 12px; }
    .account-panel-title {
      display: block;
      max-width: none !important;
      color: var(--ink);
      font-size: 17px !important;
      line-height: 1.15 !important;
      white-space: normal !important;
      overflow-wrap: anywhere;
    }
    .panel-actions { display: grid !important; grid-template-columns: 1fr; gap: 7px !important; }
    .panel-actions .logout-form { grid-column: 1 / -1; }
    .panel-home-link {
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--accent);
      border-radius: 8px;
      color: #4f535a;
      font-size: 12px;
      font-weight: 850;
    }
    .panel-home-link:hover { background: #f1f2f4; border-color: #cfd4dc; color: var(--ink); }
    .panel-kicker { color: #9a9da4 !important; font-size: 11px !important; font-weight: 800; text-transform: uppercase; }
    .account-panel-name { padding: 2px 2px 4px; }
    .account-panel-name strong { max-width: none; font-size: 17px; line-height: 1.15; white-space: normal; overflow-wrap: anywhere; }
    .panel-role {
      width: fit-content;
      padding: 4px 8px;
      border-radius: 999px;
      background: #f2f3f5;
      color: #4f535a !important;
      font-size: 11px !important;
      font-weight: 850;
    }
    .notification-rail {
      position: relative;
      display: grid;
      gap: 7px;
      margin: 14px 0 0;
      padding: 8px 10px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fff;
      box-shadow: none;
    }
    .home-announcement-panel {
      gap: 12px;
      margin: 14px 0 0;
    }
    .home-announcement-field {
      min-height: 120px;
      display: grid;
      align-content: start;
      gap: 8px;
      padding: 14px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fbfbfa;
    }
    .home-announcement-field strong {
      color: var(--ink);
      font-size: 17px;
      line-height: 1.2;
      font-weight: 900;
    }
    .home-announcement-field span {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }
    .notification-head {
      min-width: 0;
      display: flex;
      justify-content: space-between;
      gap: 8px;
      align-items: center;
    }
    .notification-head div {
      min-width: 0;
      display: flex;
      gap: 8px;
      align-items: center;
    }
    .notification-kicker {
      min-height: 24px;
      display: inline-flex;
      align-items: center;
      padding: 0 8px;
      border: 1px solid #d9dde3;
      border-radius: 999px;
      background: #f2f3f5;
      color: #4b5563;
      font-size: 10px;
      font-weight: 950;
      letter-spacing: .06em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .notification-head strong {
      color: var(--ink);
      font-size: 13px;
      line-height: 1.2;
      white-space: nowrap;
    }
    .notification-head > span {
      min-height: 24px;
      display: inline-flex;
      align-items: center;
      padding: 0 8px;
      border-radius: 999px;
      background: #fff;
      color: #4f535a;
      font-size: 11px;
      font-weight: 850;
      white-space: nowrap;
    }
    .notification-list {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0;
      border: 1px solid #e5e7eb;
      border-radius: 8px;
      overflow: hidden;
      background: #fff;
    }
    .notification-item-wrap {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: stretch;
      border-bottom: 1px solid #e5e7eb;
      background: #fff;
    }
    .notification-item-wrap:last-child {
      border-bottom: 0;
    }
    .notification-item {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(116px, .44fr) minmax(0, 1fr) auto auto;
      gap: 8px;
      align-items: center;
      min-height: 38px;
      padding: 6px 8px;
      border: 0;
      border-radius: 0;
      background: #fff;
      color: inherit;
      text-decoration: none;
    }
    .notification-item:hover {
      background: var(--accent-soft);
    }
    .notification-complete-form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0;
      padding: 6px 8px 6px 0;
      background: #fff;
    }
    .notification-group-complete-form {
      justify-content: flex-end;
      padding: 8px;
      border-top: 1px solid #e5e7eb;
    }
    .notification-complete-form button {
      min-height: 26px;
      padding: 0 8px;
      border: 1px solid #d9dde3;
      border-radius: 7px;
      background: #fff;
      color: #4b5563;
      font-size: 11px;
      font-weight: 850;
      line-height: 1;
      cursor: pointer;
      transition: border-color .15s ease, background-color .15s ease, color .15s ease;
    }
    .notification-complete-form button:hover,
    .notification-complete-form button:focus-visible {
      border-color: #1f7af5 !important;
      background: #1f7af5 !important;
      color: #fff !important;
      outline: none;
    }
    .notification-item strong {
      display: block;
      color: var(--ink);
      font-size: 12px;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .notification-message {
      display: block;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }
    .notification-item small {
      min-height: 20px;
      display: inline-flex;
      align-items: center;
      width: fit-content;
      padding: 0 7px;
      border-radius: 999px;
      border: 1px solid #d9dde3;
      background: #f8f9fa;
      color: #4b5563;
      font-size: 11px;
      font-weight: 850;
      white-space: nowrap;
    }
    .notification-group {
      min-width: 0;
      border-bottom: 1px solid #e5e7eb;
      background: #fff;
    }
    .notification-group:last-child {
      border-bottom: 0;
    }
    .notification-group > summary {
      cursor: pointer;
      list-style: none;
    }
    .notification-group > summary::-webkit-details-marker {
      display: none;
    }
    .notification-group > summary::after {
      content: '›';
      color: #7b8491;
      font-size: 18px;
      line-height: 1;
      transform: rotate(90deg);
      transition: transform .15s ease;
    }
    .notification-group[open] > summary::after {
      transform: rotate(-90deg);
    }
    .notification-event-list {
      display: grid;
      border-top: 1px solid #e5e7eb;
      background: #f8f9fb;
    }
    .notification-event-wrap {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: stretch;
      border-bottom: 1px solid #e5e7eb;
    }
    .notification-event-wrap:last-child {
      border-bottom: 0;
    }
    .notification-event {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: start;
      padding: 8px 10px 8px 24px;
      color: inherit;
      text-decoration: none;
    }
    .notification-event:hover {
      background: var(--accent-soft);
    }
    .notification-event > span:nth-child(2) {
      min-width: 0;
      display: grid;
      gap: 3px;
    }
    .notification-event strong {
      font-size: 12px;
      line-height: 1.25;
    }
    .notification-event .notification-message {
      font-size: 11px;
      line-height: 1.4;
    }
    .notification-event small {
      min-height: 20px;
      display: inline-flex;
      align-items: center;
      padding: 0 7px;
      border: 1px solid #d9dde3;
      border-radius: 999px;
      background: #fff;
      color: #59616d;
      font-size: 10px;
      font-weight: 850;
      white-space: nowrap;
    }
    .portal-hero { padding: 46px 0 24px; }
    .portal-hero h1 { margin-bottom: 12px; }
    .portal-command {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, .36fr);
      gap: 18px;
      align-items: stretch;
      padding: 28px 0 16px;
    }
    .employee-self-service {
      display: grid;
      gap: 12px;
      margin: 0 0 14px;
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 10px 24px rgba(25,34,49,.045);
    }
    .home-work-panel {
      display: grid;
      grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
      gap: 14px;
      align-items: stretch;
      margin: 0 0 14px;
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 10px 24px rgba(25,34,49,.045);
    }
    .home-work-head {
      min-width: 0;
      display: flex;
      align-items: center;
    }
    .home-work-head h2 {
      margin: 0;
      color: var(--ink);
      font-size: 22px;
      line-height: 1.18;
    }
    .home-work-grid {
      min-width: 0;
      display: grid;
      grid-template-columns: 1.2fr 1fr 1fr;
      gap: 9px;
    }
    .home-work-action {
      min-width: 0;
      min-height: 70px;
      display: grid;
      align-content: center;
      gap: 5px;
      padding: 12px 14px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fbfbfc;
      color: var(--ink);
      text-decoration: none;
      transition: background .16s ease, border-color .16s ease;
    }
    .home-work-action.primary {
      background: #24272d;
      border-color: #24272d;
      color: #fff;
    }
    .home-work-action:hover,
    .home-work-action:focus-visible {
      border-color: #c5cad2;
      background: #fff;
      outline: none;
    }
    .home-work-action.primary:hover,
    .home-work-action.primary:focus-visible {
      background: #111318;
      border-color: #111318;
    }
    .home-work-action strong {
      font-size: 14px;
      line-height: 1.2;
      color: inherit;
    }
    .home-work-action span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }
    .home-request-list {
      grid-column: 1 / -1;
      display: grid;
      border-top: 1px solid #e3e6eb;
    }
    .home-request-row {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(180px, 1fr) minmax(150px, .45fr) minmax(120px, .32fr);
      gap: 12px;
      align-items: center;
      min-height: 44px;
      padding: 10px 0;
      border-bottom: 1px solid #e9ebef;
      color: var(--ink);
      text-decoration: none;
    }
    .home-request-row:last-child {
      border-bottom: 0;
    }
    .home-request-row span {
      color: var(--muted);
      font-size: 13px;
      font-weight: 760;
    }
    .home-request-row small {
      width: fit-content;
      padding: 3px 8px;
      border: 1px solid #d9dde3;
      border-radius: 999px;
      background: #f8f9fa;
      color: #4b5563;
      font-size: 11px;
      font-weight: 850;
    }
    .home-request-row:hover,
    .home-request-row:focus-visible {
      outline: none;
      background: #fbfbfc;
    }
    .employee-self-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
      min-width: 0;
    }
    .employee-self-head h2 {
      margin: 5px 0 0;
      color: var(--ink);
      font-size: 22px;
      line-height: 1.18;
    }
    .employee-self-head p {
      margin: 8px 0 0;
      max-width: 780px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }
    .employee-self-head > span {
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      flex: 0 0 auto;
      padding: 5px 10px;
      border: 1px solid #d8c89f;
      border-radius: 999px;
      background: #fbfaf4;
      color: #725f2f;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .employee-self-grid {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 9px;
    }
    .employee-self-action {
      min-width: 0;
      display: grid;
      gap: 5px;
      align-content: start;
      min-height: 112px;
      padding: 11px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fbfbfa;
      color: var(--ink);
      text-decoration: none;
      transition: border-color .16s ease, background .16s ease, transform .16s ease;
    }
    .employee-self-action:hover,
    .employee-self-action:focus-visible {
      border-color: #c5cad2;
      background: #fffdfa;
      outline: none;
      transform: translateY(-1px);
    }
    .employee-self-action strong {
      color: var(--ink);
      font-size: 14px;
      line-height: 1.2;
    }
    .employee-self-action span,
    .employee-self-action small,
    .employee-role-state span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .employee-self-action small {
      font-weight: 850;
      color: #4b5563;
    }
    .employee-role-state {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 9px;
    }
    .employee-role-state article {
      min-width: 0;
      display: grid;
      gap: 5px;
      padding: 10px 11px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fff;
    }
    .employee-role-state strong {
      color: var(--ink);
      font-size: 13px;
      line-height: 1.2;
    }
    .portal-command-compact {
      grid-template-columns: minmax(0, 380px);
      justify-content: end;
      padding: 14px 0 8px;
    }
    .portal-command-copy {
      min-width: 0;
      display: grid;
      gap: 8px;
      align-content: center;
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(251,250,247,.86)),
        var(--panel);
      box-shadow: 0 14px 34px rgba(25,34,49,.06);
    }
    .portal-command h1 {
      margin: 0;
      color: var(--ink);
      font-size: clamp(30px, 4vw, 42px);
      line-height: 1.05;
    }
    .portal-command p {
      max-width: 680px;
      margin: 0;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.55;
    }
    .portal-command-meta {
      display: grid;
      grid-template-columns: 1fr;
      gap: 8px;
      padding: 8px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: rgba(255,255,255,.72);
      box-shadow: 0 12px 30px rgba(25,34,49,.05);
    }
    .portal-command-meta span {
      min-width: 0;
      display: grid;
      gap: 4px;
      padding: 12px;
      border-radius: 9px;
      background: #fff;
    }
    .portal-command-meta strong {
      color: var(--ink);
      font-size: 18px;
      line-height: 1.1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .portal-command-meta small {
      color: var(--muted);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .07em;
      text-transform: uppercase;
    }
    .erp-board {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      padding-top: 10px;
    }
    .module-page-shell {
      display: grid;
      grid-template-columns: 252px minmax(0, 1fr);
      gap: 24px;
      align-items: start;
      padding-top: 18px;
    }
    .module-page-sidebar {
      position: sticky;
      top: 78px;
      display: grid;
      gap: 12px;
      min-width: 0;
      padding: 12px 10px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 10px 24px rgba(25,34,49,.04);
    }
    .module-page-brand {
      display: flex;
      align-items: center;
      gap: 11px;
      padding: 6px 4px 12px;
      margin-bottom: 2px;
      color: var(--ink);
      text-decoration: none;
    }
    .module-page-brand img {
      width: 42px;
      height: 42px;
      border: 1px solid var(--line);
      border-radius: 8px;
      object-fit: cover;
      background: #fff;
      flex: 0 0 auto;
    }
    .module-page-brand strong {
      display: block;
      color: var(--ink);
      font-size: 16px;
      font-weight: 800;
      line-height: 1.1;
    }
    .module-page-sidebar-title {
      padding: 4px 6px 2px;
      color: var(--muted);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .module-page-nav {
      display: grid;
      gap: 5px;
    }
    .module-page-nav a {
      min-height: 38px;
      display: flex;
      align-items: center;
      padding: 9px 10px;
      border: 1px solid transparent;
      border-radius: 8px;
      color: var(--ink);
      font-size: 13px;
      font-weight: 800;
      text-decoration: none;
    }
    .module-page-nav a:hover,
    .module-page-nav a:focus-visible {
      background: var(--accent-soft);
      border-color: #d9dde3;
      outline: none;
    }
    .module-page-nav a.active,
    .module-page-nav a.active:hover {
      background: #f1f2f4;
      border-color: #cfd4dc;
      color: var(--ink);
    }
    .module-page-content {
      min-width: 0;
    }
    .operations-v1-layout {
      display: grid;
      grid-template-columns: 252px minmax(0, 1fr);
      min-height: 100vh;
      background: radial-gradient(circle at top left, rgba(31,35,40,.04), transparent 280px), var(--bg);
    }
    .operations-v1-sidebar {
      position: sticky;
      top: 0;
      height: 100vh;
      padding: 18px 16px;
      border: 0;
      border-right: 1px solid var(--line);
      border-radius: 0;
      box-shadow: none;
      overflow: auto;
    }
    .operations-v1-content {
      min-width: 0;
    }
    .operations-v1-main {
      width: min(1220px, 100%);
      margin: 0 auto;
      padding: 0 24px 24px;
    }
    .operations-command {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      align-items: center;
      padding: 6px 0 14px;
    }
    .operations-command h1 {
      margin: 0;
      color: var(--ink);
      font-size: clamp(32px, 4vw, 44px);
      font-weight: 850;
      line-height: 1.04;
      overflow-wrap: anywhere;
    }
    .operations-command p {
      max-width: 760px;
      margin: 6px 0 0;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.45;
    }
    .operations-command-summary {
      display: inline-flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 7px;
      max-width: 420px;
    }
    .operations-command-summary a,
    .operations-command-summary span {
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255,255,255,.76);
      color: var(--ink);
      font-size: 13px;
      font-weight: 800;
      text-decoration: none;
      box-shadow: 0 8px 22px rgba(25,34,49,.05);
    }
    .operations-command-summary a:hover,
    .operations-command-summary a:focus-visible {
      border-color: rgba(75,85,99,.28);
      background: #fff;
      box-shadow: 0 10px 26px rgba(25,34,49,.08);
      outline: none;
    }
    .operations-state {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      margin: 0 0 14px;
      padding: 11px 12px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #f8f9fa;
      color: var(--ink);
      box-shadow: 0 8px 22px rgba(25,34,49,.04);
    }
    .operations-state strong {
      min-height: 26px;
      display: inline-flex;
      align-items: center;
      width: fit-content;
      padding: 0 9px;
      border: 1px solid #d9dde3;
      border-radius: 999px;
      background: #f2f3f5;
      color: #4b5563;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .04em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .operations-state span {
      min-width: 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }
    .operations-v1-layout .erp-global-main > .operations-state,
    .operations-v1-layout .erp-global-main .operations-readback-note,
    .operations-v1-layout .erp-global-main .module-group,
    .operations-v1-layout .erp-global-main .operations-panel-head small {
      display: none;
    }
    .operations-governance {
      display: grid;
      grid-template-columns: minmax(0, 1.22fr) minmax(280px, .78fr);
      gap: 12px;
      align-items: start;
      margin: 0 0 14px;
    }
    .operations-governance .operations-panel:nth-child(2) {
      grid-row: auto;
    }
    .operations-governance-primary,
    .operations-governance-wide {
      grid-column: 1 / -1;
    }
    .operations-readback-note {
      margin: 0;
      max-width: 980px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.5;
      overflow-wrap: anywhere;
    }
    .operations-policy-list {
      display: grid;
      gap: 8px;
    }
    .operations-policy-list article {
      min-width: 0;
      display: grid;
      gap: 5px;
      padding: 11px 12px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fff;
    }
    .operations-policy-list strong {
      color: var(--ink);
      font-size: 13px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .operations-policy-list span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }
    .operations-readback-list article {
      grid-template-columns: 1fr;
    }
    .operations-governance-table {
      width: 100%;
      min-width: 900px;
    }
    .operations-metrics div {
      min-width: 0;
      display: grid;
      gap: 4px;
      padding: 10px;
      border-radius: 7px;
      background: #fff;
    }
    .operations-metrics strong {
      color: var(--ink);
      font-size: 18px;
      line-height: 1.1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .operations-metrics span {
      color: var(--muted);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .07em;
      text-transform: uppercase;
    }
    .operations-metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin: 0 0 14px;
      padding: 8px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255,255,255,.68);
    }
    .operations-grid {
      display: grid;
      grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
      gap: 12px;
      align-items: start;
    }
    .operations-grid-full {
      grid-template-columns: minmax(0, 1fr);
    }
    .operations-panel {
      min-width: 0;
      display: grid;
      gap: 14px;
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: linear-gradient(180deg, #fff, var(--panel-soft));
      box-shadow: 0 8px 24px rgba(25,34,49,.04);
    }
    .operations-panel:nth-child(2) {
      grid-row: span 2;
    }
    .operations-panel-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
    }
    .operations-panel-head h2 {
      margin: 0;
      color: var(--ink);
      font-size: 20px;
      line-height: 1.16;
    }
    .operations-panel-head small {
      color: var(--muted);
      font-size: 11px;
      font-weight: 850;
      max-width: 100%;
      overflow-wrap: anywhere;
      text-align: right;
    }
    .ops-client-master-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      padding-bottom: 12px;
      border-bottom: 1px solid var(--line);
    }
    .ops-client-master-head span {
      display: block;
      margin-bottom: 8px;
      color: #6b7280;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .ops-client-master-head h2 {
      margin: 0;
      color: var(--ink);
      font-size: 28px;
      line-height: 1.08;
    }
    .ops-client-master-head p {
      margin: 6px 0 0;
      color: var(--muted);
      font-weight: 750;
    }
    .ops-client-list-notice {
      margin: 0;
    }
    .ops-client-segments {
      justify-content: flex-start;
      margin-top: 2px;
    }
    .ops-client-list-toolbar {
      display: grid;
      grid-template-columns: minmax(360px, 1fr) auto;
      gap: 12px;
      align-items: center;
      margin: 8px 0 12px;
    }
    .ops-client-filters {
      display: grid;
      grid-template-columns: minmax(260px, 1fr) 160px;
      gap: 8px;
      min-width: 0;
      max-width: 620px;
      margin: 0;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }
    .ops-client-filters label {
      display: block;
      min-width: 0;
    }
    .ops-client-filters input {
      width: 100%;
      min-height: 38px;
      padding: 0 76px 0 34px;
      border: 1px solid #d8dde6;
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      font: inherit;
      box-sizing: border-box;
      outline: none;
    }
    .ops-client-filters input:focus {
      border-color: #aab4c2;
      box-shadow: 0 0 0 3px rgba(78, 89, 105, .08);
    }
    .ops-client-sort-control select {
      width: 100%;
      min-height: 38px;
      padding: 0 32px 0 12px;
      border: 1px solid #d8dde6;
      border-radius: 8px;
      background-color: #fff;
      color: #344054;
      font: inherit;
      font-weight: 750;
      box-sizing: border-box;
    }
    .ops-client-filters .project-select-input-wrap,
    .ops-client-filters .project-select-input-wrap select {
      min-width: 0;
    }
    .ops-client-status-tabs {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: nowrap;
      justify-content: flex-end;
      margin: 0;
      overflow-x: auto;
      padding-bottom: 2px;
    }
    .ops-client-status-tabs a {
      text-decoration: none;
    }
    #clients .ops-client-status-tabs .project-status-chip {
      border-color: #d8dee8;
      background: #f8fafc;
      color: #344054;
    }
    #clients .ops-client-status-tabs .project-status-chip.active {
      border-color: #98a2b3;
      background: #eef2f7;
      color: #182230;
    }
    .project-status-chip.is-archived {
      border-color: #e5e7eb;
      background: #f8fafc;
      color: #475467;
    }
    .ops-client-master-table th:first-child,
    .ops-client-master-table td:first-child {
      width: 34%;
      min-width: 260px;
    }
    .ops-client-master-table th:nth-child(3),
    .ops-client-master-table th:nth-child(4),
    .ops-client-master-table th:nth-child(5),
    .ops-client-master-table td:nth-child(3),
    .ops-client-master-table td:nth-child(4),
    .ops-client-master-table td:nth-child(5) {
      text-align: right;
      white-space: nowrap;
    }
    .ops-client-name {
      display: block;
      max-width: none;
      white-space: normal;
      overflow: visible;
      text-overflow: clip;
    }
    .ops-client-name strong {
      display: block;
      white-space: normal;
      overflow-wrap: normal;
      word-break: normal;
    }
    .ops-client-progress {
      font-weight: 850;
      color: var(--ink);
    }
    .ops-client-filter-actions {
      align-self: end;
      justify-content: flex-end;
      margin: 0;
      min-width: max-content;
    }
    .ops-client-master-table th,
    .ops-client-master-table td {
      vertical-align: top;
    }
    .ops-client-master-table small {
      display: inline-block;
      margin-left: 4px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
    }
    .ops-client-master-table .ops-client-registration-cell > span,
    .ops-client-master-table .ops-client-registration-cell > small {
      display: block;
    }
    .ops-client-master-table .ops-client-registration-cell > small {
      margin-top: 2px;
      margin-left: 0;
    }
    .ops-client-delete-form {
      margin: 0;
    }
    .ops-client-delete-button,
    .ops-client-delete-locked {
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 5px 9px;
      border: 1px solid #fecaca;
      border-radius: 7px;
      background: #fff5f5;
      color: #b42318;
      font-size: 12px;
      font-weight: 850;
      line-height: 1;
      white-space: nowrap;
    }
    .ops-client-delete-button {
      cursor: pointer;
    }
    .ops-client-delete-button:hover {
      background: #fee4e2;
    }
    .ops-client-delete-locked {
      border-color: #e5e7eb;
      background: #f8fafc;
      color: #667085;
    }
    .ops-client-link {
      color: var(--ink);
      text-decoration: none;
    }
    .ops-client-link:hover,
    .ops-client-link:focus-visible {
      color: #4f46e5;
      text-decoration: underline;
      text-underline-offset: 3px;
    }
    .ops-client-edit-form {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 14px;
      min-width: 0;
      width: 100%;
      max-width: 100%;
    }
    #clients.ops-client-list-panel {
      grid-template-columns: minmax(0, 1fr);
      min-width: 0;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
    #clients.ops-client-list-panel > * {
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
    }
    .ops-client-edit-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
      width: 100%;
      max-width: 100%;
      flex-wrap: wrap;
      box-sizing: border-box;
    }
    .ops-client-edit-head > div:first-child {
      min-width: 0;
      flex: 1 1 300px;
    }
    .ops-client-edit-head h2,
    .ops-client-edit-head p {
      overflow-wrap: anywhere;
    }
    .ops-client-edit-head-actions {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      flex-wrap: wrap;
      flex: 0 1 auto;
      max-width: 100%;
    }
    .ops-client-archive-form {
      margin: 0;
    }
    .ops-client-edit-head-actions .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 36px;
      padding: 0 14px;
      text-align: center;
      white-space: nowrap;
    }
    .ops-client-edit-form input[readonly] {
      color: var(--muted);
      background: #f7f7f8;
      cursor: not-allowed;
    }
    .ops-client-create-001 {
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }
    .ops-client-create-001 .page-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
      padding-bottom: 12px;
      border-bottom: 1px solid var(--line);
    }
    .ops-client-create-001 .page-head h2 {
      margin: 0;
      color: var(--ink);
      font-size: 26px;
      line-height: 1.12;
    }
    .ops-client-create-001 .page-head p {
      margin: 6px 0 0;
      color: var(--muted);
      font-size: 13px;
      font-weight: 760;
      line-height: 1.42;
    }
    .ops-client-kyc-form {
      display: grid;
      gap: 14px;
    }
    .ops-client-intake-workspace {
      margin-bottom: 22px;
      padding-bottom: 22px;
      border-bottom: 1px solid var(--line);
    }
    .ops-client-intake-management-panel { display: grid; gap: 16px; }
    .ops-client-intake-workspace.ops-client-intake-standalone { margin-bottom: 0; padding-bottom: 18px; border-bottom: 0; }
    .ops-client-intake-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 18px;
    }
    .ops-client-intake-head h2 {
      margin: 0 0 5px;
      color: var(--ink);
      font-size: 21px;
      line-height: 1.2;
    }
    .ops-client-intake-head p {
      max-width: 640px;
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 720;
      line-height: 1.5;
    }
    .ops-client-intake-head-actions,
    .ops-kyc-register-actions {
      display: flex;
      gap: 8px;
      align-items: center;
      flex-wrap: wrap;
    }
    .ops-client-intake-head-actions .button,
    .ops-kyc-register-actions .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 38px;
      padding: 0 13px;
      text-decoration: none;
      white-space: nowrap;
    }
    .ops-client-intake-flow {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      margin-top: 16px;
      border: 1px solid var(--line);
      border-radius: 9px;
      overflow: hidden;
      background: #fff;
    }
    .ops-client-intake-flow > div {
      display: grid;
      grid-template-columns: 28px minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      min-height: 62px;
      padding: 11px 14px;
    }
    .ops-client-intake-flow > div + div {
      border-left: 1px solid var(--line);
    }
    .ops-client-intake-flow b {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: #eaf2ff;
      color: #1769d2;
      font-size: 12px;
    }
    .ops-client-intake-flow strong,
    .ops-client-intake-flow small {
      display: block;
    }
    .ops-client-intake-flow strong {
      font-size: 12px;
    }
    .ops-client-intake-flow small {
      margin-top: 3px;
      color: var(--muted);
      font-size: 10px;
      line-height: 1.35;
    }
    .ops-client-intake-review-note {
      margin-top: 14px;
      padding: 13px 14px;
      border: 1px solid #b9cdf2;
      border-radius: 9px;
      background: #f7faff;
    }
    .ops-client-intake-review-note {
      display: grid;
      gap: 4px;
      margin: 0 0 16px;
    }
    .ops-client-intake-review-note span {
      color: #52606f;
      font-size: 12px;
      line-height: 1.45;
    }
    .ops-client-intake-register {
      margin-top: 14px;
      border: 1px solid var(--line);
      border-radius: 9px;
      background: #fff;
      overflow: hidden;
    }
    .ops-client-intake-register > summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 12px 14px;
      cursor: pointer;
      list-style: none;
    }
    .ops-client-intake-register > summary::-webkit-details-marker {
      display: none;
    }
    .ops-client-intake-register > summary strong,
    .ops-client-intake-register > summary small {
      display: block;
    }
    .ops-client-intake-register > summary small {
      margin-top: 3px;
      color: var(--muted);
      font-size: 10px;
    }
    .ops-client-intake-register > summary > span:last-child {
      color: #1769d2;
      font-size: 11px;
      font-weight: 850;
    }
    .ops-client-intake-register[open] > summary {
      border-bottom: 1px solid var(--line);
    }
    .ops-client-intake-register table small,
    .ops-kyc-status + small {
      display: block;
      margin-top: 4px;
      color: var(--muted);
      font-size: 10px;
      line-height: 1.35;
    }
    .ops-client-intake-register .operations-table {
      width: 100%;
      min-width: 0;
      table-layout: fixed;
    }
    .ops-client-intake-register .operations-table th:nth-child(1) { width: 39%; }
    .ops-client-intake-register .operations-table th:nth-child(2) { width: 28%; }
    .ops-client-intake-register .operations-table th:nth-child(3) { width: 33%; }
    .ops-client-intake-register .operations-table td {
      overflow-wrap: anywhere;
    }
    .ops-kyc-status {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      padding: 2px 8px;
      border-radius: 999px;
      background: #eef2f6;
      color: #475467;
      font-size: 10px;
      font-weight: 850;
      text-transform: uppercase;
    }
    .ops-kyc-status.is-submitted { background: #fff3dc; color: #8a4b08; }
    .ops-kyc-status.is-accepted { background: #e9f7ee; color: #18743a; }
    .ops-kyc-status.is-expired,
    .ops-kyc-status.is-revoked { background: #f2f4f7; color: #667085; }
    .ops-client-intake-management-panel { width: 100%; min-width: 0; }
    .ops-kyc-management { width: 100%; min-width: 0; }
    .ops-kyc-management-head { align-items: flex-start; }
    .ops-kyc-management-head p { max-width: 660px; margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
    .ops-kyc-management-head-actions { display: flex; gap: 8px; flex-wrap: wrap; }
    .ops-kyc-management-head-actions .button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 13px; text-decoration: none; white-space: nowrap; }
    .ops-kyc-management-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 16px 0; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: #fff; }
    .ops-kyc-management-summary > div { display: grid; gap: 3px; min-height: 70px; padding: 13px 15px; align-content: center; }
    .ops-kyc-management-summary > div + div { border-left: 1px solid var(--line); }
    .ops-kyc-management-summary strong { font-size: 20px; line-height: 1; }
    .ops-kyc-management-summary span { color: var(--muted); font-size: 11px; font-weight: 750; }
    .ops-kyc-management-table table { min-width: 1040px; }
    .ops-kyc-management-table th:nth-child(1) { width: 180px; }
    .ops-kyc-management-table th:nth-child(2) { width: 225px; }
    .ops-kyc-management-table th:nth-child(3) { width: 90px; }
    .ops-kyc-management-table th:nth-child(4) { width: 145px; }
    .ops-kyc-management-table th:nth-child(5) { width: 150px; }
    .ops-kyc-management-table th:nth-child(6) { width: 250px; }
    .ops-kyc-management-table td { vertical-align: top; overflow-wrap: anywhere; }
    .ops-kyc-management-table td > small,
    .ops-kyc-link-copy small,
    .ops-kyc-mail-action small { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.4; }
    .ops-kyc-expiry { white-space: nowrap; }
    .ops-kyc-management-actions { display: flex; align-items: flex-start; gap: 6px; flex-wrap: wrap; }
    .ops-kyc-management-actions form { margin: 0; }
    .ops-kyc-icon-button { display: inline-grid !important; place-items: center; width: 38px !important; min-width: 38px !important; height: 38px !important; min-height: 38px !important; padding: 0 !important; border-radius: 9px; }
    .ops-kyc-icon-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
    .ops-kyc-management-actions .button.danger { border-color: #f1b5b5; background: #fff6f6; color: #b42318; }
    .ops-kyc-link-copy,
    .ops-kyc-mail-action { display: flex; flex: 0 0 118px; flex-direction: column; align-items: flex-start; gap: 4px; width: 118px; max-width: 118px; }
    .ops-kyc-link-copy small,
    .ops-kyc-mail-action small { width: 118px; max-width: 118px; margin-top: 0; overflow-wrap: anywhere; }
    .ops-kyc-mail-history-row td { padding: 0 !important; border-top: 0 !important; background: #f8fafc; }
    .ops-kyc-mail-history { display: grid; grid-template-columns: 124px minmax(0, 1fr); gap: 12px; padding: 9px 14px 11px; border-top: 1px dashed #d8dee8; }
    .ops-kyc-mail-history > strong { padding-top: 5px; color: var(--muted); font-size: 10px; letter-spacing: .06em; }
    .ops-kyc-mail-history > div { display: flex; flex-wrap: wrap; gap: 6px 14px; }
    .ops-kyc-mail-history-event { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; color: #475467; font-size: 10px; }
    .ops-kyc-mail-history-event svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
    .ops-kyc-mail-history-event b { color: #18743a; }
    .ops-kyc-mail-history-event.is-failed b { color: #b42318; }
    .ops-kyc-mail-history-event.is-unknown b { color: #9a6700; }
    .ops-kyc-mail-history-event em { color: var(--muted); font-style: normal; }
    .ops-kyc-email-preview-dialog { width: min(680px, calc(100vw - 28px)); max-height: calc(100vh - 36px); padding: 0; border: 0; border-radius: 14px; background: #fff; box-shadow: 0 24px 72px rgba(15, 23, 42, .28); overflow: hidden; }
    .ops-kyc-email-preview-dialog::backdrop { background: rgba(15, 23, 42, .42); }
    .ops-kyc-email-preview-shell { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; max-height: calc(100vh - 36px); }
    .ops-kyc-email-preview-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 20px 22px 16px; border-bottom: 1px solid var(--line); }
    .ops-kyc-email-preview-head h2 { margin: 0; font-size: 21px; }
    .ops-kyc-email-preview-head p { margin: 5px 0 0; color: var(--muted); line-height: 1.45; }
    .ops-kyc-email-preview-content { display: grid; gap: 14px; padding: 18px 22px; overflow: auto; }
    .ops-kyc-email-preview-field { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px; align-items: start; }
    .ops-kyc-email-preview-field > span { color: var(--muted); font-size: 11px; font-weight: 850; text-transform: uppercase; }
    .ops-kyc-email-preview-field strong { overflow-wrap: anywhere; }
    .ops-kyc-email-preview-body { margin: 0; padding: 15px; border: 1px solid var(--line); border-radius: 10px; background: #f7f8fa; color: var(--ink); font: 13px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
    .ops-kyc-email-preview-note { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
    .ops-kyc-email-preview-actions { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 22px; border-top: 1px solid var(--line); background: #fafbfc; }
    .ops-kyc-email-preview-actions form { margin: 0; }
    .operations-form-success { display: grid; gap: 3px; margin: 14px 0; padding: 11px 13px; border: 1px solid #a9ddb8; border-radius: 9px; background: #f0fbf3; color: #18743a; font-size: 12px; }
    .ops-client-intake-dialog {
      width: min(590px, calc(100vw - 30px));
      padding: 0;
      border: 0;
      border-radius: 12px;
      box-shadow: 0 24px 70px rgba(15, 23, 42, .28);
    }
    .ops-client-intake-dialog::backdrop { background: rgba(15, 23, 42, .42); }
    .ops-client-intake-dialog-inner { padding: 22px; }
    .ops-client-intake-dialog header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 18px;
      padding-bottom: 14px;
      border-bottom: 1px solid var(--line);
    }
    .ops-client-intake-dialog h3 { margin: 0 0 4px; font-size: 18px; }
    .ops-client-intake-dialog p { margin: 0; color: var(--muted); font-size: 12px; }
    .ops-client-intake-dialog-error {
      display: grid;
      gap: 3px;
      margin: 0 0 14px;
      padding: 10px 12px;
      border: 1px solid #f3b7b7;
      border-radius: 8px;
      background: #fff5f5;
      color: #9b1c1c;
      font-size: 12px;
    }
    .ops-client-intake-dialog form {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 13px;
    }
    .ops-client-intake-dialog label {
      display: grid;
      gap: 6px;
      color: #5f6875;
      font-size: 12px;
      font-weight: 800;
    }
    .ops-client-intake-dialog input,
    .ops-client-intake-dialog select {
      width: 100%;
      min-width: 0;
      height: 40px;
      padding: 8px 10px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #f8f9fa;
      font: inherit;
      font-size: 13px;
    }
    .ops-client-intake-dialog [aria-invalid="true"] { border-color: #d92d20; background: #fffafa; }
    .ops-client-intake-field-error { color: #b42318; font-size: 11px; font-weight: 700; }
    .ops-client-intake-dialog form > button { justify-self: start; }
    @media (max-width: 760px) {
      .ops-client-intake-head { display: block; }
      .ops-client-intake-head-actions { display: grid; grid-template-columns: 1fr; margin-top: 14px; }
      .ops-client-intake-head-actions .button { width: 100%; }
      .ops-client-intake-flow { grid-template-columns: 1fr; }
      .ops-client-intake-flow > div + div { border-left: 0; border-top: 1px solid var(--line); }
      .ops-client-intake-dialog form { grid-template-columns: 1fr; }
      .ops-client-intake-dialog form > button { width: 100%; }
      .ops-kyc-register-actions { display: grid; grid-template-columns: 1fr; }
      .ops-kyc-register-actions .button { width: 100%; }
      .ops-kyc-management-head { display: block; }
      .ops-kyc-management-head-actions { display: grid; grid-template-columns: 1fr; margin-top: 14px; }
      .ops-kyc-management-head-actions .button { width: 100%; }
      .ops-kyc-management-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .ops-kyc-management-summary > div + div { border-left: 0; }
      .ops-kyc-management-summary > div:nth-child(even) { border-left: 1px solid var(--line); }
      .ops-kyc-management-summary > div:nth-child(n+3) { border-top: 1px solid var(--line); }
      .ops-kyc-management-table { overflow: visible; border: 0; background: transparent; }
      .ops-kyc-management-table table { display: block; min-width: 0; }
      .ops-kyc-management-table thead { display: none; }
      .ops-kyc-management-table tbody,
      .ops-kyc-management-table tr,
      .ops-kyc-management-table td { display: block; width: 100%; }
      .ops-kyc-management-table tbody tr { margin-bottom: 12px; padding: 4px 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
      .ops-kyc-management-table td { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }
      .ops-kyc-management-table td:last-child { border-bottom: 0; }
      .ops-kyc-management-table td::before { content: attr(data-label); color: var(--muted); font-size: 10px; font-weight: 850; text-transform: uppercase; }
      .ops-kyc-management-actions { display: flex; width: 100%; }
      .ops-kyc-link-copy,
      .ops-kyc-mail-action { display: flex; width: 118px; }
      .ops-kyc-management-actions .ops-kyc-icon-button { width: 38px !important; }
      .ops-kyc-mail-history-row { margin-top: -12px !important; padding: 0 14px 10px !important; border-top: 0 !important; }
      .ops-kyc-mail-history-row td { display: block; padding: 0 !important; }
      .ops-kyc-mail-history-row td::before { display: none; }
      .ops-kyc-mail-history { grid-template-columns: 1fr; gap: 5px; padding: 10px 0 0; }
      .ops-kyc-mail-history > div { display: grid; }
      .ops-kyc-mail-history-event { flex-wrap: wrap; }
      .ops-kyc-email-preview-field { grid-template-columns: 1fr; gap: 4px; }
      .ops-kyc-email-preview-actions { display: grid; grid-template-columns: 1fr 1fr; }
      .ops-kyc-email-preview-actions .button { width: 100%; }
    }
    .ops-client-kyc-grid-form {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px 12px;
      align-items: start;
      min-width: 0;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
    .ops-client-company-fields {
      display: contents;
    }
    .ops-client-company-fields[hidden] {
      display: none !important;
    }
    .ops-client-kyc-grid-form label {
      min-width: 0;
      display: grid;
      align-content: start;
      gap: 6px;
      color: #5f6875;
      font-size: 12px;
      font-weight: 850;
      line-height: 1.25;
    }
    .ops-client-kyc-grid-form label.full {
      grid-column: 1 / -1;
    }
    .ops-client-kyc-grid-form label.span-3 {
      grid-column: span 3;
    }
    .ops-client-readonly-grid {
      margin-top: 14px;
      min-width: 0;
      width: 100%;
      max-width: 100%;
    }
    .ops-client-readonly-grid label {
      min-height: 66px;
    }
    .ops-client-readonly-grid label span {
      width: 100%;
      min-width: 0;
      min-height: 40px;
      display: flex;
      align-items: center;
      padding: 8px 11px;
      border: 0;
      border-radius: 8px;
      background: #f8f9fa;
      color: var(--ink);
      font-size: 13px;
      font-weight: 760;
      line-height: 1.35;
      box-shadow: none;
      overflow-wrap: anywhere;
      text-decoration: none;
    }
    .ops-client-readonly-grid label.full span {
      min-height: 76px;
      align-items: flex-start;
    }
    .ops-client-kyc-section {
      grid-column: 1 / -1;
      margin-top: 2px;
      padding-top: 12px;
      border-top: 1px solid var(--line);
      color: #4b5563;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .ops-client-kyc-grid-form input,
    .ops-client-kyc-grid-form select,
    .ops-client-kyc-grid-form textarea {
      width: 100%;
      min-width: 0;
      height: 40px;
      min-height: 40px;
      padding: 8px 11px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #f8f9fa;
      color: var(--ink);
      font: inherit;
      font-size: 13px;
      font-weight: 760;
      outline: none;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
    }
    .ops-client-kyc-grid-form textarea {
      height: auto;
      min-height: 76px;
      resize: vertical;
      line-height: 1.45;
    }
    .ops-client-kyc-grid-form input:focus,
    .ops-client-kyc-grid-form select:focus,
    .ops-client-kyc-grid-form textarea:focus {
      border-color: #8a93a3;
      box-shadow: 0 0 0 3px rgba(37,99,235,.08);
    }
    .ops-client-kyc-print {
      display: grid;
      gap: 14px;
      margin-top: 14px;
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
    }
    .ops-client-print-source {
      display: none;
    }
    .ops-client-kyc-print-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
      padding-bottom: 10px;
      border-bottom: 1px solid var(--line);
    }
    .ops-client-kyc-print-head span {
      display: block;
      color: #6b7280;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .ops-client-kyc-print-head h2 {
      margin: 4px 0;
      color: var(--ink);
      font-size: 24px;
      line-height: 1.1;
    }
    .ops-client-kyc-print-head p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 740;
    }
    .ops-client-kyc-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      border-top: 1px solid var(--line);
      border-left: 1px solid var(--line);
    }
    .ops-client-kyc-grid article {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(130px, .36fr) minmax(0, 1fr);
      border-right: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      min-height: 40px;
    }
    .ops-client-kyc-grid article.full {
      grid-column: 1 / -1;
    }
    .ops-client-kyc-grid strong,
    .ops-client-kyc-grid span {
      padding: 8px 10px;
      overflow-wrap: anywhere;
      font-size: 12px;
      line-height: 1.35;
    }
    .ops-client-kyc-grid strong {
      background: #f8f9fa;
      color: #4b5563;
      font-weight: 900;
    }
    .ops-client-kyc-grid span {
      color: var(--ink);
      font-weight: 730;
    }
    .ops-client-kyc-signatures {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 8px;
    }
    .ops-client-kyc-signatures span {
      min-height: 54px;
      display: flex;
      align-items: flex-end;
      padding-top: 24px;
      border-bottom: 1px solid #8a93a3;
      color: #4b5563;
      font-size: 11px;
      font-weight: 850;
    }
    @media print {
      body:has(.ops-client-kyc-print) {
        background: #fff;
      }
      body:has(.ops-client-kyc-print) * {
        visibility: hidden;
      }
      body:has(.ops-client-kyc-print) .ops-client-kyc-print,
      body:has(.ops-client-kyc-print) .ops-client-kyc-print * {
        visibility: visible;
      }
      body:has(.ops-client-kyc-print) .ops-client-print-source {
        display: block;
        visibility: visible;
      }
      body:has(.ops-client-kyc-print) .ops-client-kyc-print {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
      }
      body:has(.ops-client-kyc-print) .no-print {
        display: none !important;
      }
      body:has(.ops-client-kyc-print) .ops-client-kyc-print-head {
        padding-bottom: 12px;
      }
      body:has(.ops-client-kyc-print) .ops-client-kyc-grid,
      body:has(.ops-client-kyc-print) .ops-client-kyc-grid article {
        break-inside: avoid;
      }
    }
	    .operations-panel-actions {
	      display: flex;
	      align-items: center;
	      justify-content: flex-end;
	      gap: 8px;
	      flex-wrap: wrap;
	    }
	    .operations-panel-actions a,
	    .operations-panel-actions button {
	      min-height: 32px;
	      display: inline-flex;
	      align-items: center;
	      justify-content: center;
	      padding: 6px 10px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      font-size: 12px;
      font-weight: 800;
	      text-decoration: none;
	      white-space: nowrap;
	    }
	    .operations-panel-actions button:disabled {
	      cursor: not-allowed;
	      opacity: .58;
	    }
	    .operations-panel-actions button:not(:disabled) {
	      cursor: pointer;
	    }
	    .operations-panel-actions a:hover {
	      background: var(--accent-soft);
	    }
	    .operations-form-errors {
	      display: grid;
	      gap: 8px;
	      margin: 0 0 12px;
	      padding: 12px;
	      border: 1px solid rgba(214, 38, 38, .24);
	      border-radius: 8px;
	      background: rgba(214, 38, 38, .06);
	      color: #9f1239;
	      font-size: 13px;
	      font-weight: 750;
	    }
	    .operations-form-errors ul {
	      margin: 0;
	      padding-left: 18px;
	    }
	    .operations-action-primary,
	    .operations-panel-actions button.secondary {
	      min-height: 32px;
	      display: inline-flex;
	      align-items: center;
	      justify-content: center;
	      padding: 6px 10px;
	      border: 1px solid var(--line);
	      border-radius: 8px;
	      background: #fff;
	      color: var(--ink);
	      font-size: 12px;
	      font-weight: 800;
	    }
	    .operations-form-grid {
	      display: grid;
	      grid-template-columns: repeat(2, minmax(0, 1fr));
	      gap: 10px 14px;
	      padding: 12px;
	      border: 1px solid var(--line);
	      border-radius: 8px;
	      background: rgba(255,255,255,.78);
	    }
	    .operations-form-grid label {
	      min-width: 0;
	      display: grid;
	      gap: 5px;
	      color: var(--muted);
	      font-size: 12px;
	      font-weight: 800;
	      line-height: 1.25;
	    }
	    .operations-form-grid label.full {
	      grid-column: 1 / -1;
	    }
	    .operations-form-grid span {
	      min-height: 34px;
	      display: flex;
	      align-items: center;
	      padding: 7px 0;
	      border-bottom: 1px solid var(--line);
	      color: var(--ink);
	      font-size: 14px;
	      font-weight: 750;
	      overflow-wrap: anywhere;
	    }
	    .operations-form-grid input,
	    .operations-form-grid select,
	    .operations-form-grid textarea {
	      width: 100%;
	      min-width: 0;
	      min-height: 38px;
	      padding: 8px 0;
	      border: 0;
	      border-bottom: 1px solid var(--line);
	      border-radius: 0;
	      background: transparent;
	      color: var(--ink);
	      font: inherit;
	      font-size: 14px;
	      font-weight: 750;
	      outline: none;
	    }
	    .operations-form-grid textarea {
	      min-height: 74px;
	      resize: vertical;
	      line-height: 1.45;
	    }
	    .operations-form-grid input:focus,
	    .operations-form-grid select:focus,
	    .operations-form-grid textarea:focus {
	      border-bottom-color: #8a93a3;
	    }
    .panel:has(> form.ops-client-kyc-form) .ops-client-kyc-grid-form input,
    .panel:has(> form.ops-client-kyc-form) .ops-client-kyc-grid-form select,
    .panel:has(> form.ops-client-kyc-form) .ops-client-kyc-grid-form textarea,
    .ops-client-edit-form .ops-client-kyc-grid-form input,
    .ops-client-edit-form .ops-client-kyc-grid-form select,
    .ops-client-edit-form .ops-client-kyc-grid-form textarea {
      height: 40px;
      min-height: 40px;
      padding: 8px 11px;
      border: 0;
      border-radius: 8px;
      background: #f8f9fa;
      color: var(--ink);
      box-shadow: none;
    }
    .panel:has(> form.ops-client-kyc-form) .ops-client-kyc-grid-form textarea,
    .ops-client-edit-form .ops-client-kyc-grid-form textarea {
      height: auto;
      min-height: 76px;
    }
    .ops-client-create-001 .ops-client-kyc-grid-form label,
    .ops-client-create-001 .ops-client-kyc-grid-form input,
    .ops-client-create-001 .ops-client-kyc-grid-form select,
    .ops-client-create-001 .ops-client-kyc-grid-form textarea,
    .ops-client-edit-form .ops-client-kyc-grid-form label,
    .ops-client-edit-form .ops-client-kyc-grid-form input,
    .ops-client-edit-form .ops-client-kyc-grid-form select,
    .ops-client-edit-form .ops-client-kyc-grid-form textarea,
    .ops-client-readonly-grid label,
    .ops-client-readonly-grid span {
      border: 0 !important;
      border-bottom: 0 !important;
      box-shadow: none !important;
      text-decoration: none !important;
    }
    .ops-client-create-001:not(.ops-client-edit-001) .ops-client-kyc-grid-form {
      display: block;
    }
    .ops-client-form-section {
      width: 100%;
      min-width: 0;
      padding: 18px 0 20px;
      border-top: 1px solid var(--line);
    }
    .ops-client-form-section-first {
      padding-top: 4px;
      border-top: 0;
    }
    .ops-client-form-section h2 {
      margin: 0 0 12px;
      color: #6b7280;
      font-size: 11px;
      font-weight: 900;
      line-height: 1.25;
      letter-spacing: .065em;
      text-transform: uppercase;
    }
    .ops-client-form-section-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px 12px;
      min-width: 0;
    }
    .ops-client-form-section-grid-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .ops-client-create-001:not(.ops-client-edit-001) .ops-client-form-section-grid label {
      gap: 6px;
      color: #5f6875;
      font-size: 12px;
      font-weight: 820;
      line-height: 1.25;
    }
    .ops-client-create-001:not(.ops-client-edit-001) .ops-client-form-section-grid label small {
      margin-top: -1px;
      color: #7c8592;
      font-size: 11px;
      font-weight: 680;
      line-height: 1.35;
    }
    .ops-client-create-001:not(.ops-client-edit-001) .ops-client-form-section-grid input,
    .ops-client-create-001:not(.ops-client-edit-001) .ops-client-form-section-grid select,
    .ops-client-create-001:not(.ops-client-edit-001) .ops-client-form-section-grid textarea {
      height: 40px;
      min-height: 40px;
      padding: 8px 11px;
      border-radius: 8px;
      background: #f8f9fa;
      color: var(--ink);
      font-size: 13px;
      font-weight: 760;
      line-height: 1.35;
    }
    .ops-client-create-001:not(.ops-client-edit-001) .ops-client-form-section-grid textarea {
      height: auto;
      min-height: 82px;
      line-height: 1.45;
    }
    .ops-client-create-001:not(.ops-client-edit-001) .ops-client-form-section-grid input[readonly] {
      background: #eef0f3;
      color: #4b5563;
    }
    .ops-client-create-001:not(.ops-client-edit-001) .ops-client-form-section-grid input::placeholder,
    .ops-client-create-001:not(.ops-client-edit-001) .ops-client-form-section-grid textarea::placeholder {
      color: #8a93a3;
      opacity: 1;
      font-weight: 650;
    }
    .ops-client-create-001:not(.ops-client-edit-001) .ops-client-form-section-grid input:focus,
    .ops-client-create-001:not(.ops-client-edit-001) .ops-client-form-section-grid select:focus,
    .ops-client-create-001:not(.ops-client-edit-001) .ops-client-form-section-grid textarea:focus {
      outline: 2px solid rgba(37, 99, 235, .35);
      outline-offset: 1px;
    }
    .ops-client-form-actions {
      justify-content: flex-end;
      gap: 8px;
      margin-top: 0;
      padding-top: 16px;
      border-top: 1px solid var(--line);
    }
    @media (max-width: 1024px) {
      .ops-client-form-section-grid,
      .ops-client-form-section-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 599px) {
      .ops-client-form-section {
        padding: 16px 0 18px;
      }
      .ops-client-form-section-first {
        padding-top: 2px;
      }
      .ops-client-form-section-grid,
      .ops-client-form-section-grid-4 {
        grid-template-columns: 1fr;
        gap: 12px;
      }
      .ops-client-form-actions {
        display: grid;
        grid-template-columns: 1fr;
      }
      .ops-client-form-actions button {
        width: 100%;
        min-height: 44px;
      }
    }
	    .operations-client-preview {
	      display: grid;
	      gap: 12px;
	      padding: 12px;
	      border: 1px solid var(--line);
	      border-radius: 8px;
	      background: #fff;
	    }
		    .operations-preview-actions {
		      margin-top: 0;
		    }
	    .ops-finance-native-panel {
	      padding: 16px;
	      margin-bottom: 14px;
	      background: var(--panel);
	      border: 1px solid var(--line);
	      border-radius: 8px;
	      box-shadow: var(--shadow);
	    }
	    .ops-finance-native-head {
	      display: flex;
	      align-items: flex-start;
	      justify-content: space-between;
	      gap: 12px;
	      margin-bottom: 16px;
	    }
	    .ops-finance-native-head h2 {
	      margin: 0;
	      color: var(--ink);
	      font-size: 20px;
	      line-height: 1.16;
	      letter-spacing: 0;
	    }
	    .ops-finance-native-head p {
	      margin: 4px 0 0;
	      color: var(--muted);
	      font-size: 13px;
	      line-height: 1.45;
	    }
	    .ops-finance-native-grid {
	      display: grid;
	      grid-template-columns: repeat(2, minmax(0, 1fr));
	      gap: 12px;
	      padding: 0;
	      border: 0;
	      border-radius: 0;
	      background: transparent;
	    }
	    .ops-finance-native-grid label {
	      min-width: 0;
	      display: grid;
	      gap: 5px;
	      color: var(--muted);
	      font-size: 12px;
	      font-weight: 700;
	      line-height: 1.25;
	    }
	    .ops-finance-native-grid label.full {
	      grid-column: 1 / -1;
	    }
	    .ops-finance-native-grid input,
	    .ops-finance-native-grid select,
	    .ops-finance-native-grid textarea {
	      width: 100%;
	      min-width: 0;
	      min-height: 40px;
	      padding: 9px 10px;
	      border: 1px solid var(--line);
	      border-radius: 8px;
	      background: #fff;
	      color: var(--ink);
	      font: inherit;
	      font-size: 14px;
	      font-weight: 700;
	      outline: none;
	    }
	    .ops-finance-native-grid textarea {
	      min-height: 90px;
	      resize: vertical;
	      line-height: 1.45;
	    }
	    .ops-finance-native-grid input:focus,
	    .ops-finance-native-grid select:focus,
	    .ops-finance-native-grid textarea:focus {
	      border-color: var(--accent);
	      box-shadow: 0 0 0 3px rgba(75,85,99,.16);
	    }
	    .ops-finance-native-actions {
	      display: flex;
	      justify-content: flex-start;
	      gap: 10px;
	      flex-wrap: wrap;
	      margin-top: 16px;
	    }
	    .ops-finance-native-actions button,
	    .ops-finance-native-button {
	      display: inline-flex;
	      align-items: center;
	      justify-content: center;
	      width: auto;
	      min-width: 132px;
	      min-height: 40px;
	      padding: 10px 14px;
	      border: 1px solid #007aff;
	      border-radius: 8px;
	      background: #007aff;
	      color: #fff;
	      font: inherit;
	      font-size: 13px;
	      font-weight: 700;
	      text-align: center;
	      text-decoration: none;
	      cursor: pointer;
	    }
	    .ops-finance-native-actions button:hover,
	    .ops-finance-native-button:hover {
	      background: #006ee6;
	      border-color: #006ee6;
	      color: #fff;
	    }
	    .ops-finance-native-actions button.secondary,
	    .ops-finance-native-button.secondary {
	      background: #fff;
	      color: var(--ink);
	      border-color: var(--line);
	    }
	    .ops-finance-native-actions button.secondary:hover,
	    .ops-finance-native-button.secondary:hover {
	      background: #f1f2f4;
	      color: var(--ink);
	      border-color: #cfd4dc;
	    }
	    .ops-finance-native-actions button:disabled {
	      background: #f8fafc;
	      color: #9ca3af;
	      border-color: var(--line);
	      cursor: not-allowed;
	      pointer-events: none;
	      opacity: 1;
	    }
	    .ops-finance-native-preview {
	      display: grid;
	      gap: 14px;
	      margin-top: 16px;
	      padding: 0;
	      border: 0;
	      border-radius: 0;
	      background: transparent;
	    }
	    .ops-finance-native-notice {
	      padding: 12px 14px;
	      border: 1px solid #d9dde3;
	      border-left: 3px solid #007aff;
	      border-radius: 8px;
	      background: #f8f9fa;
	      color: var(--ink);
	      font-size: 13px;
	      line-height: 1.45;
	    }
	    .ops-finance-native-table-scroll {
	      overflow-x: auto;
	      border: 1px solid var(--line);
	      border-radius: 8px;
	      background: #fff;
	    }
	    .ops-finance-native-table {
	      width: 100%;
	      min-width: 760px;
	      border-collapse: collapse;
	      background: #fff;
	      table-layout: fixed;
	    }
	    .ops-finance-native-table th,
	    .ops-finance-native-table td {
	      padding: 12px 10px;
	      border-bottom: 1px solid #e5e7eb;
	      text-align: left;
	      vertical-align: top;
	      font-size: 13px;
	      overflow-wrap: anywhere;
	    }
	    .ops-finance-native-table tr:last-child th,
	    .ops-finance-native-table tr:last-child td {
	      border-bottom: 0;
	    }
	    .ops-finance-native-table th {
	      width: 220px;
	      background: #f8f9fa;
	      color: var(--muted);
	      font-size: 12px;
	      font-weight: 800;
	    }
	    @media(max-width:700px) {
	      .ops-finance-native-head,
	      .ops-finance-native-actions {
	        display: grid;
	      }
	      .ops-finance-native-grid {
	        grid-template-columns: 1fr;
	      }
	      .ops-finance-native-actions button,
	      .ops-finance-native-button {
	        width: 100%;
	        min-width: 0;
	      }
	      .ops-finance-native-table {
	        min-width: 0;
	      }
	      .ops-finance-native-table th,
	      .ops-finance-native-table td {
	        display: block;
	        width: 100%;
	      }
	      .ops-finance-native-table th {
	        border-bottom: 0;
	        padding-bottom: 4px;
	      }
	      .ops-finance-native-table td {
	        padding-top: 0;
	      }
	    }
	    .service-line-list,
    .operations-list {
      display: grid;
      gap: 8px;
    }
    .service-line-list article,
    .operations-list article {
      min-width: 0;
      display: grid;
      gap: 7px;
      padding: 12px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fff;
    }
    .service-line-list article strong,
    .operations-list article strong {
      display: block;
      color: var(--ink);
      font-size: 14px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .service-line-list article p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
    }
    .service-line-list article span,
    .operations-list article > span {
      width: fit-content;
      min-height: 24px;
      display: inline-flex;
      align-items: center;
      padding: 0 9px;
      border: 1px solid #d9dde3;
      border-radius: 999px;
      background: #f2f3f5;
      color: #4b5563;
      font-size: 11px;
      font-weight: 850;
      white-space: nowrap;
    }
    .operations-list article {
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
    }
    .operations-list small {
      display: block;
      margin-top: 4px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .document-list article > span {
      background: #f8f9fa;
    }
    .operations-table-wrap {
      width: 100%;
      overflow-x: auto;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fff;
    }
    .operations-table {
      min-width: 760px;
      border-collapse: collapse;
      background: #fff;
    }
    .operations-table th,
    .operations-table td {
      padding: 11px 10px;
      border-bottom: 1px solid #d9dde3;
      color: var(--ink);
      font-size: 13px;
      line-height: 1.35;
      vertical-align: top;
    }
    .operations-table th {
      color: var(--muted);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .06em;
      text-transform: uppercase;
      background: #f8f9fa;
    }
    .operations-table tr:last-child td {
      border-bottom: 0;
    }
    .operations-table td strong {
      overflow-wrap: anywhere;
    }
    .reports-shell {
      max-width: 1220px;
    }
    .reports-command {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(210px, auto);
      gap: 14px;
      align-items: center;
      padding: 26px 0 14px;
    }
    .reports-command h1 {
      margin: 6px 0 8px;
      color: var(--ink);
      font-size: clamp(28px, 4vw, 42px);
      line-height: 1.08;
    }
    .reports-command p {
      margin: 0;
      max-width: 720px;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.55;
    }
    .reports-command-status {
      display: grid;
      gap: 6px;
      justify-items: end;
      padding: 11px 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 8px 22px rgba(25,34,49,.05);
    }
    .reports-command-status span {
      color: var(--muted);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .reports-command-status strong {
      color: #4b5563;
      font-size: 14px;
      line-height: 1.2;
      text-align: right;
    }
    .reports-grid {
      display: grid;
      gap: 12px;
    }
    .reports-panel {
      min-width: 0;
      display: grid;
      gap: 12px;
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: linear-gradient(180deg, #fff, var(--panel-soft));
      box-shadow: 0 8px 24px rgba(25,34,49,.04);
    }
    .reports-table-wrap {
      width: 100%;
      overflow-x: auto;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fff;
    }
    .reports-table {
      width: 100%;
      min-width: 860px;
      border-collapse: collapse;
      background: #fff;
    }
    .reports-table th,
    .reports-table td {
      padding: 10px;
      border-bottom: 1px solid #d9dde3;
      color: var(--ink);
      font-size: 13px;
      line-height: 1.35;
      text-align: left;
      vertical-align: top;
    }
    .reports-table th {
      color: var(--muted);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .06em;
      text-transform: uppercase;
      background: #f8f9fa;
    }
    .reports-table tr:last-child td {
      border-bottom: 0;
    }
    .reports-table td {
      overflow-wrap: anywhere;
    }
    .reports-table td strong {
      display: block;
      color: var(--ink);
      font-weight: 800;
      line-height: 1.25;
    }
    .project-shell {
      background:
        linear-gradient(180deg, rgba(255,255,255,.72), rgba(247,246,243,.88) 38%, rgba(242,241,238,.95)),
        var(--bg);
    }
    .project-shell .erp-global-main {
      max-width: none;
    }
    .project-command {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(180px, auto);
      gap: 14px;
      align-items: center;
      padding: 24px 0 14px;
    }
    .project-command h1 {
      margin: 0;
      color: var(--ink);
      font-size: clamp(32px, 4vw, 44px);
      font-weight: 850;
      line-height: 1.04;
      overflow-wrap: anywhere;
    }
    .project-command p {
      max-width: 780px;
      margin: 6px 0 0;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.45;
    }
    .project-mode {
      min-width: 0;
      display: grid;
      gap: 4px;
      justify-items: end;
      padding: 10px 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255,255,255,.78);
      box-shadow: 0 8px 22px rgba(25,34,49,.05);
    }
    .project-mode span {
      color: var(--muted);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .project-mode strong {
      max-width: 220px;
      color: var(--ink);
      font-size: 14px;
      line-height: 1.2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .project-metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin: 0 0 14px;
      padding: 8px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255,255,255,.68);
    }
    .project-metrics div {
      min-width: 0;
      display: grid;
      gap: 4px;
      padding: 10px;
      border-radius: 7px;
      background: #fff;
    }
    .project-metrics strong {
      color: var(--ink);
      font-size: 18px;
      line-height: 1.1;
    }
    .project-metrics span {
      color: var(--muted);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .07em;
      text-transform: uppercase;
    }
    .project-workflow {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 10px;
      margin: 0 0 14px;
    }
    .project-workflow article {
      min-width: 0;
      display: grid;
      gap: 6px;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255,255,255,.82);
      box-shadow: 0 8px 22px rgba(25,34,49,.04);
    }
    .project-workflow strong {
      color: var(--ink);
      font-size: 13px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .project-workflow p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }
    .module-home-directory {
      margin: 0 0 14px;
      border: 1px solid #d8e1ec;
      border-left: 3px solid #7fa9da;
      border-radius: 8px;
      background: #f8fafc;
      overflow: hidden;
    }
    .module-home-entry-list { display: grid; background: #fff; }
    .module-home-entry {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) auto;
      align-items: center;
      gap: 18px;
      padding: 12px 14px;
      border-bottom: 1px solid var(--line);
      color: var(--ink);
      text-decoration: none;
      transition: background-color .15s ease, box-shadow .15s ease;
    }
    .module-home-entry:last-child { border-bottom: 0; }
    .module-home-entry:hover,
    .module-home-entry:focus-visible {
      outline: none;
      background: #f7faff;
      box-shadow: inset 3px 0 #5d91ca;
    }
    .module-home-entry > strong { font-size: 13px; line-height: 1.25; }
    .module-home-entry-explanation {
      min-width: 0;
      display: grid;
      gap: 3px;
      color: #4f5968;
      font-size: 12px;
      line-height: 1.4;
    }
    .module-home-entry-explanation small { color: var(--muted); font-size: 11px; line-height: 1.45; }
    .module-home-entry > em { color: #1769c2; font-size: 14px; font-style: normal; font-weight: 850; }
    .admin-module-home-directory { margin-top: 0; }
    .project-action-bar {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0 0 14px;
      padding: 8px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255,255,255,.7);
    }
    .project-action-chip {
      min-width: 128px;
      min-height: 48px;
      display: grid;
      align-content: center;
      gap: 3px;
      padding: 9px 12px;
      border: 1px solid rgba(198, 204, 213, .92);
      border-radius: 8px;
      background: rgba(255,255,255,.9);
      color: var(--ink);
      text-decoration: none;
      box-shadow: 0 8px 18px rgba(25,34,49,.035);
    }
    .project-action-chip:hover {
      border-color: rgba(122, 130, 142, .75);
      background: #fff;
    }
    .project-action-chip strong {
      font-size: 13px;
      line-height: 1.15;
    }
    .project-action-chip small {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.25;
    }
    .project-action-chip.is-disabled {
      color: rgba(91, 99, 112, .78);
      background: rgba(245, 246, 248, .86);
      box-shadow: none;
    }
    .project-task-tree {
      position: relative;
      display: grid;
      gap: 0;
      border-top: 1px solid var(--line);
    }
    .project-task-owner-summary {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 8px;
      margin: 10px 0 12px;
    }
    .project-task-owner-summary article {
      display: grid;
      gap: 4px;
      min-width: 0;
      padding: 9px 10px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
    }
    .project-task-owner-summary strong {
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .project-task-owner-summary span {
      color: var(--muted);
      font-size: 12px;
      font-weight: 720;
      line-height: 1.35;
    }
    .project-task-node {
      display: grid;
      grid-template-columns: 32px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
      padding: 13px 0 13px;
      border-bottom: 1px solid var(--line);
      background: transparent;
    }
    .project-task-node.is-ready {
      background: transparent;
    }
    .project-task-node.is-blocked {
      background: transparent;
    }
    .project-task-node-step {
      width: 28px;
      height: 28px;
      display: inline-grid;
      place-items: center;
      border-radius: 999px;
      background: #f2f3f5;
      color: var(--ink);
      font-size: 12px;
      font-weight: 850;
    }
    .project-task-node-head {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      align-items: center;
      min-width: 0;
    }
    .project-task-node-head strong {
      min-width: 0;
      color: var(--ink);
      font-size: 14px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .project-task-node p {
      margin: 5px 0 7px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }
    .project-task-node small {
      display: block;
      color: var(--muted);
      font-size: 11px;
      line-height: 1.35;
    }
    .project-task-node-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 6px;
    }
    .project-task-node-meta span,
    .project-task-status {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      padding: 3px 8px;
      border: 1px solid var(--line);
      border-radius: 999px;
      color: var(--muted);
      background: rgba(255,255,255,.82);
      font-size: 11px;
      font-weight: 800;
      line-height: 1.1;
      white-space: nowrap;
    }
    .project-panel-intro {
      margin: -2px 0 12px;
      max-width: 760px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }
    .project-facts-panel {
      grid-row: auto;
    }
    .project-facts-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 24px;
      border-top: 1px solid var(--line);
    }
    .project-fact-row {
      min-height: 48px;
      display: grid;
      grid-template-columns: minmax(120px, .42fr) minmax(0, 1fr);
      gap: 14px;
      align-items: center;
      border-bottom: 1px solid var(--line);
    }
    .project-fact-row span {
      color: var(--muted);
      font-size: 13px;
      font-weight: 780;
      line-height: 1.25;
    }
    .project-fact-row strong {
      min-width: 0;
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
      line-height: 1.3;
      text-align: right;
      overflow-wrap: anywhere;
    }
    .project-task-workbench-flat {
      display: grid;
      gap: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }
    .project-task-workbench-flat > .operations-panel,
    .project-task-workbench-flat > .project-layout,
    .project-task-workbench-flat > .operations-state {
      margin: 0;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      background: transparent;
    }
    .project-task-workbench-flat > .operations-panel,
    .project-task-workbench-flat > .operations-state {
      padding: 18px 0;
      border-bottom: 1px solid var(--line);
    }
    .project-task-workbench-flat > .project-layout {
      display: block;
      padding: 0;
    }
    .project-task-workbench-flat > .project-layout > .operations-panel,
    .project-task-workbench-flat > .project-layout > .operations-panel:nth-child(2) {
      margin: 0;
      padding: 18px 0;
      border: 0;
      border-bottom: 1px solid var(--line);
      border-radius: 0;
      box-shadow: none;
      background: transparent;
      grid-row: auto;
    }
    .project-task-workbench-flat .operations-panel-head {
      min-height: 0;
      padding: 0;
    }
    .project-task-workbench-flat .operations-panel-head h2 {
      font-size: 18px;
    }
    .project-task-workbench-flat .module-group {
      color: var(--muted);
      letter-spacing: .06em;
    }
    .project-task-workbench-flat .project-facts-grid {
      column-gap: 22px;
      border-top: 1px solid var(--line);
    }
    .project-task-workbench-flat .operations-list {
      gap: 0;
      border-top: 1px solid var(--line);
    }
    .project-task-workbench-flat .operations-list article {
      padding: 13px 0;
      border: 0;
      border-bottom: 1px solid var(--line);
      border-radius: 0;
      background: transparent;
    }
    .project-task-workbench-flat .operations-list article:last-child {
      border-bottom: 0;
    }
    .project-task-workbench-flat .project-draft-form {
      margin-top: 14px;
      padding: 14px 0 0;
      border-top: 1px solid var(--line);
    }
    .project-task-workbench-flat .operations-table-wrap {
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }
    .project-task-workbench-flat .operations-table {
      min-width: 0;
      border-top: 1px solid var(--line);
      background: transparent;
    }
    .project-task-workbench-flat .operations-table th,
    .project-task-workbench-flat .operations-table td {
      background: transparent;
    }
    .project-task-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 18px;
      padding: 4px 0 16px;
      border-bottom: 1px solid var(--line);
    }
	    .project-task-header h1 {
	      margin: 4px 0 6px;
	      color: var(--ink);
		      font-size: 26px;
	      font-weight: 650;
      line-height: 1.08;
	      letter-spacing: 0;
	      overflow-wrap: anywhere;
	    }
	    .project-task-header h1 input {
		      display: inline-block;
		      width: auto;
		      min-width: 1ch;
		      max-width: 100%;
	      margin: 0 0 0 -2px;
	      padding: 0 2px;
	      border: 1px solid transparent;
	      border-radius: 6px;
	      background: transparent;
	      color: inherit;
		      font: inherit;
		      field-sizing: content;
	      line-height: inherit;
	      letter-spacing: 0;
	      outline: 0;
	      vertical-align: baseline;
	    }
	    .project-task-header h1 input:hover {
	      border-color: transparent;
	      background: #f8fafc;
	    }
	    .project-task-header h1 input:focus {
	      border-color: #93c5fd;
	      background: #fff;
	      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
	    }
    .project-task-header p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      font-weight: 760;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .project-task-header-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      margin-top: 7px;
    }
    .project-task-reassignment-alert {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin: 12px 0;
      padding: 10px 12px;
      border: 1px solid #fecdca;
      border-radius: 8px;
      background: #fff4ed;
      color: #7a271a;
    }
    .project-task-reassignment-alert div {
      display: grid;
      gap: 2px;
    }
    .project-task-reassignment-alert strong {
      color: #b42318;
      font-size: 12px;
    }
    .project-task-reassignment-alert span {
      font-size: 11px;
      line-height: 1.35;
    }
    .project-task-reassignment-alert a {
      flex: 0 0 auto;
      color: #b42318;
      font-size: 11px;
      font-weight: 850;
      white-space: nowrap;
    }
    .project-header-actions {
      display: flex;
      align-items: flex-start;
      justify-content: flex-end;
      gap: 8px;
      flex: 0 0 auto;
    }
    .project-header-add-task-link {
      min-height: 34px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 8px 14px !important;
      white-space: nowrap !important;
    }
    .project-task-meta-link {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0 3px;
      border-radius: 5px;
      color: #3f4a5a;
      font-size: 14px;
      font-weight: 800;
      line-height: 1.2;
      text-decoration: none;
      overflow-wrap: anywhere;
    }
    .project-task-header-code {
      color: #2f3a4a;
      font-weight: 900;
      letter-spacing: 0;
    }
    .project-task-meta-link + .project-task-meta-link::before {
      content: '/';
      margin: 0 8px 0 0;
      color: #a2aab6;
      font-weight: 700;
    }
    a.project-task-meta-link:hover {
      background: #eef5ff;
      color: #0a65cc;
      text-decoration: none;
    }
    .project-task-meta-task {
      color: #687386;
      font-size: 13px;
      font-weight: 820;
    }
    .project-task-meta-client,
    .project-task-meta-project {
      color: #1f2937;
      font-size: 14px;
    }
    #project-clients {
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }
    .project-client-directory-toolbar {
      display: grid;
      grid-template-columns: minmax(320px, 520px) 1fr auto;
      gap: 14px;
      align-items: center;
      margin-bottom: 14px;
    }
    .project-client-filter {
      display: block;
      min-width: 0;
      margin: 0;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }
    .project-client-filter .project-search-field {
      display: block;
      min-width: 0;
    }
    .project-client-directory-count {
      grid-column: 3;
      justify-self: end;
      color: #667085;
      font-size: 12px;
      font-weight: 850;
      white-space: nowrap;
    }
    .project-client-directory {
      display: grid;
      gap: 0;
      margin-top: 14px;
      border: 0;
      background: transparent;
    }
    .project-client-directory-head,
    .project-client-directory-row {
      display: grid;
      grid-template-columns: minmax(260px, 1.6fr) minmax(86px, .45fr) minmax(72px, .38fr) minmax(90px, .45fr) minmax(220px, 1fr);
      gap: 16px;
      align-items: center;
      min-width: 0;
    }
    .project-client-directory-head {
      min-height: 34px;
      padding: 0 12px;
      border-bottom: 1px solid #dfe6ef;
      color: #526173;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .project-client-directory-row {
      min-height: 58px;
      padding: 10px 12px;
      border-bottom: 1px solid #e5ebf3;
      color: #172033;
      font-size: 13px;
      font-weight: 760;
    }
    .project-client-directory-row:last-child {
      border-bottom: 0;
    }
    .project-client-directory-row > div,
    .project-client-directory-row > span {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .project-client-directory-row > span:not(:last-child) {
      color: #1f2937;
      font-weight: 820;
    }
    .project-client-directory-row strong {
      display: block;
      color: var(--ink);
      font-size: 13px;
      line-height: 1.25;
    }
    .project-client-directory-empty {
      padding: 14px 12px;
      border-bottom: 1px solid #e5ebf3;
      color: #667085;
      font-size: 13px;
      font-weight: 800;
    }
    .project-client-summary-row {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin: 10px 0 18px;
    }
    .project-client-summary-row span {
      min-height: 54px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 2px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      padding: 10px 12px;
      color: #5d6675;
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0;
    }
    .project-client-summary-row strong {
      color: var(--ink);
      font-size: 20px;
      line-height: 1.1;
    }
    .project-client-project-register {
      display: grid;
      gap: 8px;
      border: 0;
      border-radius: 0;
      overflow: visible;
      background: transparent;
    }
    .project-client-project-head,
    .project-client-project-row > summary,
    .project-client-project-static {
      display: grid;
      grid-template-columns: minmax(220px, 1.4fr) minmax(140px, .9fr) minmax(110px, .72fr) minmax(96px, .6fr) minmax(108px, .65fr) minmax(88px, .5fr);
      gap: 14px;
      align-items: center;
      min-width: 0;
    }
    .project-client-project-head {
      min-height: 34px;
      padding: 0 42px 0 12px;
      border-bottom: 1px solid #edf1f6;
      background: transparent;
      color: #526173;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .project-client-project-row {
      border: 1px solid #d7e0eb;
      border-radius: 8px;
      background: #fff;
      overflow: hidden;
      box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
    }
    .project-client-project-row:last-child {
      border-bottom: 1px solid #d7e0eb;
    }
    .project-client-project-row > summary,
    .project-client-project-static {
      min-height: 60px;
      position: relative;
      padding: 12px 42px 12px 12px;
      list-style: none;
    }
    .project-client-project-row > summary {
      cursor: pointer;
    }
    .project-client-project-static {
      padding-right: 12px;
      background: #fff;
    }
    .project-client-project-row > summary::-webkit-details-marker {
      display: none;
    }
    .project-client-project-row > summary::after {
      content: '+';
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%);
      width: 22px;
      height: 22px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #d9e1ec;
      border-radius: 999px;
      color: #526173;
      font-size: 14px;
      font-weight: 900;
      line-height: 1;
    }
    .project-client-project-row[open] > summary::after {
      content: '-';
    }
    .project-client-project-row[open] > summary {
      background: #f3f6fa;
      border-bottom: 1px solid #dfe7f1;
    }
    .project-client-project-row > summary > span,
    .project-client-project-static > span {
      min-width: 0;
      color: #172033;
      font-size: 13px;
      font-weight: 760;
      line-height: 1.35;
    }
    .project-client-project-row > summary strong,
    .project-client-task-grid strong,
    .project-client-subtask-list strong {
      display: block;
      color: #1d2939;
      font-size: 13px;
      font-weight: 750;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .project-client-project-body {
      display: grid;
      gap: 0;
      padding: 8px 12px 12px 34px;
      background: #f6f8fb;
    }
    .project-client-task-register {
      display: grid;
      gap: 0;
      background: transparent;
      border: 0;
      border-radius: 8px;
      overflow: visible;
    }
    .project-client-task-register > summary::-webkit-details-marker,
    .project-client-task-row > summary::-webkit-details-marker {
      display: none;
    }
    .project-client-task-register.is-empty {
      gap: 3px;
      padding: 12px 14px;
      border: 1px dashed #d9e1ec;
      border-radius: 8px;
      background: #fff;
      color: #667085;
      font-size: 12px;
      font-weight: 800;
    }
    .project-client-task-register-head {
      min-height: 40px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 8px 38px 8px 0;
      border-bottom: 1px solid #dde6f0;
      background: transparent;
      cursor: pointer;
      list-style: none;
    }
    .project-client-task-register-head::after {
      content: '-';
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #d9e1ec;
      border-radius: 999px;
      color: #526173;
      font-size: 13px;
      font-weight: 900;
    }
    .project-client-task-register:not([open]) > .project-client-task-register-head::after {
      content: '+';
    }
    .project-client-task-register-head strong,
    .project-client-task-register.is-empty strong {
      color: var(--ink);
      font-size: 13px;
    }
    .project-client-task-register-head span {
      color: #667085;
      font-size: 11px;
      font-weight: 900;
    }
	    .project-client-task-head-row,
	    .project-client-task-grid {
	      display: grid;
	      grid-template-columns: 0 36px minmax(190px, 1.35fr) minmax(150px, .9fr) minmax(90px, .45fr) minmax(110px, .7fr) minmax(100px, .55fr);
	      gap: 12px;
	      align-items: center;
	      min-width: 0;
	    }
	    .project-client-batch-move-form.is-active .project-client-task-grid {
	      grid-template-columns: 24px 36px minmax(190px, 1.35fr) minmax(150px, .9fr) minmax(90px, .45fr) minmax(110px, .7fr) minmax(100px, .55fr);
	    }
    .project-client-task-head-row {
      min-height: 34px;
      padding: 0 12px;
      border-bottom: 1px solid #edf1f6;
      background: #f8fafc;
      color: #667085;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .project-client-task-row {
      border-bottom: 1px solid #e1e8f1;
      background: transparent;
    }
    .project-client-task-row:last-child {
      border-bottom: 0;
    }
	    .project-client-task-grid {
	      min-height: 50px;
	      position: relative;
	      z-index: 1;
	      padding: 9px 38px 9px 0;
	      cursor: pointer;
	      list-style: none;
	    }
	    .project-client-task-select-cell {
	      position: relative;
	      z-index: 2;
	      width: 0;
	      min-width: 0;
	      overflow: hidden;
	      opacity: 0;
	      pointer-events: none;
	      display: inline-flex;
	      align-items: center;
	      justify-content: center;
	      align-self: stretch;
	      cursor: pointer;
	    }
	    .project-client-task-select-cell::before {
	      content: '';
	      width: 16px;
	      height: 16px;
	      border: 1px solid #b8c5d6;
	      border-radius: 4px;
	      background: #fff;
	      box-shadow: inset 0 1px 1px rgba(15, 23, 42, .04);
	    }
	    .project-client-task-select-cell:has(input:checked)::before {
	      border-color: #1677ff;
	      background: #1677ff;
	      box-shadow: inset 0 0 0 3px #1677ff;
	    }
	    .project-client-task-select-cell:has(input:checked)::after {
	      content: '';
	      position: absolute;
	      left: 50%;
	      top: 50%;
	      width: 4px;
	      height: 8px;
	      border: solid #fff;
	      border-width: 0 2px 2px 0;
	      transform: translate(-50%, -58%) rotate(45deg);
	      pointer-events: none;
	      z-index: 2;
	    }
	    .project-client-task-select-cell input {
	      position: absolute;
	      inset: 0;
	      z-index: 3;
	      width: 100%;
	      height: 100%;
	      margin: 0;
	      cursor: pointer;
	      opacity: 0;
	    }
	      .project-client-batch-move-form.is-active .project-client-task-select-cell {
	      width: 36px;
	      opacity: 1;
	      overflow: visible;
	      pointer-events: auto;
	    }
    .project-client-task-grid::after {
      content: '+';
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #d9e1ec;
      border-radius: 999px;
      color: #526173;
      font-size: 13px;
      font-weight: 900;
    }
    .project-client-task-row[open] > .project-client-task-grid::after {
      content: '-';
    }
    .project-client-task-row[open] > .project-client-task-grid {
      background: transparent;
      border-bottom: 1px solid #e1e8f1;
    }
    .project-client-task-grid > span,
    .project-client-task-grid > div {
      min-width: 0;
      color: var(--ink);
      font-size: 12px;
      font-weight: 750;
      line-height: 1.35;
    }
    .project-client-row-index,
    .project-client-subtask-list > li > span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 22px;
      height: 22px;
      border-radius: 999px;
      background: #eef6ff;
      color: #0f5fb8;
      font-size: 11px;
      font-weight: 900;
    }
    .project-client-task-grid small,
    .project-client-subtask-list small,
    .project-client-note-chip {
      display: block;
      color: #667085;
      font-size: 11px;
      font-weight: 800;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .project-client-note-chip {
      display: -webkit-box;
      max-height: 32px;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .project-client-note-chip.is-empty {
      color: #98a2b3;
    }
    .project-client-task-body {
      display: grid;
      gap: 8px;
      padding: 8px 0 12px 48px;
      background: transparent;
    }
    .project-client-task-note-panel,
    .project-client-subtask-panel,
    .project-client-batch-move-panel {
      display: grid;
      gap: 4px;
      padding: 9px 10px;
      border: 1px solid #e5ebf3;
      border-radius: 8px;
      background: #fff;
      min-width: 0;
    }
    .project-client-task-note-panel > strong,
    .project-client-subtask-panel > strong {
      color: #101828;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: -.01em;
    }
    .project-client-task-note-panel small {
      color: #667085;
      font-size: 11px;
      font-weight: 600;
    }
    .project-client-progress-log-list {
      display: grid;
      gap: 8px;
      min-width: 0;
    }
    .project-client-progress-log-entry {
      display: grid;
      gap: 3px;
      min-width: 0;
    }
    .project-client-progress-log-entry + .project-client-progress-log-entry {
      padding-top: 8px;
      border-top: 1px solid #eef2f7;
    }
    .project-client-task-note-panel p {
      margin: 0;
      color: #344054;
      font-size: 12px;
      font-weight: 500;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }
    .project-client-subtask-list > li > div > small:not(.project-client-subtask-materials) {
      color: #667085;
      font-weight: 600;
    }
    .project-client-task-note-panel.is-empty p {
      color: #98a2b3;
      font-weight: 800;
    }
	    .project-client-batch-move-panel {
	      margin: 0 0 10px;
	    }
	    .project-client-batch-move-form {
	      display: grid;
	      gap: 0;
	    }
	    .project-client-batch-move-controls {
	      display: flex;
	      flex-wrap: wrap;
	      gap: 8px;
	      align-items: center;
	    }
	    .project-client-batch-move-controls label {
	      display: none;
	      min-width: 260px;
	    }
	    .project-client-batch-move-form.is-active .project-client-batch-move-controls label {
	      display: inline-flex;
	      align-items: center;
	    }
	    .project-client-batch-move-controls select {
	      height: 36px;
	      width: 100%;
	      border: 1px solid #d9e1ec;
	      border-radius: 8px;
      background: #fff;
      padding: 6px 10px;
      color: var(--ink);
      font-size: 12px;
      font-weight: 800;
      text-transform: none;
      letter-spacing: 0;
    }
	    .project-client-batch-move-controls button {
	      min-height: 36px;
	      padding: 6px 12px;
	      border-radius: 8px;
	    }
	    .project-client-batch-move-controls .project-task-save-button {
	      display: none;
	    }
	    .project-client-batch-move-form.is-active .project-client-batch-move-controls .project-task-save-button {
	      display: inline-flex;
	      align-items: center;
	      justify-content: center;
	    }
	    .project-client-batch-move-controls .project-task-save-button:disabled {
	      border-color: #d8dee8;
	      background: #eef2f7;
	      color: #98a2b3;
	      cursor: not-allowed;
	      opacity: 1;
	    }
	    .project-client-batch-toggle {
	      appearance: none;
	      border: 1px solid #d9e1ec;
	      border-radius: 8px;
	      background: #fff;
	      color: var(--ink);
	      min-height: 36px;
	      padding: 6px 12px;
	      font-size: 12px;
	      font-weight: 900;
	      cursor: pointer;
	    }
	    .project-client-batch-toggle::after {
	      content: ' +';
	      color: #667085;
	      font-weight: 900;
	    }
	    .project-client-batch-move-form.is-active .project-client-batch-toggle::after {
	      content: '';
	    }
    .project-client-subtask-list {
      display: grid;
      gap: 6px;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .project-client-subtask-list.is-nested {
      margin-top: 6px;
      padding-left: 18px;
      border-left: 1px solid #e5ebf3;
    }
    .project-client-subtask-list > li {
      display: grid;
      grid-template-columns: 28px minmax(0, 1fr) max-content max-content;
      gap: 8px;
      align-items: start;
      min-width: 0;
      padding: 6px 0;
      border-top: 1px solid #eef1f5;
    }
    .project-client-subtask-materials {
      margin-top: 2px;
      color: #1d2939;
      font-weight: 750;
    }
    .project-client-subtask-materials b {
      color: #98a2b3;
      font-weight: 500;
    }
    .project-client-empty-task {
      display: grid;
      gap: 3px;
      padding: 10px 12px;
      color: #667085;
      font-size: 12px;
      font-weight: 800;
    }
    .project-client-empty-task strong {
      color: var(--ink);
      font-size: 13px;
    }
    @media (max-width: 760px) {
      .project-client-directory-toolbar {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
      }
      .project-client-directory-count {
        grid-column: 2;
      }
      .project-client-summary-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .project-client-directory-head {
        display: none;
      }
      .project-client-directory-row {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 12px 0;
      }
      .project-client-directory-row > div::before,
      .project-client-directory-row > span::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 2px;
        color: #667085;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
      }
      .project-client-project-head {
        display: none;
      }
      .project-client-project-row > summary,
      .project-client-project-static {
        grid-template-columns: 1fr;
        gap: 8px;
      }
      .project-client-task-head-row {
        display: none;
      }
	      .project-client-task-grid,
	      .project-client-batch-move-form.is-active .project-client-task-grid {
	      grid-template-columns: 36px 28px minmax(0, 1fr);
	        gap: 8px;
	      }
	      .project-client-batch-move-form.is-active .project-client-task-select-cell {
	        width: 36px;
	        opacity: 1;
	        overflow: visible;
	      }
	      .project-client-task-grid > span:not(.project-client-row-index):not(.project-client-task-select-cell) {
	        display: block;
	        grid-column: 3;
	      }
	      .project-client-task-grid > span:not(.project-client-row-index):not(.project-client-task-select-cell)::before {
	        content: attr(data-label);
	      }
      .project-client-project-row > summary > span::before,
      .project-client-project-static > span::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 2px;
        color: #667085;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
      }
      .project-client-project-body {
        margin-left: 0;
        padding-left: 0;
      }
      .project-client-task-body {
        padding-left: 48px;
      }
      .project-client-subtask-list {
        padding-left: 0;
      }
      .project-client-subtask-list > li {
        grid-template-columns: 28px minmax(0, 1fr);
      }
      .project-client-subtask-list > li > .project-priority-chip,
      .project-client-subtask-list > li > .project-status-chip {
        grid-column: 2;
        width: fit-content;
      }
	      .project-client-batch-move-controls {
	        align-items: stretch;
	      }
		      .project-client-batch-move-controls label,
		      .project-client-batch-move-controls select {
		        min-width: 0;
		        width: 100%;
	      }
    }
    .project-action-popover {
      position: relative;
      min-width: 0;
    }
    .project-action-button {
      appearance: none;
      -webkit-appearance: none;
      min-height: 32px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      padding: 6px 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      box-shadow: 0 6px 18px rgba(25,34,49,.035);
      cursor: pointer;
      font-size: 13px;
      font-weight: 850;
      line-height: 1.2;
      white-space: nowrap;
    }
    .project-action-button:hover {
      border-color: #c7ced8;
      background: #f8f9fb;
    }
    .project-action-button[aria-expanded="true"] {
      border-color: #aeb6c2;
      background: #f8f9fb;
      box-shadow: none;
    }
    .project-action-popover > .project-compact-form,
    .project-action-popover > .project-status-compose,
    .project-action-popover > .project-progress-compose,
    .project-action-popover > .project-task-attribute-form {
      display: none;
    }
    .project-action-popover.is-open > .project-compact-form,
    .project-action-popover.is-open > .project-status-compose,
    .project-action-popover.is-open > .project-progress-compose,
    .project-action-popover.is-open > .project-task-attribute-form {
      display: grid;
      position: absolute;
      top: calc(100% + 10px);
      right: 0;
      z-index: 40;
      width: min(640px, calc(100vw - 340px));
      max-height: min(74vh, 720px);
      overflow: auto;
      box-sizing: border-box;
      margin-top: 0;
      padding: 16px;
      border: 1px solid #d8dde6;
      border-radius: 14px;
      background: #fff;
      box-shadow: 0 26px 60px rgba(25, 34, 49, .14);
    }
    .project-task-fields-workbench {
      gap: 12px;
      padding-top: 12px !important;
    }
    .project-task-fields-direct {
      display: grid;
      gap: 0;
      margin-top: 0;
      padding: 0;
      border-top: 0;
      background: transparent;
      box-shadow: none;
    }
    .project-task-fields-direct .project-task-edit-grid {
      display: grid;
      grid-template-columns: minmax(480px, clamp(480px, 34vw, 560px)) minmax(0, 1fr);
      gap: 18px 30px;
      align-items: stretch;
    }
    .project-task-fields-column {
      display: grid;
      gap: 0;
      align-content: stretch;
      min-width: 480px;
    }
    .project-task-fields-column .project-task-field-group:last-child {
      border-bottom: 0;
    }
    .project-task-field-group {
      display: grid;
      gap: 10px;
      align-content: start;
      min-width: 0;
      padding: 8px 0;
      border: 0;
      border-bottom: 1px solid var(--line);
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }
    .project-task-field-group-wide {
      grid-column: 1 / -1;
      border-bottom: 0;
    }
    .project-task-field-group h3 {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 900;
      line-height: 1.2;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .project-task-field-group-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
    }
    .project-task-field-group-grid label.full {
      grid-column: auto;
    }
    .project-task-field-label {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 5px;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
    .project-approval-rule-info {
      position: relative;
      display: inline-grid;
      place-items: center;
      width: 15px;
      min-width: 15px;
      height: 15px;
      min-height: 15px;
      flex: 0 0 15px;
      box-sizing: border-box;
      border: 1px solid rgba(0,122,255,.36);
      border-radius: 50%;
      background: rgba(0,122,255,.08);
      color: #007aff;
      font-size: 10px;
      font-weight: 800;
      line-height: 1;
      cursor: help;
      outline: none;
      -webkit-tap-highlight-color: transparent;
    }
    .project-task-change-reason {
      min-height: 49px;
      box-sizing: border-box;
    }
    .project-task-change-reason.is-concealed {
      display: none !important;
    }
    .project-approval-rule-info:focus-visible {
      box-shadow: 0 0 0 3px rgba(0,122,255,.2);
    }
    .project-approval-rule-tooltip {
      position: fixed;
      z-index: 70;
      left: var(--approval-rule-tip-left, 16px);
      top: var(--approval-rule-tip-top, 16px);
      width: 260px;
      max-width: min(260px, calc(100vw - 40px));
      box-sizing: border-box;
      padding: 9px 11px;
      border: 1px solid rgba(60,60,67,.18);
      border-radius: 11px;
      background: rgba(248,248,250,.96);
      color: #1c1c1e;
      box-shadow: 0 8px 28px rgba(0,0,0,.13), 0 1px 2px rgba(0,0,0,.05);
      -webkit-backdrop-filter: blur(18px) saturate(1.35);
      backdrop-filter: blur(18px) saturate(1.35);
      font-size: 12px;
      font-weight: 600;
      line-height: 1.4;
      text-align: left;
      opacity: 0;
      pointer-events: none;
      transform: scale(.98);
      transition: opacity .14s ease, transform .14s ease;
    }
    .project-approval-rule-tooltip::after {
      content: '';
      position: absolute;
      width: 9px;
      height: 9px;
      background: rgba(248,248,250,.96);
      transform: rotate(45deg);
    }
    .project-approval-rule-tooltip[data-placement="top"]::after { left: var(--approval-rule-tip-arrow-offset, 18px); bottom: -5px; border-right: 1px solid rgba(60,60,67,.18); border-bottom: 1px solid rgba(60,60,67,.18); }
    .project-approval-rule-tooltip[data-placement="bottom"]::after { left: var(--approval-rule-tip-arrow-offset, 18px); top: -5px; border-left: 1px solid rgba(60,60,67,.18); border-top: 1px solid rgba(60,60,67,.18); }
    .project-approval-rule-tooltip[data-placement="left"]::after { top: var(--approval-rule-tip-arrow-offset, 14px); right: -5px; border-right: 1px solid rgba(60,60,67,.18); border-top: 1px solid rgba(60,60,67,.18); }
    .project-approval-rule-tooltip[data-placement="right"]::after { top: var(--approval-rule-tip-arrow-offset, 14px); left: -5px; border-left: 1px solid rgba(60,60,67,.18); border-bottom: 1px solid rgba(60,60,67,.18); }
    .project-approval-rule-tooltip[data-detached="true"]::after { display: none; }
    .project-approval-rule-info:is(:hover, :focus, :focus-within) .project-approval-rule-tooltip {
      opacity: 1;
      transform: scale(1);
    }
    @media (prefers-reduced-motion: reduce) {
      .project-approval-rule-tooltip { transition: none; }
    }
    .project-task-field-stack {
      height: 100%;
      border-bottom: 0;
    }
    .project-task-description-editor {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      gap: 10px;
      align-content: stretch;
      align-self: stretch;
      min-height: 0;
      min-width: 0;
      padding: 8px 0 8px 28px;
      border-bottom: 0;
      border-left: 1px solid var(--line);
    }
    .project-task-description-editor h3 {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 900;
      line-height: 1.2;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .project-task-fields-direct label {
      display: grid;
      gap: 7px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
    }
    .project-task-fields-direct label.full {
      grid-column: 1 / -1;
    }
    .project-task-fields-direct input,
    .project-task-fields-direct select,
    .project-task-fields-direct textarea {
      width: 100%;
      box-sizing: border-box;
      border: 1px solid #d8dde6;
      border-radius: 10px;
      background: #fff;
      color: var(--ink);
      font: inherit;
      font-size: 14px;
      font-weight: 750;
    }
    .project-task-fields-direct input,
    .project-task-fields-direct select {
      min-height: 36px;
      padding: 7px 10px;
    }
    .project-task-fields-direct select.project-priority-select,
    .project-task-fields-direct select.project-status-select {
      border-width: 1px;
      font-weight: 850;
      transition: background-color .15s ease, border-color .15s ease, color .15s ease;
    }
    .project-task-fields-direct select.priority-low {
      border-color: #cfd8e3;
      background: #f5f7fa;
      color: #536171;
    }
    .project-task-fields-direct select.priority-normal {
      border-color: #bdd7ff;
      background: #f1f7ff;
      color: #1f5f99;
    }
    .project-task-fields-direct select.priority-high {
      border-color: #ffd59e;
      background: #fff8ed;
      color: #9a5b00;
    }
    .project-task-fields-direct select.priority-urgent {
      border-color: #ffc3bd;
      background: #fff3f1;
      color: #b42318;
    }
    .project-task-fields-direct select.project-status-draft,
    .project-task-fields-direct select.project-status-pending,
    .project-task-fields-direct select.project-status-parent,
    .project-task-fields-direct select.state-pending {
      border-color: #cfd8e3;
      background: #f5f7fa;
      color: #536171;
    }
    .project-task-fields-direct select.project-status-in-progress,
    .project-task-fields-direct select.project-status-internal-review,
    .project-task-fields-direct select.project-status-review,
    .project-task-fields-direct select.project-status-pending-review,
    .project-task-fields-direct select.state-in-progress {
      border-color: #b9dcff;
      background: #eff8ff;
      color: #175cd3;
    }
    .project-task-fields-direct select.project-status-paused,
    .project-task-fields-direct select.project-status-blocked,
    .project-task-fields-direct select.project-status-on-hold,
    .project-task-fields-direct select.state-paused {
      border-color: #ffe08a;
      background: #fffbea;
      color: #854d0e;
    }
    .project-task-fields-direct select.project-status-closed,
    .project-task-fields-direct select.project-status-completed,
    .project-task-fields-direct select.project-status-done,
    .project-task-fields-direct select.state-done {
      border-color: #b7e4c7;
      background: #f0fdf4;
      color: #087443;
    }
    .project-task-fields-direct select.project-status-cancelled,
    .project-task-fields-direct select.project-status-canceled,
    .project-task-fields-direct select.state-cancelled {
      border-color: #ffc3bd;
      background: #fff3f1;
      color: #b42318;
    }
    .project-task-fields-direct textarea {
      min-height: 72px;
      padding: 10px;
      resize: vertical;
    }
    .project-task-period-field {
      display: grid;
      gap: 7px;
      min-width: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
      line-height: 1.2;
    }
    .project-task-period-control {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 8px;
      min-height: 48px;
      padding: 6px;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: linear-gradient(180deg, #fff, #f8fafc);
    }
    .project-task-period-control label {
      gap: 2px;
      min-width: 0;
      color: var(--muted);
      font-size: 10px;
      font-weight: 850;
      line-height: 1;
    }
    .project-task-period-control small {
      padding-left: 2px;
      color: #7b8492;
      font-size: 10px;
      font-weight: 850;
      line-height: 1;
    }
    .project-task-period-control input {
      min-height: 26px;
      padding: 3px 6px;
      border: 0;
      border-radius: 7px;
      background: transparent;
      font-size: 12px;
      font-weight: 820;
    }
    .project-task-period-control input:focus {
      outline: 0;
      box-shadow: inset 0 0 0 1px #b8c2d1, 0 0 0 3px rgba(75, 85, 99, .12);
      background: #fff;
    }
    .project-period-today-button {
      min-height: 28px;
      padding: 4px 8px;
      border: 1px solid #dfe3e8;
      border-radius: 7px;
      background: #fff;
      color: #1f2937;
      font: inherit;
      font-size: 11px;
      font-weight: 850;
      line-height: 1;
      cursor: pointer;
      white-space: nowrap;
    }
    .project-period-today-button:hover,
    .project-period-today-button:focus {
      outline: 0;
      border-color: #b8c2d1;
      background: #f8fafc;
      box-shadow: 0 0 0 3px rgba(75, 85, 99, .10);
    }
    .project-period-date-button {
      width: 100%;
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      gap: 6px;
      padding: 6px 8px;
      border: 1px solid #dfe3e8;
      border-radius: 7px;
      background: #fff;
      color: var(--ink);
      font: inherit;
      font-size: 12px;
      font-weight: 820;
      line-height: 1.2;
      text-align: left;
      cursor: pointer;
    }
    .project-period-date-button::after {
      content: "";
      width: 14px;
      height: 14px;
      flex: 0 0 auto;
      background: currentColor;
      opacity: .72;
      -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 2v2M11 2v2M3 6h10M4 3h8a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E") center / contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 2v2M11 2v2M3 6h10M4 3h8a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E") center / contain no-repeat;
    }
    .project-period-date-button:focus {
      outline: 0;
      box-shadow: inset 0 0 0 1px #b8c2d1, 0 0 0 3px rgba(75, 85, 99, .12);
      background: #fff;
    }
    .project-task-period-control.is-picker-open {
      border-color: #b8c2d1;
      box-shadow: 0 0 0 3px rgba(75, 85, 99, .10);
    }
    .project-period-picker {
      position: absolute;
      left: 0;
      top: calc(100% + 8px);
      z-index: 45;
      width: min(310px, calc(100vw - 42px));
      padding: 10px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 18px 44px rgba(25,34,49,.16);
    }
    .project-period-picker[hidden] {
      display: none !important;
    }
    .project-period-picker-head {
      display: grid;
      grid-template-columns: 32px minmax(0, 1fr) 32px;
      align-items: center;
      gap: 8px;
      margin-bottom: 6px;
    }
    .project-period-picker-head strong,
    .project-period-picker-mode {
      text-align: center;
      color: #111827;
      font-size: 12px;
      font-weight: 900;
      line-height: 1.2;
    }
    .project-period-picker-mode {
      margin-bottom: 8px;
      color: #5f6875;
      font-size: 11px;
      text-transform: uppercase;
    }
    .project-period-picker-head button,
    .project-period-picker-grid button,
    .project-period-picker-foot button {
      border: 1px solid #e5e7eb;
      border-radius: 7px;
      background: #fff;
      color: #111827;
      font: inherit;
      font-weight: 850;
      cursor: pointer;
    }
    .project-period-picker-head button {
      width: 32px;
      height: 30px;
      font-size: 18px;
      line-height: 1;
    }
    .project-period-picker-week,
    .project-period-picker-grid {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      gap: 4px;
    }
    .project-period-picker-week {
      margin-bottom: 5px;
      color: #6b7280;
      font-size: 10px;
      font-weight: 900;
      text-align: center;
    }
    .project-period-picker-grid span,
    .project-period-picker-grid button {
      min-height: 30px;
    }
    .project-period-picker-grid button:hover,
    .project-period-picker-head button:hover,
    .project-period-picker-foot button:hover {
      background: #f3f4f6;
    }
    .project-period-picker-grid button.is-range,
    .project-period-picker-grid button.is-preview {
      border-color: #bfdbfe;
      background: #eff6ff;
      color: #1d4ed8;
    }
    .project-period-picker-grid button.is-preview {
      background: #dbeafe;
    }
    .project-period-picker-grid button.is-preview-edge {
      border-color: #93c5fd;
      background: #bfdbfe;
      color: #1d4ed8;
    }
    .project-period-picker-grid button.is-start,
    .project-period-picker-grid button.is-end {
      border-color: var(--button);
      background: var(--button);
      color: #fff;
    }
    .project-period-picker-foot {
      display: flex;
      justify-content: flex-end;
      margin-top: 8px;
      padding-top: 8px;
      border-top: 1px solid #eef1f5;
    }
    .project-period-picker-foot button {
      min-width: 72px;
      min-height: 30px;
      padding: 4px 10px;
      color: #0f172a;
      font-size: 12px;
    }
    .project-task-period-control i {
      color: #98a2b3;
      font-size: 12px;
      font-style: normal;
      font-weight: 900;
    }
	    .project-task-description-editor textarea {
	      min-height: 100%;
	      height: 100%;
	      font-size: 15px;
	      font-weight: 400;
	      line-height: 1.55;
	    }
    .project-task-fields-footer {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      align-items: end;
      margin-top: 14px;
      padding-top: 14px;
      border-top: 1px solid var(--line);
    }
    .project-task-fields-direct .project-form-actions {
      justify-content: flex-end;
      margin-top: 2px;
    }
    .project-task-fields-direct .project-form-actions button:disabled {
      border-color: #d8dde6;
      background: #eef1f5;
      color: #8a94a3;
      cursor: not-allowed;
      box-shadow: none;
    }
    .project-task-materials-panel {
      display: grid;
      gap: 8px;
    }
    .project-material-checklist {
      display: grid;
      border-top: 0;
      border-bottom: 0;
    }
    .project-material-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
      min-width: 0;
      padding: 10px 0;
      border-bottom: 1px solid var(--line);
    }
    .project-material-row:last-child {
      border-bottom: 0;
    }
    .project-material-toggle-form,
    .project-material-delete-form {
      margin: 0;
    }
    .project-material-toggle-form {
      min-width: 0;
    }
    .project-material-row-button {
      width: 100%;
      display: grid;
      grid-template-columns: 26px 24px minmax(0, 1fr) minmax(64px, auto);
      gap: 10px;
      align-items: center;
      border: 0;
      border-radius: 10px;
      background: transparent;
      color: inherit;
      cursor: pointer;
      font: inherit;
      text-align: left;
      min-height: 48px;
      padding: 4px 8px;
    }
    .project-material-row-button:hover {
      background: #f7f8fa;
    }
    .project-material-row-button:hover .project-material-main b {
      text-decoration: none;
    }
    .project-material-check-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      border: 1px solid #cfd6df;
      border-radius: 999px;
      background: #fff;
      color: var(--ink);
      cursor: pointer;
      font-size: 13px;
      font-weight: 900;
      line-height: 1;
    }
    .project-material-row.is-complete .project-material-check-button {
      border-color: #0f1720;
      background: #0f1720;
      color: #fff;
    }
    .project-material-row-button > strong {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      border-radius: 999px;
      background: #f1f3f6;
      color: #647084;
      font-size: 11px;
      font-weight: 850;
    }
    .project-material-main {
      display: block;
      min-width: 0;
    }
    .project-material-row b {
      display: block;
      color: var(--ink);
      font-size: 14px;
      font-weight: 850;
      line-height: 1.25;
    }
    .project-material-row.is-complete b {
      color: var(--muted);
      text-decoration: line-through;
    }
    .project-material-main > span {
      display: block;
      margin-top: 3px;
      color: var(--muted);
      font-size: 13px;
      font-weight: 720;
      line-height: 1.35;
    }
    .project-material-row.is-complete .project-material-main > span {
      color: #8a94a3;
    }
    .project-material-row em {
      justify-self: end;
      color: var(--muted);
      font-size: 12px;
      font-style: normal;
      font-weight: 850;
      white-space: nowrap;
    }
    .project-material-delete-button {
      min-height: 30px;
      padding: 5px 4px;
      border: 0;
      border-radius: 8px;
      background: transparent;
      color: #8a94a3;
      cursor: pointer;
      font-size: 12px;
      font-weight: 850;
    }
    .project-material-delete-button:hover {
      border-color: #c7ced8;
      color: var(--ink);
    }
    .project-material-empty {
      grid-template-columns: 28px minmax(0, 1fr) auto;
    }
    .project-material-add-form {
      display: grid;
      grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.4fr) auto;
      gap: 10px;
      align-items: end;
      margin-bottom: 6px;
      padding-bottom: 8px;
      border-bottom: 1px solid #eef0f3;
    }
    .project-material-add-form label {
      display: grid;
      gap: 7px;
      min-width: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
      line-height: 1.25;
    }
    .project-material-add-form input {
      width: 100%;
      min-height: 38px;
      box-sizing: border-box;
      border: 1px solid var(--line);
      border-radius: 9px;
      outline: none;
      background: #fff;
      padding: 8px 10px;
      color: var(--ink);
      font: inherit;
      font-size: 13px;
      font-weight: 750;
    }
    .project-material-add-form button {
      min-height: 38px;
      padding: 8px 14px;
      border: 1px solid #1f7ae0;
      border-radius: 8px;
      background: #0a84ff;
      color: #fff;
      cursor: pointer;
      font-size: 13px;
      font-weight: 850;
      line-height: 1.15;
    }
    #task-materials .project-material-checklist {
      gap: 0;
      border-bottom: 0;
      background: #fff;
    }
    #task-materials .project-material-list-head {
      display: grid;
      grid-template-columns: 62px minmax(160px, .7fr) minmax(220px, 1fr) 70px;
      gap: 8px;
      align-items: center;
      min-height: 34px;
      padding: 0;
      border-top: 0;
      border-bottom: 1px solid #eef0f3;
      color: var(--muted);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    #task-materials .project-material-row {
      grid-template-columns: 62px minmax(0, 1fr) auto;
      gap: 8px;
      padding: 7px 0;
      border: 0;
      border-bottom: 1px solid var(--line);
      border-radius: 0;
      background: #fff;
    }
    #task-materials .project-material-row.is-complete {
      background: #fbfcfd;
    }
    #task-materials .project-material-row:last-child {
      border-bottom: 0;
    }
    #task-materials .project-material-row-button {
      width: auto;
      min-height: 36px;
      grid-template-columns: 24px 24px;
      justify-content: start;
      padding: 4px 0;
      border: 0 !important;
      border-radius: 10px;
      background: transparent !important;
      color: var(--ink) !important;
      box-shadow: none !important;
      font: inherit;
      text-align: left;
    }
    #task-materials .project-material-row-button:hover {
      background: #f7f8fa !important;
    }
    #task-materials .project-material-row-button > strong {
      background: #f1f3f6;
      color: #647084;
    }
    #task-materials .project-material-row.is-complete .project-material-row-button > strong {
      background: #edf7f1;
      color: #087443;
    }
    #task-materials .project-material-edit-form {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 8px;
      align-items: center;
      min-width: 0;
      margin: 0;
    }
    #task-materials .project-material-main {
      display: grid;
      grid-template-columns: minmax(160px, .7fr) minmax(220px, 1fr);
      gap: 8px;
      min-width: 0;
    }
    #task-materials .project-material-main input {
      width: 100%;
      min-height: 34px;
      box-sizing: border-box;
      border: 1px solid #e5e8ed;
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      font: inherit;
      font-size: 13px;
      font-weight: 800;
      outline: none;
      padding: 6px 8px;
    }
    #task-materials .project-material-main input[name="materialNote"] {
      color: var(--muted);
      font-weight: 720;
    }
    #task-materials .project-material-row.is-complete .project-material-main input {
      color: #7b8492;
      background: #f8f9fb;
      text-decoration: line-through;
    }
    #task-materials .project-material-row.is-complete .project-material-main input[name="materialNote"] {
      text-decoration: none;
    }
    #task-materials .project-material-main input:focus {
      border-color: #cfd6df;
      background: #fff;
      box-shadow: 0 0 0 3px rgba(78, 89, 105, .08);
    }
    #task-materials .project-material-delete-button {
      min-height: 32px;
      padding: 6px 4px;
      border: 0 !important;
      border-radius: 8px;
      background: transparent !important;
      color: #b42318 !important;
      box-shadow: none !important;
    }
    #task-materials .project-material-delete-button:hover {
      background: #fff5f5 !important;
      color: #8f1d14 !important;
    }
    .project-progress-inline-form {
      display: grid;
      grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
      gap: 10px;
      align-items: end;
      margin: 0 0 8px;
      padding: 0 0 8px;
      border-top: 0;
      border-bottom: 1px solid #eef0f3;
    }
    .project-progress-inline-form label {
      display: grid;
      gap: 7px;
      min-width: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
    }
    .project-progress-inline-form .project-form-actions {
      grid-column: 3;
      margin-top: 0;
    }
    .project-progress-inline-form input,
    .project-progress-inline-form select,
    .project-progress-inline-form textarea {
      width: 100%;
      box-sizing: border-box;
      border: 1px solid #d8dde6;
      border-radius: 10px;
      background: #fff;
      color: var(--ink);
      font: inherit;
      font-size: 14px;
      font-weight: 750;
    }
    .project-progress-inline-form input {
      min-height: 38px;
      padding: 8px 10px;
    }
    .project-progress-inline-form select {
      min-height: 38px;
      padding: 8px 30px 8px 10px;
    }
    .project-progress-inline-form textarea {
      min-height: 46px;
      padding: 10px;
      resize: vertical;
    }
    .project-task-completion-dialog {
      width: min(620px, calc(100vw - 28px));
      padding: 0;
      border: 1px solid #d7dce5;
      border-radius: 12px;
      background: #fff;
      color: var(--ink);
      box-shadow: 0 20px 60px rgba(15, 23, 42, .18);
    }
    .project-task-completion-dialog::backdrop {
      background: rgba(15, 23, 42, .28);
    }
    .project-task-completion-dialog > form {
      display: grid;
      gap: 14px;
      padding: 18px;
    }
    .project-task-completion-dialog header,
    .project-task-completion-dialog footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .project-task-completion-dialog header > div {
      display: grid;
      gap: 3px;
    }
    .project-task-completion-dialog header strong {
      font-size: 18px;
    }
    .project-task-completion-dialog header small,
    .project-task-completion-dialog > form > p {
      margin: 0;
      color: var(--muted);
      font-size: 11px;
      line-height: 1.45;
    }
    .project-task-completion-dialog header > button {
      width: 30px;
      min-width: 30px;
      height: 30px;
      padding: 0;
      border: 1px solid #d7dce5;
      border-radius: 8px;
      background: #fff;
      color: #475467;
      font-size: 18px;
    }
    .project-task-completion-dialog label {
      display: grid;
      gap: 6px;
      color: #344054;
      font-size: 12px;
      font-weight: 800;
    }
    .project-task-completion-dialog textarea {
      min-height: 84px;
      box-sizing: border-box;
      padding: 9px 10px;
      border: 1px solid #d7dce5;
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      font: inherit;
      resize: vertical;
    }
    .project-task-completion-dialog .project-task-completion-confirm {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .project-task-completion-dialog .project-task-completion-confirm input {
      width: 17px;
      height: 17px;
      margin: 0;
    }
    .project-task-completion-dialog footer {
      justify-content: flex-end;
      padding-top: 2px;
    }
    .project-task-completion-dialog footer button {
      min-height: 34px;
      padding: 0 13px;
      border: 1px solid #cbd5e1;
      border-radius: 8px;
      background: #fff;
      color: #344054;
      font-weight: 800;
    }
    .project-task-completion-dialog footer button[type="submit"] {
      border-color: #0a84ff;
      background: #0a84ff;
      color: #fff;
    }
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .project-description-panel {
      display: grid;
      gap: 10px;
    }
    .project-description-panel:has(.project-action-popover.is-open) .project-description-copy,
    .project-description-panel:has(.project-action-popover.is-open) .project-empty-copy {
      display: none;
    }
    .project-description-copy,
    .project-empty-copy {
      margin: 0;
      color: var(--ink);
      font-size: 14px;
      font-weight: 760;
      line-height: 1.55;
      overflow-wrap: anywhere;
    }
    .project-empty-copy {
      color: var(--muted);
      font-weight: 720;
    }
    .project-progress-log article.project-progress-sample {
      background: #fff;
    }
    .project-more-options {
      grid-column: 1 / -1;
      margin-top: 4px;
      padding-top: 8px;
      border-top: 1px solid var(--line);
    }
    .project-more-options > summary {
      appearance: none;
      -webkit-appearance: none;
      display: inline-flex;
      min-height: 28px;
      align-items: center;
      padding: 4px 0;
      color: var(--muted);
      cursor: pointer;
      font-size: 12px;
      font-weight: 850;
      line-height: 1.2;
      list-style: none;
    }
    .project-more-options > summary::-webkit-details-marker {
      display: none;
    }
    .project-more-options > summary::marker {
      content: "";
      font-size: 0;
    }
    .project-more-options .project-task-edit-grid {
      margin-top: 8px;
    }
    .project-task-identity-strip {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 16px;
      padding: 4px 0 18px;
      border-bottom: 1px solid var(--line);
    }
    .project-task-identity-strip h1 {
      margin: 4px 0 5px;
      color: var(--ink);
      font-size: 30px;
      line-height: 1.08;
      letter-spacing: 0;
    }
    .project-task-identity-strip p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      font-weight: 750;
    }
    .project-task-identity-strip > strong {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 30px;
      padding: 6px 12px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: #f8f9fb;
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
      white-space: nowrap;
    }
    .project-compact-form {
      margin-top: 14px;
      padding-top: 14px;
      border-top: 1px solid var(--line);
    }
    .project-action-popover.is-open > .project-compact-form {
      border-top: 0;
    }
    .project-compact-form label {
      display: grid;
      gap: 7px;
      min-width: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
      line-height: 1.25;
    }
    .project-compact-form input,
    .project-compact-form select,
    .project-compact-form textarea {
      width: 100%;
      min-height: 38px;
      box-sizing: border-box;
      border: 1px solid var(--line);
      border-radius: 9px;
      outline: none;
      background: #fff;
      padding: 8px 10px;
      color: var(--ink);
      font: inherit;
      font-size: 13px;
      font-weight: 750;
      line-height: 1.3;
    }
    .project-compact-form textarea {
      min-height: 72px;
      resize: vertical;
    }
    .project-compact-form input:focus,
    .project-compact-form select:focus,
    .project-compact-form textarea:focus {
      border-color: #aeb6c2;
      box-shadow: 0 0 0 3px rgba(78, 89, 105, .08);
    }
    .project-compact-form > label + label,
    .project-compact-form > details + label,
    .project-compact-form > label + details {
      margin-top: 12px;
    }
    .project-compact-form > button[type="submit"],
    .project-form-actions button[type="submit"] {
      min-height: 36px;
      margin-top: 12px;
      padding: 8px 14px;
      border: 1px solid #1f7ae0;
      border-radius: 8px;
      background: #0a84ff;
      color: #fff;
      cursor: pointer;
      font-size: 13px;
      font-weight: 850;
      line-height: 1.15;
    }
    .project-form-actions button[type="submit"] {
      margin-top: 0;
    }
    .project-task-edit-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px 22px;
    }
    .project-task-edit-grid label {
      display: grid;
      gap: 7px;
      min-width: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
      line-height: 1.25;
    }
    .project-task-edit-grid label.full {
      grid-column: 1 / -1;
    }
    .project-task-edit-grid input,
    .project-task-edit-grid select,
    .project-task-edit-grid textarea {
      width: 100%;
      min-height: 38px;
      box-sizing: border-box;
      border: 1px solid var(--line);
      border-radius: 9px;
      outline: none;
      background: #fff;
      padding: 8px 10px;
      color: var(--ink);
      font: inherit;
      font-size: 13px;
      font-weight: 750;
      line-height: 1.3;
    }
    .project-task-edit-grid textarea {
      min-height: 72px;
      resize: vertical;
    }
    .project-task-edit-grid input:focus,
    .project-task-edit-grid select:focus,
    .project-task-edit-grid textarea:focus {
      border-color: #aeb6c2;
      box-shadow: 0 0 0 3px rgba(78, 89, 105, .08);
    }
    .project-form-actions,
    .project-compact-form .actions {
      display: flex;
      gap: 8px;
      align-items: center;
      justify-content: flex-end;
      margin-top: 12px;
    }
    .project-secondary-control {
      min-height: 36px;
      padding: 8px 14px;
      border: 1px solid #d8dde6;
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      cursor: pointer;
      font-size: 13px;
      font-weight: 850;
      line-height: 1.15;
    }
    .project-secondary-control:hover {
      background: #f8f9fb;
    }
    .project-editor-note {
      margin: 10px 0 0;
      padding: 10px 12px;
      border: 1px solid #e5e8ed;
      border-radius: 10px;
      background: #f8f9fb;
      color: var(--muted);
      font-size: 12px;
      font-weight: 720;
      line-height: 1.45;
    }
    .project-progress-log {
      display: grid;
      gap: 0;
      margin-top: 8px;
      border-top: 1px solid var(--line);
    }
    .project-progress-log article {
      display: grid;
      grid-template-columns: minmax(150px, .34fr) minmax(0, 1fr);
      gap: 6px 18px;
      padding: 13px 0;
      border-bottom: 1px solid var(--line);
      background: transparent;
    }
    .project-progress-log article.is-system-change {
      color: #536171;
    }
    .project-progress-log article:last-child {
      border-bottom: 0;
    }
    .project-progress-entry-head {
      display: grid;
      gap: 4px;
      align-content: start;
      min-width: 0;
    }
    .project-progress-log article > p,
    .project-progress-log article > .project-progress-entry-type,
    .project-progress-log article > .project-progress-entry-meta {
      grid-column: 2;
    }
    .project-progress-log strong {
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
      line-height: 1.25;
    }
    .project-progress-entry-type {
      justify-self: start;
      padding: 3px 8px;
      border: 1px solid #d8dde6;
      border-radius: 999px;
      background: #f5f7fa;
      color: #536171 !important;
      font-size: 11px !important;
      font-weight: 900 !important;
      letter-spacing: .02em;
      text-transform: uppercase;
    }
    .project-progress-log small {
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
      line-height: 1.35;
      white-space: normal;
    }
    .project-progress-entry-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 2px;
    }
    .project-progress-entry-meta span {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 5px 9px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: #f8f9fb;
      color: var(--muted);
      font-size: 12px;
      font-weight: 760;
      line-height: 1.25;
    }
    .project-progress-entry-meta b {
      color: var(--ink);
      font-weight: 850;
    }
    .project-progress-log p {
      margin: 0;
      color: var(--ink);
      font-size: 13px;
      font-weight: 760;
      line-height: 1.45;
    }
    .project-progress-status-line {
      grid-template-columns: minmax(150px, .34fr) minmax(0, 1fr) !important;
      align-items: center;
      padding: 10px 0 !important;
    }
    .project-progress-status-line > small {
      grid-column: 1;
    }
    .project-progress-status-line > p {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      grid-column: 2 !important;
    }
    .project-progress-status-line b {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      padding: 3px 8px;
      border: 1px solid #d8dde6;
      border-radius: 999px;
      background: #f5f7fa;
      color: #536171;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }
    .project-progress-status-line em {
      color: var(--muted);
      font-size: 12px;
      font-style: normal;
      font-weight: 720;
    }
    .project-system-history {
      padding: 0 !important;
      border: 0;
      border-top: 1px solid var(--line);
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }
    .project-system-history summary {
      display: flex;
      gap: 12px;
      align-items: center;
      justify-content: space-between;
      min-height: 42px;
      cursor: pointer;
      list-style: none;
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
    }
    .project-system-history summary::-webkit-details-marker {
      display: none;
    }
    .project-system-history summary::before {
      content: '+';
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      margin-right: 4px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: #fff;
      color: var(--muted);
      font-size: 13px;
      font-weight: 900;
      line-height: 1;
    }
    .project-system-history[open] summary::before {
      content: '-';
    }
    .project-system-history summary > span {
      display: inline-flex;
      align-items: center;
      margin-right: auto;
      color: var(--ink);
      font-size: 14px;
      font-weight: 850;
    }
    .project-system-history summary > small {
      color: var(--muted);
      font-size: 12px;
      font-weight: 760;
    }
    .project-system-history .operations-list {
      padding-top: 4px;
      border-top: 1px solid var(--line);
    }
    .project-system-history-note {
      margin: 0 0 10px 28px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 720;
      line-height: 1.4;
    }
    .project-system-history-link {
      display: flex;
      gap: 12px;
      align-items: center;
      justify-content: space-between;
      padding: 12px 0;
      border-top: 1px solid var(--line);
      color: var(--muted);
      font-size: 12px;
      font-weight: 760;
    }
    .project-system-history-link a {
      white-space: nowrap;
      font-size: 12px;
      font-weight: 850;
    }
    .project-subtask-list {
      display: grid;
      gap: 0;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      background: #fff;
    }
    .project-subtask-list-head {
      display: grid;
      grid-template-columns: 30px 24px minmax(180px, 1fr) minmax(160px, .62fr) minmax(140px, .45fr) auto;
      gap: 8px;
      align-items: center;
      padding: 0 0 6px;
      border-bottom: 1px solid #eef0f3;
      color: var(--muted);
      font-size: 11px;
      font-weight: 850;
    }
    .project-subtask-toolbar {
      display: flex;
      gap: 10px;
      align-items: center;
      justify-content: flex-end;
      min-height: 32px;
      margin: -2px 0 10px;
    }
    .project-subtask-tree-link {
      margin-right: auto;
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
      text-decoration: none;
    }
    .project-subtask-tree-link:hover {
      color: var(--ink);
      text-decoration: underline;
    }
    .project-subtask-toolbar small {
      color: var(--muted);
      font-size: 12px;
      font-weight: 760;
    }
    .project-subtask-row {
      display: grid;
      grid-template-columns: 30px 24px minmax(0, 1fr) auto;
      gap: 8px;
      align-items: center;
      min-width: 0;
      padding: 8px 0;
      border-bottom: 1px solid var(--line);
    }
    .project-subtask-row:last-child {
      border-bottom: 0;
    }
    .project-subtask-inline-row.is-complete {
      opacity: .74;
    }
    .project-subtask-toggle-form,
    .project-subtask-delete-form {
      margin: 0;
    }
    .project-subtask-edit-form {
      display: grid;
      grid-column: 3;
      grid-template-columns: minmax(180px, 1fr) minmax(160px, .62fr) minmax(140px, .45fr);
      gap: 8px;
      align-items: center;
      min-width: 0;
      margin: 0;
    }
    .project-subtask-edit-form label {
      min-width: 0;
    }
    .project-subtask-edit-form input,
    .project-subtask-edit-form select {
      min-height: 32px;
      border-radius: 8px;
      font-size: 12px;
      padding: 6px 8px;
    }
    button.project-subtask-check-button,
    .project-subtask-check-button.is-readonly {
      appearance: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      min-width: 22px;
      height: 22px;
      min-height: 22px;
      padding: 0;
      border: 1px solid #d5dbe5 !important;
      border-radius: 999px;
      background: #fff !important;
      color: transparent !important;
      box-shadow: none !important;
      cursor: pointer;
      font-size: 0;
      line-height: 1;
    }
    button.project-subtask-check-button:hover {
      border-color: #aab3c2 !important;
      background: #fff !important;
      color: transparent !important;
    }
    button.project-subtask-check-button:focus {
      outline: 3px solid rgba(0, 122, 255, .18);
      outline-offset: 2px;
    }
    .project-subtask-check-button.is-readonly {
      cursor: default;
    }
    .project-subtask-inline-row.is-complete button.project-subtask-check-button,
    .project-subtask-check-button.is-readonly {
      border-color: #111827 !important;
      background: #111827 !important;
      color: #fff !important;
    }
    .project-subtask-inline-row.is-complete button.project-subtask-check-button:hover {
      border-color: #111827 !important;
      background: #111827 !important;
      color: #fff !important;
    }
    .project-subtask-inline-row.is-complete button.project-subtask-check-button::after,
    .project-subtask-check-button.is-readonly::after {
      content: '✓';
      color: #fff;
      font-size: 12px;
      font-weight: 900;
    }
    .project-subtask-save-button,
    .project-subtask-delete-button {
      min-height: 32px;
      border-radius: 8px;
      font-size: 12px;
      white-space: nowrap;
    }
    .project-subtask-delete-button {
      border-color: #ffd1d1;
      background: #fff7f7;
      color: #b42318;
    }
    .project-subtask-add-form {
      display: grid;
      grid-template-columns: minmax(180px, 1fr) minmax(160px, .62fr) minmax(140px, .45fr) auto;
      gap: 8px;
      align-items: end;
      margin-top: 8px;
      padding-top: 8px;
      border-top: 1px solid var(--line);
    }
    .project-subtask-add-form button {
      min-height: 34px;
      padding: 7px 12px;
      border-radius: 8px;
      font-size: 12px;
      white-space: nowrap;
    }
    .project-subtask-order {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 26px;
      height: 26px;
      border-radius: 999px;
      background: #f1f3f6;
      color: #647084;
      font-size: 12px;
      font-weight: 850;
    }
    .project-subtask-main {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .project-subtask-main strong {
      color: var(--ink);
      font-size: 14px;
      font-weight: 850;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .project-subtask-main small,
    .project-subtask-meta span,
    .project-subtask-actions span {
      color: var(--muted);
      font-size: 12px;
      font-weight: 720;
      line-height: 1.35;
    }
    .project-subtask-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      min-width: 0;
    }
    .project-subtask-meta span {
      display: inline-flex;
      align-items: center;
      min-height: 26px;
      padding: 4px 8px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: #f8f9fb;
      white-space: nowrap;
    }
    .project-subtask-state {
      color: var(--ink) !important;
      font-weight: 850 !important;
    }
    .project-subtask-state.state-draft,
    .project-subtask-state.state-pending {
      color: #536071 !important;
      background: #f6f7f9 !important;
    }
    .project-subtask-state.state-completed,
    .project-subtask-state.state-done {
      color: #087443 !important;
      background: #edf7f1 !important;
      border-color: #cce8d8 !important;
    }
    .project-subtask-state.state-blocked {
      color: #9a3412 !important;
      background: #fff7ed !important;
      border-color: #fed7aa !important;
    }
    .project-subtask-actions {
      display: flex;
      gap: 6px;
      align-items: center;
      justify-content: flex-end;
      min-width: 82px;
    }
    .project-subtask-actions form {
      margin: 0;
    }
    .project-subtask-actions a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 32px;
      padding: 6px 10px;
      border: 1px solid #d8dde6;
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      font-size: 12px;
      font-weight: 850;
      text-decoration: none;
    }
    .project-subtask-actions a:hover {
      background: #f8f9fb;
    }
    .project-task-status.active,
    .project-task-status.complete {
      color: #16734b;
      border-color: rgba(22, 115, 75, .24);
      background: rgba(236, 247, 241, .9);
    }
    .project-task-status.blocked {
      color: #9a3412;
      border-color: rgba(154, 52, 18, .22);
      background: rgba(255, 247, 237, .95);
    }
    .project-task-status.hold,
    .project-task-status.draft {
      color: #536071;
      border-color: rgba(83, 96, 113, .22);
      background: rgba(246,247,249,.95);
    }
    .project-dependency-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }
    .project-dependency-grid article {
      min-width: 0;
      display: grid;
      gap: 6px;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255,255,255,.86);
    }
    .project-dependency-grid span {
      color: var(--muted);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .project-dependency-grid strong {
      color: var(--ink);
      font-size: 14px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .project-dependency-grid small {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }
    .project-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
      gap: 12px;
      align-items: start;
    }
    .project-layout-single {
      grid-template-columns: 1fr;
    }
    .project-primary-panel {
      grid-row: span 3;
    }
    .project-layout-single .project-primary-panel {
      grid-row: auto;
    }
    .project-flat-list-panel {
      gap: 14px;
      padding: 0;
      border: 0 !important;
      border-radius: 0;
      background: transparent !important;
      box-shadow: none !important;
    }
    .project-list-stage-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px;
      align-items: start;
      margin: 0;
    }
    .project-list-toolbar {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      min-width: 0;
      min-height: 32px;
      margin: 0;
    }
    .project-list-toolbar h1 {
      margin: 0;
      color: var(--ink);
      font-size: 24px;
      line-height: 1.12;
      letter-spacing: 0;
    }
    .project-list-count {
      display: block;
      margin-top: 6px;
      color: var(--muted);
      font-size: 14px;
      font-weight: 700;
    }
    .project-primary-action,
    .project-reset-action {
      min-height: 32px;
      padding: 0 12px;
      border-radius: 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
      font-size: 14px;
      font-weight: 800;
      line-height: 1;
    }
    .project-list-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0;
      padding: 0;
    }
    .project-list-tabs a {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 34px;
      padding: 0 12px;
      border: 1px solid transparent;
      border-radius: 10px;
      color: var(--ink);
      text-decoration: none;
      font-size: 15px;
      font-weight: 850;
      line-height: 1;
    }
    .project-list-tabs a.active {
      border-color: #d8dde6;
      background: #f8f9fb;
      box-shadow: 0 1px 2px rgba(25, 34, 49, .04);
    }
    .project-list-tabs span {
      color: var(--muted);
      font-size: 13px;
      font-weight: 850;
    }
    .project-list-filters {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: end;
      margin: 0;
    }
    .project-list-filters label {
      display: grid;
      gap: 7px;
      min-width: 0;
      color: var(--muted);
      font-size: 13px;
      font-weight: 850;
    }
    .project-list-filters input {
      width: 100%;
      min-height: 38px;
      padding: 0 12px;
      border: 1px solid #d8dde6;
      border-radius: 9px;
      background: #fff;
      color: var(--ink);
      font: inherit;
      box-sizing: border-box;
      outline: none;
    }
    .project-list-filters input:focus {
      border-color: #b8c0cc;
      box-shadow: 0 0 0 3px rgba(78, 89, 105, .08);
    }
    .project-flat-list-panel .operations-table-wrap {
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }
    .project-flat-list-panel .operations-table {
      background: transparent;
    }
    .project-flat-list-panel .operations-table th {
      background: transparent;
      border-bottom: 1px solid #d8dde6;
    }
    .project-flat-list-panel .operations-table td {
      border-bottom: 1px solid #e5e8ed;
    }
    .project-flat-list-panel .operations-table tr:last-child td {
      border-bottom: 0;
    }
    .project-register-segments {
      margin: 2px 0 10px;
    }
    .project-register-filters {
      grid-template-columns: minmax(260px, 1fr) minmax(150px, auto) minmax(150px, auto) minmax(190px, auto) auto;
      margin-bottom: 12px;
      align-items: end;
    }
    .project-register-filters.is-project-list {
      grid-template-columns: minmax(360px, 1fr) minmax(190px, auto) auto;
    }
    .project-register-filters.is-task-list {
      grid-template-columns: minmax(360px, 1fr) minmax(190px, auto) auto;
    }
    .project-register-filters label {
      min-width: 0;
    }
    .project-register-filters label.full {
      grid-column: span 4;
    }
    .project-register-filters .actions.full {
      grid-column: auto;
    }
    .project-register-filters input,
    .project-register-filters select {
      width: 100%;
      min-height: 38px;
      padding: 0 12px;
      border: 1px solid #d8dde6;
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      font: inherit;
      box-sizing: border-box;
      outline: none;
    }
    .project-register-filters input:focus,
    .project-register-filters select:focus {
      border-color: #aab4c2;
      box-shadow: 0 0 0 3px rgba(78, 89, 105, .08);
    }
    .project-search-input-wrap {
      position: relative;
      display: block;
      min-width: 0;
    }
    .project-select-input-wrap {
      position: relative;
      display: block;
      width: 100%;
      min-width: 190px;
    }
    .project-search-input-wrap input {
      padding-right: 76px;
    }
    .project-search-input-wrap.has-leading-icon input,
    .project-select-input-wrap.has-leading-icon select {
      padding-left: 34px;
    }
    .project-select-input-wrap select {
      -webkit-appearance: none;
      appearance: none;
      width: 100%;
      min-width: 190px;
      padding-right: 34px;
    }
    .project-icon-field {
      position: relative;
    }
    .project-field-icon {
      position: absolute;
      left: 12px;
      top: 50%;
      width: 14px;
      height: 14px;
      transform: translateY(-50%);
      pointer-events: none;
    }
    .project-search-icon::before {
      content: "";
      position: absolute;
      left: 1px;
      top: 1px;
      width: 8px;
      height: 8px;
      border: 2px solid #667085;
      border-radius: 999px;
    }
    .project-search-icon::after {
      content: "";
      position: absolute;
      right: 1px;
      bottom: 1px;
      width: 6px;
      height: 2px;
      border-radius: 999px;
      background: #667085;
      transform: rotate(45deg);
      transform-origin: center;
    }
    .project-sort-icon::before,
    .project-sort-icon::after {
      content: "";
      position: absolute;
      left: 2px;
      width: 10px;
      height: 2px;
      border-radius: 999px;
      background: #667085;
    }
    .project-sort-icon::before {
      top: 4px;
      box-shadow: 0 4px 0 #667085;
    }
    .project-sort-icon::after {
      top: 12px;
      width: 6px;
    }
    .project-search-reset {
      position: absolute;
      top: 50%;
      right: 7px;
      transform: translateY(-50%);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 26px;
      padding: 0 9px;
      border: 1px solid #d8dee8;
      border-radius: 7px;
      background: #f8fafc;
      color: #344054;
      font-size: 12px;
      font-weight: 820;
      line-height: 1;
      text-decoration: none;
      cursor: pointer;
    }
    .project-search-reset:hover {
      background: #eef2f7;
    }
    .project-register-flat {
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0;
      background: transparent !important;
      box-shadow: none !important;
    }
    .project-register-flat .operations-table-wrap {
      border: 0;
      border-radius: 0;
      background: transparent;
    }
    .project-progress-review-register {
      grid-template-columns: minmax(0, 1fr);
      min-width: 0;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0;
      background: transparent !important;
      box-shadow: none !important;
    }
	    .project-progress-review-filters {
	      display: grid;
	      grid-template-columns: minmax(220px, 1fr) max-content 160px 224px max-content;
	      gap: 8px;
	      align-items: center;
	      margin: 12px 0 14px;
	    }
    .project-progress-review-filters .project-search-field {
      min-width: 0;
    }
    .project-progress-review-filters .project-search-input-wrap {
      width: 100%;
    }
    .project-progress-review-filters .project-search-input-wrap input {
      margin-bottom: 0;
    }
    .project-checkbox-filter {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 36px;
      padding: 0 10px;
      border: 1px solid #d8dee8;
      border-radius: 8px;
      background: #fff;
      white-space: nowrap;
      cursor: pointer;
    }
	    .project-checkbox-filter input {
	      width: 15px;
	      height: 15px;
	      margin: 0;
	    }
	    .project-progress-review-system-toggle {
	      display: inline-flex;
	      align-items: center;
	      justify-self: end;
	      gap: 8px;
	      min-height: 36px;
	      padding: 0 10px;
	      border: 1px solid #d8dee8;
	      border-radius: 8px;
	      background: #fff;
	      color: #344054;
	      font-size: 12px;
	      font-weight: 820;
	      white-space: nowrap;
	      cursor: pointer;
	    }
	    .project-progress-review-system-toggle input {
	      width: 15px;
	      height: 15px;
	      margin: 0;
	      accent-color: #2563eb;
	    }
    .project-progress-review-date-filter {
      min-width: 160px;
    }
    .project-progress-review-date-filter .project-select-input-wrap,
    .project-progress-review-date-filter select {
      min-width: 160px;
      margin: 0;
    }
    .project-progress-review-delete-controls {
      grid-column: 5;
      grid-row: 1;
      width: auto;
      min-width: 0;
      overflow: visible;
    }
    .project-progress-review-register [hidden] {
      display: none !important;
    }
    .project-progress-review-examples-link,
    .project-progress-review-examples-head > a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 34px;
      padding: 0 12px;
      border: 1px solid #d8dee8;
      border-radius: 8px;
      background: #fff;
      color: #344054;
      font-size: 12px;
      font-weight: 850;
      line-height: 1;
      text-decoration: none;
      white-space: nowrap;
    }
    .project-progress-review-examples-link:hover,
    .project-progress-review-examples-link:focus,
    .project-progress-review-examples-head > a:hover,
    .project-progress-review-examples-head > a:focus {
      border-color: #93c5fd;
      color: #1d4ed8;
    }
    .project-progress-review-examples-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 12px;
      padding: 14px 16px;
      border: 1px solid #dbeafe;
      border-radius: 10px;
      background: #f8fbff;
    }
    .project-progress-review-examples-head > div {
      min-width: 0;
    }
    .project-progress-review-examples-head > div > span {
      display: inline-flex;
      margin-bottom: 5px;
      color: #2563eb;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .project-progress-review-examples-head h2 {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 0;
      color: #101828;
      font-size: 18px;
      line-height: 1.2;
    }
    .project-progress-review-examples-head h2 small {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 24px;
      height: 22px;
      padding: 0 7px;
      border-radius: 999px;
      background: #dbeafe;
      color: #1d4ed8;
      font-size: 11px;
    }
    .project-progress-review-examples-head p {
      max-width: 760px;
      margin: 5px 0 0;
      color: #667085;
      font-size: 12px;
      font-weight: 650;
      line-height: 1.45;
    }
    .project-progress-review-examples {
      display: grid;
      gap: 10px;
    }
    .project-progress-review-example-group {
      display: grid;
      grid-template-columns: 170px minmax(0, 1fr);
      gap: 12px;
      padding: 12px;
      border: 1px solid #e4e7ec;
      border-radius: 10px;
      background: #fff;
    }
    .project-progress-review-example-group-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 8px;
      padding: 3px 4px;
    }
    .project-progress-review-example-group-head h3 {
      margin: 0;
      color: #344054;
      font-size: 12px;
      font-weight: 900;
      line-height: 1.35;
    }
    .project-progress-review-example-group-head span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 22px;
      height: 20px;
      padding: 0 6px;
      border-radius: 999px;
      background: #f2f4f7;
      color: #475467;
      font-size: 10px;
      font-weight: 900;
    }
    .project-progress-review-example-group .project-progress-review-linked-system {
      min-width: 0;
    }
    .project-progress-review-example-group .project-progress-review-log.is-example {
      border-color: #eef2f7;
      background: #fbfcfe;
    }
    .project-progress-review-custom-range {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      grid-column: 4;
      grid-row: 1;
      align-items: center;
      gap: 4px;
      min-width: 0;
      width: 224px;
    }
    .project-progress-review-custom-range[hidden] {
      display: none;
    }
    .project-progress-review-custom-range label {
      display: block;
      min-width: 0;
      color: #667085;
      font-size: 10px;
      font-weight: 850;
      text-transform: uppercase;
      letter-spacing: .04em;
    }
    .project-progress-review-custom-range label > span {
      display: none;
    }
    .project-progress-review-custom-range > label:last-child .erp-date-picker {
      right: 0;
      left: auto;
    }
    .project-progress-review-custom-range input {
      width: 100%;
      min-width: 0;
      min-height: 36px;
      margin: 0;
      padding: 0 2px;
      font-size: 10px;
      white-space: nowrap;
    }
    .project-progress-review-list {
      display: grid;
      gap: 10px;
      margin-top: 12px;
    }
	    .project-progress-review-management-bar {
	      display: flex;
	      gap: 10px;
	      align-items: center;
	      justify-content: space-between;
	      margin: -2px 0 12px;
	      padding: 8px 0;
	      border-bottom: 1px solid #e4e7ec;
	    }
	    .project-progress-review-focus {
	      display: flex;
	      gap: 4px;
	      align-items: center;
	      min-width: 0;
	      overflow-x: auto;
	    }
	    .project-progress-review-focus a {
	      display: inline-flex;
	      gap: 6px;
	      align-items: center;
	      min-height: 30px;
	      padding: 0 9px;
	      border: 1px solid transparent;
	      border-radius: 8px;
	      color: #475467;
	      font-size: 11px;
	      font-weight: 820;
	      text-decoration: none;
	      white-space: nowrap;
	    }
	    .project-progress-review-focus a.active {
	      border-color: #d8dee8;
	      background: #f8fafc;
	      color: #101828;
	    }
	    .project-progress-review-focus b {
	      color: #667085;
	      font-size: 10px;
	      font-weight: 850;
	    }
	    .project-progress-review-scope {
	      display: flex;
	      gap: 6px;
	      align-items: center;
	      margin: 0;
	    }
	    .project-progress-review-scope label {
	      width: 150px;
	      min-width: 0;
	    }
	    .project-progress-review-scope select {
	      width: 100%;
	      min-height: 32px;
	      margin: 0;
	      padding: 0 28px 0 9px;
	      border: 1px solid #d8dee8;
	      border-radius: 8px;
	      background: #fff;
	      color: #344054;
	      font: inherit;
	      font-size: 11px;
	      font-weight: 780;
	    }
	    .project-progress-review-scope .erp-search-select,
	    .project-progress-review-scope .erp-search-select-input {
	      width: 100% !important;
	      min-height: 32px !important;
	      height: 32px !important;
	      font-size: 11px !important;
	      font-weight: 780 !important;
	    }
	    .project-progress-review-scope .erp-search-select-input {
	      border-radius: 8px !important;
	      padding-left: 9px !important;
	    }
	    .project-progress-review-scope .erp-search-select-list {
	      left: auto;
	      right: 0;
	      width: max(100%, 240px);
	    }
	    .project-progress-review-card {
	      display: grid;
	      grid-template-columns: minmax(170px, 210px) minmax(0, 1fr);
	      gap: 12px;
	      align-items: stretch;
	      padding: 12px;
	      border: 1px solid #e4e7ec;
      border-radius: 8px;
      background: #fff;
      font-size: 12px;
    }
    .project-progress-review-context {
      display: grid;
      align-content: start;
      gap: 7px;
      padding: 2px 10px 2px 0;
      border-right: 1px solid #eef2f7;
    }
    .project-progress-review-card-body {
      display: grid;
      gap: 8px;
      min-width: 0;
    }
    .project-progress-review-task-row {
      display: grid;
      grid-template-columns: minmax(0, max-content) max-content max-content 1fr;
      gap: 8px;
      align-items: center;
      min-width: 0;
    }
    .project-progress-review-task-title {
      display: inline-flex;
      width: fit-content;
      max-width: 100%;
      color: var(--ink);
      font-size: 12px;
      font-weight: 850;
      line-height: 1.3;
      text-decoration: none;
      overflow-wrap: anywhere;
    }
    .project-progress-review-task-code {
      color: #667085;
      font-size: 12px;
      font-weight: 760;
      line-height: 1.2;
      white-space: nowrap;
    }
    .project-progress-review-context-codes {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
      color: #667085;
      font-size: 12px;
      font-weight: 760;
      line-height: 1.2;
    }
    .project-progress-review-context-code {
      display: inline-flex;
      width: fit-content;
      color: #667085;
      font-size: 12px;
      font-weight: 760;
      line-height: 1.2;
      text-decoration: none;
      white-space: nowrap;
    }
    .project-progress-review-context-code + .project-progress-review-context-code::before {
      content: "·";
      margin-right: 6px;
      color: #c3cad5;
    }
    .project-progress-review-context-names {
      display: grid;
      gap: 7px;
      min-width: 0;
    }
	    .project-progress-review-accountability {
	      display: grid;
	      gap: 6px;
	      margin: 4px 0 0;
	      padding: 9px 0 0 6px;
	      border-top: 1px solid #eef2f7;
	    }
	    .project-progress-review-accountability > div {
	      display: grid;
	      grid-template-columns: 81px minmax(0, 1fr);
	      gap: 6px;
	      align-items: baseline;
	    }
	    .project-progress-review-accountability dt,
	    .project-progress-review-accountability dd {
	      margin: 0;
	      font-size: 12px;
	      line-height: 1.3;
	    }
	    .project-progress-review-accountability dt {
	      color: #98a2b3;
	      font-weight: 820;
	      text-align: right;
	      text-transform: uppercase;
	      white-space: nowrap;
	    }
	    .project-progress-review-accountability dd {
	      min-width: 0;
	      color: #475467;
	      font-weight: 760;
	      overflow-wrap: anywhere;
	    }
    .project-progress-review-project-block {
      display: grid;
      gap: 2px;
      justify-items: start;
      min-width: 0;
    }
    .project-progress-review-context-name {
      color: #344054;
      font-size: 12px;
      font-weight: 850;
      line-height: 1.3;
      text-decoration: none;
      overflow-wrap: anywhere;
    }
    .project-progress-review-context-link {
      border-bottom: 0;
    }
    .project-progress-review-context-link:hover,
    .project-progress-review-context-link:focus {
      color: #1d4ed8;
      text-decoration: none;
    }
    .project-progress-review-log {
      position: relative;
      display: block;
      min-width: 0;
    }
    .project-progress-review-delete-select {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      cursor: pointer;
    }
    .project-progress-review-register.is-delete-mode .project-progress-review-delete-select {
      display: inline-flex;
    }
    .project-progress-review-delete-select input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }
    .project-progress-review-delete-select span {
      width: 16px;
      height: 16px;
      border: 1px solid #cbd5e1;
      border-radius: 4px;
      background: #fff;
      box-shadow: inset 0 0 0 2px #fff;
    }
    .project-progress-review-delete-select input:checked + span {
      border-color: #be123c;
      background: #be123c;
    }
    .project-progress-review-delete-select input:focus-visible + span {
      outline: 2px solid #60a5fa;
      outline-offset: 2px;
    }
    .project-progress-review-log-main {
      display: grid;
      gap: 8px;
      min-width: 0;
    }
	    .project-progress-review-log-current {
	      display: grid;
	      gap: 8px;
	      min-width: 0;
	      border-radius: 8px;
	    }
	    .project-progress-review-log.is-system-log .project-progress-review-log-current {
	      padding: 8px 10px;
	      border: 1px solid #eef2f7;
	      background: #fbfcfe;
	    }
	    .project-progress-review-log.is-manual-log .project-progress-review-log-current {
	      grid-template-columns: 150px 180px minmax(0, 1fr) 96px;
	      align-items: start;
	      padding: 8px 10px;
	      border: 1px solid #eef2f7;
	      background: #fbfcfe;
	    }
	    .project-progress-review-log:has(> .project-progress-review-delete-select [data-progress-review-delete-checkbox]:checked) > .project-progress-review-log-main > .project-progress-review-log-current {
	      background: #fff7f7;
	    }
    .project-progress-review-log-head {
	      display: grid;
	      grid-template-columns: 220px minmax(160px, 1fr);
	      gap: 8px;
	      align-items: center;
      color: #667085;
      font-size: 12px;
      font-weight: 760;
      min-width: 0;
    }
	    .project-progress-review-log.is-manual-log .project-progress-review-log-head,
	    .project-progress-review-log.is-manual-log .project-progress-review-manual-note {
	      display: contents;
	    }
    .project-progress-review-log-head:has(.project-progress-review-actor:nth-child(2)) {
      grid-template-columns: 170px minmax(120px, 1fr);
    }
    .project-progress-review-log.is-manual-log .project-progress-review-log-head {
      grid-template-columns: 150px minmax(100px, 1fr);
    }
    .project-progress-review-log-head time {
      color: #344054;
      font-size: 12px;
      font-weight: 850;
      white-space: nowrap;
    }
	    .project-progress-review-actor {
	      min-width: 0;
	    }
	    .project-person-label {
	      display: grid;
	      align-content: center;
	      gap: 1px;
	      min-width: 0;
	    }
	    .project-person-name,
	    .project-person-position {
	      min-width: 0;
	      overflow: hidden;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	    }
	    .project-person-name {
	      color: #344054;
	      font-size: 12px;
	      font-weight: 820;
	      line-height: 1.2;
	    }
	    .project-person-position {
	      color: #667085;
	      font-size: 12px;
	      font-weight: 700;
	      line-height: 1.2;
	    }
	    .project-progress-review-accountability .project-person-name,
	    .project-progress-review-accountability .project-person-position {
	      overflow: visible;
	      text-overflow: clip;
	      white-space: normal;
	    }
	    .project-progress-review-source {
	      display: inline-flex;
	      align-items: center;
	      justify-self: start;
	      width: fit-content;
	      min-height: 22px;
	      padding: 0 8px;
	      border: 1px solid #d8dee8;
	      border-radius: 999px;
	      background: #f8fafc;
	      color: #475467;
	      font-size: 10px;
	      font-weight: 850;
	      text-transform: uppercase;
	      white-space: nowrap;
	    }
	    .project-progress-review-source.is-system {
	      border-color: #bfdbfe;
	      background: #eff6ff;
	      color: #1d4ed8;
	    }
	    .project-progress-review-source.is-manual {
	      border-color: #d1fae5;
	      background: #ecfdf5;
	      color: #047857;
	    }
    .project-progress-review-log p {
      margin: 0;
      color: #101828;
      font-size: 12px;
      font-weight: 500;
      line-height: 1.5;
      overflow-wrap: anywhere;
    }
    .project-progress-review-manual-note {
      min-width: 0;
    }
	    .project-progress-review-manual-note > p {
	      grid-column: 3;
	      min-width: 0;
	      padding-top: 2px;
	    }
	    .project-progress-review-manual-tags {
	      grid-column: 4;
	      display: grid;
	      gap: 4px;
	      justify-items: end;
	      align-content: start;
	    }
    .project-progress-review-manual-tags > span {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      padding: 0 7px;
      border: 1px solid #d1fae5;
      border-radius: 999px;
      background: #ecfdf5;
      color: #047857;
      font-size: 10px;
      font-weight: 850;
      line-height: 1;
      white-space: nowrap;
    }
    .project-progress-review-linked-system {
      display: grid;
      gap: 6px;
      margin-top: -2px;
      padding: 8px 0 0;
    }
    .project-progress-review-linked-system.is-primary-system {
      margin-top: 0;
      padding-top: 0;
    }
    .project-progress-review-linked-system.is-primary-system .project-progress-review-linked-label {
      margin-bottom: 2px;
    }
    .project-progress-review-linked-label {
      display: inline-flex;
      width: fit-content;
      color: #667085;
      font-size: 10px;
      font-weight: 860;
      letter-spacing: .04em;
      line-height: 1;
      text-transform: uppercase;
    }
    .project-progress-review-subgroup-label {
      display: inline-flex;
      width: fit-content;
      margin: 2px 0 0;
      color: #98a2b3;
      font-size: 10px;
      font-weight: 860;
      letter-spacing: .04em;
      line-height: 1;
      text-transform: uppercase;
    }
    .project-progress-review-history-note {
      display: block;
      width: fit-content;
      color: #667085;
      font-size: 11px;
      font-weight: 700;
      line-height: 1.3;
    }
    .project-progress-review-linked-system .project-progress-review-log.is-system-log {
      padding-top: 0;
      border-top: 0;
    }
	    .project-progress-review-linked-system .project-progress-review-log.is-system-log .project-progress-review-log-current {
	      padding: 8px 10px;
	      border: 1px solid #eef2f7;
	      background: #fbfcfe;
	    }
	    .project-progress-review-log.is-compact.is-system-log .project-progress-review-log-current {
	      display: grid;
	      grid-template-columns: 150px 180px minmax(0, 1fr) 96px;
	      gap: 8px;
	      align-items: start;
	    }
	    .project-progress-review-log.is-compact.is-system-log .project-progress-review-log-head,
	    .project-progress-review-log.is-compact.is-system-log .project-progress-review-system-summary {
	      display: contents;
	    }
	    .project-progress-review-log.is-compact.is-system-log .project-progress-review-change-line {
	      display: contents;
	    }
	    .project-progress-review-log.is-compact.is-system-log .project-progress-review-change-copy {
	      grid-column: 3;
	    }
	    .project-progress-review-log.is-compact.is-system-log .project-progress-review-change-line em {
	      grid-column: 4;
	      justify-self: end;
	      margin-top: 0;
	    }
	    .project-progress-review-linked-system .project-progress-review-log-head,
	    .project-progress-review-previous .project-progress-review-log-head {
	      grid-template-columns: 150px minmax(120px, 1fr);
	      font-size: 11px;
	    }
    .project-progress-review-system-summary,
    .project-progress-review-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
      min-width: 0;
    }
    .project-progress-review-system-summary {
      min-height: 26px;
    }
    .project-progress-review-system-change {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
      min-width: 0;
    }
    .project-progress-review-change-event,
    .project-progress-review-change-detail {
      display: inline-flex;
      align-items: center;
      min-height: 26px;
      border: 1px solid #bfdbfe;
      line-height: 1;
      white-space: nowrap;
    }
    .project-progress-review-change-event {
      padding: 0 9px;
      border-radius: 999px 0 0 999px;
      background: #1d4ed8;
      color: #fff;
      font-size: 11px;
      font-weight: 860;
    }
    .project-progress-review-change-event.is-solo {
      border-radius: 999px;
    }
    .project-progress-review-change-detail {
      gap: 0;
      margin-left: -7px;
      padding: 0 8px 0 10px;
      border-left: 0;
      border-radius: 0 999px 999px 0;
      background: #eff6ff;
      color: #1d4ed8;
      font-size: 11px;
      font-weight: 820;
    }
    .project-progress-review-change-detail span + span::before {
      content: "·";
      margin: 0 6px;
      color: #93c5fd;
    }
	    .project-progress-review-change-line {
	      display: grid;
	      gap: 2px;
	      align-items: start;
	      min-width: 0;
	      color: #475467;
	      font-size: 12px;
	      line-height: 1.35;
	    }
	    .project-progress-review-change-copy {
	      display: grid;
	      gap: 2px;
	      min-width: 0;
	    }
		    .project-progress-review-row-source {
		      display: inline-flex;
		      align-items: center;
		      justify-content: center;
		      justify-self: start;
		      width: fit-content;
		      min-height: 22px;
		      padding: 0 7px;
	      border: 1px solid #bfdbfe;
	      border-radius: 999px;
	      background: #eff6ff;
	      color: #1d4ed8;
	      font-size: 10px;
	      font-weight: 850;
	      line-height: 1;
	      white-space: nowrap;
	    }
		    .project-progress-review-change-line strong {
		      justify-self: start;
		      color: #175cd3;
		      font-size: 12px;
		      font-weight: 850;
		      line-height: 1.25;
		      overflow-wrap: anywhere;
		      white-space: normal;
		    }
	    .project-progress-review-change-line > span:not(.project-progress-review-row-source) {
	      min-width: 0;
	      color: #344054;
	      font-weight: 650;
	      overflow-wrap: anywhere;
	    }
	    .project-progress-review-change-narrative {
	      display: grid;
	      gap: 2px;
	      line-height: 1.45;
	    }
	    .project-progress-review-requirement-line {
	      display: flex;
	      align-items: baseline;
	      flex-wrap: wrap;
	      gap: 2px;
	      min-width: 0;
	    }
	    .project-requirement-name {
	      display: inline;
	      max-width: 100%;
	      padding: 0 1px;
	      border: 0;
	      border-radius: 0;
	      background: transparent;
	      color: #667085 !important;
	      font-size: inherit;
	      font-weight: 720 !important;
	      line-height: 1.35;
	      overflow-wrap: anywhere;
	      text-decoration: none;
	      vertical-align: baseline;
	    }
	    .project-audit-fixed {
	      color: #344054 !important;
	      font-weight: 700 !important;
	    }
	    .project-audit-input {
	      color: #667085 !important;
	      font-weight: 720 !important;
	    }
    .project-progress-review-change-details {
      display: grid;
      gap: 5px;
      line-height: 1.4;
    }
    .project-progress-review-detail-item {
      display: grid;
      grid-template-columns: 88px minmax(0, 1fr);
      gap: 8px;
      align-items: start;
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .project-progress-review-detail-item small {
      color: #98a2b3;
      font-size: 9px;
      font-weight: 850;
      letter-spacing: .03em;
      line-height: 1.35;
      text-transform: uppercase;
    }
    .project-progress-review-detail-item > span {
      min-width: 0;
      color: #344054;
      font-weight: 760;
      overflow-wrap: anywhere;
    }
    .project-progress-review-detail-item.is-reason small {
      color: #9a3412;
    }
    .project-progress-review-detail-item.is-reason > span {
      color: #7c2d12;
      font-weight: 820;
    }
    .project-progress-review-detail-item.is-system small {
      color: #667085;
    }
    .project-progress-review-change-line em {
	      justify-self: start;
	      margin-top: 2px;
      padding: 3px 7px;
      border: 1px solid #fed7aa;
      border-radius: 999px;
      background: #fff7ed;
      color: #9a3412;
      font-size: 10px;
      font-style: normal;
      font-weight: 820;
      white-space: nowrap;
    }
    .project-progress-review-tag {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      min-height: 24px;
      padding: 0 8px;
      border: 1px solid #d8dee8;
      border-radius: 999px;
      background: #fff;
      color: #475467;
      font-size: 11px;
      font-weight: 820;
      line-height: 1;
      white-space: nowrap;
    }
    .project-progress-review-tag.is-system {
      border-color: #bfdbfe;
      background: #eff6ff;
      color: #1d4ed8;
    }
    .project-progress-review-tag.is-attention {
      border-color: #fed7aa;
      background: #fff7ed;
      color: #9a3412;
    }
    .project-progress-review-tags.is-attention {
      margin-top: -2px;
    }
    .project-progress-review-log.is-compact {
      padding-top: 10px;
      border-top: 1px solid #eef2f7;
    }
    .project-progress-review-condition {
      display: inline-flex;
      align-items: center;
      justify-self: start;
      width: fit-content;
      min-height: 24px;
      padding: 0 8px;
      border: 1px solid #bfdbfe;
      border-radius: 999px;
      background: #eff6ff;
      color: #1d4ed8;
      font-size: 12px;
      font-weight: 820;
      white-space: nowrap;
    }
    .project-progress-review-condition.is-draft,
    .project-progress-review-condition.is-pending,
    .project-progress-review-condition.is-parent {
      border-color: #cfd8e3;
      background: #f5f7fa;
      color: #536171;
    }
    .project-progress-review-condition.is-in-progress,
    .project-progress-review-condition.is-internal-review,
    .project-progress-review-condition.is-review,
    .project-progress-review-condition.is-pending-review {
      border-color: #b9dcff;
      background: #eff8ff;
      color: #175cd3;
    }
    .project-progress-review-condition.is-paused,
    .project-progress-review-condition.is-blocked,
    .project-progress-review-condition.is-on-hold {
      border-color: #ffe08a;
      background: #fffbea;
      color: #854d0e;
    }
    .project-progress-review-condition.is-closed,
    .project-progress-review-condition.is-completed,
    .project-progress-review-condition.is-done {
      border-color: #b7e4c7;
      background: #f0fdf4;
      color: #087443;
    }
    .project-progress-review-condition.is-cancelled,
    .project-progress-review-condition.is-canceled {
      border-color: #ffc3bd;
      background: #fff3f1;
      color: #b42318;
    }
    .project-progress-review-next {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      color: #475467;
      font-size: 13px;
      line-height: 1.4;
    }
    .project-progress-review-log.is-manual-log .project-progress-review-blocker,
    .project-progress-review-log.is-manual-log .project-progress-review-next {
      grid-column: 2;
    }
    .project-progress-review-blocker {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      padding-top: 6px;
      border-top: 1px solid #fee2e2;
      color: #b42318;
      font-size: 12px;
      line-height: 1.4;
    }
    .project-progress-review-blocker strong {
      font-weight: 850;
    }
    .project-progress-review-next strong {
      color: #344054;
      font-weight: 850;
    }
    .project-progress-review-previous {
      display: grid;
      gap: 6px;
      padding-top: 6px;
    }
    .project-progress-review-previous .project-progress-review-log {
      padding: 8px 10px;
      border: 1px solid #eef2f7;
      border-radius: 8px;
      background: #fbfcfe;
    }
    .project-progress-review-previous .project-progress-review-log-current {
      padding: 0;
      border: 0;
      background: transparent;
    }
    .project-progress-review-history-check {
      display: none;
    }
    .project-progress-review-card-body:has(.project-progress-review-history-check:not(:checked)) .project-progress-review-previous {
      display: none;
    }
    .project-progress-review-history-toggle {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 0 10px;
      border: 1px solid #d8dee8;
      border-radius: 8px;
      background: #fff;
      color: #475467;
      font-size: 12px;
      font-weight: 850;
      cursor: pointer;
      justify-self: end;
    }
    .project-progress-review-history-toggle .is-open {
      display: none;
    }
    .project-progress-review-history-check:checked ~ .project-progress-review-history-toggle .is-closed {
      display: none;
    }
    .project-progress-review-history-check:checked ~ .project-progress-review-history-toggle .is-open {
      display: inline;
    }
    .project-progress-review-history-toggle:hover,
    .project-progress-review-history-toggle:focus {
      border-color: #bfdbfe;
      color: #1d4ed8;
    }
    .project-progress-review-previous-list {
      display: grid;
      gap: 6px;
      margin-top: 4px;
    }
    .project-progress-review-delete-form {
      display: none;
    }
	    .project-progress-review-delete-controls {
	      display: inline-flex;
	      align-items: center;
	      justify-content: flex-end;
	      gap: 8px;
	      width: auto;
	      min-width: 0;
	      overflow: visible;
	    }
    .project-progress-review-notice {
      margin: 12px 0 0;
    }
    .project-progress-review-empty {
      padding: 18px;
      border: 1px dashed #d8dee8;
      border-radius: 8px;
      background: #f8fafc;
      color: #667085;
      font-size: 14px;
      font-weight: 760;
      text-align: center;
    }
    @media (max-width: 900px) {
      .project-progress-review-filters,
      .project-progress-review-card,
      .project-progress-review-log {
        grid-template-columns: 1fr;
      }
      .project-progress-review-filters.has-custom-range {
        grid-template-columns: 1fr;
        gap: 12px;
      }
      .project-progress-review-delete-controls {
        grid-column: 1;
        grid-row: auto;
        justify-content: flex-start;
        width: 100%;
      }
      .project-progress-review-examples-head {
        align-items: stretch;
        flex-direction: column;
      }
      .project-progress-review-examples-head > a {
        align-self: flex-start;
      }
      .project-progress-review-example-group {
        grid-template-columns: 1fr;
      }
      .project-progress-review-example-group-head {
        align-items: center;
        padding: 0 2px;
      }
      .project-progress-review-filters.has-custom-range .project-progress-review-delete-controls {
        grid-column: 1;
        grid-row: auto;
        width: 100%;
      }
      .project-progress-review-custom-range {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-column: 1;
        grid-row: auto;
        gap: 6px;
        width: 100%;
        box-sizing: border-box;
      }
      .project-progress-review-custom-range label > span {
        display: block;
        margin-bottom: 4px;
      }
	      .project-progress-review-management-bar,
	      .project-progress-review-scope {
	        align-items: stretch;
	        flex-direction: column;
	      }
	      .project-progress-review-scope,
	      .project-progress-review-scope label {
	        width: 100%;
	      }
	      .project-progress-review-context {
	        padding: 0 0 10px;
	        border-right: 0;
	        border-bottom: 1px solid #eef2f7;
	      }
	      .project-progress-review-card,
	      .project-progress-review-card-body,
	      .project-progress-review-context {
	        width: 100%;
	        min-width: 0;
	        box-sizing: border-box;
	      }
	      .project-progress-review-task-row {
	        grid-template-columns: minmax(0, 1fr) max-content;
	        align-items: center;
	      }
	      .project-progress-review-task-title {
	        grid-column: 1;
	      }
	      .project-progress-review-task-code {
	        grid-column: 2;
	      }
	      .project-progress-review-condition {
	        grid-column: 1;
	      }
	      .project-progress-review-history-toggle {
	        grid-column: 2;
	        justify-self: end;
	      }
	      .project-progress-review-log.is-manual-log .project-progress-review-log-current {
	        grid-template-columns: 1fr;
	        align-items: stretch;
	      }
	      .project-progress-review-log.is-manual-log .project-progress-review-log-head {
	        display: grid;
	        grid-column: 1;
	      }
	      .project-progress-review-log.is-manual-log .project-progress-review-manual-note {
	        display: grid;
	        grid-column: 1;
	        grid-template-columns: minmax(0, 1fr) max-content;
	        gap: 8px;
	        align-items: start;
	      }
	      .project-progress-review-log.is-manual-log .project-progress-review-manual-note > p {
	        grid-column: 1;
	      }
	      .project-progress-review-log.is-manual-log .project-progress-review-manual-tags {
	        grid-column: 2;
	      }
	      .project-progress-review-log.is-manual-log .project-progress-review-blocker,
	      .project-progress-review-log.is-manual-log .project-progress-review-next {
	        grid-column: 1;
	      }
	      .project-progress-review-change-line {
	        grid-template-columns: minmax(0, 1fr) max-content;
	        align-items: start;
	      }
		      .project-progress-review-log.is-compact.is-system-log .project-progress-review-log-current {
		        grid-template-columns: 1fr;
		      }
	      .project-progress-review-log.is-compact.is-system-log .project-progress-review-log-head,
	      .project-progress-review-log.is-compact.is-system-log .project-progress-review-system-summary,
	      .project-progress-review-log.is-compact.is-system-log .project-progress-review-change-line {
	        display: grid;
	      }
	      .project-progress-review-log.is-compact.is-system-log .project-progress-review-change-copy {
	        grid-column: 1;
	      }
	      .project-progress-review-log.is-compact.is-system-log .project-progress-review-change-line em {
	        grid-column: 2;
	      }
		    }
    .project-register-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;
    }
    .project-register-status-toolbar {
      justify-content: space-between;
      margin: 0 0 12px;
    }
    .project-task-scope-filters {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-left: auto;
    }
    .project-task-scope-filter {
      display: block;
      width: 180px;
      min-width: 0;
      margin: 0;
    }
    .project-task-scope-filter > select,
    .project-task-scope-filter .erp-search-select,
    .project-task-scope-filter .erp-search-select-input {
      width: 100% !important;
      min-height: 32px !important;
      height: 32px !important;
      font-size: 12px !important;
      font-weight: 700 !important;
    }
    .project-task-scope-filter .erp-search-select-input {
      border-radius: 8px !important;
      padding-left: 10px !important;
    }
    .project-task-scope-filter .erp-search-select-list {
      left: auto;
      right: 0;
      width: max(100%, 240px);
    }
    .project-cancelled-delete-controls {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-left: auto;
      justify-content: flex-end;
      min-width: 172px;
    }
    .project-cancelled-delete-button,
    .project-cancelled-delete-cancel {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 32px;
      padding: 0 12px;
      border-radius: 8px;
      font-size: 12px;
      font-weight: 850;
      white-space: nowrap;
      cursor: pointer;
    }
    .project-cancelled-delete-button {
      border: 1px solid #d8dee8;
      background: #f8fafc;
      color: #344054;
    }
    .project-cancelled-delete-button.is-confirm {
      border-color: #fecdd3;
      background: #fff1f2;
      color: #be123c;
    }
    .project-cancelled-delete-button:disabled,
    .project-cancelled-delete-button.is-idle-disabled {
      border-color: #e5e7eb;
      background: #f3f4f6;
      color: #98a2b3;
      cursor: not-allowed;
    }
    .project-cancelled-delete-cancel {
      border: 1px solid #d8dee8;
      background: #fff;
      color: #475467;
    }
    .is-cancelled-delete-mode:not(.is-cancelled-delete-active) .project-table th:first-child,
    .is-cancelled-delete-mode:not(.is-cancelled-delete-active) .project-table td:first-child {
      display: none;
    }
    .project-cancelled-select {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      cursor: pointer;
    }
    .project-cancelled-select input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }
    .project-cancelled-select span {
      width: 16px;
      height: 16px;
      border: 1px solid #cbd5e1;
      border-radius: 4px;
      background: #fff;
      box-shadow: inset 0 0 0 2px #fff;
    }
    .project-cancelled-select input:disabled + span {
      background: #f3f4f6;
      border-color: #e5e7eb;
      cursor: not-allowed;
    }
    .project-cancelled-select input:checked + span {
      border-color: #be123c;
      background: #be123c;
    }
    .project-cancelled-select input:focus-visible + span {
      outline: 2px solid #60a5fa;
      outline-offset: 2px;
    }
    .project-table tr.is-delete-selected td {
      background: #fff7f7;
    }
    .project-status-filter-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      min-width: 0;
    }
    .project-status-filter-row a {
      text-decoration: none;
    }
    @media (max-width: 1080px) {
      #task-center .project-register-status-toolbar {
        flex-wrap: wrap;
      }
      .project-task-scope-filters {
        flex: 1 1 100%;
        margin-left: 0;
      }
      .project-task-scope-filter {
        flex: 1 1 180px;
      }
    }
    @media (max-width: 620px) {
      .project-task-scope-filters {
        display: grid;
        grid-template-columns: 1fr;
      }
      .project-task-scope-filter {
        width: 100%;
      }
    }
    .project-status-chip.active {
      box-shadow: inset 0 0 0 1px currentColor;
    }
    .project-status-chip.is-all {
      border-color: #d8dee8;
      background: #f6f7f9;
      color: #344054;
    }
    .project-status-chip.is-draft,
    .project-status-chip.is-pending,
    .project-status-chip.is-parent {
      border-color: #e2e8f0;
      background: #f8fafc;
      color: #475467;
    }
    .project-status-chip.is-in-progress,
    .project-status-chip.is-internal-review,
    .project-status-chip.is-review,
    .project-status-chip.is-pending-review {
      border-color: #bfdbfe;
      background: #eff6ff;
      color: #1d4ed8;
    }
	    .project-status-chip.is-paused,
	    .project-status-chip.is-blocked,
	    .project-status-chip.is-on-hold {
      border-color: #fed7aa;
      background: #fff7ed;
      color: #9a3412;
    }
	    .project-status-chip.is-closed,
	    .project-status-chip.is-completed,
	    .project-status-chip.is-done {
	      border-color: #bbf7d0;
	      background: #ecfdf3;
	      color: #047857;
	    }
	    .project-status-chip.is-cancelled,
	    .project-status-chip.is-canceled {
	      border-color: #e5e7eb;
	      background: #f3f4f6;
	      color: #4b5563;
	    }
    #project-center .project-register-status-toolbar .project-status-chip,
    #task-center .project-register-status-toolbar .project-status-chip {
      border-color: #d8dee8;
      background: #f8fafc;
      color: #344054;
    }
    #project-center .project-register-status-toolbar .project-status-chip.active,
    #task-center .project-register-status-toolbar .project-status-chip.active {
      border-color: #98a2b3;
      background: #eef2f7;
      color: #182230;
    }
    .project-register-new-action {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      min-height: 34px;
      padding: 0 12px;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 850;
      white-space: nowrap;
    }
    .project-register-count {
      margin: 0 0 10px;
      color: var(--muted);
      font-size: 13px;
      font-weight: 760;
    }
    .project-internal-id {
      display: block;
      margin-top: 3px;
      color: #98a2b3;
      font-size: 10px;
      font-weight: 760;
      line-height: 1.25;
    }
    .project-register-project-cell {
      display: grid;
      gap: 3px;
      align-content: center;
      width: 100%;
      max-width: 320px;
      color: inherit;
      text-decoration: none;
      border-bottom: 0;
    }
    .project-register-project-cell strong {
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
      line-height: 1.28;
      overflow-wrap: anywhere;
    }
    .project-register-project-cell small {
      color: #667085;
      font-size: 12px;
      font-weight: 820;
      line-height: 1.2;
      white-space: nowrap;
    }
    .project-register-project-cell:hover strong {
      color: #1d4ed8;
    }
    .project-progress-bar {
      position: relative;
      display: grid;
      place-items: center;
      width: min(96px, 100%);
      min-width: 70px;
      height: 24px;
      overflow: hidden;
      border: 1px solid #d8dee8;
      border-radius: 999px;
      background: #f8fafc;
      color: #344054;
      font-size: 12px;
      font-weight: 850;
      line-height: 1;
    }
    .project-progress-bar span {
      position: absolute;
      inset: 0 auto 0 0;
      min-width: 0;
      border-radius: inherit;
      background: #dbeafe;
    }
    .project-progress-bar strong {
      position: relative;
      z-index: 1;
      color: #182230;
      font: inherit;
    }
    .project-due-value {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      white-space: nowrap;
    }
    .project-due-value.is-overdue {
      padding: 0 8px;
      border: 1px solid #fecdd3;
      border-radius: 999px;
      background: #fff1f2;
      color: #be123c;
      font-weight: 850;
    }
    .project-task-due {
      white-space: nowrap;
    }
    .project-task-due.is-overdue {
      color: #b42318;
      font-weight: 850;
    }
	    .project-task-name-cell,
	    .project-parent-project-cell,
	    .project-task-handler-cell {
	      display: grid;
	      gap: 3px;
	      min-width: 0;
	    }
	    .project-register-client-cell strong,
	    .project-task-name-cell strong,
	    .project-parent-project-cell strong,
	    .project-task-handler-cell strong {
	      color: var(--ink);
	      font-size: 13px;
	      font-weight: 850;
	      line-height: 1.3;
	      overflow-wrap: anywhere;
    }
    .project-register-client-cell {
      display: inline-flex;
      max-width: 100%;
      align-items: center;
    }
	    .project-task-name-cell small,
	    .project-parent-project-cell small,
	    .project-task-handler-cell small {
	      color: #667085;
	      font-size: 11px;
	      font-weight: 760;
	      line-height: 1.25;
	    }
	    .project-task-handler-cell .project-task-person-line {
	      display: block;
	      width: max-content;
	      min-width: 100%;
	      color: #667085;
	      font-size: 11px;
	      font-weight: 500;
	      line-height: 1.3;
	      white-space: nowrap;
	      overflow-wrap: normal;
	    }
	    .project-task-handler-cell .project-task-reassignment-warning {
	      width: max-content;
	      padding: 2px 6px;
	      border: 1px solid #fecdca;
	      border-radius: 999px;
	      background: #fff4ed;
	      color: #b42318;
	      font-size: 9px;
	      font-weight: 850;
	      line-height: 1.2;
	      white-space: nowrap;
	    }
	    .project-task-center-register-table {
	      min-width: 1320px;
	    }
	    .project-task-center-register-table .project-task-client-heading,
	    .project-task-center-register-table td[data-label="Client"] {
	      min-width: 160px;
	      width: 160px;
	    }
	    .project-task-center-register-table .project-register-client-cell,
	    .project-task-center-register-table .project-register-client-cell strong {
	      display: block;
	      min-width: 0;
	      white-space: nowrap;
	      overflow-wrap: normal;
	    }
	    .project-task-center-register-table .project-task-project-heading,
	    .project-task-center-register-table td[data-label="Project"] {
	      min-width: 230px;
	      width: 230px;
	    }
	    .project-task-center-register-table .project-parent-project-cell {
	      display: grid;
	      gap: 2px;
	      width: 100%;
	      min-width: 0;
	    }
	    .project-task-center-register-table .project-parent-project-cell strong,
	    .project-task-center-register-table .project-parent-project-cell small {
	      display: block;
	      min-width: 0;
	      white-space: nowrap;
	      overflow-wrap: normal;
	    }
	    .project-task-center-register-table .project-parent-project-cell strong {
	      overflow: hidden;
	      text-overflow: ellipsis;
	    }
	    .project-task-sort-button {
	      display: inline-flex !important;
	      align-items: center;
	      gap: 6px;
	      min-width: 0 !important;
	      min-height: 0 !important;
	      height: auto !important;
	      padding: 0 !important;
	      border: 0 !important;
	      border-radius: 0 !important;
	      background: transparent !important;
	      color: inherit !important;
	      box-shadow: none !important;
	      font: inherit !important;
	      font-weight: inherit !important;
	      letter-spacing: inherit;
	      text-transform: inherit;
	      cursor: pointer;
	    }
	    .project-task-sort-button span {
	      white-space: nowrap;
	    }
	    .project-task-sort-button i {
	      color: #98a2b3;
	      font-size: 12px;
	      font-style: normal;
	      line-height: 1;
	    }
	    .project-task-sort-button:hover,
	    .project-task-sort-button:focus-visible,
	    .project-task-sort-button.is-active {
	      border: 0 !important;
	      background: transparent !important;
	      color: #155eef !important;
	      box-shadow: none !important;
	    }
	    .project-task-sort-button:focus-visible {
	      outline: 2px solid #84adff;
	      outline-offset: 4px;
	      border-radius: 3px;
	    }
	    .project-task-sort-button.is-active i {
	      color: #155eef;
	    }
	    .project-task-date-sort-group {
	      display: inline-flex;
	      align-items: center;
	      gap: 5px;
	      white-space: nowrap;
	    }
	    .project-task-date-sort-group > b {
	      color: #98a2b3;
	      font: inherit;
	    }
	    .project-task-center-register-table .project-task-name-heading,
	    .project-task-center-register-table td[data-label="Task Name"] {
	      min-width: 290px;
	      width: 290px;
	    }
	    .project-task-center-register-table .project-task-handler-heading,
	    .project-task-center-register-table td[data-label="Handler / Supervisor"] {
	      min-width: 220px;
	      width: 220px;
	    }
	    .project-task-center-register-table .project-task-date-heading,
	    .project-task-center-register-table td[data-label="Created / Due"] {
	      min-width: 132px;
	      width: 132px;
	    }
	    .project-task-date-cell {
	      display: grid;
	      gap: 2px;
	      min-width: 0;
	      font-size: 12px;
	      line-height: 1.2;
	      white-space: nowrap;
	    }
	    .project-task-date-cell > span,
	    .project-task-date-cell > time {
	      font: inherit;
	    }
	    .project-task-supervisor-line {
	      padding-top: 0;
	      border-top: 0;
	    }
	    .project-task-position {
	      font: inherit;
	      color: inherit;
	    }
    .project-task-combined-cell {
      color: inherit;
      text-decoration: none;
      border-bottom: 0;
    }
    .project-task-combined-cell:hover,
    .project-task-combined-cell:focus {
      text-decoration: none;
    }
    .project-task-combined-cell:hover strong {
      color: #1d4ed8;
    }
    .project-task-combined-cell:hover small {
      color: #1d4ed8;
    }
    .project-table {
      min-width: 1120px;
    }
    .project-table td[data-label="No."],
    .project-table td[data-label="Created / Due"] {
      white-space: nowrap;
    }
    .project-table th:last-child {
      white-space: nowrap;
    }
    .project-task-center-table {
      min-width: 1180px;
    }
    .project-task-center-table tr.project-task-child-row td {
      background: #fbfcfd;
    }
    .project-task-title-cell,
    .project-task-project-cell,
    .project-task-owner-cell,
    .project-task-log-cell {
      display: grid;
      gap: 4px;
      align-content: start;
      min-width: 0;
    }
    .project-task-title-cell {
      grid-template-columns: 24px minmax(0, 1fr);
      align-items: start;
    }
    .project-task-title-cell.is-child {
      padding-left: 28px;
    }
    .project-task-title-cell.is-child strong::before {
      content: "↳";
      margin-right: 7px;
      color: var(--muted);
      font-weight: 850;
    }
    .project-task-tree-toggle,
    .project-task-tree-spacer {
      width: 22px;
      height: 22px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 900;
      line-height: 1;
    }
    .project-task-tree-toggle {
      border: 1px solid #d8dde6;
      background: #fff;
      color: var(--ink);
      cursor: pointer;
      padding: 0;
    }
    .project-task-tree-toggle:hover {
      background: #f8f9fb;
    }
    .project-task-tree-spacer {
      background: transparent;
    }
    .project-task-title-cell strong,
    .project-task-project-cell strong,
    .project-task-owner-cell strong,
    .project-task-log-cell strong {
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .project-task-title-cell small,
    .project-task-project-cell small,
    .project-task-owner-cell small,
    .project-task-log-cell small,
    .project-task-log-cell em {
      color: var(--muted);
      font-size: 12px;
      font-style: normal;
      font-weight: 720;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .project-task-log-cell span {
      color: var(--ink);
      font-size: 13px;
      font-weight: 720;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }
    .project-material-list {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: flex-start;
    }
    .project-material-chip,
    .project-status-chip,
    .project-priority-chip {
      display: inline-flex;
      align-items: center;
      max-width: 100%;
      padding: 5px 9px;
      border: 1px solid #d8dee8;
      border-radius: 999px;
      background: #f6f7f9;
      color: #344054;
      font-size: 12px;
      font-weight: 780;
      line-height: 1.2;
      white-space: nowrap;
    }
    .project-material-chip.is-empty {
      color: #98a2b3;
    }
	    .project-status-chip.is-paused,
	    .project-status-chip.is-blocked {
      border-color: #fecdd3;
      background: #fff1f2;
      color: #9f1239;
    }
    .project-status-chip.is-in-progress,
    .project-status-chip.is-internal-review,
    .project-status-chip.is-review,
    .project-status-chip.is-pending-review {
      border-color: #bfdbfe;
      background: #eff6ff;
      color: #1d4ed8;
    }
	    .project-status-chip.is-done,
	    .project-status-chip.is-completed {
	      border-color: #bbf7d0;
	      background: #ecfdf3;
	      color: #047857;
	    }
	    .project-status-chip.is-cancelled,
	    .project-status-chip.is-canceled {
	      border-color: #e5e7eb;
	      background: #f3f4f6;
	      color: #4b5563;
	    }
    .project-table .project-status-chip.is-draft,
    .project-table .project-status-chip.is-pending,
    .project-table .project-status-chip.is-parent {
      border-color: #e2e8f0;
      background: #f8fafc;
      color: #475467;
    }
    .project-table .project-status-chip.is-in-progress,
    .project-table .project-status-chip.is-internal-review,
    .project-table .project-status-chip.is-review,
    .project-table .project-status-chip.is-pending-review {
      border-color: #bfdbfe;
      background: #eff6ff;
      color: #1d4ed8;
    }
    .project-table .project-status-chip.is-paused,
    .project-table .project-status-chip.is-blocked,
    .project-table .project-status-chip.is-on-hold {
      border-color: #fed7aa;
      background: #fff7ed;
      color: #9a3412;
    }
    .project-table .project-status-chip.is-closed,
    .project-table .project-status-chip.is-completed,
    .project-table .project-status-chip.is-done {
      border-color: #bbf7d0;
      background: #ecfdf3;
      color: #047857;
    }
    .project-table .project-status-chip.is-cancelled,
    .project-table .project-status-chip.is-canceled {
      border-color: #e5e7eb;
      background: #f3f4f6;
      color: #4b5563;
    }
    .project-priority-chip.is-low {
      border-color: #cfd8e3;
      background: #f5f7fa;
      color: #536171;
    }
    .project-priority-chip.is-normal {
      border-color: #bdd7ff;
      background: #f1f7ff;
      color: #1f5f99;
    }
    .project-priority-chip.is-high {
      border-color: #ffd59e;
      background: #fff8ed;
      color: #9a5b00;
    }
    .project-priority-chip.is-urgent {
      border-color: #ffc3bd;
      background: #fff3f1;
      color: #b42318;
    }
    .project-record-link {
      color: var(--ink);
      text-decoration: none;
      border-bottom: 0;
      font-size: 13px;
      font-weight: 850;
      line-height: 1.28;
      overflow-wrap: anywhere;
    }
    .project-record-link:hover,
    .project-record-link:focus {
      color: #1d4ed8;
      text-decoration: none;
    }
    .project-row-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
    }
    .project-row-actions a,
    .project-row-actions button {
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 4px 9px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      font-size: 12px;
      font-weight: 820;
      line-height: 1.1;
      text-decoration: none;
      white-space: nowrap;
    }
    .project-row-actions button[disabled] {
      opacity: .48;
      cursor: not-allowed;
      background: #f6f7f9;
    }
    .project-history-panel {
      margin-top: 0;
    }
    .project-operation-history-card {
      margin-top: 8px !important;
      padding-top: 0 !important;
      border: 0 !important;
      border-top: 0 !important;
      border-bottom: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    .project-operation-history-head {
      align-items: center !important;
      min-height: 34px !important;
      padding: 0 !important;
      border: 0 !important;
      border-bottom: 0 !important;
    }
    .project-operation-history-head > div {
      display: grid !important;
      gap: 3px !important;
      align-items: start !important;
      height: auto !important;
      min-height: 0 !important;
    }
    .project-operation-history-head h2,
    .project-operation-history-head > span {
      margin: 0 !important;
      font-size: 14px !important;
      font-weight: 900 !important;
      line-height: 1.15 !important;
    }
    .project-history-subtitle {
      display: block;
      margin-top: 3px;
      color: #667085;
      font-size: 12px;
      font-weight: 760;
    }
    .project-operation-history-head small {
      min-height: 22px;
      display: inline-flex;
      align-items: center;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: #475467 !important;
      font-size: 12px !important;
      font-weight: 760 !important;
      white-space: nowrap;
    }
    #project-workbench .project-workbench-register-head {
      display: none !important;
    }
    .project-operation-history-list {
      gap: 0 !important;
      padding-top: 8px !important;
      border-top: 0 !important;
    }
    .project-operation-history-list article {
      display: grid !important;
      grid-template-columns: minmax(220px, .42fr) minmax(0, 1fr);
      gap: 10px 18px !important;
      align-items: start !important;
      padding: 12px 0 !important;
      border-bottom: 1px solid #eef0f3 !important;
    }
    .project-operation-history-list article:last-child {
      border-bottom: 0 !important;
    }
    .project-operation-history-list strong {
      color: #111827 !important;
      font-size: 13px !important;
      font-weight: 880 !important;
      line-height: 1.25 !important;
    }
    .project-operation-history-list small {
      display: block;
      margin-top: 3px;
      color: #667085 !important;
      font-size: 12px !important;
      font-weight: 720 !important;
    }
    .project-operation-history-list span,
    .project-operation-history-list li {
      color: #344054 !important;
      font-size: 12px !important;
      font-weight: 720 !important;
      line-height: 1.35 !important;
    }
    .project-history-change-list {
      display: grid;
      gap: 4px;
      min-width: 0;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .project-history-change-list li {
      position: relative;
      padding-left: 12px;
    }
    .project-history-change-list li::before {
      content: "";
      position: absolute;
      top: .62em;
      left: 0;
      width: 4px;
      height: 4px;
      border-radius: 999px;
      background: #98a2b3;
    }
    .project-history-empty .project-history-change-list li::before {
      background: #d0d5dd;
    }
    .project-operation-history-list em {
      grid-column: 2;
      max-width: none;
      overflow: hidden;
      margin-top: -3px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: #667085;
      font-size: 11px;
      font-style: normal;
      font-weight: 760;
      line-height: 1.35;
      text-overflow: ellipsis;
      white-space: normal;
    }
    .project-task-workbench-flat {
      color: #111827;
      font-size: 13px;
    }
    .project-task-workbench-flat > .operations-panel,
    .project-task-workbench-flat > .operations-state,
    .project-task-workbench-flat > .project-layout > .operations-panel {
      gap: 8px !important;
      padding-top: 8px !important;
      padding-bottom: 8px !important;
      border-bottom-color: #e7e9ee !important;
    }
    .project-task-header {
      padding: 0 0 6px !important;
      gap: 12px;
      border-bottom-color: #e7e9ee;
    }
    .project-task-header .module-group,
    .project-task-workbench-flat .module-group {
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .08em;
    }
    .project-task-header .module-group .project-task-header-code {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      color: #3f4a5a;
      font-size: 14px;
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: 0;
    }
		    .project-task-header h1 {
		      margin: 2px 0 4px !important;
		      font-size: 24px !important;
		      line-height: 1.1;
		      font-weight: 650 !important;
		    }
			    .project-task-header h1 input {
			      font-size: inherit !important;
			      font-weight: inherit !important;
			      line-height: inherit !important;
			      max-width: 100% !important;
			    }
    .project-task-header p {
      font-size: 13px !important;
      line-height: 1.25;
      font-weight: 730;
    }
    .project-task-header-meta {
      margin-top: 5px;
      gap: 9px;
    }
    .project-task-meta-link {
      min-height: 22px !important;
      padding: 0 3px !important;
      border-radius: 5px !important;
      font-size: 14px !important;
    }
    .project-task-meta-link + .project-task-meta-link::before {
      margin-right: 7px !important;
    }
    .project-task-workbench-flat .operations-panel-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 28px;
      min-height: 28px;
      margin: 0 !important;
      padding: 0;
      box-sizing: border-box;
    }
    .project-task-workbench-flat .operations-panel-head > div {
      display: flex;
      align-items: center;
      height: 28px;
      min-height: 28px;
      box-sizing: border-box;
    }
    .project-task-workbench-flat .operations-panel-head h2 {
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      font-size: 17px !important;
      line-height: 1.15;
      font-weight: 850;
      box-shadow: none;
    }
    .project-task-workbench-flat .operations-panel-head small,
    .project-task-workbench-flat .operations-panel-actions small {
      color: #6b7280;
      font-size: 11px;
      font-weight: 760;
    }
    .project-task-fields-workbench {
      padding-top: 6px !important;
    }
    .project-task-fields-workbench .project-task-summary-head {
      margin-bottom: 0 !important;
    }
    .project-task-fields-workbench .project-task-attribute-form {
      margin-top: 0 !important;
      padding-top: 0 !important;
      border-top: 0 !important;
    }
    .project-task-fields-direct .project-task-edit-grid {
      grid-template-columns: minmax(480px, clamp(480px, 34vw, 560px)) minmax(0, 1fr) !important;
      gap: 14px 24px !important;
    }
    .project-task-fields-column {
      min-width: 480px !important;
    }
    .project-task-field-group {
      padding: 0 !important;
      gap: 0 !important;
      border-bottom: 0 !important;
    }
    .project-task-field-group-grid {
      gap: 8px !important;
    }
    .project-task-fields-direct label,
    .project-task-period-field,
    .project-compact-form label,
    .project-material-add-form label {
      gap: 5px !important;
      color: #5f6875 !important;
      font-size: 11px !important;
      font-weight: 850 !important;
      line-height: 1.15 !important;
    }
    .project-task-fields-direct input,
    .project-task-fields-direct select,
    .project-compact-form input,
    .project-compact-form select,
    .project-material-add-form input {
      min-height: 34px !important;
      border-color: #dfe3e8 !important;
      border-radius: 8px !important;
      font-size: 13px !important;
      font-weight: 760 !important;
      padding: 6px 9px !important;
      box-shadow: none !important;
    }
    .project-task-period-control {
      min-height: 34px !important;
      gap: 5px !important;
      padding: 3px !important;
      border-color: #dfe3e8 !important;
      border-radius: 8px !important;
    }
    .project-task-period-control label {
      gap: 1px !important;
      font-size: 10px !important;
    }
    .project-task-period-control input {
      min-height: 25px !important;
      padding: 3px 5px !important;
      border: 0 !important;
      background: transparent !important;
      font-size: 12px !important;
    }
    .project-period-today-button {
      min-height: 26px !important;
      padding: 4px 7px !important;
      border-radius: 7px !important;
      font-size: 11px !important;
    }
    .project-task-description-editor {
      align-self: stretch !important;
      grid-template-rows: auto minmax(0, 1fr) !important;
      gap: 7px !important;
      padding: 0 !important;
      border-left: 0 !important;
      min-height: 0 !important;
    }
    .project-task-description-editor h3 {
      font-size: 11px !important;
      letter-spacing: .08em;
    }
	    .project-task-description-editor textarea {
	      min-height: 300px !important;
	      height: 300px !important;
	      border-color: #dfe3e8 !important;
	      border-radius: 9px !important;
	      font-size: 13px !important;
	      font-weight: 400 !important;
	      line-height: 1.45 !important;
      padding: 9px 10px !important;
      resize: vertical;
    }
    .project-task-fields-footer {
      display: none !important;
    }
    .project-task-fields-direct .project-form-actions button[type="submit"],
    .project-progress-inline-form .project-form-actions button[type="submit"],
    .project-material-add-form button {
      min-height: 34px !important;
      border-radius: 8px !important;
      font-size: 12px !important;
      font-weight: 850 !important;
      padding: 7px 12px !important;
    }
    .project-material-add-form button,
    .project-subtask-add-form button {
      width: 34px !important;
      min-width: 34px !important;
      padding: 0 !important;
      text-align: center !important;
      font-size: 18px !important;
      line-height: 1 !important;
    }
    .project-progress-inline-form .project-form-actions button[type="submit"] {
      width: auto !important;
      min-width: 104px !important;
      padding: 0 14px !important;
      white-space: nowrap;
    }
    .project-task-materials-panel {
      gap: 8px !important;
    }
    #task-materials .project-material-list-head {
      min-height: 28px !important;
      grid-template-columns: 52px minmax(170px, .75fr) minmax(240px, 1fr) 62px !important;
      border-top: 0 !important;
      border-bottom: 0 !important;
      font-size: 10px !important;
      letter-spacing: .08em !important;
      margin: 0 !important;
    }
    #task-materials .project-material-row {
      grid-template-columns: 52px minmax(0, 1fr) 62px !important;
      gap: 8px !important;
      padding: 5px 0 !important;
      border-bottom-color: #eef0f3 !important;
    }
    #task-materials .project-material-row-button {
      min-height: 30px !important;
      grid-template-columns: 22px 20px !important;
      padding: 2px 0 !important;
    }
    #task-materials .project-material-check-button,
    #task-materials .project-material-row-button > strong {
      width: 20px !important;
      height: 20px !important;
      font-size: 10px !important;
    }
    #task-materials .project-material-main {
      grid-template-columns: minmax(170px, .75fr) minmax(240px, 1fr) !important;
      gap: 8px !important;
    }
    #task-materials .project-material-main input {
      min-height: 30px !important;
      border-radius: 7px !important;
      font-size: 12px !important;
      padding: 5px 7px !important;
    }
    #task-materials .project-material-delete-button {
      min-height: 30px !important;
      font-size: 12px !important;
    }
    .project-material-add-form {
      grid-template-columns: 52px minmax(170px, .75fr) minmax(240px, 1fr) 62px !important;
      gap: 8px !important;
      align-items: center !important;
      margin: 0 !important;
      padding: 2px 0 6px !important;
      border-top: 0 !important;
      border-bottom: 0 !important;
    }
    .project-material-add-form::before {
      content: "" !important;
      grid-column: 1 !important;
    }
    .project-material-add-form label:nth-of-type(1) {
      grid-column: 2 !important;
    }
    .project-material-add-form label:nth-of-type(2) {
      grid-column: 3 !important;
    }
    .project-material-add-form button {
      grid-column: 4 !important;
      justify-self: end !important;
    }
    .project-material-add-form label,
    .project-subtask-add-form label {
      gap: 0 !important;
    }
    .project-progress-log {
      margin-top: 0 !important;
      border-top: 0 !important;
    }
    .project-progress-log article {
      grid-template-columns: minmax(190px, 260px) minmax(0, 1fr) !important;
      gap: 6px 12px !important;
      padding: 9px 0 !important;
      border-bottom-color: #eef0f3 !important;
    }
    .project-progress-log small,
    .project-subtask-main small,
    .project-subtask-meta span,
    .project-subtask-actions span {
      font-size: 11px !important;
      line-height: 1.25 !important;
    }
    .project-progress-log p {
      font-size: 13px !important;
      line-height: 1.35 !important;
      font-weight: 500 !important;
    }
    .project-progress-inline-form {
      grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
      gap: 8px !important;
      margin: 0 0 4px !important;
      padding: 0 !important;
      border-top: 0 !important;
      border-bottom: 0 !important;
    }
    .project-progress-inline-form input {
      min-height: 34px !important;
      border-radius: 8px !important;
      font-size: 13px !important;
    }
    .project-subtask-toolbar {
      display: none !important;
    }
    .project-subtask-list {
      border-top: 0 !important;
      border-bottom: 0 !important;
    }
    .project-subtask-add-form {
      grid-template-columns: 28px 22px minmax(180px, 1fr) minmax(160px, .62fr) minmax(140px, .45fr) auto !important;
      gap: 7px !important;
      align-items: center !important;
      margin: 0 !important;
      padding: 2px 0 6px !important;
      border-top: 0 !important;
      border-bottom: 0 !important;
    }
    .project-subtask-add-form::before {
      content: "" !important;
      grid-column: 1 / span 2 !important;
    }
    .project-subtask-add-form label:nth-of-type(1) {
      grid-column: 3 !important;
    }
    .project-subtask-add-form label:nth-of-type(2) {
      grid-column: 4 !important;
    }
    .project-subtask-add-form label:nth-of-type(3) {
      grid-column: 5 !important;
    }
    .project-subtask-add-form button {
      grid-column: 6 !important;
      justify-self: end !important;
    }
    .project-subtask-add-form input,
    .project-subtask-add-form select {
      min-height: 32px !important;
      border-radius: 8px !important;
      font-size: 12px !important;
      padding: 6px 8px !important;
    }
    .project-subtask-add-form button {
      min-height: 32px !important;
      font-size: 18px !important;
    }
    .project-subtask-row {
      grid-template-columns: 22px 20px minmax(0, 1fr) auto !important;
      gap: 7px !important;
      padding: 7px 0 !important;
      border-bottom-color: #eef0f3 !important;
    }
    .project-subtask-list-head {
      grid-template-columns: 22px 20px minmax(180px, 1fr) minmax(160px, .62fr) minmax(140px, .45fr) auto !important;
      gap: 7px !important;
      min-height: 28px !important;
      padding: 0 !important;
      border-bottom: 0 !important;
      font-size: 11px !important;
      font-weight: 850 !important;
      margin: 0 !important;
    }
    .project-subtask-edit-form {
      grid-column: 3 !important;
      grid-template-columns: minmax(180px, 1fr) minmax(160px, .62fr) minmax(140px, .45fr) !important;
      gap: 7px !important;
    }
    .project-subtask-edit-form input,
    .project-subtask-edit-form select {
      min-height: 30px !important;
      border-radius: 7px !important;
      font-size: 12px !important;
      padding: 5px 7px !important;
    }
    .project-subtask-toggle-form {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 20px !important;
      min-width: 20px !important;
    }
    button.project-subtask-check-button,
    .project-subtask-check-button.is-readonly {
      width: 20px !important;
      min-width: 20px !important;
      height: 20px !important;
      min-height: 20px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 0 !important;
      border: 1px solid #cfd6e1 !important;
      border-radius: 999px !important;
      background: #fff !important;
      color: transparent !important;
      box-shadow: none !important;
      font-size: 10px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
    }
    button.project-subtask-check-button::before,
    button.project-subtask-check-button::after,
    .project-subtask-check-button.is-readonly::before,
    .project-subtask-check-button.is-readonly::after {
      content: none !important;
    }
    #task-subtasks .project-subtask-toggle-form > button.project-subtask-check-button {
      background: #fff !important;
      border-color: #cfd6e1 !important;
      color: transparent !important;
    }
    button.project-subtask-check-button:hover {
      border-color: #aab3c2 !important;
      background: #fff !important;
      color: transparent !important;
    }
    .project-subtask-inline-row.is-complete button.project-subtask-check-button,
    .project-subtask-check-button.is-readonly,
    #task-subtasks .project-subtask-inline-row.is-complete .project-subtask-toggle-form > button.project-subtask-check-button,
    .project-subtask-inline-row.is-complete button.project-subtask-check-button:hover {
      border-color: #0f1720 !important;
      background: #0f1720 !important;
      color: #fff !important;
    }
    .project-subtask-inline-row.is-complete button.project-subtask-check-button::before {
      content: "✓" !important;
    }
    .project-subtask-save-button,
    .project-subtask-delete-button {
      min-height: 30px !important;
      font-size: 12px !important;
    }
    .project-material-delete-button,
    .project-subtask-delete-button {
      width: 30px !important;
      min-width: 30px !important;
      min-height: 30px !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 8px !important;
      background: #4f8df6 !important;
      color: #fff !important;
      text-align: center !important;
      font-size: 18px !important;
      font-weight: 850 !important;
      line-height: 1 !important;
    }
    .project-material-delete-button:hover,
    .project-subtask-delete-button:hover {
      background: #2f73e8 !important;
      color: #fff !important;
    }
    .project-subtask-order {
      width: 20px !important;
      height: 20px !important;
      font-size: 10px !important;
    }
    .project-subtask-inline-row.is-complete .project-subtask-order {
      background: #edf7f1 !important;
      color: #087443 !important;
    }
    .project-subtask-main strong {
      font-size: 13px !important;
      line-height: 1.2 !important;
    }
    .project-subtask-meta {
      gap: 6px !important;
    }
    .project-subtask-meta span {
      min-height: 22px !important;
      padding: 3px 7px !important;
      border-radius: 999px !important;
    }
    .project-subtask-actions a {
      min-height: 28px !important;
      padding: 5px 9px !important;
      border-radius: 8px !important;
      font-size: 12px !important;
    }
    .project-system-history {
      margin-top: 0 !important;
      border-top-color: #e7e9ee !important;
    }
    .project-system-history summary {
      min-height: 36px !important;
      gap: 8px !important;
      font-size: 12px !important;
    }
    .project-system-history summary::before {
      width: 18px !important;
      height: 18px !important;
      font-size: 12px !important;
    }
    .project-system-history summary > span {
      font-size: 13px !important;
    }
    .project-system-history summary > small,
    .project-system-history-note {
      font-size: 11px !important;
    }
    .project-system-history .operations-list article {
      padding: 9px 0 !important;
    }
    /* PRJ-TASK-LIST-ACTION-ALIGN-20260707 */
    #task-materials .project-material-checklist,
    #task-subtasks .project-subtask-list {
      background: transparent !important;
    }
    #task-materials .project-material-list-head,
    .project-material-add-form {
      grid-template-columns: 52px minmax(170px, .75fr) minmax(240px, 1fr) 34px !important;
    }
    #task-materials .project-material-row {
      grid-template-columns: 52px minmax(0, 1fr) 34px !important;
      background: transparent !important;
    }
    #task-materials .project-material-row.is-complete {
      background: transparent !important;
    }
    #task-materials .project-material-delete-form,
    #task-subtasks .project-subtask-delete-form {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      margin: 0 !important;
    }
    #task-materials .project-material-add-form button,
    #task-materials .project-material-delete-button,
    #task-subtasks .project-subtask-add-form button,
    #task-subtasks .project-subtask-delete-button {
      width: 34px !important;
      min-width: 34px !important;
      height: 34px !important;
      min-height: 34px !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 8px !important;
      background: #0a84ff !important;
      color: #fff !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      font-size: 18px !important;
      font-weight: 850 !important;
      line-height: 1 !important;
      box-shadow: none !important;
    }
    #task-materials .project-material-add-form button:hover,
    #task-materials .project-material-delete-button:hover,
    #task-subtasks .project-subtask-add-form button:hover,
    #task-subtasks .project-subtask-delete-button:hover,
    #task-progress-log .project-progress-inline-form .project-form-actions button[type="submit"]:hover {
      background: #006edb !important;
      color: #fff !important;
    }
    #task-subtasks .project-subtask-list-head,
    #task-subtasks .project-subtask-add-form {
      grid-template-columns: 52px minmax(180px, 1fr) minmax(160px, .62fr) minmax(140px, .45fr) 34px !important;
    }
    #task-subtasks .project-subtask-list-head span:nth-child(1) {
      grid-column: 1 !important;
    }
    #task-subtasks .project-subtask-list-head span:nth-child(2) {
      display: none !important;
    }
    #task-subtasks .project-subtask-list-head span:nth-child(3) {
      grid-column: 2 !important;
    }
    #task-subtasks .project-subtask-list-head span:nth-child(4) {
      grid-column: 3 !important;
    }
    #task-subtasks .project-subtask-list-head span:nth-child(5) {
      grid-column: 4 !important;
    }
    #task-subtasks .project-subtask-list-head span:nth-child(6) {
      grid-column: 5 !important;
    }
    #task-subtasks .project-subtask-add-form::before {
      content: "" !important;
      grid-column: 1 !important;
      display: block !important;
    }
    #task-subtasks .project-subtask-add-form label:nth-of-type(1) {
      grid-column: 2 !important;
    }
    #task-subtasks .project-subtask-add-form label:nth-of-type(2) {
      grid-column: 3 !important;
    }
    #task-subtasks .project-subtask-add-form label:nth-of-type(3) {
      grid-column: 4 !important;
    }
    #task-subtasks .project-subtask-add-form button {
      grid-column: 5 !important;
      justify-self: end !important;
    }
    #task-subtasks .project-subtask-row {
      grid-template-columns: 20px 24px minmax(0, 1fr) 34px !important;
      background: transparent !important;
    }
    #task-subtasks .project-subtask-toggle-form {
      grid-column: 1 !important;
      width: 20px !important;
      min-width: 20px !important;
    }
    #task-subtasks .project-subtask-order {
      grid-column: 2 !important;
    }
    #task-subtasks .project-subtask-edit-form {
      grid-column: 3 !important;
    }
    #task-subtasks .project-subtask-delete-form {
      grid-column: 4 !important;
    }
    #task-materials .project-material-check-button,
    #task-materials .project-material-row-button > strong,
    #task-subtasks .project-subtask-check-button,
    #task-subtasks .project-subtask-check-button.is-readonly,
    #task-subtasks .project-subtask-order {
      width: 20px !important;
      min-width: 20px !important;
      height: 20px !important;
      min-height: 20px !important;
      padding: 0 !important;
      border-radius: 999px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      font-size: 10px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      box-sizing: border-box !important;
    }
    #task-subtasks .project-subtask-check-button::before,
    #task-subtasks .project-subtask-check-button::after {
      content: none !important;
    }
    #task-materials .project-material-row.is-complete .project-material-check-button,
    #task-subtasks .project-subtask-inline-row.is-complete .project-subtask-check-button {
      border-color: #0f1720 !important;
      background: #0f1720 !important;
      color: #fff !important;
    }
    #task-subtasks .project-subtask-inline-row.is-complete .project-subtask-check-button::before {
      content: "✓" !important;
      color: #fff !important;
      font-size: 10px !important;
    }
    .project-task-save-button {
      min-height: 30px !important;
      padding: 0 13px !important;
      border: 1px solid #0f1720 !important;
      border-radius: 8px !important;
      background: #0f1720 !important;
      color: #fff !important;
      font-size: 12px !important;
      font-weight: 850 !important;
      line-height: 1 !important;
      cursor: pointer !important;
    }
    .project-task-save-button:not(.is-enabled) {
      border-color: #d9dee7 !important;
      background: #f1f3f6 !important;
      color: #98a2b3 !important;
      box-shadow: none !important;
      cursor: not-allowed !important;
    }
    .project-task-save-button.is-enabled {
      border-color: #007aff !important;
      background: #007aff !important;
      color: #fff !important;
      cursor: pointer !important;
    }
    .project-task-save-button:disabled {
      border-color: #d9dee7 !important;
      background: #f1f3f6 !important;
      color: #98a2b3 !important;
      box-shadow: none !important;
      cursor: not-allowed !important;
      pointer-events: none !important;
    }
    #task-materials .project-material-list-head,
    #task-subtasks .project-subtask-list-head {
      display: none !important;
    }
    #task-materials .project-material-add-form {
      grid-template-columns: minmax(240px, .75fr) minmax(280px, 1fr) 34px !important;
      gap: 8px !important;
      align-items: center !important;
      margin: 0 !important;
      padding: 0 0 8px !important;
      border: 0 !important;
    }
    #task-materials .project-material-add-form::before {
      content: none !important;
      display: none !important;
    }
    #task-materials .project-material-add-form label:nth-of-type(1),
    #task-materials .project-material-add-form label:nth-of-type(2),
    #task-materials .project-material-add-form button {
      grid-column: auto !important;
    }
    #task-subtasks .project-subtask-add-form {
      grid-template-columns: minmax(260px, 1fr) minmax(220px, .55fr) minmax(160px, .35fr) 34px !important;
      gap: 8px !important;
      align-items: center !important;
      padding: 0 0 8px !important;
      border: 0 !important;
    }
    #task-subtasks .project-subtask-add-form::before {
      content: none !important;
      display: none !important;
    }
    #task-subtasks .project-subtask-add-form label:nth-of-type(1),
    #task-subtasks .project-subtask-add-form label:nth-of-type(2),
    #task-subtasks .project-subtask-add-form label:nth-of-type(3),
    #task-subtasks .project-subtask-add-form button {
      grid-column: auto !important;
    }
    #task-materials .project-material-row.is-complete .project-material-row-button > strong,
    #task-subtasks .project-subtask-inline-row.is-complete .project-subtask-order {
      background: #edf7f1 !important;
      color: #087443 !important;
    }
    /* PRJ-TASK-FIELDS-SAFARI-EQUAL-HEIGHT-20260707 */
    .project-task-fields-direct .project-task-edit-grid {
      display: grid !important;
      grid-template-columns: 410px minmax(0, 1fr) !important;
      align-items: stretch !important;
      gap: 14px 24px !important;
      width: 100% !important;
    }
    .project-task-fields-direct .project-task-fields-column {
      width: 410px !important;
      min-width: 410px !important;
      max-width: 410px !important;
      align-self: start !important;
    }
    .project-task-fields-direct .project-task-field-group-grid {
      width: 100% !important;
    }
    .project-task-description-editor {
      display: grid !important;
      grid-template-rows: auto 1fr !important;
      align-self: stretch !important;
      min-height: 0 !important;
    }
    .project-task-description-editor textarea {
      height: 100% !important;
      min-height: 0 !important;
      max-height: none !important;
      box-sizing: border-box !important;
    }
    /* PRJ-TASK-FIELDS-COMPACT-SUBTASK-SIZE-20260707 */
    #task-subtasks .project-subtask-add-form input,
    #task-subtasks .project-subtask-add-form select,
    #task-subtasks .project-subtask-edit-form input,
    #task-subtasks .project-subtask-edit-form select {
      height: 30px !important;
      min-height: 30px !important;
      border-radius: 7px !important;
      font-size: 12px !important;
      padding: 5px 7px !important;
      box-sizing: border-box !important;
    }
    /* PRJ-PROJECT-DETAIL-TASK-STANDARD-20260707 */
    .project-detail-workbench .project-facts-panel {
      padding-top: 8px !important;
    }
    .project-detail-workbench .project-project-fields-form {
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
    }
    .project-detail-workbench .project-project-fields-grid {
      display: grid !important;
      grid-template-columns: minmax(360px, 410px) minmax(0, 1fr) !important;
      align-items: stretch !important;
      gap: 14px 24px !important;
      width: 100% !important;
    }
    .project-detail-workbench .project-project-fields-column {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 410px !important;
      align-self: start !important;
    }
    .project-detail-workbench .project-project-fields-grid label {
      gap: 5px !important;
      color: #5f6875 !important;
      font-size: 11px !important;
      font-weight: 850 !important;
      line-height: 1.15 !important;
    }
    .project-create-workbench .project-primary-choice-grid {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 9px !important;
      align-items: end !important;
      width: 100% !important;
      margin-bottom: 14px !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    .project-create-workbench .project-primary-choice-grid label {
      display: grid !important;
      gap: 6px !important;
      margin: 0 !important;
      min-width: 0 !important;
      color: #334155 !important;
      font-size: 11px !important;
      font-weight: 900 !important;
      line-height: 1.15 !important;
      text-transform: none !important;
    }
    .project-create-workbench .project-primary-choice-grid select {
      height: 44px !important;
      min-height: 44px !important;
      border-color: #dfe3e8 !important;
      border-radius: 9px !important;
      background: #fff !important;
      color: #0f172a !important;
      font-size: 14px !important;
      font-weight: 500 !important;
      line-height: 20px !important;
      padding: 0 12px !important;
      vertical-align: middle !important;
    }
    .project-create-workbench .project-primary-choice-grid select option {
      font-weight: 500;
    }
    .project-create-workbench .project-primary-choice-grid select:focus {
      border-color: #0a84ff !important;
      box-shadow: 0 0 0 3px rgba(10, 132, 255, .14) !important;
      outline: none !important;
    }
    .project-create-workbench .project-task-parent-picker-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      padding-bottom: 14px !important;
      border-bottom: 1px solid #edf0f4 !important;
      margin-bottom: 16px !important;
    }
    .project-create-head-actions .button,
    .project-create-head-actions button {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 34px !important;
      line-height: 1 !important;
      text-align: center !important;
      white-space: nowrap !important;
    }
    .project-detail-workbench .project-project-fields-grid input,
    .project-detail-workbench .project-project-fields-grid select,
    .project-detail-workbench .project-project-summary-editor input,
    .project-detail-workbench .project-project-summary-editor textarea,
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor {
      min-height: 34px !important;
      border-color: #dfe3e8 !important;
      border-radius: 8px !important;
      font-size: 13px !important;
      font-weight: 760 !important;
      padding: 6px 9px !important;
      box-shadow: none !important;
      background: #fff !important;
      color: #111827 !important;
    }
    .project-detail-workbench .project-project-summary-editor {
      display: grid !important;
      grid-template-rows: auto 1fr !important;
      align-self: stretch !important;
      gap: 7px !important;
      padding: 0 !important;
      border-left: 0 !important;
      min-height: 0 !important;
    }
    .project-detail-workbench .project-project-summary-editor h3 {
      margin: 0 !important;
      color: #5f6875 !important;
      font-size: 11px !important;
      font-weight: 900 !important;
      letter-spacing: .08em !important;
      line-height: 1.15 !important;
      text-transform: uppercase !important;
    }
    .project-detail-workbench .project-project-summary-editor textarea,
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor {
      height: 100% !important;
      min-height: 238px !important;
      font-weight: 400 !important;
      line-height: 1.45 !important;
      resize: vertical !important;
      white-space: normal !important;
      overflow: auto !important;
      outline: none !important;
    }
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor:focus {
      border-color: #0a84ff !important;
      box-shadow: 0 0 0 3px rgba(10, 132, 255, .14) !important;
    }
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor:empty::before {
      content: attr(data-placeholder);
      color: #8a94a3;
      pointer-events: none;
    }
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor p,
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor div,
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor blockquote,
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor ul,
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor ol,
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor h1,
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor h2,
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor h3,
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor h4 {
      margin: 0 0 .55em !important;
    }
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor ul,
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor ol {
      padding-left: 1.5em !important;
    }
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor blockquote {
      padding-left: .8em !important;
      border-left: 3px solid #d7dde6 !important;
      color: #475569 !important;
    }
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor table {
      width: 100% !important;
      margin: 0 0 .65em !important;
      border-collapse: collapse !important;
    }
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor th,
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor td {
      padding: 5px 7px !important;
      border: 1px solid #dfe3e8 !important;
      text-align: left !important;
      vertical-align: top !important;
    }
    .project-detail-workbench .project-project-summary-editor .project-summary-rich-editor pre {
      margin: 0 0 .65em !important;
      padding: 8px !important;
      border-radius: 6px !important;
      background: #f6f8fa !important;
      white-space: pre-wrap !important;
    }
    /* ERP-REQUIRED-FIELD-BADGES-20260713 */
    .project-task-workbench-flat .has-required-warning {
      position: relative !important;
    }
    .project-task-workbench-flat .has-required-warning input,
    .project-task-workbench-flat .has-required-warning select,
    .project-task-workbench-flat .has-required-warning textarea,
    .project-task-workbench-flat .has-required-warning .project-summary-rich-editor,
    .project-task-workbench-flat .has-required-warning .project-period-date-button {
      border-color: #dc2626 !important;
      background: #fff7f7 !important;
      box-shadow: 0 0 0 2px rgba(220, 38, 38, .12) !important;
    }
    .project-task-workbench-flat .project-required-badge {
      position: absolute !important;
      top: 6px !important;
      right: 8px !important;
      z-index: 3 !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 18px !important;
      height: 18px !important;
      border-radius: 999px !important;
      border: 1px solid #fecaca !important;
      background: #dc2626 !important;
      color: #fff !important;
      font-size: 12px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      pointer-events: none !important;
      box-shadow: 0 4px 12px rgba(220, 38, 38, .18) !important;
    }
    .project-task-header h1.has-required-warning .project-required-badge {
      top: 50% !important;
      right: -24px !important;
      transform: translateY(-50%) !important;
    }
    .project-task-description-editor.has-required-warning .project-required-badge,
    .project-project-summary-editor.has-required-warning .project-required-badge {
      top: 2px !important;
      right: 2px !important;
    }
    .project-task-period-field.has-required-warning .project-required-badge {
      top: 0 !important;
      right: 0 !important;
    }
    /* ERP-PROJECTS-NEW-READONLY-DEFAULT-START-20260711 */
    .project-create-workbench .project-project-fields-grid input[readonly],
    .project-create-workbench .project-project-fields-grid input[aria-readonly="true"] {
      border-color: #d8dee8 !important;
      background: #f3f5f8 !important;
      color: #667085 !important;
      cursor: default !important;
    }
    .project-create-workbench .project-project-fields-grid input[readonly]::placeholder,
    .project-create-workbench .project-project-fields-grid input[aria-readonly="true"]::placeholder {
      color: #8b95a5 !important;
    }
    .project-create-workbench .project-create-form {
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
    }
    .project-task-picker-filters {
      margin-bottom: 12px !important;
    }
    .small-action.is-disabled {
      opacity: .55 !important;
      cursor: not-allowed !important;
      pointer-events: none !important;
    }
    .project-payment-installments-field.is-hidden {
      display: none !important;
    }
    .admin-service-catalog-payment-cycle-field.is-hidden {
      display: none !important;
    }
    .project-payment-installments-field small {
      display: block !important;
      margin-top: 4px !important;
      color: #6b7280 !important;
      font-size: 11px !important;
      font-weight: 700 !important;
      line-height: 1.3 !important;
    }
    .project-standard-task-plan-panel {
      margin-top: 0 !important;
    }
    .project-workbench-task-planner {
      display: grid !important;
      gap: 10px !important;
      padding: 12px !important;
      border-bottom: 1px solid #e7eaf0 !important;
      background: #fff !important;
    }
    .project-workbench-task-planner-head {
      display: flex !important;
      align-items: start !important;
      justify-content: space-between !important;
      gap: 12px !important;
    }
    .project-workbench-task-planner-head h4 {
      margin: 0 !important;
      color: #111827 !important;
      font-size: 14px !important;
      font-weight: 900 !important;
      line-height: 1.2 !important;
    }
    .project-workbench-task-planner-head p {
      margin: 3px 0 0 !important;
      color: #6b7280 !important;
      font-size: 12px !important;
      font-weight: 720 !important;
      line-height: 1.35 !important;
    }
    .project-workbench-task-planner-head small {
      color: #667085 !important;
      font-size: 11px !important;
      font-weight: 850 !important;
    }
    .project-workbench-add-task-link {
      width: fit-content !important;
      min-height: 34px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 8px 14px !important;
    }
    .project-standard-task-add-form {
      display: grid !important;
      grid-template-columns: 52px minmax(180px, 1fr) minmax(160px, .62fr) minmax(140px, .45fr) 34px !important;
      gap: 8px !important;
      align-items: center !important;
      margin-bottom: 10px !important;
      padding-bottom: 10px !important;
      border-bottom: 1px solid #eef0f3 !important;
    }
    .project-standard-task-add-form .project-standard-task-add-spacer {
      grid-column: 1 !important;
    }
    .project-standard-task-add-form input,
    .project-standard-task-edit-form input {
      min-height: 34px !important;
      border: 1px solid #dfe3e8 !important;
      border-radius: 8px !important;
      padding: 6px 9px !important;
      font-size: 13px !important;
      font-weight: 760 !important;
      color: #111827 !important;
    }
    .project-standard-task-add-form button,
    .project-standard-task-delete-form button {
      width: 34px !important;
      min-width: 34px !important;
      height: 34px !important;
      min-height: 34px !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 8px !important;
      background: #0a84ff !important;
      color: #fff !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      font-size: 18px !important;
      font-weight: 850 !important;
      line-height: 1 !important;
      box-shadow: none !important;
    }
    .project-standard-task-plan-list {
      display: grid !important;
      gap: 0 !important;
    }
    .project-standard-task-plan-list.is-saving-order {
      cursor: progress !important;
    }
    .project-standard-task-list-head {
      display: grid !important;
      grid-template-columns: 52px minmax(180px, 1fr) minmax(160px, .62fr) minmax(140px, .45fr) 34px !important;
      gap: 8px !important;
      align-items: center !important;
      min-height: 28px !important;
      color: #6b7280 !important;
      font-size: 10px !important;
      font-weight: 900 !important;
      letter-spacing: .08em !important;
      text-transform: uppercase !important;
      border-bottom: 1px solid #eef0f3 !important;
    }
    .project-standard-task-plan-row {
      position: relative !important;
      display: grid !important;
      grid-template-columns: 52px minmax(0, 1fr) 34px !important;
      gap: 8px !important;
      align-items: center !important;
      padding: 7px 0 !important;
      border-bottom: 1px solid #f1f3f5 !important;
      background: transparent !important;
    }
    .project-task-flow-planner {
      display: grid !important;
      gap: 10px !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    .project-task-flow-list {
      display: grid !important;
      gap: 7px !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row {
      position: relative !important;
      display: grid !important;
      grid-template-columns: 54px minmax(0, 1fr) !important;
      grid-template-areas:
        "order task"
        "order description"
        "order schedule"
        "order materials" !important;
      gap: 10px !important;
      align-items: stretch !important;
      min-height: 0 !important;
      padding: 10px 112px 10px 10px !important;
      border: 1px solid #e5e7eb !important;
      border-radius: 8px !important;
      background: #f8fafc !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row > label,
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-schedule,
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-materials {
      min-width: 0 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row > label,
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-schedule-grid label {
      display: grid !important;
      gap: 4px !important;
      margin: 0 !important;
      color: #5f6b7a !important;
      font-size: 10px !important;
      font-weight: 850 !important;
      letter-spacing: 0 !important;
      line-height: 1.2 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row > label:nth-of-type(1) {
      grid-area: task !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row > label:nth-of-type(2) {
      grid-area: description !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row input,
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row select {
      width: 100% !important;
      min-width: 0 !important;
      min-height: 32px !important;
      box-sizing: border-box !important;
      border: 1px solid #e5e5ea !important;
      border-radius: 7px !important;
      padding: 6px 8px !important;
      background: #fff !important;
      color: #111827 !important;
      font-size: 13px !important;
      font-weight: 650 !important;
      line-height: 1.3 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-schedule {
      grid-area: schedule !important;
      display: grid !important;
      gap: 6px !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-schedule-grid {
      display: grid !important;
      grid-template-columns: minmax(160px, .9fr) minmax(260px, 1.35fr) minmax(96px, .45fr) minmax(110px, .5fr) !important;
      gap: 8px !important;
    }
	    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-schedule-summary {
	      margin: 0 !important;
	      color: #64748b !important;
	      font-size: 11px !important;
	      font-weight: 650 !important;
	      line-height: 1.35 !important;
	    }
	    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-schedule-grid label:has(> input[name="sopTaskDurationDays"]) {
	      grid-template-columns: minmax(56px, 1fr) auto !important;
	      column-gap: 6px !important;
	      align-items: end !important;
	    }
	    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-schedule-grid label:has(> input[name="sopTaskDurationDays"]) > span {
	      grid-column: 1 / -1 !important;
	      grid-row: 1 !important;
	    }
	    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-schedule-grid input[name="sopTaskDurationDays"] {
	      grid-column: 1 !important;
	      grid-row: 2 !important;
	    }
	    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-overrun-badge {
	      display: inline-flex !important;
	      align-items: center !important;
	      justify-content: center !important;
	      grid-column: 2 !important;
	      grid-row: 2 !important;
	      align-self: center !important;
	      justify-self: start !important;
	      min-width: 28px !important;
	      min-height: 22px !important;
	      margin: 0 !important;
	      padding: 0 7px !important;
	      border: 1px solid #fed7aa !important;
	      border-radius: 999px !important;
	      background: #fff7ed !important;
	      color: #c2410c !important;
	      font-size: 11px !important;
	      font-weight: 900 !important;
	      line-height: 1 !important;
	      pointer-events: none !important;
	    }
		    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-overrun-badge[hidden] {
		      display: none !important;
		    }
		    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-overrun-badge.is-overrun {
		      border-color: #fed7aa !important;
		      background: #fff7ed !important;
		      color: #c2410c !important;
		    }
		    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-overrun-badge.is-early {
		      border-color: #bbf7d0 !important;
		      background: #f0fdf4 !important;
		      color: #15803d !important;
		    }
	    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-order {
      grid-area: order !important;
      display: grid !important;
      grid-template-columns: 20px 18px !important;
      gap: 2px !important;
      align-items: center !important;
      align-self: stretch !important;
      justify-content: start !important;
      align-content: center !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-order strong {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 32px !important;
      background: transparent !important;
      color: #0f172a !important;
      font-size: 12px !important;
      font-weight: 900 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-drag-handle {
      width: 20px !important;
      min-width: 20px !important;
      min-height: 32px !important;
      padding: 0 !important;
      border: 0 !important;
      background: transparent !important;
      color: #64748b !important;
      cursor: grab !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-remove-task {
      position: absolute !important;
      top: 10px !important;
      right: 10px !important;
      width: auto !important;
      min-width: 88px !important;
      height: 30px !important;
      min-height: 30px !important;
      padding: 0 10px !important;
      border: 1px solid #f1b8b0 !important;
      border-radius: 7px !important;
      background: #fff7f6 !important;
      color: #b42318 !important;
      font-size: 12px !important;
      font-weight: 850 !important;
      line-height: 1 !important;
      text-align: center !important;
      cursor: pointer !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-display {
      grid-area: task !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 6px !important;
      align-items: start !important;
      min-width: 0 !important;
      padding: 2px 220px 2px 0 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-display > div:first-child {
      display: grid !important;
      gap: 3px !important;
      min-width: 0 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-display strong {
      color: #111827 !important;
      font-size: 13px !important;
      font-weight: 900 !important;
      line-height: 1.3 !important;
      overflow-wrap: anywhere !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-display small,
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-meta,
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-requirements {
      color: #64748b !important;
      font-size: 11px !important;
      font-weight: 750 !important;
      line-height: 1.35 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-meta,
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-requirements {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 6px !important;
      grid-column: 1 !important;
      min-width: 0 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-meta {
      margin-top: 2px !important;
      display: grid !important;
      grid-template-columns: minmax(0, 280px) 138px 96px max-content !important;
      width: min(100%, 590px) !important;
      align-items: center !important;
      flex-wrap: nowrap !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-requirements {
      margin-top: 4px !important;
      align-items: center !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-completion-gate {
      grid-column: 1 !important;
      margin-top: 1px !important;
      color: #b42318 !important;
      font-size: 10px !important;
      font-weight: 800 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-completion-gate[hidden] {
      display: none !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-meta span,
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-requirements span {
      display: inline-flex !important;
      align-items: center !important;
      min-height: 22px !important;
      max-width: 100% !important;
      padding: 2px 8px !important;
      border: 1px solid #e2e8f0 !important;
      border-radius: 999px !important;
      background: #fff !important;
      color: #475569 !important;
      overflow-wrap: anywhere !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-meta .project-subtask-flow-start-basis {
      min-width: 0 !important;
      overflow: hidden !important;
      white-space: nowrap !important;
      text-overflow: ellipsis !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-meta .project-subtask-flow-start-date {
      width: 138px !important;
      min-width: 138px !important;
      justify-content: center !important;
      white-space: nowrap !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-meta .project-subtask-flow-duration {
      width: 96px !important;
      min-width: 96px !important;
      justify-content: center !important;
      white-space: nowrap !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-meta > .project-subtask-cycle-delta {
      min-height: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      justify-self: start !important;
      white-space: nowrap !important;
      font-weight: 900 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-cycle-delta.is-overrun {
      color: #d92d20 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-cycle-delta.is-early {
      color: #15803d !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-edit {
      position: absolute !important;
      top: 16px !important;
      right: 10px !important;
      width: 88px !important;
      min-width: 88px !important;
      min-height: 30px !important;
      padding: 0 10px !important;
      border: 1px solid #d7dce6 !important;
      border-radius: 7px !important;
      background: #fff !important;
      color: #1f2937 !important;
      font-size: 12px !important;
      font-weight: 850 !important;
      cursor: pointer !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-status-menu {
      position: absolute !important;
      top: 16px !important;
      right: 106px !important;
      width: 132px !important;
      min-width: 132px !important;
      min-height: 30px !important;
      height: 30px !important;
      padding: 0 8px !important;
      border-radius: 7px !important;
      font-size: 12px !important;
      font-weight: 850 !important;
      line-height: 1 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-material-check {
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      min-height: 24px !important;
      padding: 2px 8px !important;
      border: 1px solid #dbe4ef !important;
      border-radius: 999px !important;
      background: #fff !important;
      color: #475569 !important;
      font-size: 11px !important;
      font-weight: 800 !important;
      line-height: 1 !important;
      cursor: pointer !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-material-check::before {
      content: "" !important;
      width: 10px !important;
      height: 10px !important;
      border: 1px solid #94a3b8 !important;
      border-radius: 999px !important;
      background: #fff !important;
      box-sizing: border-box !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-material-check.is-complete {
      border-color: #b7e4c7 !important;
      background: #f0fdf4 !important;
      color: #087443 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-material-check.is-complete::before {
      content: "✓" !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      border-color: #087443 !important;
      background: #087443 !important;
      color: #fff !important;
      font-size: 8px !important;
      font-weight: 900 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-close {
      display: none !important;
      position: absolute !important;
      top: 16px !important;
      right: 106px !important;
      width: 132px !important;
      min-width: 132px !important;
      height: 30px !important;
      min-height: 30px !important;
      padding: 0 10px !important;
      border: 1px solid #d7dce6 !important;
      border-radius: 7px !important;
      background: #fff !important;
      color: #1f2937 !important;
      font-size: 12px !important;
      font-weight: 850 !important;
      cursor: pointer !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row:not(.is-editing) > label,
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row:not(.is-editing) > .admin-service-catalog-sop-schedule,
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row:not(.is-editing) > .admin-service-catalog-sop-materials {
      display: none !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row.is-editing .project-subtask-flow-display {
      display: none !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row.is-complete {
      border-color: #b7e4c7 !important;
      background: #f4fbf6 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-materials {
      grid-area: materials !important;
      display: grid !important;
      gap: 5px !important;
      color: #5f6b7a !important;
      font-size: 10px !important;
      font-weight: 850 !important;
      letter-spacing: 0 !important;
      line-height: 1.2 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-material-list {
      display: grid !important;
      gap: 4px !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-material-item {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 28px !important;
      gap: 4px !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-material-item button,
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-materials > button,
    .project-task-flow-planner .admin-service-catalog-sop-add {
      min-height: 28px !important;
      border: 1px solid #d7dce6 !important;
      border-radius: 7px !important;
      background: #fff !important;
      color: #1f2937 !important;
      font-size: 12px !important;
      font-weight: 800 !important;
      cursor: pointer !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-material-item button {
      padding: 0 !important;
      color: #b42318 !important;
    }
    .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-materials > button,
    .project-task-flow-planner .admin-service-catalog-sop-add {
      justify-self: start !important;
      padding: 0 10px !important;
    }
    #task-subtasks > .operations-panel-head {
      min-height: 36px !important;
      height: 36px !important;
      align-items: center !important;
      padding: 0 !important;
    }
    #task-subtasks > .operations-panel-head > div {
      height: 36px !important;
      min-height: 36px !important;
      align-items: center !important;
    }
    #task-subtasks .project-subtask-section-actions {
      display: flex !important;
      gap: 8px !important;
      align-items: center !important;
      justify-content: flex-end !important;
      margin-left: auto !important;
      align-self: center !important;
      height: 36px !important;
    }
    #task-subtasks .project-sop-extract-form {
      margin: 0 !important;
      display: inline-flex !important;
    }
    #task-subtasks .project-subtask-section-actions button {
      min-width: 104px !important;
      height: 30px !important;
      min-height: 30px !important;
      padding: 0 12px !important;
      border: 1px solid #d7dce6 !important;
      border-radius: 7px !important;
      background: #fff !important;
      color: #1f2937 !important;
      font-size: 12px !important;
      font-weight: 850 !important;
      line-height: 28px !important;
      text-align: center !important;
      white-space: nowrap !important;
      cursor: pointer !important;
    }
    #task-subtasks .project-subtask-section-actions button:disabled {
      border-color: #dce2ea !important;
      background: #f1f3f6 !important;
      color: #98a2b3 !important;
      cursor: not-allowed !important;
    }
    #task-subtasks .project-subtask-section-edit[aria-pressed="true"] {
      border-color: #8d99a8 !important;
      background: #f1f5f9 !important;
    }
    #task-subtasks .project-subtask-footer-actions {
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
      margin-top: 10px !important;
      flex-wrap: wrap !important;
    }
    #task-subtasks .project-subtask-footer-actions > button {
      min-height: 30px !important;
      height: 30px !important;
      padding: 0 12px !important;
      border-radius: 7px !important;
      font-size: 12px !important;
      font-weight: 850 !important;
      line-height: 28px !important;
      white-space: nowrap !important;
    }
    #task-subtasks .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-edit,
    #task-subtasks .project-task-flow-row.admin-service-catalog-sop-row .project-subtask-flow-close {
      display: none !important;
    }
    .project-standard-task-plan-row.is-dragging {
      opacity: .72 !important;
      background: #f8fbff !important;
      box-shadow: inset 3px 0 0 #0a84ff !important;
    }
    .project-standard-task-plan-row.is-drop-before::before,
    .project-standard-task-plan-row.is-drop-after::after {
      content: "" !important;
      position: absolute !important;
      left: 0 !important;
      right: 0 !important;
      height: 3px !important;
      border-radius: 999px !important;
      background: #0a84ff !important;
    }
    .project-standard-task-plan-row.is-drop-before::before {
      top: -2px !important;
    }
    .project-standard-task-plan-row.is-drop-after::after {
      bottom: -2px !important;
    }
    .project-standard-task-order {
      display: grid !important;
      grid-template-columns: 20px 24px !important;
      gap: 6px !important;
      align-items: center !important;
      grid-column: 1 !important;
    }
    .project-standard-task-drag-handle {
      width: 20px !important;
      min-width: 20px !important;
      height: 24px !important;
      min-height: 24px !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 6px !important;
      background: transparent !important;
      color: #98a2b3 !important;
      cursor: grab !important;
      font-size: 15px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      letter-spacing: -4px !important;
    }
    .project-standard-task-drag-handle:active {
      cursor: grabbing !important;
      color: #0a84ff !important;
    }
    .project-standard-task-order strong {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 20px !important;
      min-width: 20px !important;
      height: 20px !important;
      min-height: 20px !important;
      border-radius: 999px !important;
      background: #edf7f1 !important;
      color: #087443 !important;
      font-size: 10px !important;
      font-weight: 900 !important;
    }
    .project-standard-task-edit-form {
      display: grid !important;
      grid-template-columns: minmax(180px, 1fr) minmax(160px, .62fr) minmax(140px, .45fr) !important;
      gap: 8px !important;
      min-width: 0 !important;
      grid-column: 2 !important;
    }
    .project-standard-task-delete-form {
      grid-column: 3 !important;
    }
    .project-standard-task-delete-form button {
      color: #fff !important;
      justify-self: end !important;
    }
    .project-standard-task-plan-panel .operations-panel-head > div {
      display: grid !important;
      gap: 2px !important;
      min-width: 0 !important;
    }
    .project-standard-task-plan-panel .operations-panel-head p {
      margin: 2px 0 0 !important;
      color: #6b7280 !important;
      font-size: 12px !important;
      font-weight: 720 !important;
      line-height: 1.35 !important;
    }
    .project-workbench-panel {
      display: grid !important;
      gap: 12px !important;
      padding-top: 14px !important;
    }
    .project-workbench-panel .operations-panel-head {
      align-items: start !important;
      min-height: 44px !important;
      padding-bottom: 2px !important;
    }
    .project-workbench-panel .operations-panel-head > div {
      display: grid !important;
      gap: 2px !important;
      min-width: 0 !important;
    }
    .project-workbench-panel .operations-panel-head h2 {
      margin: 0 !important;
      line-height: 1.18 !important;
    }
    .project-workbench-panel .operations-panel-head p {
      margin: 2px 0 0 !important;
      color: #6b7280 !important;
      font-size: 12px !important;
      font-weight: 720 !important;
      line-height: 1.35 !important;
    }
    .project-workbench-summary {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 10px !important;
    }
    .project-workbench-summary span {
      min-height: 54px !important;
      display: grid !important;
      align-content: center !important;
      gap: 3px !important;
      padding: 9px 12px !important;
      border: 1px solid #dfe3e8 !important;
      border-radius: 8px !important;
      background: #fff !important;
      color: #4b5563 !important;
      box-shadow: 0 8px 18px rgba(15, 23, 42, .04) !important;
    }
    .project-workbench-summary small {
      color: #6b7280 !important;
      font-size: 10px !important;
      font-weight: 900 !important;
      letter-spacing: .06em !important;
      text-transform: uppercase !important;
    }
    .project-workbench-summary strong {
      color: #111827 !important;
      font-size: 18px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
    }
    .project-workbench-registers {
      display: grid !important;
      gap: 10px !important;
    }
    .project-workbench-register {
      border: 1px solid #e2e8f0 !important;
      border-radius: 8px !important;
      background: #fff !important;
      overflow: hidden !important;
    }
    .project-workbench-register > summary {
      min-height: 44px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 12px !important;
      padding: 10px 12px !important;
      cursor: pointer !important;
      list-style: none !important;
      border-bottom: 1px solid transparent !important;
      background: #fbfcfe !important;
    }
    .project-workbench-register[open] > summary {
      border-bottom-color: #e7eaf0 !important;
    }
    .project-workbench-register > summary::-webkit-details-marker {
      display: none !important;
    }
    .project-workbench-register h3 {
      margin: 0 !important;
      color: #111827 !important;
      font-size: 14px !important;
      font-weight: 900 !important;
      line-height: 1.2 !important;
    }
    .project-workbench-register > summary small {
      color: #6b7280 !important;
      font-size: 11px !important;
      font-weight: 850 !important;
    }
    .project-workbench-register-head,
    .project-workbench-register-list article {
      display: grid !important;
      grid-template-columns: 32px minmax(220px, 1fr) minmax(190px, .58fr) minmax(110px, .32fr) minmax(90px, .26fr) minmax(90px, .26fr) minmax(132px, .36fr) !important;
      gap: 10px !important;
      align-items: center !important;
    }
    .project-workbench-task-register .project-workbench-register-head,
    .project-workbench-task-register .project-workbench-register-list article.project-workbench-task-row {
      grid-template-columns: 32px minmax(300px, 1fr) minmax(230px, .58fr) minmax(96px, .18fr) minmax(120px, .24fr) !important;
    }
    .project-task-financial-request,
    .project-task-approval-request-button {
      width: 100% !important;
      min-height: 34px !important;
      padding: 0 10px !important;
      border: 1px solid #007aff !important;
      border-radius: 8px !important;
      background: #007aff !important;
      color: #fff !important;
      font-size: 11px !important;
      font-weight: 850 !important;
      line-height: 1.15 !important;
      white-space: nowrap !important;
      box-shadow: none !important;
    }
    .project-task-approval-request-button {
      border-color: #cbd5e1 !important;
      background: #fff !important;
      color: #1f2937 !important;
    }
    .project-task-financial-request:disabled,
    .project-task-approval-request-button:disabled {
      border-color: #d8dee8 !important;
      background: #eef1f5 !important;
      color: #98a2b3 !important;
      cursor: not-allowed !important;
    }
    .project-task-summary-head .project-task-financial-request,
    .project-task-summary-head .project-task-approval-request-button {
      width: auto !important;
      min-width: 142px !important;
    }
    #task-fields .project-task-summary-head {
      height: auto !important;
      min-height: 42px !important;
      gap: 14px !important;
    }
    #task-fields .project-task-summary-head > div {
      height: auto !important;
      min-height: 0 !important;
    }
    #task-fields .project-task-summary-actions,
    #task-fields .project-task-action-groups,
    #task-fields .project-task-action-group,
    #task-fields .project-task-state-actions {
      display: flex !important;
      align-items: center !important;
      min-width: 0 !important;
    }
    #task-fields .project-task-summary-actions {
      flex: 1 1 auto !important;
      justify-content: flex-end !important;
      gap: 10px !important;
    }
    #task-fields .project-task-action-groups {
      flex-wrap: wrap !important;
      justify-content: flex-end !important;
      gap: 8px !important;
    }
    #task-fields .project-task-action-group {
      gap: 6px !important;
    }
    #task-fields .project-task-action-group + .project-task-action-group {
      padding-left: 8px !important;
      border-left: 1px solid #e1e6ed !important;
    }
    #task-fields .project-task-state-actions {
      flex: 0 0 auto !important;
      gap: 7px !important;
    }
    #task-fields .project-task-toolbar-button {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: auto !important;
      min-width: 0 !important;
      min-height: 32px !important;
      padding: 0 11px !important;
      border: 1px solid #cbd5e1 !important;
      border-radius: 7px !important;
      background: #fff !important;
      color: #263244 !important;
      font-size: 11px !important;
      font-weight: 850 !important;
      line-height: 1 !important;
      text-decoration: none !important;
      white-space: nowrap !important;
      box-shadow: none !important;
    }
    #task-fields .project-task-toolbar-button:hover:not(:disabled) {
      border-color: #8d99a8 !important;
      background: #f7f8fa !important;
    }
    #task-fields .project-task-toolbar-button:disabled {
      border-color: #dce2ea !important;
      background: #f1f3f6 !important;
      color: #98a2b3 !important;
    }
    @media(max-width:1180px) {
      #task-fields .project-task-summary-head {
        align-items: flex-start !important;
        flex-direction: column !important;
        padding-bottom: 8px !important;
      }
      #task-fields .project-task-summary-actions {
        width: 100% !important;
        justify-content: space-between !important;
      }
      #task-fields .project-task-action-groups {
        justify-content: flex-start !important;
      }
    }
    @media(max-width:620px) {
      #task-fields .project-task-summary-head,
      #task-fields .project-task-summary-actions,
      #task-fields .project-task-action-groups,
      #task-fields .project-task-state-actions {
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
      }
      #task-fields .project-task-summary-actions {
        align-items: stretch !important;
        flex-direction: column !important;
      }
      #task-fields .project-task-action-groups,
      #task-fields .project-task-action-group {
        width: 100% !important;
      }
      #task-fields .project-task-action-group + .project-task-action-group {
        padding-top: 7px !important;
        padding-left: 0 !important;
        border-top: 1px solid #e1e6ed !important;
        border-left: 0 !important;
      }
      #task-fields .project-task-toolbar-button {
        flex: 1 1 0 !important;
      }
      #task-fields .project-task-state-actions {
        justify-content: flex-end !important;
      }
    }
    .project-cost-dialog-host {
      display: contents !important;
    }
    .project-cost-preview-note {
      margin-right: auto !important;
      color: #8a641c !important;
      font-size: 11px !important;
      font-weight: 850 !important;
    }
    #project-cost-request-form [data-project-cost-task-select].is-task-locked,
    #project-cost-request-form [data-project-cost-task-select][aria-readonly="true"] {
      pointer-events: none !important;
      background-color: #f5f7fa !important;
      color: #344054 !important;
    }
    .project-workbench-material-list article,
    .project-workbench-material-register .project-workbench-register-head {
      grid-template-columns: 32px minmax(240px, 1fr) minmax(220px, .68fr) minmax(130px, .36fr) minmax(90px, .24fr) !important;
    }
    .project-workbench-note-list article,
    .project-workbench-note-register .project-workbench-register-head {
      grid-template-columns: 32px minmax(300px, 1fr) minmax(240px, .72fr) minmax(180px, .5fr) !important;
    }
    .project-workbench-register-head {
      min-height: 30px !important;
      padding: 0 12px !important;
      border-bottom: 1px solid #eef0f3 !important;
      color: #6b7280 !important;
      font-size: 10px !important;
      font-weight: 900 !important;
      letter-spacing: .08em !important;
      text-transform: uppercase !important;
      background: #fff !important;
    }
    #project-workbench .project-workbench-register-head {
      display: none !important;
    }
    .project-workbench-register-list article {
      min-height: 44px !important;
      padding: 8px 12px !important;
      border-bottom: 1px solid #f1f3f5 !important;
      color: #111827 !important;
      font-size: 12px !important;
      font-weight: 780 !important;
    }
    .project-workbench-register-list article:last-child {
      border-bottom: 0 !important;
    }
    .project-workbench-register-list article > strong {
      width: 20px !important;
      height: 20px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      border-radius: 999px !important;
      background: #edf7f1 !important;
      color: #087443 !important;
      font-size: 10px !important;
      font-weight: 900 !important;
    }
    .project-workbench-register-list article.project-workbench-subtask-row {
      padding-left: 38px !important;
      background: #fbfcfe !important;
      color: #4b5563 !important;
    }
    .project-workbench-subtask-row > strong {
      width: 28px !important;
      color: #667085 !important;
      background: #f3f4f6 !important;
    }
    .project-workbench-subtask-row b {
      color: #344054 !important;
      font-weight: 820 !important;
    }
    .project-workbench-register-list article > strong.project-workbench-readonly-check {
      border: 1px solid #cfd6e1 !important;
      background: #fff !important;
      color: #667085 !important;
      font-size: 11px !important;
    }
    .project-workbench-register-list article > strong.project-workbench-readonly-check.is-complete {
      border-color: #111827 !important;
      background: #111827 !important;
      color: #fff !important;
    }
    .project-workbench-register-list article div {
      display: grid !important;
      gap: 2px !important;
      min-width: 0 !important;
    }
    .project-workbench-register-list b,
    .project-workbench-register-list small,
    .project-workbench-register-list span {
      min-width: 0 !important;
      overflow-wrap: anywhere !important;
    }
    .project-workbench-material-list article div b,
    .project-workbench-note-list article div b {
      font-weight: 500 !important;
    }
    .project-workbench-register-list small {
      color: #6b7280 !important;
      font-size: 11px !important;
      font-weight: 740 !important;
    }
    .project-workbench-register-list span {
      color: #4b5563 !important;
      font-size: 11px !important;
      font-weight: 820 !important;
    }
    .project-workbench-note-list {
      max-height: 360px !important;
      overflow: auto !important;
    }
    .project-workbench-list-head,
    .project-workbench-task summary {
      display: grid !important;
      grid-template-columns: 32px minmax(260px, 1fr) minmax(105px, .32fr) minmax(90px, .24fr) minmax(90px, .24fr) minmax(140px, .38fr) !important;
      gap: 10px !important;
      align-items: center !important;
    }
    .project-workbench-list-head {
      min-height: 28px !important;
      padding: 0 0 2px !important;
      border-bottom: 1px solid #e7eaf0 !important;
      color: #6b7280 !important;
      font-size: 10px !important;
      font-weight: 900 !important;
      letter-spacing: .08em !important;
      text-transform: uppercase !important;
    }
    .project-workbench-list {
      display: grid !important;
      gap: 0 !important;
      border: 1px solid #e7eaf0 !important;
      border-radius: 8px !important;
      overflow: hidden !important;
      background: #fff !important;
    }
    .project-workbench-task {
      border-bottom: 1px solid #eef0f3 !important;
      background: #fff !important;
    }
    .project-workbench-task summary {
      min-height: 56px !important;
      padding: 10px 12px !important;
      cursor: pointer !important;
      list-style: none !important;
      background: #fff !important;
    }
    .project-workbench-task[open] summary {
      border-bottom: 1px solid #e7eaf0 !important;
      background: #fbfcfe !important;
    }
    .project-workbench-task summary::-webkit-details-marker {
      display: none !important;
    }
    .project-workbench-step {
      width: 22px !important;
      height: 22px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      border-radius: 999px !important;
      background: #edf7f1 !important;
      color: #087443 !important;
      font-size: 10px !important;
      font-weight: 900 !important;
    }
    .project-workbench-main {
      display: grid !important;
      gap: 2px !important;
      min-width: 0 !important;
    }
    .project-workbench-main strong,
    .project-workbench-main small {
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    .project-workbench-main small,
    .project-workbench-task summary > span:not(.project-workbench-main):not(.project-workbench-step) {
      color: #6b7280 !important;
      font-size: 11px !important;
      font-weight: 800 !important;
    }
    .project-workbench-task-body {
      position: relative !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) minmax(280px, .42fr) !important;
      gap: 14px !important;
      padding: 20px 12px 16px 44px !important;
      background: #f8fafc !important;
    }
    .project-workbench-task-body::before {
      content: "Task details" !important;
      position: absolute !important;
      top: 6px !important;
      left: 44px !important;
      color: #6b7280 !important;
      font-size: 10px !important;
      font-weight: 900 !important;
      letter-spacing: .08em !important;
      text-transform: uppercase !important;
    }
    .project-workbench-detail-grid {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 12px !important;
      min-width: 0 !important;
      align-items: start !important;
    }
    .project-workbench-task-body section,
    .project-workbench-log-panel {
      min-width: 0 !important;
      display: grid !important;
      gap: 8px !important;
      align-content: start !important;
      padding: 10px !important;
      border: 1px solid #e2e8f0 !important;
      border-radius: 8px !important;
      background: #fff !important;
    }
    .project-workbench-task-body h3,
    .project-workbench-project-log h3 {
      margin: 0 !important;
      color: #111827 !important;
      font-size: 12px !important;
      font-weight: 900 !important;
    }
    .project-workbench-mini-list,
    .project-workbench-log-list {
      display: grid !important;
      gap: 0 !important;
      min-width: 0 !important;
    }
    .project-workbench-mini-list article,
    .project-workbench-log-list article,
    .project-workbench-project-log article,
    .project-workbench-empty {
      display: grid !important;
      grid-template-columns: 24px minmax(0, 1fr) auto !important;
      gap: 8px !important;
      align-items: center !important;
      min-height: 34px !important;
      padding: 6px 0 !important;
      border-bottom: 1px solid #f1f3f5 !important;
      color: #111827 !important;
      font-size: 12px !important;
      font-weight: 780 !important;
    }
    .project-workbench-mini-list article:last-child,
    .project-workbench-log-list article:last-child,
    .project-workbench-project-log article:last-child {
      border-bottom: 0 !important;
    }
    .project-workbench-mini-list article > strong {
      width: 20px !important;
      height: 20px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      border-radius: 999px !important;
      background: #f3f4f6 !important;
      color: #6b7280 !important;
      font-size: 10px !important;
      font-weight: 900 !important;
    }
    .project-workbench-mini-list article div,
    .project-workbench-log-list article div,
    .project-workbench-project-log article {
      min-width: 0 !important;
    }
    .project-workbench-mini-list article div,
    .project-workbench-log-list article div {
      display: grid !important;
      gap: 2px !important;
    }
    .project-workbench-log-list article div {
      grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
      align-items: baseline !important;
      column-gap: 6px !important;
    }
    .project-workbench-mini-list b,
    .project-workbench-mini-list small,
    .project-workbench-log-list p,
    .project-workbench-log-list span,
    .project-workbench-project-log span,
    .project-workbench-project-log small {
      overflow-wrap: anywhere !important;
    }
    .project-workbench-mini-list small,
    .project-workbench-log-list small,
    .project-workbench-project-log small {
      color: #6b7280 !important;
      font-size: 11px !important;
      font-weight: 740 !important;
    }
    .project-workbench-mini-list article > span,
    .project-workbench-log-list article > span {
      color: #4b5563 !important;
      font-size: 11px !important;
      font-weight: 850 !important;
    }
    .project-workbench-log-list article,
    .project-workbench-project-log article {
      grid-template-columns: 1fr !important;
      align-items: start !important;
    }
    .project-workbench-log-list {
      max-height: 280px !important;
      overflow: auto !important;
    }
    .project-workbench-log-list p {
      margin: 0 !important;
      line-height: 1.35 !important;
    }
    .project-workbench-project-log {
      display: grid !important;
      gap: 0 !important;
      min-width: 0 !important;
      border: 1px solid #e7eaf0 !important;
      border-radius: 8px !important;
      background: #fff !important;
      overflow: hidden !important;
    }
    .project-workbench-project-log summary {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 10px !important;
      min-height: 38px !important;
      padding: 8px 12px !important;
      cursor: pointer !important;
      list-style: none !important;
      border-bottom: 1px solid transparent !important;
    }
    .project-workbench-project-log[open] summary {
      border-bottom-color: #eef0f3 !important;
    }
    .project-workbench-project-log summary::-webkit-details-marker {
      display: none !important;
    }
    .project-workbench-project-log summary small {
      color: #6b7280 !important;
      font-size: 11px !important;
      font-weight: 850 !important;
    }
    .project-workbench-project-log article {
      padding: 8px 12px !important;
    }
    .project-workbench-empty {
      grid-template-columns: minmax(0, 1fr) !important;
      padding: 12px !important;
      color: #6b7280 !important;
    }
    @media (max-width: 980px) {
      .project-workbench-summary {
        grid-template-columns: 1fr !important;
      }
      .project-workbench-list-head {
        display: none !important;
      }
      .project-workbench-register-head {
        display: none !important;
      }
      .project-workbench-register-list article,
      .project-workbench-material-list article,
      .project-workbench-note-list article {
        grid-template-columns: 32px minmax(0, 1fr) !important;
        align-items: start !important;
      }
      .project-workbench-register-list article > span,
      .project-workbench-register-list article .project-task-status {
        grid-column: 2 !important;
      }
      .project-workbench-task summary,
      .project-workbench-task-body,
      .project-workbench-detail-grid {
        grid-template-columns: 1fr !important;
      }
      .project-workbench-task-body {
        padding-left: 12px !important;
      }
    }
    .project-create-footer {
      display: flex !important;
      justify-content: flex-end !important;
      align-items: center !important;
      border-top: 0 !important;
      margin-top: 14px !important;
      padding-top: 0 !important;
    }
    .project-create-footer .project-form-actions {
      display: flex !important;
      justify-content: flex-end !important;
      align-items: center !important;
      gap: 8px !important;
      min-width: 0 !important;
    }
    .project-create-footer .button,
    .project-create-footer button {
      min-height: 38px !important;
      white-space: nowrap !important;
    }
    .project-create-footer .project-create-cancel {
      min-width: 76px !important;
    }
    .project-task-create-footer {
      grid-template-columns: none !important;
      padding-top: 14px !important;
      border-top: 1px solid var(--line) !important;
    }
    .project-subtask-empty-state {
      display: grid;
      place-items: center;
      min-height: 42px;
      padding: 14px;
      border: 1px solid #dedee3;
      border-radius: 9px;
      background: #fafbfc;
      color: #8e8e93;
      text-align: center;
      font-size: 10px;
      font-weight: 650;
    }
    .project-subtask-empty-state div {
      display: contents;
    }
    .project-subtask-empty-state strong {
      color: inherit;
      font: inherit;
    }
    .project-subtask-empty-state small {
      color: var(--muted);
      font-size: 12px;
      font-weight: 760;
      line-height: 1.35;
    }
    .project-detail-workbench .project-system-history {
      margin-top: 14px !important;
    }
    .project-detail-workbench .project-task-tree-list-head,
    .project-detail-workbench .project-project-task-tree .project-task-node {
      display: grid !important;
      grid-template-columns: 36px minmax(240px, 1fr) minmax(140px, .5fr) minmax(110px, .34fr) minmax(120px, .38fr) !important;
      gap: 8px !important;
      align-items: center !important;
    }
    .project-detail-workbench .project-task-tree-list-head {
      min-height: 28px !important;
      padding: 0 !important;
      border: 0 !important;
      color: #6b7280 !important;
      font-size: 10px !important;
      font-weight: 900 !important;
      letter-spacing: .08em !important;
      text-transform: uppercase !important;
    }
    .project-detail-workbench .project-project-task-tree .project-task-tree {
      border-top: 0 !important;
    }
    .project-detail-workbench .project-project-task-tree .project-task-node {
      padding: 7px 0 !important;
      border-bottom: 1px solid #eef0f3 !important;
      background: transparent !important;
    }
    .project-detail-workbench .project-project-task-tree .project-task-node-step {
      width: 22px !important;
      height: 22px !important;
      background: #edf7f1 !important;
      color: #087443 !important;
      font-size: 11px !important;
      justify-self: start !important;
    }
    .project-detail-workbench .project-task-node-main {
      min-width: 0 !important;
      display: grid !important;
      gap: 2px !important;
    }
    .project-detail-workbench .project-task-node-main strong,
    .project-detail-workbench .project-task-node-main a {
      color: #111827 !important;
      font-size: 13px !important;
      font-weight: 850 !important;
      line-height: 1.2 !important;
      overflow-wrap: anywhere !important;
      text-decoration: none !important;
    }
    .project-detail-workbench .project-task-node-main small,
    .project-detail-workbench .project-task-node-owner,
    .project-detail-workbench .project-task-node-due {
      color: #5f6875 !important;
      font-size: 12px !important;
      font-weight: 760 !important;
      line-height: 1.25 !important;
      overflow-wrap: anywhere !important;
    }
    .project-detail-workbench .project-task-status {
      justify-self: start !important;
      min-height: 22px !important;
      padding: 3px 8px !important;
      font-size: 11px !important;
      font-weight: 850 !important;
    }
    @media (max-width: 900px) {
      .project-task-header {
        flex-direction: column;
        align-items: stretch;
      }
      .project-header-actions {
        justify-content: stretch;
      }
      .project-header-add-task-link,
      .project-client-add-project {
        width: 100% !important;
      }
      .project-task-edit-grid {
        grid-template-columns: 1fr;
      }
      .project-task-fields-direct .project-task-edit-grid {
        grid-template-columns: 1fr;
      }
      .project-task-fields-column {
        min-width: 0 !important;
        max-width: none !important;
      }
      .project-task-description-editor {
        min-height: auto;
        padding: 14px 0 0;
        border-left: 0;
      }
      .project-task-description-editor textarea {
        height: auto !important;
        min-height: 260px !important;
      }
      .project-task-fields-footer {
        grid-template-columns: 1fr;
      }
      .project-progress-log article {
        grid-template-columns: 1fr;
      }
      .project-progress-log article > p,
      .project-progress-log article > .project-progress-entry-meta {
        grid-column: auto;
      }
      .project-progress-inline-form {
        grid-template-columns: 1fr;
      }
      .project-progress-inline-form .project-form-actions {
        grid-column: auto;
      }
      #task-materials .project-material-row,
      #task-materials .project-material-edit-form,
      #task-materials .project-material-main {
        grid-template-columns: 1fr;
      }
      #task-materials .project-material-list-head {
        display: none;
      }
      #task-materials .project-material-row {
        gap: 6px;
      }
      .project-subtask-row {
        grid-template-columns: 28px 24px minmax(0, 1fr);
        align-items: start;
      }
      .project-subtask-toggle-form {
        grid-column: 2;
      }
      .project-subtask-edit-form {
        grid-column: 3;
        grid-template-columns: 1fr;
      }
      .project-subtask-delete-form {
        grid-column: 3;
      }
      .project-subtask-meta,
      .project-subtask-actions {
        grid-column: 3;
      }
      .project-subtask-actions {
        justify-content: flex-start;
      }
      .project-subtask-toolbar {
        justify-content: flex-start;
      }
      .project-subtask-tree-link {
        margin-right: 0;
      }
      .project-material-add-form {
        grid-template-columns: 1fr;
      }
      .project-material-add-form::before,
      .project-subtask-add-form::before {
        display: none;
      }
      .project-material-add-form label:nth-of-type(1),
      .project-material-add-form label:nth-of-type(2),
      .project-material-add-form button,
      .project-subtask-add-form label:nth-of-type(1),
      .project-subtask-add-form label:nth-of-type(2),
      .project-subtask-add-form label:nth-of-type(3),
      .project-subtask-add-form button {
        grid-column: auto !important;
      }
      .project-subtask-add-form {
        grid-template-columns: 1fr;
      }
      .project-action-popover.is-open > .project-compact-form,
      .project-action-popover.is-open > .project-status-compose,
      .project-action-popover.is-open > .project-progress-compose,
      .project-action-popover.is-open > .project-task-attribute-form {
        position: fixed;
        top: 74px;
        right: 14px;
        left: 14px;
        width: auto;
        max-height: calc(100vh - 96px);
      }
      .project-detail-workbench .project-project-fields-grid,
      .project-standard-task-add-form,
      .project-standard-task-plan-row,
      .project-standard-task-edit-form,
      .project-detail-workbench .project-task-tree-list-head,
      .project-detail-workbench .project-project-task-tree .project-task-node {
        grid-template-columns: 1fr !important;
      }
      .project-standard-task-plan-row {
        align-items: stretch !important;
      }
      .project-create-workbench .project-primary-choice-grid {
        grid-template-columns: 1fr !important;
      }
      .project-create-footer .project-form-actions {
        justify-content: stretch !important;
      }
      .project-create-footer .button,
      .project-create-footer button {
        width: 100% !important;
      }
      .project-detail-workbench .project-project-fields-column {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
      }
      .project-detail-workbench .project-task-tree-list-head {
        display: none !important;
      }
    }
    @media (max-width: 720px) {
      .project-list-stage-row,
      .project-list-toolbar,
      .project-list-filters {
        grid-template-columns: 1fr;
        align-items: stretch;
      }
      .project-list-toolbar {
        display: grid;
      }
      .project-primary-action,
      .project-reset-action {
        width: 100%;
      }
      .project-list-tabs a {
        flex: 1 1 auto;
        justify-content: center;
      }
    }
    .account-intro {
      position: relative;
      display: grid;
      gap: 10px;
      padding: 16px 0 18px;
    }
    .account-intro h1 { margin: 4px 0 6px; font-size: 32px; line-height: 1.12; overflow-wrap: anywhere; }
    .account-intro p { margin: 0; max-width: 700px; color: var(--muted); line-height: 1.55; }
    .account-identity {
      display: flex;
      align-items: center;
      gap: 16px;
      min-width: 0;
      margin: 0;
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
      box-shadow: 0 16px 36px rgba(25,34,49,.06);
    }
    .account-identity-avatar {
      width: 78px;
      height: 78px;
      border-radius: 22px;
      display: inline-grid;
      place-items: center;
      flex: 0 0 auto;
      font-size: 22px;
      font-weight: 900;
      box-shadow: 0 12px 28px rgba(25,34,49,.12);
      overflow: hidden;
    }
    .account-avatar-upload {
      position: relative;
      display: inline-grid;
      gap: 8px;
      place-items: center;
      flex: 0 0 auto;
      cursor: pointer;
      color: var(--muted);
      font-size: 11px;
      font-weight: 850;
      text-align: center;
    }
    .account-avatar-upload input {
      position: absolute;
      width: 1px;
      height: 1px;
      opacity: 0;
      pointer-events: none;
    }
    .account-avatar-upload:focus-within .account-identity-avatar,
    .account-avatar-upload:hover .account-identity-avatar {
      outline: 2px solid rgba(25,34,49,.18);
      outline-offset: 3px;
    }
    .account-identity > div { min-width: 0; }
    .account-identity-copy {
      display: grid;
      gap: 3px;
      min-width: 0;
    }
    .account-identity-copy p {
      max-width: min(760px, 100%);
      color: var(--muted);
      font-size: 14px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .account-status-row {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-top: 6px;
    }
    .account-status-row span {
      min-height: 26px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      max-width: 100%;
      padding: 5px 9px;
      border: 1px solid #d9dde3;
      border-radius: 999px;
      background: #f8f9fa;
      color: #4b5563;
      font-size: 11px;
      font-weight: 850;
      overflow-wrap: anywhere;
    }
    .account-status-row span small {
      color: #6b7280;
      font-size: 10px;
      font-weight: 850;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .account-overview-display { margin-top: 16px; }
    .account-overview-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 14px;
    }
    .account-overview-grid article {
      min-width: 0;
      display: grid;
      gap: 5px;
      padding: 14px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fbfbfa;
    }
    .account-overview-grid span {
      color: var(--muted);
      font-size: 10px;
      font-weight: 850;
      letter-spacing: .05em;
      text-transform: uppercase;
    }
    .account-overview-grid strong {
      color: var(--ink);
      font-size: 17px;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .account-overview-grid small {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }
    .account-settings-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
      gap: 14px;
      align-items: start;
    }
    .account-security-grid {
      margin: 0 0 14px;
    }
    .employee-action-list { display: grid; border-top: 1px solid var(--line); }
    .employee-action-row { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 2px; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; }
    .employee-action-row:hover, .employee-action-row:focus-visible { color: var(--button); outline: none; }
    .employee-action-row > span:first-child { display: grid; gap: 4px; }
    .employee-action-row strong { font-size: 14px; }
    .employee-action-row small { color: var(--muted); font-size: 12px; font-weight: 550; }
    .employee-action-row > span:last-child { font-size: 24px; color: var(--muted); }
    .account-profile-action {
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
      line-height: 1;
      white-space: nowrap;
      box-shadow: 0 6px 18px rgba(25,34,49,.05);
      cursor: pointer;
    }
    .account-profile-action:hover,
    .account-profile-action:focus-visible {
      border-color: #c8ced8;
      background: #f6f7f9;
      color: var(--ink);
      outline: none;
    }
    .account-password-dialog-control {
      position: static;
      display: inline-flex;
    }
    .account-password-dialog-hidden-trigger { display: none; }
    .account-password-dialog-control > summary {
      list-style: none;
    }
    .account-password-dialog-control > summary::-webkit-details-marker {
      display: none;
    }
    .account-password-dialog-backdrop {
      position: fixed;
      inset: 0;
      z-index: 12000;
      display: grid;
      place-items: center;
      padding: 24px;
      background: rgba(15, 23, 42, .28);
      backdrop-filter: blur(14px);
    }
    .account-password-dialog {
      width: min(440px, calc(100vw - 32px));
      max-height: calc(100vh - 48px);
      display: grid;
      gap: 0;
      overflow: auto;
      border: 1px solid rgba(255,255,255,.72);
      border-radius: 18px;
      background: rgba(255,255,255,.94);
      box-shadow: 0 24px 70px rgba(15, 23, 42, .24);
    }
    .account-password-dialog-title {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
      padding: 18px 18px 8px;
    }
    .account-password-dialog-title div {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .account-password-dialog-title strong {
      color: var(--ink);
      font-size: 20px;
      line-height: 1.15;
      font-weight: 900;
    }
    .account-password-dialog-title button {
      width: 32px;
      height: 32px;
      display: inline-grid;
      place-items: center;
      flex: 0 0 auto;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: rgba(248,249,250,.92);
      color: #4b5563;
      font-size: 20px;
      line-height: 1;
      font-weight: 700;
      cursor: pointer;
    }
    .account-password-dialog-title button:hover,
    .account-password-dialog-title button:focus-visible {
      background: #fff;
      color: var(--ink);
      outline: none;
    }
    .account-relationship {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
      gap: 14px;
      align-items: stretch;
      margin: 0 0 14px;
    }
    .account-relationship-panel {
      grid-column: 1 / -1;
      gap: 14px;
      background: linear-gradient(135deg, #ffffff 0%, #fbfbfa 58%, #f8f5ee 100%);
    }
    .account-section-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
      min-width: 0;
    }
    .account-section-head.compact {
      align-items: center;
    }
    .account-section-head h2 {
      margin: 5px 0 0;
      color: var(--ink);
      font-size: 22px;
      line-height: 1.18;
      overflow-wrap: anywhere;
    }
    .account-readonly-badge {
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      flex: 0 0 auto;
      padding: 5px 10px;
      border: 1px solid #d8c89f;
      border-radius: 999px;
      background: #fbfaf4;
      color: #725f2f;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }
    .account-logout-form {
      display: flex;
      justify-content: flex-end;
      margin: 0;
    }
    .account-logout-button {
      min-width: 78px;
      border-color: #f0b4ae;
      color: #9f1d14;
    }
    .account-logout-button:hover {
      border-color: #e58d84;
      background: #fff5f4;
      color: #8f1a12;
    }
    .account-relationship-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }
    .account-relationship-grid article,
    .account-readiness-list article {
      min-width: 0;
      display: grid;
      gap: 6px;
      padding: 12px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: rgba(255,255,255,.82);
    }
    .account-relationship-grid span,
    .account-readiness-list span {
      color: var(--muted);
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }
    .account-relationship-grid strong,
    .account-service-list strong,
    .account-readiness-list strong,
    .account-link-list strong {
      color: var(--ink);
      font-size: 14px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .account-relationship-grid small,
    .account-service-list span,
    .account-service-list small,
    .account-readiness-list p,
    .account-link-list span {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }
    .account-benefits-panel,
    .account-growth-panel,
    .account-links-panel,
    .account-actions-panel,
    .account-applications-panel,
    .account-evidence-panel {
      min-height: 100%;
    }
    .account-service-list,
    .account-readiness-list,
    .account-link-list,
    .account-action-grid,
    .account-mini-table,
    .account-evidence-grid {
      display: grid;
      gap: 9px;
    }
    .account-actions-panel {
      grid-column: 1 / -1;
    }
    .account-view-panel {
      grid-column: 1 / -1;
    }
    .account-view-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 9px;
    }
    .account-view-card {
      min-width: 0;
      display: grid;
      gap: 5px;
      padding: 12px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fbfbfa;
      color: var(--ink);
      text-decoration: none;
    }
    .account-view-card.active {
      border-color: #d8c89f;
      background: #fffdf7;
      box-shadow: inset 0 0 0 1px rgba(216, 200, 159, .38);
    }
    .account-view-card span {
      color: var(--muted);
      font-size: 12px;
      font-weight: 760;
    }
    .employee-view-preview-panel {
      grid-column: 1 / -1;
    }
    .employee-view-preview-details {
      display: block;
    }
    .employee-view-preview-summary {
      cursor: pointer;
      list-style: none;
    }
    .employee-view-preview-summary::-webkit-details-marker {
      display: none;
    }
    .employee-view-preview-summary::after {
      content: 'Expand';
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      flex: 0 0 auto;
      padding: 5px 10px;
      border: 1px solid #d8c89f;
      border-radius: 999px;
      background: #fbfaf4;
      color: #725f2f;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }
    .employee-view-preview-details[open] .employee-view-preview-summary::after {
      content: 'Collapse';
    }
    .employee-view-preview-details .account-readonly-badge {
      display: none;
    }
    .employee-view-preview-body {
      margin-top: 12px;
    }
    .employee-view-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 9px;
      margin-top: 12px;
    }
    .employee-view-card {
      min-width: 0;
      display: grid;
      gap: 5px;
      padding: 11px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fbfbfa;
      color: var(--ink);
      text-decoration: none;
    }
    .employee-view-card.active {
      border-color: #d8c89f;
      background: #fffdf7;
      box-shadow: inset 0 0 0 1px rgba(216, 200, 159, .38);
    }
    .employee-view-card strong,
    .employee-view-selected h3,
    .employee-view-route-list strong {
      color: var(--ink);
      overflow-wrap: anywhere;
    }
    .employee-view-card span,
    .employee-view-card small,
    .employee-view-selected p,
    .employee-view-meta small,
    .employee-view-route-list span,
    .employee-view-route-list small {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .employee-view-selected {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-top: 12px;
      padding: 13px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: rgba(255,255,255,.78);
    }
    .employee-view-selected h3 {
      margin: 4px 0 3px;
      font-size: 17px;
      line-height: 1.2;
    }
    .employee-view-selected p { margin: 0; }
    .employee-view-meta {
      display: grid;
      grid-template-columns: repeat(3, minmax(96px, 1fr));
      gap: 8px;
      min-width: min(430px, 100%);
    }
    .employee-view-meta span,
    .employee-view-route-list article {
      min-width: 0;
      display: grid;
      gap: 4px;
      padding: 10px;
      border: 1px solid #e1e4e8;
      border-radius: 8px;
      background: #fff;
    }
    .employee-view-meta strong {
      color: var(--ink);
      font-size: 13px;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .employee-view-permission-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 12px;
    }
    .employee-view-permission-grid h3 {
      margin: 0 0 8px;
      color: var(--ink);
      font-size: 14px;
    }
    .employee-view-route-list {
      display: grid;
      gap: 8px;
    }
    .employee-view-route-list.muted-list article {
      background: #f7f7f6;
    }
    .account-action-grid {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .employee-home-flow {
      display: grid;
      gap: 16px;
    }
    .employee-home-group {
      display: grid;
      gap: 10px;
    }
    .employee-home-group h3 {
      margin: 0;
      color: var(--ink);
      font-size: 14px;
    }
    .employee-work-overview { display: grid; gap: 14px; }
    .employee-work-page { min-width: 0; padding: 0 4px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
    .employee-task-sidebar-badge { min-width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; margin-left: auto; padding: 0 6px; border: 2px solid #fff; border-radius: 999px; background: #1f7af5; color: #fff; box-shadow: 0 2px 8px rgba(31,122,245,.24); font-size: 11px; font-weight: 900; line-height: 1; }
    .home-information-register { display: grid; gap: 12px; border-width: 0 0 1px; border-radius: 0; box-shadow: none; }
    .home-information-register .account-section-head { align-items: center; }
    .home-information-register .ios-action-button { min-height: 34px; padding: 0 12px; text-decoration: none; white-space: nowrap; }
    .home-information-readback { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--line); }
    .home-information-readback span { min-width: 0; padding: 10px 12px; color: var(--muted); font-size: 11px; }
    .home-information-readback span + span { border-left: 1px solid var(--line); }
    .home-information-readback strong { display: block; margin-bottom: 2px; color: var(--ink); font-size: 14px; }
    .employee-work-dashboard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-block: 1px solid var(--line); }
    .employee-work-dashboard-block { min-width: 0; padding: 16px 18px 16px 0; }
    .employee-work-dashboard-block + .employee-work-dashboard-block { padding-left: 18px; border-left: 1px solid var(--line); }
    .employee-work-dashboard-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
    .employee-work-dashboard-head span { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
    .employee-work-dashboard-head h3 { margin: 2px 0 0; font-size: 16px; }
    .employee-work-dashboard-head > small { color: var(--muted); }
    .employee-work-dashboard-head > a { color: var(--ink); font-size: 12px; font-weight: 800; }
    .employee-work-empty { display: grid; gap: 4px; margin-top: 18px; }
    .employee-work-empty strong { font-size: 14px; }
    .employee-work-empty span { color: var(--muted); font-size: 12px; }
    .employee-work-task-table { min-width: 0; overflow-x: auto; border-top: 1px solid var(--line); }
    .employee-work-task-columns { min-width: 780px; display: grid; grid-template-columns: minmax(280px, 1fr) 64px 76px 88px 145px 14px; gap: 14px; align-items: stretch; padding: 0 16px; border-bottom: 1px solid var(--line); background: #f5f6f8; }
    .employee-work-task-columns button { min-width: 0!important; min-height: 38px!important; display: flex!important; align-items: center; justify-content: space-between; gap: 7px; padding: 0!important; border: 0!important; border-radius: 0!important; box-shadow: none!important; background: transparent!important; color: #5d6675!important; font: inherit; font-size: 10px!important; font-weight: 850!important; letter-spacing: .04em; line-height: 1.2; text-align: left; text-transform: uppercase; cursor: pointer; }
    .employee-work-task-columns button:hover, .employee-work-task-columns button:focus-visible { background: #edf1f5!important; outline: none; }
    .employee-work-task-columns button i { min-width: 12px; color: #98a2b3; font-size: 11px; font-style: normal; text-align: center; }
    .employee-work-task-columns button.is-active i { color: #0a84ff; }
    .employee-work-task-list { min-width: 780px; display: grid; }
    .employee-work-task-row { min-width: 0; min-height: 72px; display: block; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; transition: background .14s ease; }
    .employee-work-task-row:hover, .employee-work-task-row:focus-visible { background: var(--panel-soft); outline: none; }
    .employee-work-task-primary { min-width: 0; display: grid; gap: 2px; }
    .employee-work-task-code { min-width: 0; display: flex; align-items: center; gap: 7px; }
    .employee-work-task-code > small { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .04em; }
    .employee-work-task-primary > strong { overflow: hidden; color: var(--ink); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
    .employee-work-task-primary > span { overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
    .employee-work-task-updates { display: flex; align-items: center; justify-content: center; }
    .employee-work-no-updates { color: var(--muted); font-size: 11px; }
    .employee-work-task-link > time { color: var(--muted); font-size: 11px; white-space: nowrap; }
    .employee-work-task-link > time.is-overdue { color: var(--danger); font-weight: 800; }
    .employee-work-task-chevron { color: var(--muted); font-size: 20px; font-style: normal; line-height: 1; }
    .employee-work-status { min-width: 72px; padding: 4px 7px; border: 1px solid #e2e8f0; border-radius: 999px; background: #f8fafc; color: #475467; font-size: 10px; font-weight: 850; text-align: center; white-space: nowrap; }
    .employee-work-status.is-in-progress { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
    .employee-work-status.is-paused, .employee-work-status.is-blocked, .employee-work-status.is-on-hold { border-color: #fecdd3; background: #fff1f2; color: #9f1239; }
    .employee-work-status.is-done, .employee-work-status.is-completed { border-color: #bbf7d0; background: #ecfdf3; color: #047857; }
    .employee-work-status.is-cancelled, .employee-work-status.is-canceled { border-color: #e5e7eb; background: #f3f4f6; color: #4b5563; }
    .employee-work-priority { min-width: 56px; padding: 4px 7px; border: 1px solid #dbe1e8; border-radius: 999px; background: #f7f8fa; color: #596273; font-size: 10px; font-weight: 850; text-align: center; white-space: nowrap; }
    .employee-work-priority.is-low { border-color: #dbe1e8; background: #f7f8fa; color: #667085; }
    .employee-work-priority.is-normal { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
    .employee-work-priority.is-high { border-color: #fed7aa; background: #fff7ed; color: #c2410c; }
    .employee-work-priority.is-urgent { border-color: #fecaca; background: #fff1f2; color: #be123c; }
    .employee-work-notification-badge { min-width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; padding: 0 6px; border: 2px solid #fff; border-radius: 999px; background: #1f7af5; color: #fff; font-size: 11px; font-weight: 900; line-height: 1; box-shadow: 0 2px 8px rgba(31,122,245,.24); }
    @media (max-width: 700px) {
      .home-information-readback { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .home-information-readback span:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
      .home-information-readback span:nth-child(4) { border-top: 1px solid var(--line); }
      .employee-work-task-table { margin-inline: -4px; }
    }
    .employee-work-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .employee-work-resource-grid a { min-height: 86px; }
    .employee-services-compact-panel { margin-top: 14px; }
    .perspective-action-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .account-action-grid a,
    .account-evidence-grid article {
      min-width: 0;
      display: grid;
      gap: 5px;
      align-content: start;
      padding: 11px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fbfbfa;
      color: var(--ink);
      text-decoration: none;
    }
    .account-action-grid a {
      min-height: 118px;
      transition: border-color .16s ease, background .16s ease, transform .16s ease;
    }
    .account-action-grid a:hover,
    .account-action-grid a:focus-visible {
      border-color: #c5cad2;
      background: #fffdfa;
      outline: none;
      transform: translateY(-1px);
    }
    .employee-request-layout {
      display: grid;
      grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
      gap: 14px;
      margin-top: 14px;
    }
    .employee-request-list {
      display: grid;
      gap: 8px;
      align-content: start;
    }
    .employee-request-card {
      min-width: 0;
      display: grid;
      gap: 5px;
      padding: 11px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fbfbfa;
      color: var(--ink);
      text-decoration: none;
    }
    .employee-request-card.active,
    .employee-request-card:hover,
    .employee-request-card:focus-visible {
      border-color: #b9c0ca;
      background: #fff;
      outline: none;
    }
    .employee-request-card small,
    .employee-request-detail-head span,
    .employee-request-card span,
    .employee-request-detail p,
    .employee-request-facts small,
    .employee-request-disabled-action span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .employee-request-card strong,
    .employee-request-facts strong,
    .employee-request-disabled-action strong {
      color: var(--ink);
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .employee-request-detail {
      min-width: 0;
      display: grid;
      gap: 14px;
      align-content: start;
      padding: 14px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fff;
    }
    .employee-request-detail-head {
      display: grid;
      gap: 5px;
    }
    .employee-request-detail-head h3 {
      margin: 0;
      color: var(--ink);
      font-size: 22px;
      line-height: 1.15;
    }
    .employee-request-facts {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }
    .employee-request-facts article,
    .employee-request-disabled-action,
    .employee-request-application {
      min-width: 0;
      display: grid;
      gap: 5px;
      padding: 11px;
      border: 1px solid #e1e4e8;
      border-radius: 8px;
      background: #f8f9fa;
    }
    .employee-request-disabled-action {
      background: #fbfbfa;
    }
    .employee-request-application {
      gap: 12px;
      background: #fff;
    }
    .employee-request-form-head {
      display: grid;
      gap: 3px;
    }
    .employee-request-form-head strong {
      color: var(--ink);
      font-size: 17px;
      line-height: 1.2;
    }
    .employee-request-form-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px 12px;
    }
    .employee-request-field {
      min-width: 0;
      display: grid;
      gap: 6px;
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 780;
    }
    .employee-request-field.wide {
      grid-column: 1 / -1;
    }
    .employee-request-field input,
    .employee-request-field select,
    .employee-request-field textarea {
      width: 100%;
      min-height: 38px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #f8f9fa;
      color: #6b7280;
      font: inherit;
      font-size: 14px;
      font-weight: 720;
      padding: 8px 10px;
      resize: vertical;
      opacity: 1;
    }
    .employee-request-submit-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding-top: 4px;
    }
    .employee-request-submit-row button {
      min-height: 40px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #f1f2f4;
      color: #6b7280;
      font: inherit;
      font-weight: 850;
      padding: 9px 13px;
    }
    .employee-request-submit-row span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
      text-align: right;
    }
    .account-action-grid span,
    .account-action-grid small,
    .account-evidence-grid span,
    .account-evidence-grid small,
    .account-mini-table span,
    .account-mini-table small {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .account-action-grid small,
    .account-evidence-grid small,
    .account-mini-table small {
      color: #4b5563;
      font-weight: 850;
    }
    .account-service-list article {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: start;
      padding: 11px 0;
      border-bottom: 1px solid #e8e4dc;
    }
    .account-service-list article:last-child {
      border-bottom: 0;
      padding-bottom: 0;
    }
    .account-service-list article > div {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .account-service-list small {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 4px 8px;
      border: 1px solid #d9dde3;
      border-radius: 999px;
      background: #f8f9fa;
      color: #4b5563;
      font-weight: 850;
      white-space: nowrap;
    }
    .account-mini-table article {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(120px, .95fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr);
      gap: 10px;
      align-items: start;
      padding: 10px 0;
      border-bottom: 1px solid #e8e4dc;
    }
    .account-mini-table article:last-child {
      border-bottom: 0;
      padding-bottom: 0;
    }
    .account-mini-table strong {
      color: var(--ink);
      font-size: 13px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .account-evidence-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .account-link-list a {
      min-width: 0;
      display: grid;
      gap: 4px;
      padding: 11px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fbfbfa;
      text-decoration: none;
      transition: border-color .16s ease, background .16s ease, transform .16s ease;
    }
    .account-link-list a:hover,
    .account-link-list a:focus-visible {
      border-color: #c5cad2;
      background: #fffdfa;
      transform: translateY(-1px);
      outline: none;
    }
    .settings-panel {
      display: grid;
      gap: 16px;
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      box-shadow: 0 12px 26px rgba(25,34,49,.045);
    }
    .settings-panel h2 { margin: 5px 0 0; font-size: 20px; line-height: 1.2; }
    .settings-panel-note {
      margin: 8px 0 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .account-info-panel {
      min-height: 100%;
    }
    .account-info-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin: 0;
    }
    .account-info-list div {
      min-width: 0;
      padding: 11px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fbfbfa;
    }
    .account-info-list dt {
      margin: 0 0 5px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 850;
      text-transform: uppercase;
    }
    .account-info-list dd {
      margin: 0;
      color: var(--ink);
      font-size: 14px;
      font-weight: 800;
      overflow-wrap: anywhere;
    }
    .account-security-disclosure {
      grid-column: 1 / -1;
      padding: 0;
      overflow: hidden;
    }
    .account-security-disclosure.is-required {
      border-color: #93c5fd;
      background: #eff6ff;
    }
    .account-security-disclosure summary {
      min-height: 54px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding: 12px 14px;
      cursor: pointer;
      list-style: none;
    }
    .account-security-disclosure summary::-webkit-details-marker {
      display: none;
    }
    .account-security-summary-hidden {
      min-height: 0 !important;
      height: 0;
      padding: 0 !important;
      border: 0;
      overflow: hidden;
    }
    .account-security-disclosure summary > span:first-child {
      display: grid;
      gap: 2px;
      min-width: 0;
    }
    .account-security-disclosure summary strong {
      color: var(--ink);
      font-size: 15px;
      font-weight: 850;
    }
    .account-security-toggle {
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      padding: 0 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
      white-space: nowrap;
    }
    .account-security-disclosure[open] .account-security-toggle {
      background: #111827;
      border-color: #111827;
      color: #fff;
    }
    .account-security-form {
      display: grid;
      gap: 18px;
      padding: 8px 18px 18px;
      border-top: 0;
    }
    .account-security-actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .account-security-actions span {
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
      text-align: right;
    }
    .account-field-stack {
      display: grid;
      gap: 12px;
    }
    .settings-panel label {
      display: grid;
      gap: 7px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }
    .settings-panel input {
      min-height: 42px;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 9px 11px;
      color: var(--ink);
      font: inherit;
      font-size: 14px;
      background: #fff;
    }
    .settings-panel input[type="color"] { width: 100%; padding: 4px; cursor: pointer; }
    .avatar-edit-row {
      display: grid;
      grid-template-columns: minmax(120px, 1fr) minmax(120px, 1fr);
      gap: 12px;
    }
    .erp-module-row {
      display: grid;
      grid-template-columns: 48px minmax(0, 1fr);
      grid-template-rows: minmax(112px, 1fr) auto;
      gap: 14px;
      align-items: start;
      min-height: 194px;
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: linear-gradient(180deg, #fff, var(--panel-soft));
      color: var(--ink);
      box-shadow: 0 8px 24px rgba(25,34,49,.04);
      transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    }
    .erp-module-row:hover,
    .erp-module-row:focus-visible {
      border-color: var(--button);
      box-shadow: 0 16px 34px rgba(25,34,49,.10);
      outline: none;
      transform: translateY(-1px);
    }
    .module-mark {
      width: 48px;
      height: 48px;
      display: inline-grid;
      place-items: center;
      position: relative;
      border: 1.7px solid #d9dde3;
      border-radius: 8px;
      background: linear-gradient(145deg, #fff, var(--accent-soft));
      color: #4b5563;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), 0 8px 20px rgba(111,89,40,.08);
      overflow: hidden;
    }
    .module-mark:after {
      content: "";
      position: absolute;
      width: 7px;
      height: 7px;
      right: 5px;
      bottom: 5px;
      border-radius: 999px;
      background: var(--accent);
      box-shadow: 0 0 0 2px rgba(255,255,255,.82);
    }
    .module-icon-line,
    .module-icon-line::before,
    .module-icon-line::after {
      content: "";
      position: absolute;
      display: block;
      box-sizing: border-box;
    }
    .module-icon-operations .module-icon-line {
      width: 24px;
      height: 16px;
      border-left: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      left: 12px;
      top: 15px;
    }
    .module-icon-operations .module-icon-line::before,
    .module-icon-operations .module-icon-line::after {
      width: 8px;
      height: 8px;
      border: 2px solid currentColor;
      border-radius: 999px;
      background: var(--accent-soft);
    }
    .module-icon-operations .module-icon-line::before {
      left: -5px;
      top: -4px;
    }
    .module-icon-operations .module-icon-line::after {
      right: -5px;
      bottom: -5px;
    }
    .module-icon-hr .module-icon-line {
      width: 12px;
      height: 12px;
      left: 18px;
      top: 12px;
      border: 2px solid currentColor;
      border-radius: 999px;
    }
    .module-icon-hr .module-icon-line::before {
      width: 24px;
      height: 13px;
      left: -8px;
      top: 16px;
      border: 2px solid currentColor;
      border-radius: 14px 14px 6px 6px;
    }
    .module-icon-hr .module-icon-line::after {
      width: 8px;
      height: 8px;
      right: -12px;
      top: 2px;
      border: 2px solid currentColor;
      border-radius: 999px;
      opacity: .72;
    }
    .module-icon-finance .module-icon-line {
      width: 24px;
      height: 20px;
      left: 12px;
      top: 14px;
      border: 2px solid currentColor;
      border-radius: 4px;
    }
    .module-icon-finance .module-icon-line::before {
      width: 12px;
      height: 2px;
      left: 5px;
      top: 5px;
      background: currentColor;
      box-shadow: 0 6px 0 currentColor;
    }
    .module-icon-finance .module-icon-line::after {
      width: 6px;
      height: 6px;
      right: 4px;
      bottom: 3px;
      border-radius: 999px;
      background: currentColor;
    }
    .module-icon-admin .module-icon-line {
      width: 24px;
      height: 20px;
      left: 12px;
      top: 14px;
      border: 2px solid currentColor;
      border-radius: 5px;
    }
    .module-icon-admin .module-icon-line::before {
      width: 18px;
      height: 2px;
      left: 3px;
      top: 6px;
      background: currentColor;
      box-shadow: 0 6px 0 currentColor;
    }
    .module-icon-admin .module-icon-line::after {
      width: 2px;
      height: 18px;
      left: 8px;
      top: 1px;
      background: currentColor;
      box-shadow: 7px 0 0 currentColor;
      opacity: .64;
    }
    .module-icon-governance .module-icon-line {
      width: 22px;
      height: 24px;
      left: 13px;
      top: 12px;
      border: 2px solid currentColor;
      border-radius: 4px 4px 6px 6px;
    }
    .module-icon-governance .module-icon-line::before {
      width: 10px;
      height: 2px;
      left: 4px;
      top: 6px;
      background: currentColor;
      box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor;
    }
    .module-icon-client .module-icon-line {
      width: 22px;
      height: 16px;
      left: 13px;
      top: 17px;
      border: 2px solid currentColor;
      border-radius: 5px;
    }
    .module-icon-client .module-icon-line::before {
      width: 8px;
      height: 8px;
      left: 5px;
      top: -10px;
      border: 2px solid currentColor;
      border-radius: 999px;
      background: var(--accent-soft);
    }
    .module-icon-client .module-icon-line::after {
      width: 10px;
      height: 2px;
      right: 3px;
      top: 5px;
      background: currentColor;
      box-shadow: 0 5px 0 currentColor;
    }
    .module-main { min-width: 0; }
    .module-group {
      display: block;
      margin-bottom: 8px;
      color: #6b7280;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .module-main strong { display: block; font-size: 21px; line-height: 1.15; overflow-wrap: anywhere; }
    .module-main p { margin: 8px 0 0; color: var(--muted); line-height: 1.5; font-size: 14px; }
    .module-shortcuts {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 12px;
    }
    .module-shortcuts span {
      min-height: 24px;
      display: inline-flex;
      align-items: center;
      padding: 0 8px;
      border: 1px solid #d9dde3;
      border-radius: 999px;
      background: rgba(255,255,255,.86);
      color: #4b5563;
      font-size: 11px;
      font-weight: 800;
      white-space: nowrap;
    }
    .module-state {
      grid-column: 1 / -1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding-top: 12px;
      border-top: 1px solid #d9dde3;
    }
    .module-status {
      min-height: 24px;
      display: inline-flex;
      align-items: center;
      padding: 0 9px;
      border: 1px solid #d9dde3;
      border-radius: 999px;
      background: #f2f3f5;
      color: #4b5563;
      font-size: 11px;
      font-weight: 850;
      white-space: nowrap;
    }
    .module-open {
      color: var(--brand);
      font-size: 12px;
      font-weight: 900;
      white-space: nowrap;
    }
    .module-open::after {
      content: "";
      display: inline-block;
      width: 7px;
      height: 7px;
      margin-left: 7px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: rotate(-45deg) translateY(-1px);
    }
    .empty-board {
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      color: var(--muted);
    }
    .module-card {
      position: relative;
      padding: 22px;
      min-height: 162px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 8px;
    }
    .module-card strong { font-size: 22px; }
    .module-card p { margin: 0; color: var(--muted); line-height: 1.5; }
    .module-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .single-column { grid-template-columns: 1fr; }
    .static-card { min-height: 0; }
    .static-card::after { display: none; }
    .notice {
      margin: 0 0 16px;
      padding: 12px 14px;
      border: 1px solid #d9dde3;
      border-left: 3px solid #007aff;
      border-radius: 8px;
      background: #f8f9fa;
      color: var(--ink);
      font-size: 13px;
      font-weight: 750;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .synology-window {
      overflow: hidden;
      margin: 18px 0 16px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      box-shadow: 0 12px 30px rgba(25,34,49,.06);
    }
    .synology-window-title {
      height: 42px;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 0 14px;
      border-bottom: 1px solid #eef1f4;
      color: #323941;
      font-size: 14px;
    }
    .synology-app-icon {
      width: 24px;
      height: 24px;
      display: inline-grid;
      place-items: center;
      border-radius: 4px;
      background: #26a7e8;
      color: #fff;
      font-size: 9px;
      font-weight: 900;
    }
    .synology-main-tabs {
      display: flex;
      align-items: flex-end;
      gap: 22px;
      height: 48px;
      padding: 0 22px;
      border-bottom: 1px solid #dfe3e8;
      background: #fff;
    }
    .synology-main-tabs a {
      position: relative;
      height: 48px;
      display: inline-flex;
      align-items: center;
      color: #28323d;
      font-size: 14px;
      font-weight: 800;
    }
    .synology-main-tabs a.active,
    .synology-main-tabs a:hover { color: #1687d9; }
    .synology-main-tabs a.active::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -1px;
      width: 14px;
      height: 14px;
      background: #fff;
      border-left: 1px solid #dfe3e8;
      border-top: 1px solid #dfe3e8;
      transform: translateX(-50%) rotate(45deg);
    }
    .synology-toolbar {
      min-height: 52px;
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 10px 22px;
      border-bottom: 1px solid #dfe3e8;
      background: #fbfcfd;
    }
    .synology-button {
      min-height: 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--brand);
      font-size: 13px;
      font-weight: 800;
      white-space: nowrap;
    }
    .synology-button:hover { background: var(--accent-soft); border-color: var(--accent); }
    .synology-button.primary-action {
      min-width: 94px;
      border-color: var(--button);
      background: var(--button);
      color: #fff;
    }
    .synology-button.primary-action:hover {
      border-color: var(--button-hover);
      background: var(--button-hover);
    }
    .synology-filter {
      margin-left: auto;
      width: min(260px, 100%);
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 8px;
      color: #6b7280;
      font-size: 12px;
      font-weight: 800;
    }
    .synology-filter input,
    .synology-search-row input {
      min-height: 32px;
      border-radius: 4px;
      border: 1px solid #dfe3e8;
      padding: 0 10px;
      font-size: 13px;
      background: #fff;
    }
    .synology-grid-area {
      display: grid;
      grid-template-columns: 196px minmax(0, 1fr);
      min-height: 520px;
    }
    .synology-sidebar {
      display: grid;
      align-content: start;
      gap: 4px;
      padding: 14px 8px;
      border-right: 1px solid #e8edf2;
      background: #fbfcfd;
    }
    .synology-sidebar strong {
      padding: 8px 10px;
      color: #8a96a3;
      font-size: 12px;
      text-transform: uppercase;
    }
    .synology-sidebar a {
      min-height: 36px;
      display: flex;
      align-items: center;
      padding: 0 12px;
      border-radius: 4px;
      color: #34404c;
      font-size: 13px;
      font-weight: 760;
    }
    .synology-sidebar a.active,
    .synology-sidebar a:hover { background: #e8f1ff; color: #1687d9; }
    .synology-content { min-width: 0; padding: 14px 22px 18px; }
    .admin-intro {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr);
      gap: 18px;
      align-items: end;
      padding: 26px 0 18px;
    }
    .admin-intro .admin-directory-metrics {
      margin: 0;
      max-width: none;
    }
    .admin-simple-page {
      overflow: hidden;
      margin: 0 0 16px;
    }
    .nas-admin-page {
      display: grid;
      gap: 0;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
    }
    .nas-admin-tabs {
      min-height: 46px;
      display: flex;
      align-items: flex-end;
      gap: 24px;
      padding: 0 18px;
      border-bottom: 1px solid var(--line);
      background: #fff;
    }
    .nas-admin-tabs a {
      min-height: 45px;
      display: inline-flex;
      align-items: center;
      border-bottom: 2px solid transparent;
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
      white-space: nowrap;
    }
    .nas-admin-tabs a.active,
    .nas-admin-tabs a:hover {
      border-bottom-color: var(--button);
      color: var(--button-hover);
    }
    .nas-admin-window {
      display: grid;
      gap: 18px;
      padding: 16px;
      background: #fff;
    }
    .nas-admin-panel {
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .nas-toolbar {
      min-height: 42px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
    }
    .nas-toolbar-actions {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .synology-button.disabled {
      border-color: #d9dde2;
      background: #eef1f3;
      color: #8c949d;
      cursor: default;
      pointer-events: none;
    }
    .nas-filter {
      width: min(280px, 100%);
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 8px;
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
    }
    .nas-filter::before {
      content: "";
      width: 15px;
      height: 15px;
      display: inline-block;
      border: 2px solid var(--muted);
      border-top: 0;
      border-left-color: transparent;
      border-right-color: transparent;
      transform: translateY(-2px);
      clip-path: polygon(0 0, 100% 0, 62% 52%, 62% 100%, 38% 100%, 38% 52%);
    }
    .nas-filter input {
      min-height: 32px;
      border-radius: 4px;
      border: 1px solid #dfe3e8;
      padding: 0 10px;
      font-size: 13px;
      background: #fff;
    }
    .nas-directory-table {
      min-width: 880px;
      table-layout: fixed;
    }
    .nas-directory-table th,
    .nas-directory-table td {
      height: 34px;
      padding: 6px 10px;
      border-color: #e6e8ea;
      font-size: 13px;
    }
    .nas-directory-table th {
      background: #fbfbfb;
      color: var(--muted);
      font-weight: 850;
    }
    .nas-directory-table tr.selected-row td {
      background: #edf3ff;
    }
    .nas-directory-table td strong {
      color: var(--ink);
      font-weight: 850;
    }
    .nas-action-cell {
      width: 96px;
      overflow: visible;
      text-overflow: clip;
    }
    .nas-dialog-control {
      display: inline-block;
      position: static;
    }
    .nas-dialog-control summary {
      list-style: none;
      min-height: 30px;
      padding: 0 12px;
      cursor: pointer;
    }
    .nas-dialog-control summary::-webkit-details-marker { display: none; }
    .nas-dialog-backdrop {
      position: fixed;
      inset: 0;
      z-index: 40;
      display: grid;
      place-items: start center;
      padding: 14vh 16px 24px;
      background: rgba(24, 28, 32, .18);
    }
    .nas-dialog {
      width: min(860px, calc(100vw - 32px));
      max-height: min(720px, calc(100vh - 48px));
      overflow: auto;
      border: 1px solid #d9dde2;
      border-radius: 4px;
      background: #fff;
      box-shadow: 0 18px 45px rgba(25, 34, 49, .22);
    }
    .nas-dialog-title {
      min-height: 48px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 0 20px;
      border-bottom: 1px solid #e4e7eb;
    }
    .nas-dialog-title strong {
      color: var(--ink);
      font-size: 15px;
      line-height: 1.2;
    }
    .nas-dialog-title span {
      color: #8b929a;
      font-size: 26px;
      line-height: 1;
      font-weight: 350;
    }
    .nas-dialog-tabs {
      min-height: 48px;
      display: flex;
      align-items: flex-end;
      gap: 22px;
      padding: 0 20px;
      border-bottom: 1px solid #e4e7eb;
      overflow-x: auto;
    }
    .nas-dialog-tabs a {
      min-height: 48px;
      display: inline-flex;
      align-items: center;
      border-bottom: 2px solid transparent;
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
      white-space: nowrap;
    }
    .nas-dialog-tabs a.active {
      border-bottom-color: var(--button);
      color: var(--button-hover);
    }
    .nas-dialog-body {
      display: grid;
      grid-template-columns: minmax(260px, .82fr) minmax(320px, 1fr);
      gap: 14px;
      padding: 20px;
    }
    .nas-dialog-section {
      display: grid;
      gap: 12px;
      align-content: start;
      min-width: 0;
    }
    .nas-dialog-section h3 {
      margin: 0;
      color: var(--ink);
      font-size: 13px;
    }
    .nas-dialog-card {
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 6px;
      background: #fff;
    }
    .nas-dialog-wide {
      grid-column: 1 / -1;
    }
    .nas-field-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px 12px;
    }
    .compact-permission-wrap {
      max-height: 260px;
      overflow: auto;
    }
    .compact-permission-table {
      min-width: 520px;
    }
    .compact-permission-table td strong,
    .compact-permission-table td small {
      display: block;
    }
    .compact-permission-table td small {
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
    }
    .nas-setting-summary {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }
    .nas-setting-summary span {
      display: grid;
      gap: 2px;
      min-height: 58px;
      align-content: center;
      padding: 10px 12px;
      border: 1px solid var(--line);
      border-radius: 6px;
      background: #fbfcfd;
    }
    .nas-setting-summary strong {
      color: var(--ink);
      font-size: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .nas-setting-summary small {
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
    }
    .nas-dialog-form {
      display: grid;
      gap: 12px;
      margin: 0;
    }
    .nas-credential-form {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: end;
      gap: 10px;
      margin: 0;
    }
    .nas-member-table {
      display: grid;
      max-height: 320px;
      overflow: auto;
      border: 1px solid var(--line);
      border-radius: 4px;
    }
    .nas-member-table label {
      min-height: 34px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 42px;
      align-items: center;
      gap: 10px;
      padding: 5px 10px;
      border-bottom: 1px solid #edf0f2;
      color: var(--ink);
      font-size: 13px;
      font-weight: 750;
    }
    .nas-member-table label:last-child { border-bottom: 0; }
    .nas-member-table input {
      width: 17px;
      height: 17px;
      min-height: 0;
      justify-self: center;
      accent-color: var(--button);
    }
    .nas-member-table small {
      display: block;
      margin-top: 2px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .nas-dialog-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      padding-top: 8px;
    }
    .admin-dsm-console {
      display: grid;
      grid-template-columns: 210px minmax(0, 1fr);
      min-height: 640px;
      gap: 14px;
      background: transparent;
    }
    .admin-dsm-nav {
      display: grid;
      align-content: start;
      gap: 6px;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
    }
    .admin-dsm-nav-title {
      display: grid;
      gap: 2px;
      padding: 8px 10px 12px;
      color: var(--ink);
    }
    .admin-dsm-nav-title strong {
      font-size: 14px;
      line-height: 1.2;
    }
    .admin-dsm-nav-title small {
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
    }
    .admin-dsm-nav a {
      min-height: 38px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 8px;
      padding: 0 10px;
      border: 1px solid transparent;
      border-radius: 8px;
      color: var(--brand);
      font-size: 13px;
      font-weight: 820;
    }
    .admin-dsm-nav a small {
      min-width: 28px;
      min-height: 20px;
      display: inline-grid;
      place-items: center;
      padding: 0 6px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: #fbfbfa;
      color: var(--muted);
      font-size: 10px;
      font-weight: 900;
    }
    .admin-dsm-nav a.active,
    .admin-dsm-nav a:hover {
      border-color: var(--button);
      background: #fbfbfa;
      color: var(--ink);
    }
    .admin-simple-content {
      display: grid;
      gap: 16px;
      padding: 0;
      align-content: start;
      min-width: 0;
    }
    .admin-simple-section {
      display: grid;
      gap: 12px;
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
    }
    .admin-simple-head {
      min-height: 34px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .admin-simple-head div {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .admin-simple-head strong {
      color: var(--ink);
      font-size: 16px;
      line-height: 1.2;
    }
    .admin-simple-head small {
      color: var(--muted);
      font-size: 12px;
      font-weight: 760;
      text-align: right;
    }
    .admin-step {
      width: 26px;
      height: 26px;
      display: inline-grid;
      place-items: center;
      border-radius: 50%;
      background: var(--brand);
      color: #fff;
      font-size: 13px;
      font-weight: 900;
      flex: 0 0 auto;
    }
    .synology-table-wrap {
      overflow: auto;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
    }
    .synology-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
    }
    #accounts .synology-table { min-width: 1220px; }
    .admin-edit-panel .synology-table { min-width: 620px; }
    .synology-table th,
    .synology-table td {
      height: 34px;
      padding: 6px 10px;
      border-bottom: 1px solid var(--line);
      color: var(--ink);
      font-size: 13px;
      vertical-align: middle;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .synology-table td.role-edit-cell {
      white-space: normal;
      overflow: visible;
      text-overflow: clip;
    }
    .synology-table td small {
      display: block;
      margin-top: 2px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .synology-table th {
      background: #fbfbfa;
      color: var(--muted);
      font-weight: 800;
    }
    .synology-table tr.selected-row td { background: #fbfbfa; }
    .synology-table td a { color: var(--ink); font-weight: 800; }
    .people-control-table td:first-child strong {
      display: block;
      color: var(--ink);
      font-size: 13px;
      line-height: 1.25;
    }
    .people-control-table td:first-child small {
      display: block;
      margin-top: 3px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 750;
    }
    .capability-table {
      margin-top: 10px;
      min-width: 760px;
    }
    .compact-credential-form {
      display: grid;
      grid-template-columns: minmax(132px, 1fr) auto;
      gap: 6px;
      margin: 0;
      align-items: center;
    }
    .compact-credential-form input {
      min-height: 32px;
      padding: 6px 8px;
      border: 1px solid var(--line);
      border-radius: 8px;
      font-size: 12px;
    }
    .compact-credential-form button {
      min-height: 32px;
      padding: 0 10px;
      font-size: 12px;
    }
    .inline-role-form {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: start;
    }
    .role-chip-grid {
      display: flex;
      flex-wrap: nowrap;
      gap: 6px;
      min-width: 220px;
    }
    .role-chip-grid label {
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      padding: 4px 7px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fbfbfa;
      color: var(--ink);
      font-size: 11px;
      font-weight: 800;
      line-height: 1.2;
      white-space: nowrap;
    }
    .role-chip-grid input {
      width: 13px;
      height: 13px;
      accent-color: var(--button);
      flex: 0 0 auto;
    }
    .employee-card-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
      gap: 10px;
    }
    .employee-admin-card {
      display: grid;
      gap: 10px;
      min-width: 0;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
    }
    .employee-admin-card.selected-card { background: #fbfbfa; border-color: var(--button); }
    .employee-card-head {
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
      min-width: 0;
    }
    .employee-card-head strong {
      display: block;
      overflow: hidden;
      color: var(--ink);
      font-size: 14px;
      line-height: 1.2;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .employee-card-head small,
    .employee-card-meta {
      color: var(--muted);
      font-size: 11px;
      font-weight: 750;
      line-height: 1.35;
    }
    .employee-card-head small {
      display: block;
      overflow: hidden;
      margin-top: 2px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .employee-card-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }
    .employee-card-meta span {
      min-height: 24px;
      display: inline-flex;
      align-items: center;
      padding: 0 8px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: #fbfbfa;
    }
    .employee-role-card-form {
      display: grid;
      gap: 10px;
      margin: 0;
    }
    .employee-role-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
      gap: 6px;
    }
    .employee-role-grid label,
    .member-pick {
      min-height: 34px;
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 7px 9px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fbfbfa;
      color: var(--ink);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.25;
    }
    .employee-role-grid input,
    .member-pick input {
      width: 15px;
      height: 15px;
      min-height: 0;
      padding: 0;
      accent-color: var(--button);
      flex: 0 0 auto;
    }
    .employee-role-grid span,
    .member-pick span { min-width: 0; }
    .member-pick strong {
      display: block;
      overflow: hidden;
      font-size: 12px;
      line-height: 1.2;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .member-pick small {
      display: block;
      overflow: hidden;
      margin-top: 2px;
      color: var(--muted);
      font-size: 10px;
      font-weight: 750;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .member-pick-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
      gap: 6px;
      max-height: 330px;
      overflow: auto;
      padding-right: 2px;
    }
    .employee-disabled-note {
      padding: 10px;
      border: 1px dashed #d9dde3;
      border-radius: 8px;
      background: #fbfbfa;
      color: var(--muted);
      font-size: 12px;
      font-weight: 750;
      line-height: 1.45;
    }
    .admin-edit-list {
      display: grid;
      gap: 10px;
    }
    .admin-group-categories {
      display: grid;
      gap: 12px;
    }
    .admin-group-category {
      display: grid;
      gap: 8px;
    }
    .admin-group-category-head {
      min-height: 30px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 0 2px;
    }
    .admin-group-category-head strong {
      color: var(--ink);
      font-size: 13px;
      line-height: 1.2;
    }
    .admin-group-category-head small {
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
    }
    .admin-edit-row {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      overflow: hidden;
    }
    .admin-edit-row summary {
      min-height: 42px;
      display: grid;
      grid-template-columns: minmax(180px, 1fr) auto auto;
      gap: 12px;
      align-items: center;
      padding: 8px 12px;
      cursor: pointer;
      list-style: none;
      color: var(--ink);
      font-size: 12px;
      font-weight: 850;
    }
    .admin-edit-row summary::-webkit-details-marker { display: none; }
    .admin-edit-row summary:hover,
    .admin-edit-row[open] summary { background: #fbfbfa; }
    .admin-edit-row summary small {
      display: block;
      margin-top: 2px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
    }
    .admin-edit-grid {
      display: grid;
      grid-template-columns: minmax(220px, .7fr) minmax(0, 1.15fr) minmax(320px, .85fr);
      gap: 12px;
      padding: 12px;
      border-top: 1px solid var(--line);
      background: #fbfbfa;
    }
    .admin-edit-panel {
      display: grid;
      gap: 8px;
      min-width: 0;
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
    }
    .admin-edit-panel h3 {
      margin: 0;
      color: var(--ink);
      font-size: 13px;
      line-height: 1.2;
    }
    .checkbox-cell {
      width: 88px;
      text-align: center;
    }
    .checkbox-cell input[type="checkbox"] {
      width: 16px;
      height: 16px;
      min-height: 0;
      padding: 0;
      accent-color: var(--button);
    }
    .synology-checkbox {
      width: 16px;
      height: 16px;
      display: inline-grid;
      place-items: center;
      border: 1px solid #d6dde4;
      border-radius: 3px;
      background: #fff;
      vertical-align: middle;
    }
    .synology-checkbox.checked::after {
      content: "✓";
      color: var(--button);
      font-size: 15px;
      font-weight: 900;
      line-height: 1;
    }
    .synology-deny { color: #d92d20; font-weight: 760; }
    .synology-count {
      height: 38px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      color: var(--muted);
      font-size: 12px;
      font-weight: 750;
    }
    .advanced-setting-strip {
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fbfbfa;
    }
    .advanced-setting-strip p {
      margin: 8px 0 0;
      color: var(--muted);
      line-height: 1.5;
    }
    .synology-member-form {
      display: grid;
      gap: 0;
    }
    .synology-footnote,
    .synology-note {
      color: var(--muted);
      font-size: 12px;
      font-weight: 720;
      line-height: 1.45;
    }
    .synology-note { margin: 0; }
    .synology-dialog-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      padding-top: 14px;
    }
    .delete-group-form {
      display: flex;
      justify-content: flex-end;
      margin: 0;
      padding-top: 8px;
      border-top: 1px solid #f1d4d1;
    }
    .danger-action {
      border-color: #ffc9c4;
      background: #fff1f0;
      color: var(--danger);
    }
    .danger-action:hover {
      border-color: #ff9f99;
      background: #ffe8e5;
    }
    .legacy-user-list {
      margin-top: 18px;
    }
    .admin-directory-metrics {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 18px;
      max-width: 620px;
    }
    .admin-directory-metrics div {
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
    }
    .admin-directory-metrics strong { display: block; font-size: 22px; line-height: 1; }
    .admin-directory-metrics span { display: block; margin-top: 6px; color: var(--muted); font-size: 12px; font-weight: 750; }
    .admin-user-list {
      overflow: hidden;
      display: grid;
      gap: 0;
      margin-bottom: 16px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
    }
    .admin-list-header {
      display: grid;
      grid-template-columns: minmax(210px, 1.25fr) minmax(170px, 1fr) minmax(120px, .72fr) minmax(190px, 1fr) 72px;
      gap: 12px;
      padding: 10px 14px;
      border-bottom: 1px solid var(--line);
      background: #f8fafc;
      color: var(--muted);
      font-size: 11px;
      font-weight: 850;
      text-transform: uppercase;
    }
    .admin-person-row { border-bottom: 1px solid var(--line); }
    .admin-person-row:last-child { border-bottom: 0; }
    .admin-person-row summary {
      list-style: none;
      min-height: 64px;
      display: grid;
      grid-template-columns: 38px minmax(160px, 1.25fr) minmax(150px, 1fr) minmax(112px, .72fr) minmax(170px, 1fr) 72px;
      align-items: center;
      gap: 12px;
      padding: 10px 14px;
      cursor: pointer;
    }
    .admin-person-row summary::-webkit-details-marker { display: none; }
    .admin-person-row summary:hover { background: #fbfbfa; }
    .admin-person-row[open] summary { background: #fbfbfa; border-bottom: 1px solid #d9dde3; }
    .person-avatar {
      width: 34px;
      height: 34px;
      display: inline-grid;
      place-items: center;
      border-radius: 50%;
      background: var(--accent-soft);
      color: #4f535a;
      font-size: 12px;
      font-weight: 900;
    }
    .person-name, .person-meta { min-width: 0; display: grid; gap: 3px; }
    .person-name strong {
      overflow: hidden;
      color: var(--ink);
      font-size: 14px;
      line-height: 1.15;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .person-name small, .person-meta small {
      overflow: hidden;
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .person-meta { color: var(--ink); font-size: 13px; font-weight: 800; }
    .person-status {
      width: fit-content;
      max-width: 100%;
      min-height: 26px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 9px;
      border: 1px solid var(--line);
      border-radius: 999px;
      font-size: 11px;
      font-weight: 850;
      white-space: nowrap;
      text-align: center;
    }
    .status-linked { background: #f2f3f5; color: #4f535a; }
    .status-missing { background: #f2f3f5; color: #5d6673; }
    .person-username {
      overflow: hidden;
      color: var(--muted);
      font-size: 12px;
      font-weight: 750;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .person-action {
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--line);
      border-radius: 8px;
      color: var(--brand);
      font-size: 12px;
      font-weight: 850;
      background: #fff;
    }
    .admin-person-row[open] .person-action { border-color: var(--accent); color: #4f535a; }
    .person-detail-panel {
      display: grid;
      grid-template-columns: minmax(280px, 1fr) minmax(340px, .78fr);
      gap: 16px;
      padding: 16px;
      background: #fbfbfa;
    }
    .person-detail-head strong { display: block; font-size: 20px; line-height: 1.2; }
    .person-detail-head p { margin: 7px 0 0; color: var(--muted); line-height: 1.45; }
    .account-facts {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      margin: 14px 0 0;
    }
    .account-facts div {
      min-width: 0;
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fbfbfa;
    }
    .account-facts dt {
      margin: 0 0 4px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .account-facts dd {
      margin: 0;
      color: var(--ink);
      font-size: 12px;
      font-weight: 700;
      overflow-wrap: anywhere;
    }
    .admin-user-controls { display: grid; gap: 10px; align-content: start; }
    .role-form, .create-account-form, .account-security-panel, .permission-summary-panel {
      margin: 0;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
    }
    .permission-summary-panel strong {
      display: block;
      margin-top: 4px;
      color: var(--ink);
      font-size: 15px;
      line-height: 1.25;
    }
    .permission-summary-panel p {
      margin: 6px 0 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 750;
      line-height: 1.4;
    }
    .control-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 10px;
    }
    .control-head small {
      max-width: 190px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
      line-height: 1.35;
      text-align: right;
    }
    .control-label {
      color: var(--ink);
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
    }
    .role-check-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      margin-bottom: 10px;
    }
    .role-check {
      display: flex;
      align-items: center;
      gap: 7px;
      min-height: 34px;
      padding: 7px 9px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fbfbfa;
      color: var(--ink);
      font-size: 12px;
      font-weight: 750;
    }
    .role-check input { width: 15px; height: 15px; accent-color: var(--button); }
    .permission-matrix-form select {
      width: 100%;
      height: 38px;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 0 10px;
      color: var(--ink);
      font: inherit;
      font-size: 13px;
      font-weight: 650;
      background: #fff;
    }
    .advanced-permission-panel {
      display: grid;
      gap: 8px;
      margin: 10px 0;
      padding-top: 10px;
      border-top: 1px solid var(--line);
    }
    .permission-module-row {
      display: grid;
      grid-template-columns: 96px minmax(0, 1fr);
      gap: 8px;
      align-items: start;
      padding: 8px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fbfbfa;
    }
    .permission-module-name strong {
      display: block;
      color: var(--ink);
      font-size: 12px;
      line-height: 1.2;
    }
    .permission-module-name small {
      display: block;
      margin-top: 3px;
      color: var(--muted);
      font-size: 10px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .permission-action-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px;
    }
    .permission-action {
      min-height: 30px;
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 5px 7px;
      border: 1px solid var(--line);
      border-radius: 7px;
      background: #fff;
      color: var(--ink);
      font-size: 11px;
      font-weight: 800;
    }
    .permission-action input { width: 14px; height: 14px; accent-color: var(--button); }
    .scope-select {
      display: grid;
      gap: 5px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }
    .scope-select select {
      width: 100%;
      height: 38px;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 0 10px;
      color: var(--ink);
      font: inherit;
      font-size: 13px;
      font-weight: 750;
      background: #fff;
      text-transform: none;
    }
    .account-security-panel {
      background: #fbfbfa;
    }
    .credential-form {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      margin: 0;
    }
    .credential-form input {
      width: 100%;
      height: 38px;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 0 10px;
      font: inherit;
      font-size: 13px;
      background: #fff;
    }
    .create-account-form label {
      display: grid;
      gap: 5px;
      margin-bottom: 10px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .create-account-form input[type="email"],
    .create-account-form .credential-field {
      width: 100%;
      height: 38px;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 0 10px;
      color: var(--ink);
      font: inherit;
      font-size: 13px;
      font-weight: 650;
      background: #fff;
      text-transform: none;
    }
    .missing-account-panel {
      padding: 14px;
      border: 1px dashed var(--line);
      border-radius: 8px;
      background: #fbfbfa;
    }
    .missing-account-panel strong { display: block; color: var(--ink); font-size: 15px; }
    .missing-account-panel p { margin: 6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
    .small-action {
      min-height: 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--button);
      border-radius: 8px;
      padding: 0 12px;
      background: #fff;
      color: var(--brand);
      font: inherit;
      font-size: 12px;
      font-weight: 850;
      cursor: pointer;
      white-space: nowrap;
    }
    .small-action.is-disabled {
      border-color: var(--line);
      background: #f6f7f8;
      color: var(--muted);
      cursor: default;
    }
    .primary-action { width: 100%; background: var(--button); border-color: var(--button); color: #fff; }
    .small-action:hover { background: var(--accent-soft); }
    .small-action.is-disabled:hover { background: #f6f7f8; }
    .primary-action:hover { background: var(--button-hover); border-color: var(--button-hover); }
    .table-wrap { width: 100%; overflow-x: auto; }
    table { width: 100%; border-collapse: collapse; background: #fff; }
    th, td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--line); vertical-align: top; font-size: 13px; }
    th { font-size: 12px; color: var(--muted); background: #f8fafc; }
    code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; overflow-wrap: anywhere; }
    .muted { color: var(--muted); }
    .simple-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
    .simple-panel { width: min(720px, 100%); padding: 34px; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; }
    .simple-panel img { width: 58px; height: 58px; object-fit: contain; margin-bottom: 18px; }
    .simple-panel p { color: var(--muted); line-height: 1.6; }
    .back-link { display: inline-flex; margin-top: 14px; color: var(--brand); font-weight: 700; }
    @media (max-width: 820px) {
      .app-shell { padding: 10px; }
      .synology-window { margin: 10px 0; border-radius: 0; }
      .admin-dsm-console { grid-template-columns: 1fr; min-height: 0; }
      .admin-dsm-nav {
        position: sticky;
        top: 0;
        z-index: 2;
        grid-auto-flow: column;
        grid-auto-columns: max-content;
        overflow-x: auto;
        gap: 6px;
        padding: 8px;
        border-right: 0;
        border-bottom: 1px solid #dfe5eb;
      }
      .admin-dsm-nav-title { display: none; }
      .admin-dsm-nav a {
        min-width: 118px;
        min-height: 34px;
      }
      .admin-simple-content { gap: 10px; padding: 10px; }
      .admin-simple-section { gap: 10px; padding: 10px; border-radius: 4px; }
      .admin-simple-head {
        min-height: 0;
        align-items: flex-start;
        flex-direction: column;
      }
      .admin-simple-head small { text-align: left; }
      .brand-mark, .brand-mark img { width: 180px; height: 126px; }
      .login-panel { padding: 24px; }
      .synology-table-wrap { -webkit-overflow-scrolling: touch; }
      .synology-table th,
      .synology-table td { padding: 7px 8px; font-size: 12px; }
      .portal-command {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 20px 0 12px;
      }
      .notification-rail {
        gap: 10px;
      }
      .notification-head {
        align-items: flex-start;
      }
      .notification-head div {
        flex-wrap: wrap;
      }
      .notification-list {
        grid-template-columns: 1fr;
      }
      .notification-item {
        grid-template-columns: minmax(0, 1fr) auto;
      }
      .notification-message {
        grid-column: 1 / -1;
      }
      .module-page-shell {
        grid-template-columns: 1fr;
        gap: 12px;
        padding-top: 12px;
      }
      .module-page-sidebar {
        position: static;
        padding: 8px;
      }
      .module-page-sidebar-title {
        display: none;
      }
      .module-page-nav {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 2px;
      }
      .module-page-nav a {
        flex: 0 0 auto;
        min-width: 112px;
        justify-content: center;
      }
      .operations-command {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 20px 0 12px;
      }
      .reports-command {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 20px 0 12px;
      }
      .reports-command-status {
        justify-items: start;
      }
      .reports-command-status strong {
        text-align: left;
      }
      .operations-command-summary {
        justify-content: flex-start;
        max-width: none;
      }
      .operations-state {
        grid-template-columns: 1fr;
      }
      .operations-governance {
        grid-template-columns: 1fr;
      }
      .operations-governance-primary,
      .operations-governance-wide {
        grid-column: auto;
      }
      .operations-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .operations-grid {
        grid-template-columns: 1fr;
      }
      .ops-client-master-head {
        display: grid;
        gap: 10px;
      }
      .ops-client-master-head .button {
        width: fit-content;
      }
      .ops-client-kyc-grid-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .ops-client-kyc-grid-form label.span-3 {
        grid-column: 1 / -1;
      }
      .ops-client-list-toolbar {
        grid-template-columns: 1fr;
        align-items: stretch;
      }
      .ops-client-filters {
        grid-template-columns: minmax(0, 1fr) 104px;
        max-width: none;
      }
      .ops-client-status-tabs {
        justify-content: flex-start;
      }
      .ops-client-filter-actions {
        justify-content: flex-start;
      }
      .project-command {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 20px 0 12px;
      }
      .project-mode {
        justify-items: start;
      }
      .project-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .project-workflow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .project-dependency-grid {
        grid-template-columns: 1fr;
      }
      .project-layout {
        grid-template-columns: 1fr;
      }
      .project-facts-grid {
        grid-template-columns: 1fr;
      }
      .project-primary-panel {
        grid-row: auto;
      }
      .operations-panel:nth-child(2) {
        grid-row: auto;
      }
      .portal-command-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .employee-self-head {
        display: grid;
        gap: 10px;
      }
      .employee-self-head > span {
        width: fit-content;
      }
      .home-work-panel {
        grid-template-columns: 1fr;
      }
      .home-work-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      .home-request-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .home-request-row {
        grid-template-columns: minmax(160px, 1fr) minmax(130px, .45fr) minmax(110px, .32fr);
      }
      .employee-self-grid,
      .account-action-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      .employee-role-state {
        grid-template-columns: 1fr;
      }
      .erp-board {
        grid-template-columns: 1fr;
        gap: 10px;
      }
      .erp-module-row {
        min-height: 0;
        grid-template-columns: 44px minmax(0, 1fr);
        grid-template-rows: auto auto;
        padding: 14px;
      }
      .module-mark {
        width: 44px;
        height: 44px;
      }
      .account-intro { grid-template-columns: 1fr; align-items: flex-start; }
      .account-relationship { grid-template-columns: 1fr; }
      .account-relationship-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .account-mini-table article {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .account-evidence-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .account-settings-grid { grid-template-columns: 1fr; }
      .account-info-list { grid-template-columns: 1fr; }
      .avatar-edit-row { grid-template-columns: 1fr; }
      .user-menu, .user-menu summary { width: 100%; max-width: none; min-width: 0; }
      .user-menu-panel { left: 0; right: auto; width: 100%; }
      .admin-directory-metrics { grid-template-columns: 1fr; max-width: none; }
      .admin-list-header { display: none; }
      .admin-person-row summary {
        grid-template-columns: 38px minmax(0, 1fr) auto;
        align-items: start;
      }
      .person-meta, .person-username { grid-column: 2 / -1; }
      .person-status { grid-column: 2; }
      .person-action { grid-column: 3; grid-row: 1 / span 2; align-self: center; }
      .person-detail-panel { grid-template-columns: 1fr; }
      .account-facts { grid-template-columns: 1fr; }
      .role-check-grid { grid-template-columns: 1fr; }
      .inline-role-form { grid-template-columns: 1fr; }
      .role-chip-grid { min-width: 0; }
      .role-chip-grid label { min-height: 30px; font-size: 10px; }
      .admin-edit-row summary { grid-template-columns: 1fr; }
      .admin-edit-grid { grid-template-columns: 1fr; gap: 10px; padding: 10px; }
      .admin-edit-panel { padding: 8px; }
      .credential-form { grid-template-columns: 1fr; }
      .small-action { width: 100%; }
    }
    @media (max-width: 520px) {
      .app-shell { padding: 6px; }
      .topbar {
        height: auto;
        gap: 8px;
        padding-bottom: 8px;
        align-items: flex-start;
        flex-wrap: wrap;
      }
      .brand-copy small { display: none; }
      .top-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 36px minmax(112px, .45fr) minmax(0, 1fr);
        justify-content: stretch;
        align-items: stretch;
        gap: 8px;
      }
      .top-home-menu { min-width: 0; }
      .top-home-button,
      .user-menu summary { min-height: 36px; padding: 0 10px; }
      .top-home-button { width: 100%; }
      .top-home-button {
        font-size: 12px;
      }
      .top-home-panel {
        position: fixed;
        left: 8px;
        right: 8px;
        top: 76px;
        width: auto;
        max-height: calc(100vh - 92px);
        overflow: auto;
        z-index: 5000;
      }
      .portal-command h1 {
        font-size: 30px;
      }
      .portal-command p {
        font-size: 14px;
      }
      .ops-client-filter-actions,
      .ops-client-filter-actions .button,
      .ops-client-filter-actions button,
      .ops-client-master-head .button {
        width: 100%;
      }
      .ops-client-filters {
        grid-template-columns: 1fr;
      }
      .ops-client-segments a {
        flex: 1 1 42%;
        justify-content: center;
      }
      .ops-client-kyc-grid-form {
        grid-template-columns: 1fr;
      }
      .notification-rail {
        margin-top: 10px;
        padding: 9px;
      }
      .notification-head {
        display: grid;
        gap: 8px;
      }
      .notification-item {
        grid-template-columns: minmax(0, 1fr) auto;
      }
      .notification-message {
        grid-column: 1 / -1;
      }
      .notification-item small {
        grid-column: 2;
        width: fit-content;
      }
      .operations-command h1 {
        font-size: 28px;
      }
      .operations-command p {
        font-size: 14px;
      }
      .operations-metrics {
        grid-template-columns: 1fr;
        padding: 6px;
      }
      .project-command h1 {
        font-size: 28px;
      }
      .project-command p {
        font-size: 14px;
      }
      .project-metrics {
        grid-template-columns: 1fr;
        padding: 6px;
      }
      .project-workflow {
        grid-template-columns: 1fr;
      }
      .module-home-entry {
        grid-template-columns: 1fr auto;
        gap: 4px 12px;
        padding: 12px;
      }
      .module-home-entry-explanation { grid-column: 1 / -1; }
      .module-home-entry > em { grid-column: 2; grid-row: 1; }
      .project-action-bar {
        display: grid;
        grid-template-columns: 1fr;
        padding: 6px;
      }
      .project-action-chip {
        width: 100%;
        min-height: 44px;
      }
      .project-task-node {
        grid-template-columns: 28px minmax(0, 1fr);
        padding: 10px;
      }
      .project-task-node-head {
        align-items: flex-start;
        flex-direction: column;
      }
      .operations-list article {
        grid-template-columns: 1fr;
      }
      .operations-policy-list article {
        padding: 10px;
      }
      .operations-panel {
        padding: 14px;
      }
      .operations-table-wrap {
        overflow: visible;
        border: 0;
        background: transparent;
      }
      .operations-table {
        min-width: 0;
        border-collapse: separate;
        border-spacing: 0 10px;
        background: transparent;
      }
      .operations-table thead {
        display: none;
      }
      .operations-table tbody,
      .operations-table tr,
      .operations-table td {
        display: block;
        width: 100%;
      }
      .operations-table tbody tr {
        padding: 10px 12px;
        border: 1px solid #d9dde3;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 6px 18px rgba(31,31,31,.04);
      }
      .operations-table td {
        display: grid;
        grid-template-columns: 118px minmax(0, 1fr);
        gap: 10px;
        padding: 8px 0;
        border-bottom: 1px solid #d9dde3;
        overflow-wrap: anywhere;
      }
      .operations-table td:last-child {
        border-bottom: 0;
      }
      .operations-table td:before {
        content: attr(data-label);
        color: var(--muted);
        font-size: 11px;
        font-weight: 900;
        letter-spacing: .04em;
        line-height: 1.25;
        text-transform: uppercase;
      }
      .admin-service-catalog-table td:nth-child(1),
      .admin-service-catalog-table td:nth-child(2),
      .admin-service-catalog-table td:nth-child(3),
      .admin-service-catalog-table td:nth-child(4),
      .admin-service-catalog-table td:nth-child(5),
      .admin-service-catalog-table td:nth-child(6),
      .admin-service-catalog-table td:nth-child(7) {
        width: 100%;
        min-width: 0;
        max-width: none;
        padding: 8px 0;
        text-align: left;
        white-space: normal;
        overflow-wrap: anywhere;
      }
      .reports-table-wrap {
        overflow: visible;
        border: 0;
        background: transparent;
      }
      .reports-table {
        min-width: 0;
        border-collapse: separate;
        border-spacing: 0 10px;
        background: transparent;
      }
      .reports-table thead {
        display: none;
      }
      .reports-table tbody,
      .reports-table tr,
      .reports-table td {
        display: block;
        width: 100%;
      }
      .reports-table tbody tr {
        padding: 10px 12px;
        border: 1px solid #d9dde3;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 6px 18px rgba(31,31,31,.04);
      }
      .reports-table td {
        display: grid;
        grid-template-columns: 118px minmax(0, 1fr);
        gap: 10px;
        padding: 8px 0;
        border-bottom: 1px solid #d9dde3;
        overflow-wrap: anywhere;
      }
      .reports-table td:last-child {
        border-bottom: 0;
      }
      .reports-table td:before {
        content: attr(data-label);
        color: var(--muted);
        font-size: 11px;
        font-weight: 900;
        letter-spacing: .04em;
        line-height: 1.25;
        text-transform: uppercase;
      }
      .portal-command-meta {
        grid-template-columns: 1fr;
        padding: 6px;
      }
      .employee-self-service {
        padding: 12px;
      }
      .home-work-panel {
        grid-template-columns: 1fr;
        padding: 12px;
      }
      .home-work-grid {
        grid-template-columns: 1fr;
      }
      .home-work-action {
        min-height: 0;
      }
      .home-request-row {
        grid-template-columns: 1fr;
        gap: 4px;
        align-items: start;
      }
      .employee-self-grid,
      .account-action-grid,
      .employee-request-layout,
      .account-view-grid,
      .employee-view-grid,
      .employee-view-permission-grid,
      .account-evidence-grid {
        grid-template-columns: 1fr;
      }
      .employee-request-facts {
        grid-template-columns: 1fr;
      }
      .employee-request-form-grid {
        grid-template-columns: 1fr;
      }
      .employee-request-submit-row {
        align-items: stretch;
        flex-direction: column;
      }
      .employee-request-submit-row span {
        text-align: left;
      }
      .employee-self-action,
      .account-action-grid a {
        min-height: 0;
      }
      .module-main strong {
        font-size: 19px;
      }
      .module-state {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
      }
      .account-intro { padding-top: 12px; }
      .account-identity {
        align-items: flex-start;
        gap: 12px;
        padding: 14px;
      }
      .account-identity-avatar {
        width: 60px;
        height: 60px;
        border-radius: 16px;
        font-size: 18px;
      }
      .account-avatar-upload {
        font-size: 10px;
      }
      .account-overview-grid { grid-template-columns: 1fr; }
      .account-section-head,
      .account-section-head.compact {
        display: grid;
        gap: 8px;
      }
      .account-section-head h2 {
        font-size: 19px;
      }
      .account-readonly-badge {
        width: fit-content;
      }
      .account-password-dialog-backdrop {
        align-items: end;
        padding: 14px;
      }
      .account-password-dialog {
        width: 100%;
        max-height: calc(100vh - 28px);
        border-radius: 18px;
      }
      .account-relationship-grid {
        grid-template-columns: 1fr;
      }
      .account-mini-table article {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 11px;
        border: 1px solid #d9dde3;
        border-radius: 8px;
        background: #fbfbfa;
      }
      .account-mini-table article + article {
        margin-top: 8px;
      }
      .account-service-list article {
        grid-template-columns: 1fr;
      }
      .account-service-list small {
        width: fit-content;
        white-space: normal;
      }
      .account-security-actions {
        display: grid;
        justify-items: stretch;
      }
      .account-security-actions span {
        text-align: left;
      }
      .synology-window { border-left: 0; border-right: 0; }
      .admin-simple-content { padding: 8px; }
      .admin-simple-section { padding: 8px; }
      .account-intro h1 { font-size: 28px; }
    }
    .module-mark {
      position: relative;
      display: inline-grid;
      place-items: center;
      border-color: #d9dde3;
      background: var(--accent-soft);
      color: #4b5563;
    }
    .module-mark:after {
      content: "";
      position: absolute;
      width: 7px;
      height: 7px;
      right: 4px;
      bottom: 4px;
      border-radius: 999px;
      background: var(--accent);
    }
    .topbar,
    .erp-return-account {
      background: transparent;
      border-color: var(--line);
    }
    .login-shell {
      background: radial-gradient(circle at top left, rgba(31,35,40,.04), transparent 320px), var(--bg);
    }
    .login-panel,
    .portal-command,
    .employee-self-service,
    .erp-module-row,
    .settings-panel,
    .operations-panel,
    .reports-panel,
    .admin-simple-section,
    .synology-window,
    .admin-v1-main-card,
    .admin-v1-table-card,
    .admin-dsm-console {
      border-color: var(--line);
      box-shadow: var(--shadow);
    }
    .top-home-button,
    .information-bell,
    .user-menu summary,
    .panel-home-link,
    .module-open,
    .logout-button,
    button,
    .button,
    .btn {
      border-radius: 8px;
    }
    .top-home-button:hover,
    .information-bell:hover,
    .information-bell:focus-visible,
    .panel-home-link:hover,
    .module-open:hover,
    .logout-button:hover,
    button:hover,
    .button:hover,
    .btn:hover {
      background: #f1f2f4;
      border-color: #cfd4dc;
      color: var(--ink);
    }
    .top-home-panel a:hover,
    .erp-module-row:hover,
    .employee-self-action:hover,
    .account-action-grid a:hover,
    .admin-dsm-nav a:hover,
    .admin-dsm-nav a.active {
      background: var(--accent-soft);
      border-color: #c5cad2;
      color: var(--ink);
    }
    table th,
    .synology-table th {
      background: var(--panel-soft);
      color: var(--muted);
    }
    table tbody tr:nth-child(even) td,
    .synology-table tbody tr:nth-child(even) td {
      background: #fbfbfa;
    }
    table tbody tr:hover td,
    .synology-table tbody tr:hover td {
      background: var(--accent-soft);
    }
    .app-shell {
      width: min(1220px, 100%);
      max-width: 1220px;
    }
    .portal-command,
    .operations-command,
    .account-intro,
    .admin-v1-header {
      padding-top: 18px;
      padding-bottom: 14px;
    }
    .portal-command h1,
    .operations-command h1,
    .account-intro h1,
    .admin-v1-header h1 {
      font-size: 30px;
      line-height: 1.12;
      font-weight: 850;
      letter-spacing: 0;
    }
    .portal-command p,
    .operations-command p,
    .account-intro p,
    .admin-v1-header p,
    .operations-readback-note,
    .page-intro {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }
    .portal-command-copy,
    .portal-command-meta,
    .employee-self-service,
    .account-identity,
    .account-relationship-panel,
    .settings-panel,
    .operations-panel,
    .operations-state,
    .reports-panel,
    .admin-v1-shell,
    .admin-v1-panel,
    .admin-v1-table,
    .admin-v1-main-card,
    .admin-v1-table-card,
    .admin-simple-section,
    .synology-window {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      box-shadow: var(--shadow);
    }
    .portal-command-copy,
    .portal-command-meta,
    .account-identity,
    .account-relationship-panel {
      background: linear-gradient(180deg, #fff, var(--panel-soft));
    }
    .operations-panel-head,
    .account-section-head,
    .admin-v1-section-head,
    .admin-simple-head,
    .finance-home-head {
      min-height: 34px;
      gap: 12px;
    }
    .operations-panel-head h2,
    .account-section-head h2,
    .admin-v1-section-head h2,
    .admin-simple-head strong,
    .settings-panel h2 {
      margin: 0;
      font-size: 18px;
      line-height: 1.2;
      color: var(--ink);
    }
    .module-group,
    .notification-kicker,
    .panel-kicker,
    .admin-v1-badge,
    .module-status,
    .account-readonly-badge,
    .top-home-panel-label {
      letter-spacing: .04em;
    }
    .admin-v1-layout {
      background: radial-gradient(circle at top left, rgba(31,35,40,.04), transparent 280px), var(--bg);
    }
    .admin-v1-sidebar {
      background: rgba(255,255,255,.92);
    }
    .admin-v1-content {
      min-width: 0;
    }
    .admin-v1-shell {
      margin: 0 clamp(14px, 3vw, 34px) 24px;
      padding: 16px;
    }
    .admin-v1-shell.admin-v1-shell-module-home {
      margin: 0 0 14px;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }
    .admin-v1-header {
      padding-left: clamp(14px, 3vw, 34px);
      padding-right: clamp(14px, 3vw, 34px);
    }
    .admin-v1-header h1 {
      margin: 0 0 6px;
    }
    .admin-v1-panel {
      border-radius: 8px;
      padding: 14px;
    }
    .admin-v1-table {
      border-radius: 8px;
    }
    .operations-governance,
    .operations-grid,
    .account-settings-grid,
    .account-relationship,
    .admin-v1-overview-grid,
    .employee-self-grid,
    .erp-board {
      gap: 14px;
    }
    .operations-table-wrap,
    .table-wrap,
    .table-scroll,
    .admin-v1-table {
      border-radius: 8px;
      border-color: var(--line);
      background: #fff;
    }
    .operations-table th,
    .admin-v1-table-row:first-child,
    table th {
      background: var(--panel-soft);
      color: var(--muted);
    }
    /* Codex-neutral ERP theme: keep the product quiet and remove the old gold UI tone. */
    .topbar,
    .erp-return-account,
    .admin-v1-sidebar {
      background: rgba(255,255,255,.92);
      backdrop-filter: none;
    }
    .top-home-button,
    .user-menu summary,
    .panel-home-link,
    .logout-button,
    .button,
    .btn {
      border-color: var(--line);
      background: #fff;
      color: var(--ink);
      box-shadow: 0 8px 22px rgba(31,35,40,.05);
    }
    .top-home-button:hover,
    .top-home-menu[open] .top-home-button,
    .panel-home-link:hover,
    .button:hover,
    .btn:hover {
      border-color: #b8bec7;
      background: #f3f4f6;
      color: var(--ink);
    }
    .top-home-menu summary:focus-visible,
    .user-menu summary:focus-visible,
    .top-home-panel a:focus-visible,
    .erp-module-row:focus-visible,
    button:focus-visible,
    input:focus {
      outline: 3px solid rgba(75,85,99,.18);
      border-color: #aeb5bf;
    }
    .top-home-panel-home,
    .top-home-panel a:hover,
    .top-home-panel a:focus-visible,
    .top-home-panel-icon,
    .module-mark,
    .module-icon-operations .module-icon-line::before,
    .module-icon-operations .module-icon-line::after,
    .module-icon-client .module-icon-line::before,
    .employee-self-service,
    .notification-rail,
    .account-link-list a,
    .account-info-list div,
    .account-mini-table article,
    .operations-state,
    .admin-simple-section,
    .settings-panel {
      border-color: var(--line);
      background: #f8f9fa;
      color: var(--ink);
    }
    .top-home-panel-icon,
    .module-mark {
      background: linear-gradient(180deg, #fff, #f2f3f5);
      color: #4b5563;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.75), 0 8px 20px rgba(31,35,40,.06);
    }
    .topbar,
    .new-module-topbar,
    .admin-v1-brand,
    .brand {
      border-bottom: 0;
    }
    .topbar {
      position: sticky;
      top: 0;
      z-index: 1000;
      overflow: visible;
    }
    .topbar,
    .new-module-topbar {
      background: transparent !important;
      backdrop-filter: none !important;
      box-shadow: none !important;
      border: 0 !important;
    }
    .top-home-button,
    .information-bell,
    .user-menu summary {
      background: transparent !important;
      border-color: transparent !important;
      box-shadow: none !important;
    }
    .top-home-button:hover,
    .top-home-menu[open] .top-home-button,
    .information-bell:hover,
    .information-bell:focus-visible,
    .user-menu summary:hover {
      background: var(--accent-soft) !important;
      border-color: transparent !important;
      color: var(--ink) !important;
    }
    .top-actions,
    .top-home-menu {
      overflow: visible;
    }
    .top-home-panel {
      z-index: 3000;
    }
    @media (max-width: 700px) {
      .top-home-panel {
        position: fixed !important;
        left: 8px !important;
        right: 8px !important;
        top: 76px !important;
        width: auto !important;
        max-height: calc(100vh - 92px) !important;
        overflow: auto !important;
        z-index: 5000 !important;
      }
    }
    .top-home-panel-icon {
      color: #4b5563;
      font-size: 0;
    }
    .top-home-panel {
      width: min(280px, calc(100vw - 48px)) !important;
      gap: 4px !important;
      padding: 8px !important;
      box-shadow: 0 18px 45px rgba(25,34,49,.12) !important;
    }
    .top-home-panel a,
    .top-home-panel-item,
    .top-home-panel-home {
      min-height: 38px !important;
      grid-template-columns: 24px minmax(0, 1fr) !important;
      gap: 10px !important;
      padding: 8px 10px !important;
      border-radius: 7px !important;
      color: var(--ink) !important;
      font-size: 13px !important;
      font-weight: 760 !important;
    }
    .top-home-panel-home {
      border: 0 !important;
      background: transparent !important;
    }
    .top-home-panel-icon {
      width: 24px !important;
      height: 24px !important;
      border-radius: 7px !important;
      background: #f8f9fa !important;
      box-shadow: none !important;
    }
    .menu-item-copy strong {
      color: var(--ink) !important;
      font-size: 13px !important;
      font-weight: 760 !important;
      line-height: 1.2 !important;
    }
    .menu-item-copy small,
    .top-home-panel-label {
      display: none !important;
    }
    .top-home-panel-item.is-disabled {
      opacity: .52 !important;
      color: #9ca3af !important;
      cursor: not-allowed !important;
      pointer-events: none !important;
      background: transparent !important;
    }
    .top-home-panel-item.is-disabled .top-home-panel-icon,
    .top-home-panel-item.is-disabled .menu-item-copy strong {
      color: #9ca3af !important;
    }
    .erp-module-row.is-disabled {
      opacity: .52 !important;
      cursor: not-allowed !important;
      pointer-events: none !important;
      background: #f8f9fa !important;
      border-color: var(--line) !important;
    }
    .erp-module-row.is-disabled strong,
    .erp-module-row.is-disabled .module-mark {
      color: #9ca3af !important;
    }
    .module-page-shell,
    .operations-v1-layout,
    .admin-v1-layout {
      grid-template-columns: 252px minmax(0, 1fr) !important;
    }
    .admin-dsm-console,
    .synology-grid-area {
      grid-template-columns: 252px minmax(0, 1fr) !important;
    }
    .admin-v1-sidebar,
    .operations-v1-sidebar,
    .module-page-sidebar,
    .admin-dsm-nav,
    .synology-sidebar {
      background: #fff !important;
      backdrop-filter: none !important;
      box-shadow: none !important;
    }
    .admin-v1-sidebar,
    .admin-dsm-nav,
    .synology-sidebar {
      width: 252px !important;
      border-right-color: var(--line) !important;
    }
    .module-page-sidebar {
      width: 252px !important;
      border-color: var(--line) !important;
      border-radius: 0 !important;
    }
    .operations-v1-sidebar {
      border-right: 1px solid var(--line) !important;
      border-radius: 0 !important;
    }
    .admin-dsm-nav,
    .synology-sidebar {
      align-content: start !important;
      gap: 5px !important;
      padding: 18px 16px !important;
      border: 0 !important;
      border-right: 1px solid var(--line) !important;
      border-radius: 0 !important;
    }
    .admin-v1-tabs,
    .admin-dsm-nav,
    .synology-sidebar {
      gap: 5px !important;
      background: transparent !important;
    }
    .admin-v1-tabs a,
    .module-page-nav a,
    .admin-dsm-nav a,
    .synology-sidebar a {
      min-height: 40px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      border-radius: 8px !important;
      background: transparent;
      box-shadow: none !important;
      border: 1px solid transparent !important;
      color: var(--ink) !important;
      font-size: 14px !important;
      font-weight: 740 !important;
      padding: 9px 10px !important;
    }
    .admin-v1-tabs a:hover,
    .module-page-nav a:hover,
    .admin-dsm-nav a:hover,
    .synology-sidebar a:hover {
      background: var(--accent-soft) !important;
      border-color: #d9dde3 !important;
      color: var(--ink) !important;
    }
    .admin-v1-tabs a.active,
    .admin-v1-tabs a.active:hover,
    .module-page-nav a.active,
    .module-page-nav a.active:hover,
    .admin-dsm-nav a.active,
    .admin-dsm-nav a.active:hover,
    .synology-sidebar a.active,
    .synology-sidebar a.active:hover {
      background: #f1f2f4 !important;
      border-color: #cfd4dc !important;
      color: var(--ink) !important;
    }
    .admin-dsm-nav a small {
      display: none !important;
    }
    .admin-v1-tabs a.active small,
    .admin-v1-tabs a.active:hover small {
      color: rgba(255,255,255,.82) !important;
    }
    .employee-self-action {
      min-height: 54px;
      align-content: center;
      background: #fff;
    }
    .employee-self-action span,
    .employee-self-action small,
    .employee-role-state {
      display: none;
    }
    .employee-self-head p,
    .employee-self-head > span {
      display: none;
    }
    .admin-v1-tabs small,
    .brand-copy small,
    .brand-sub {
      display: none;
    }
    .module-page-sidebar-title,
    .admin-v1-sidebar-kicker,
    .admin-dsm-nav-title,
    .synology-sidebar strong {
      margin: 12px 4px 2px !important;
      padding: 0 !important;
      color: var(--muted) !important;
      font-size: 11px !important;
      font-weight: 800 !important;
      text-transform: uppercase !important;
      letter-spacing: .04em !important;
    }
    .admin-dsm-nav-title small {
      display: none !important;
    }
    @media (max-width: 820px) {
      .erp-global-shell {
        display: block;
      }
      .erp-primary-sidebar {
        position: static;
        height: auto;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid var(--line);
        overflow: hidden;
      }
      .erp-primary-nav {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 4px;
      }
      .erp-sidebar-group-label {
        display: none;
      }
      .erp-sidebar-disclosure {
        flex: 0 0 auto;
        min-width: 142px;
      }
      .erp-sidebar-disclosure summary {
        min-height: 40px;
        margin: 0;
        padding: 9px 10px;
        border: 1px solid var(--line);
      }
      .erp-sidebar-disclosure-items {
        padding-top: 4px;
      }
      .erp-primary-nav-item {
        flex: 0 0 auto;
        min-width: 142px;
      }
      .erp-primary-nav-form { flex: 0 0 auto; }
      .erp-global-content > .topbar,
      .operations-v1-content > .topbar,
      .admin-v1-content > .topbar {
        min-height: 64px;
        padding: 14px 16px;
      }
      .erp-global-main,
      .operations-v1-main,
      .admin-v1-main {
        padding: 0 16px 24px;
      }
      .module-page-shell,
      .operations-v1-layout,
      .admin-v1-layout,
      .admin-dsm-console,
      .synology-grid-area {
        grid-template-columns: 1fr !important;
      }
      .admin-v1-sidebar,
      .operations-v1-sidebar,
      .module-page-sidebar,
      .admin-dsm-nav,
      .synology-sidebar {
        position: static !important;
        width: 100% !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--line) !important;
        overflow: hidden !important;
      }
      .admin-v1-tabs,
      .module-page-nav,
      .admin-dsm-nav,
      .synology-sidebar {
        display: flex !important;
        gap: 8px !important;
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding-bottom: 4px !important;
      }
      .admin-v1-tabs a,
      .module-page-nav a,
      .admin-dsm-nav a,
      .synology-sidebar a {
        flex: 0 0 auto !important;
        min-width: 142px !important;
      }
      .module-page-sidebar-title,
      .admin-v1-sidebar-kicker,
      .admin-dsm-nav-title,
      .synology-sidebar strong {
        display: none !important;
      }
    }
    @media (max-width: 700px) {
      .top-home-panel {
        position: fixed !important;
        left: 8px !important;
        right: 8px !important;
        top: 76px !important;
        width: auto !important;
        max-height: calc(100vh - 92px) !important;
        overflow: auto !important;
        z-index: 5000 !important;
      }
    }
    .module-mark:after {
      background: #7b8491;
    }
    .home-icon::before {
      border-color: #4b5563;
    }
    .home-icon::after {
      border-left-color: #4b5563;
      border-top-color: #4b5563;
    }
    .module-state {
      border-top-color: var(--line);
    }
    .module-status,
    .notification-kicker,
    .account-readonly-badge,
    .panel-kicker,
    .admin-v1-badge,
    .employee-self-head > span,
    .account-service-list small,
    .panel-role {
      border-color: #d9dde3;
      background: #f2f3f5;
      color: #4b5563;
    }
    .module-group {
      color: #6b7280;
    }
    .notification-rail,
    .employee-self-service,
    .erp-module-row,
    .portal-command-copy,
    .portal-command-meta,
    .account-identity,
    .account-relationship-panel,
    .settings-panel,
    .operations-panel,
    .reports-panel,
    .admin-v1-shell,
    .admin-v1-panel,
    .admin-v1-table,
    .admin-v1-main-card,
    .admin-v1-table-card,
    .synology-window {
      box-shadow: 0 10px 26px rgba(31,35,40,.055);
    }
    .notification-rail {
      background: #fff !important;
      box-shadow: none !important;
    }
    /* Shared shell guard: Finance module shell is the source of truth for topbar, Modules, bell, and Account. */
    *,
    *::before,
    *::after {
      box-sizing: border-box !important;
    }
    .topbar {
      min-height: 76px !important;
      padding: 18px 24px !important;
      background: rgba(247, 247, 248, .94) !important;
      border: 0 !important;
      border-bottom: 1px solid rgba(217, 221, 227, .72) !important;
      box-shadow: 0 1px 0 rgba(255, 255, 255, .72) !important;
      backdrop-filter: blur(18px) !important;
      -webkit-backdrop-filter: blur(18px) !important;
      position: fixed !important;
      top: 0 !important;
      left: 252px !important;
      right: 0 !important;
      width: auto !important;
      z-index: 9000 !important;
      overflow: visible !important;
    }
    .erp-global-content,
    .content {
      padding-top: 70px !important;
    }
    .erp-no-sidebar-shell .topbar {
      left: 0 !important;
    }
    .topbar > .wrap.topbar-inner,
    .topbar-inner {
      width: 100% !important;
      max-width: none !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 16px !important;
      margin: 0 !important;
      overflow: visible !important;
    }
    .erp-no-sidebar-shell .topbar-title {
      display: grid !important;
      grid-template-columns: 252px minmax(0, 1fr) !important;
      align-items: center !important;
      gap: 24px !important;
      flex-wrap: nowrap !important;
      min-width: 0 !important;
      flex: 1 1 auto !important;
    }
    .erp-no-sidebar-shell .topbar-brand {
      min-width: 0 !important;
      flex: 0 0 auto !important;
      margin: 0 !important;
      padding: 6px 4px 12px !important;
    }
    .erp-no-sidebar-shell .topbar-brand .brand-title {
      font-size: 16px !important;
      line-height: 20px !important;
      font-weight: 800 !important;
    }
    .topbar-title h1 {
      margin: 0 !important;
      min-width: 0 !important;
      font-size: 26px !important;
      line-height: 1.15 !important;
      font-weight: 850 !important;
      letter-spacing: 0 !important;
      overflow-wrap: normal !important;
      word-break: normal !important;
      white-space: nowrap !important;
    }
    .global-actions {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      gap: 10px !important;
      min-width: 0 !important;
      flex: 0 0 auto !important;
      flex-wrap: nowrap !important;
      overflow: visible !important;
    }
    .global-actions > *,
    .global-menu,
    .user-menu {
      flex: 0 0 auto !important;
    }
    .global-info,
    .global-menu summary,
    .user-menu summary {
      min-height: 36px !important;
      height: 36px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      border: 1px solid transparent !important;
      border-radius: 8px !important;
      background: transparent !important;
      box-shadow: none !important;
      color: var(--ink) !important;
    }
    .global-info {
      width: 36px !important;
      padding: 0 !important;
      flex: 0 0 auto !important;
    }
    .global-info-menu {
      position: relative !important;
      flex: 0 0 auto !important;
      overflow: visible !important;
    }
    .global-info-menu .global-info {
      position: relative !important;
      overflow: visible !important;
      list-style: none !important;
      appearance: none !important;
      -webkit-appearance: none !important;
    }
    .global-info-menu .global-info::-webkit-details-marker {
      display: none !important;
    }
    .global-info-badge {
      position: absolute !important;
      right: -4px !important;
      top: -4px !important;
      z-index: 2 !important;
      min-width: 18px !important;
      height: 18px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 0 5px !important;
      border: 2px solid #fff !important;
      border-radius: 999px !important;
      background: #1f7af5 !important;
      color: #fff !important;
      font-size: 11px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      box-shadow: 0 2px 8px rgba(31,122,245,.28) !important;
    }
    .global-info-panel {
      position: fixed !important;
      inset: 76px 24px auto auto !important;
      z-index: 10000 !important;
      width: min(430px, calc(100vw - 48px)) !important;
      max-height: calc(100vh - 96px) !important;
      overflow: auto !important;
    }
    .global-info-panel:not(:popover-open):not([data-open="true"]) {
      display: none !important;
    }
    .global-info-panel:popover-open,
    .global-info-panel[data-open="true"] {
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
    }
    .global-menu summary,
    .user-menu summary {
      width: auto !important;
      min-width: 0 !important;
      max-width: 260px !important;
      gap: 7px !important;
      padding: 0 9px !important;
      font-size: 13px !important;
      font-weight: 780 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    .user-menu summary {
      width: 136px !important;
      min-width: 136px !important;
      max-width: 136px !important;
      flex: 0 0 136px !important;
      justify-content: flex-start !important;
      padding: 3px 10px 3px 3px !important;
    }
    .global-info:hover,
    .global-info:focus-visible,
    .global-menu summary:hover,
    .global-menu[open] summary,
    .user-menu summary:hover {
      background: var(--accent-soft) !important;
      border-color: transparent !important;
      color: var(--ink) !important;
      box-shadow: none !important;
    }
    .global-menu-panel,
    .user-menu-panel {
      position: absolute !important;
      right: 0 !important;
      top: calc(100% + 8px) !important;
      z-index: 3000 !important;
      width: min(280px, calc(100vw - 48px)) !important;
      display: grid !important;
      gap: 4px !important;
      padding: 8px !important;
      border: 1px solid var(--line) !important;
      border-radius: 8px !important;
      background: #fff !important;
      box-shadow: 0 18px 45px rgba(25,34,49,.12) !important;
    }
    .global-menu-panel a,
    .global-menu-panel .global-menu-disabled {
      min-height: 42px !important;
      display: flex !important;
      align-items: center !important;
      gap: 10px !important;
      padding: 9px 10px !important;
      border-radius: 7px !important;
      color: var(--ink) !important;
      font-size: 15px !important;
      font-weight: 720 !important;
      line-height: 20px !important;
      text-decoration: none !important;
    }
    .global-menu-panel a:hover {
      background: var(--accent-soft) !important;
      color: var(--ink) !important;
    }
    .global-menu-panel .global-menu-disabled {
      color: #9ca3af !important;
      cursor: not-allowed !important;
    }
    .global-menu-panel .global-menu-disabled .global-menu-icon {
      color: #9ca3af !important;
      opacity: .62 !important;
    }
    .global-menu-panel .global-menu-icon {
      width: 22px !important;
      height: 22px !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      color: #4b5563 !important;
      flex: 0 0 22px !important;
    }
    .account-avatar {
      width: 30px !important;
      height: 30px !important;
      flex: 0 0 30px !important;
      border-radius: 999px !important;
      overflow: hidden !important;
    }
    .account-avatar img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      border-radius: inherit !important;
      display: block !important;
    }
    .account-summary,
    .account-summary strong,
    .user-menu strong {
      min-width: 0 !important;
      display: block !important;
      max-width: 100% !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    @media (max-width: 700px) {
      .erp-global-content.account-page > .erp-global-main {
        padding-top: 72px !important;
      }
      .topbar {
        min-height: 99px !important;
        padding: 12px 16px !important;
      }
      .app-shell.erp-no-sidebar-shell > .content > .topbar,
      .app-shell.erp-no-sidebar-shell > .erp-global-content > .topbar {
        padding: 18px 16px !important;
      }
      .topbar-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: start !important;
        justify-content: stretch !important;
      }
      .topbar-title {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
      }
      .topbar-title h1 {
        display: block !important;
        width: max-content !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
      }
      .erp-no-sidebar-shell .topbar-title {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
      }
      .erp-no-sidebar-shell .topbar-brand {
        flex: 0 0 auto !important;
      }
      .global-actions {
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
      }
      .erp-no-sidebar-shell .user-menu summary,
      .user-menu summary {
        width: 136px !important;
        min-width: 136px !important;
        max-width: 136px !important;
        flex: 0 0 136px !important;
      }
      .global-menu-panel,
      .global-info-panel,
      .user-menu-panel {
        position: fixed !important;
        left: 8px !important;
        right: 8px !important;
        top: 72px !important;
        width: auto !important;
        max-height: calc(100vh - 88px) !important;
        overflow: auto !important;
        z-index: 10000 !important;
      }
    }
    @media (max-width: 520px) {
      .erp-no-sidebar-shell .topbar-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
      }
      .erp-no-sidebar-shell .topbar-title {
        grid-template-columns: minmax(0, 1fr) !important;
      }
      .erp-no-sidebar-shell .global-actions {
        justify-content: flex-start !important;
        width: 100% !important;
      }
    }
    .erp-module-row:hover,
    .employee-self-action:hover,
    .account-action-grid a:hover,
    .account-link-list a:hover,
    .admin-dsm-nav a:hover,
    .admin-dsm-nav a.active,
    table tbody tr:hover td,
    .synology-table tbody tr:hover td {
      border-color: #c5cad2;
      background: #f1f2f4;
      color: var(--ink);
    }
    .login-shell,
    .admin-v1-layout {
      background: radial-gradient(circle at top left, rgba(31,35,40,.04), transparent 280px), var(--bg);
    }
    @media (max-width: 700px) {
      .portal-command h1,
      .operations-command h1,
      .account-intro h1,
      .admin-v1-header h1 {
        font-size: 28px;
      }
      .admin-v1-shell {
        margin: 0 8px 16px;
        padding: 12px;
      }
      .admin-v1-shell.admin-v1-shell-module-home {
        margin: 0 0 14px;
        padding: 0;
      }
    }
    .project-shell .project-task-save-button,
    .erp-global-main .project-task-save-button {
      min-height: 30px !important;
      padding: 0 13px !important;
      border-radius: 8px !important;
      font-size: 12px !important;
      font-weight: 850 !important;
      line-height: 1 !important;
      box-shadow: none !important;
    }
    .project-shell .project-task-save-button:disabled,
    .project-shell .project-task-save-button:not(.is-enabled),
    .erp-global-main .project-task-save-button:disabled,
    .erp-global-main .project-task-save-button:not(.is-enabled) {
      border: 1px solid #d9dee7 !important;
      background: #f1f3f6 !important;
      color: #98a2b3 !important;
      cursor: not-allowed !important;
      pointer-events: none !important;
    }
    .project-shell .project-task-save-button.is-enabled,
    .erp-global-main .project-task-save-button.is-enabled {
      border: 1px solid #007aff !important;
      background: #007aff !important;
      color: #fff !important;
      cursor: pointer !important;
      pointer-events: auto !important;
    }
    .project-shell .project-task-save-button.is-enabled:hover,
    .project-shell .project-task-save-button.is-enabled:focus-visible,
    .erp-global-main .project-task-save-button.is-enabled:hover,
    .erp-global-main .project-task-save-button.is-enabled:focus-visible {
      border-color: #006ee6 !important;
      background: #006ee6 !important;
    }
    .project-task-fields-direct select[name="targetStatus"]:disabled {
      border-color: #dfe3e8 !important;
      background: #f8fafc !important;
      color: #475569 !important;
      opacity: 1 !important;
      cursor: not-allowed !important;
    }
	    .project-task-fields-direct select.project-status-draft,
	    .project-task-fields-direct select.project-status-pending,
	    .project-task-fields-direct select.project-status-parent,
	    #task-subtasks .project-subtask-status-menu.project-status-draft,
	    #task-subtasks .project-subtask-status-menu.project-status-pending,
	    #task-subtasks .project-subtask-status-menu.project-status-parent {
	      border-color: #cfd8e3 !important;
	      background: #f5f7fa !important;
	      color: #536171 !important;
	    }
	    .project-task-fields-direct select.project-status-in-progress,
	    .project-task-fields-direct select.project-status-internal-review,
	    .project-task-fields-direct select.project-status-review,
	    .project-task-fields-direct select.project-status-pending-review,
	    #task-subtasks .project-subtask-status-menu.project-status-in-progress,
	    #task-subtasks .project-subtask-status-menu.project-status-internal-review,
	    #task-subtasks .project-subtask-status-menu.project-status-review,
	    #task-subtasks .project-subtask-status-menu.project-status-pending-review {
	      border-color: #b9dcff !important;
	      background: #eff8ff !important;
	      color: #175cd3 !important;
	    }
	    .project-task-fields-direct select.project-status-paused,
	    .project-task-fields-direct select.project-status-blocked,
	    .project-task-fields-direct select.project-status-on-hold,
	    #task-subtasks .project-subtask-status-menu.project-status-paused,
	    #task-subtasks .project-subtask-status-menu.project-status-blocked,
	    #task-subtasks .project-subtask-status-menu.project-status-on-hold {
	      border-color: #ffe08a !important;
	      background: #fffbea !important;
	      color: #854d0e !important;
	    }
	    .project-task-fields-direct select.project-status-closed,
	    .project-task-fields-direct select.project-status-completed,
	    .project-task-fields-direct select.project-status-done,
	    #task-subtasks .project-subtask-status-menu.project-status-closed,
	    #task-subtasks .project-subtask-status-menu.project-status-completed,
	    #task-subtasks .project-subtask-status-menu.project-status-done {
	      border-color: #b7e4c7 !important;
	      background: #f0fdf4 !important;
	      color: #087443 !important;
	    }
	    .project-task-fields-direct select.project-status-cancelled,
	    .project-task-fields-direct select.project-status-canceled,
	    #task-subtasks .project-subtask-status-menu.project-status-cancelled,
	    #task-subtasks .project-subtask-status-menu.project-status-canceled {
	      border-color: #ffc3bd !important;
	      background: #fff3f1 !important;
	      color: #b42318 !important;
	    }
    .project-table .project-status-chip.is-draft,
    .project-table .project-status-chip.is-pending,
    .project-table .project-status-chip.is-parent,
    .project-progress-review-condition.is-draft,
    .project-progress-review-condition.is-pending,
    .project-progress-review-condition.is-parent {
      border-color: #cfd8e3;
      background: #f5f7fa;
      color: #536171;
    }
    .project-table .project-status-chip.is-in-progress,
    .project-table .project-status-chip.is-internal-review,
    .project-table .project-status-chip.is-review,
    .project-table .project-status-chip.is-pending-review,
    .project-progress-review-condition.is-in-progress,
    .project-progress-review-condition.is-internal-review,
    .project-progress-review-condition.is-review,
    .project-progress-review-condition.is-pending-review {
      border-color: #b9dcff;
      background: #eff8ff;
      color: #175cd3;
    }
    .project-table .project-status-chip.is-paused,
    .project-table .project-status-chip.is-blocked,
    .project-table .project-status-chip.is-on-hold,
    .project-progress-review-condition.is-paused,
    .project-progress-review-condition.is-blocked,
    .project-progress-review-condition.is-on-hold {
      border-color: #ffe08a;
      background: #fffbea;
      color: #854d0e;
    }
    .project-table .project-status-chip.is-closed,
    .project-table .project-status-chip.is-completed,
    .project-table .project-status-chip.is-done,
    .project-progress-review-condition.is-closed,
    .project-progress-review-condition.is-completed,
    .project-progress-review-condition.is-done {
      border-color: #b7e4c7;
      background: #f0fdf4;
      color: #087443;
    }
    .project-table .project-status-chip.is-cancelled,
    .project-table .project-status-chip.is-canceled,
    .project-progress-review-condition.is-cancelled,
    .project-progress-review-condition.is-canceled {
      border-color: #ffc3bd;
      background: #fff3f1;
      color: #b42318;
    }
    #task-subtasks .project-subtask-add-form {
      display: grid !important;
      grid-template-columns: minmax(300px, 1fr) minmax(220px, 280px) minmax(150px, 180px) 34px !important;
      gap: 8px !important;
      align-items: center !important;
      margin: 0 !important;
      padding: 0 0 8px !important;
      border: 0 !important;
    }
    #task-subtasks .project-subtask-add-form::before {
      content: none !important;
      display: none !important;
    }
    #task-subtasks .project-subtask-add-form label,
    #task-subtasks .project-subtask-add-form button {
      grid-column: auto !important;
      align-self: center !important;
      margin: 0 !important;
    }
    #task-subtasks .project-subtask-add-form input,
    #task-subtasks .project-subtask-add-form select,
    #task-subtasks .project-subtask-add-form button {
      height: 34px !important;
      min-height: 34px !important;
      box-sizing: border-box !important;
      line-height: 20px !important;
    }
    #task-subtasks .project-subtask-add-form input,
    #task-subtasks .project-subtask-add-form select {
      padding: 6px 9px !important;
      border-radius: 8px !important;
      font-size: 13px !important;
    }
    input[type="date"][data-date-placeholder] {
      font-family: inherit !important;
      letter-spacing: 0 !important;
    }
    label.erp-date-field {
      position: relative !important;
    }
    label.erp-date-picker-anchor {
      position: relative !important;
    }
    label.erp-date-field.is-empty-date input[type="date"] {
      color: transparent !important;
    }
    label.erp-date-field.is-empty-date input[type="date"]::-webkit-datetime-edit,
    label.erp-date-field.is-empty-date input[type="date"]::-webkit-datetime-edit-text,
    label.erp-date-field.is-empty-date input[type="date"]::-webkit-datetime-edit-month-field,
    label.erp-date-field.is-empty-date input[type="date"]::-webkit-datetime-edit-day-field,
    label.erp-date-field.is-empty-date input[type="date"]::-webkit-datetime-edit-year-field {
      color: transparent !important;
    }
    label.erp-date-field.is-empty-date::after {
      content: attr(data-date-placeholder);
      position: absolute;
      left: 9px;
      bottom: 7px;
      z-index: 1;
      color: #647084;
      font-size: 13px;
      font-weight: 760;
      line-height: 20px;
      pointer-events: none;
    }
    .erp-date-picker {
      position: absolute;
      left: 0;
      top: calc(100% + 8px);
      z-index: 60;
      width: min(292px, calc(100vw - 42px));
      padding: 10px;
      border: 1px solid #d9dde3;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 18px 44px rgba(25,34,49,.16);
    }
    .erp-date-picker[hidden] {
      display: none !important;
    }
    .erp-date-picker-head {
      display: grid;
      grid-template-columns: 32px minmax(0, 1fr) 32px;
      align-items: center;
      gap: 8px;
      margin-bottom: 8px;
    }
    .erp-date-picker-head strong {
      text-align: center;
      color: #111827;
      font-size: 12px;
      font-weight: 900;
    }
    .erp-date-picker-head button,
    .erp-date-picker-grid button,
    .erp-date-picker-foot button {
      border: 1px solid #e5e7eb;
      border-radius: 7px;
      background: #fff;
      color: #111827;
      font: inherit;
      font-weight: 850;
      cursor: pointer;
    }
    .erp-date-picker-head button {
      width: 32px;
      height: 30px;
      font-size: 18px;
      line-height: 1;
    }
    .erp-date-picker-week,
    .erp-date-picker-grid {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      gap: 4px;
    }
    .erp-date-picker-week {
      margin-bottom: 5px;
      color: #6b7280;
      font-size: 10px;
      font-weight: 900;
      text-align: center;
    }
    .erp-date-picker-grid span,
    .erp-date-picker-grid button {
      min-height: 30px;
    }
    .erp-date-picker-grid button:hover,
    .erp-date-picker-head button:hover,
    .erp-date-picker-foot button:hover {
      background: #f3f4f6;
    }
    .erp-date-picker-grid button.is-today {
      border-color: #93c5fd;
      color: #1d4ed8;
    }
    .erp-date-picker-grid button.is-selected {
      border-color: var(--button);
      background: var(--button);
      color: #fff;
    }
    .erp-date-picker-grid button:disabled,
    .erp-date-picker-foot button:disabled {
      color: #a8b0bd;
      background: #f7f8fa;
      cursor: not-allowed;
    }
    .erp-date-picker-foot {
      display: flex;
      justify-content: flex-end;
      margin-top: 8px;
      padding-top: 8px;
      border-top: 1px solid #eef1f5;
    }
    .erp-date-picker-foot button {
      min-width: 72px;
      min-height: 30px;
      padding: 4px 10px;
      color: #0f172a;
      font-size: 12px;
    }
    label.has-erp-search-select {
      position: relative !important;
    }
    select.erp-search-select-native {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      min-width: 1px !important;
      min-height: 1px !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      opacity: 0 !important;
      pointer-events: none !important;
      clip-path: inset(50%) !important;
    }
    .erp-search-select {
      position: relative !important;
      display: block !important;
      width: 100% !important;
      min-width: 0 !important;
    }
    .erp-search-select-input {
      width: 100% !important;
      min-width: 0 !important;
      min-height: inherit;
      height: inherit;
      box-sizing: border-box !important;
      border: 1px solid #dfe3e8 !important;
      border-radius: 9px !important;
      background: #fff !important;
      color: #0f172a !important;
      font: inherit !important;
      font-size: inherit !important;
      font-weight: inherit !important;
      line-height: 20px !important;
      letter-spacing: 0 !important;
      padding: 0 34px 0 12px !important;
      appearance: none !important;
      outline: none !important;
    }
    .erp-search-select::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 13px;
      width: 7px;
      height: 7px;
      border-right: 1.8px solid #64748b;
      border-bottom: 1.8px solid #64748b;
      transform: translateY(-65%) rotate(45deg);
      pointer-events: none;
    }
    .erp-search-select-input:focus,
    .erp-search-select.is-open .erp-search-select-input {
      border-color: #0a84ff !important;
      box-shadow: 0 0 0 3px rgba(10, 132, 255, .14) !important;
    }
    .erp-search-select-input::placeholder {
      color: #647084 !important;
      opacity: 1 !important;
    }
    .erp-search-select-list {
      position: absolute;
      left: 0;
      right: 0;
      top: calc(100% + 6px);
      z-index: 90;
      display: grid;
      gap: 2px;
      max-height: min(280px, 42vh);
      overflow: auto;
      padding: 6px;
      border: 1px solid #d9dde3;
      border-radius: 9px;
      background: #fff;
      box-shadow: 0 18px 44px rgba(25, 34, 49, .16);
    }
    .erp-search-select-list[hidden] {
      display: none !important;
    }
    .erp-search-select-list button {
      display: grid;
      gap: 2px;
      width: 100%;
      min-height: 34px;
      border: 0;
      border-radius: 7px;
      background: transparent;
      color: #111827;
      padding: 6px 8px;
      text-align: left;
      font: inherit;
      cursor: pointer;
    }
    .erp-search-select-list button small {
      display: block;
      color: #6b7280;
      font-size: 10px;
      font-weight: 850;
      line-height: 1.15;
      overflow-wrap: anywhere;
    }
    .erp-search-select-list button span {
      display: block;
      color: #111827;
      font-size: 13px;
      font-weight: 720;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .erp-search-select-list button:hover,
    .erp-search-select-list button.is-active {
      background: #f1f6ff;
    }
    .erp-search-select-list button.is-selected {
      background: #eaf3ff;
      box-shadow: inset 3px 0 0 #0a84ff;
    }
    .erp-search-select-empty {
      min-height: 34px;
      padding: 8px;
      color: #64748b;
      font-size: 12px;
      font-weight: 760;
    }
    .project-create-workbench .project-primary-choice-grid .erp-search-select,
    .project-create-workbench .project-primary-choice-grid .erp-search-select-input {
      height: 44px !important;
      min-height: 44px !important;
      font-size: 14px !important;
      font-weight: 500 !important;
    }
    .project-task-fields-direct .erp-search-select,
    .project-compact-form .erp-search-select {
      min-height: 38px !important;
    }
    .project-task-fields-direct .erp-search-select-input,
    .project-compact-form .erp-search-select-input {
      min-height: 38px !important;
      border-radius: 8px !important;
      font-size: 13px !important;
      font-weight: 650 !important;
    }
    .project-task-summary-head .project-create-head-actions {
      display: flex !important;
      justify-content: flex-end !important;
      align-items: center !important;
      gap: 8px !important;
      margin: 0 !important;
    }
    .project-create-head-actions .button,
    .project-create-head-actions button {
      min-height: 34px !important;
      border-radius: 8px !important;
      padding: 0 13px !important;
      font-size: 12px !important;
      font-weight: 850 !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }
    .project-create-save-button {
      border: 1px solid #d9dee7 !important;
      background: #f1f3f6 !important;
      color: #98a2b3 !important;
      box-shadow: none !important;
      cursor: not-allowed !important;
      pointer-events: auto !important;
    }
    .project-create-save-button.is-enabled {
      border-color: #0f1720 !important;
      background: #0f1720 !important;
      color: #fff !important;
      cursor: pointer !important;
      pointer-events: auto !important;
    }
    .project-create-save-button:disabled {
      pointer-events: none !important;
    }
    .project-create-form label.has-required-error {
      position: relative !important;
    }
    .project-create-form .is-required-error,
    .project-create-form label.has-required-error .erp-search-select-input {
      border-color: #dc2626 !important;
      box-shadow: 0 0 0 3px rgba(220, 38, 38, .12) !important;
    }
    .project-required-alert {
      position: absolute;
      z-index: 4;
      top: 27px;
      right: 9px;
      width: 18px;
      height: 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: #dc2626;
      color: #fff;
      font-size: 12px;
      font-weight: 950;
      line-height: 1;
      pointer-events: none;
    }
    .project-task-period-control label .project-required-alert {
      top: 20px;
      right: 34px;
    }
    .project-create-save-status {
      margin: 0 0 10px !important;
      padding: 8px 10px !important;
      border: 1px solid #f2d6a2 !important;
      border-radius: 8px !important;
      background: #fff8e8 !important;
      color: #7a4b00 !important;
      font-size: 12px !important;
      font-weight: 760 !important;
      line-height: 1.35 !important;
    }
    .project-create-save-status[hidden] {
      display: none !important;
    }
    .project-create-form > .project-create-footer,
    .project-task-create-form > .project-create-footer {
      display: none !important;
    }
    #task-subtasks .project-subtask-inline-row {
      display: grid !important;
      grid-template-columns: 24px 28px minmax(0, 1fr) 34px !important;
      gap: 8px !important;
      align-items: center !important;
      padding: 6px 0 !important;
      background: transparent !important;
    }
    #task-subtasks .project-subtask-inline-row > .project-subtask-toggle-form {
      grid-column: 1 !important;
      width: 24px !important;
      min-width: 24px !important;
    }
    #task-subtasks .project-subtask-inline-row > .project-subtask-order {
      grid-column: 2 !important;
    }
    #task-subtasks .project-subtask-inline-row > .project-subtask-edit-form {
      grid-column: 3 !important;
      display: grid !important;
      grid-template-columns: minmax(240px, .82fr) minmax(300px, 1fr) minmax(150px, .42fr) !important;
      gap: 8px !important;
      align-items: center !important;
      min-width: 0 !important;
      width: 100% !important;
    }
    #task-subtasks .project-subtask-inline-row > .project-subtask-edit-form > label {
      min-width: 0 !important;
      width: 100% !important;
    }
    #task-subtasks .project-subtask-inline-row > .project-subtask-delete-form {
      grid-column: 4 !important;
      justify-self: end !important;
      width: 34px !important;
      min-width: 34px !important;
    }
    #task-subtasks .project-subtask-inline-row > .project-subtask-toggle-form > .project-subtask-check-button,
    #task-subtasks .project-subtask-inline-row > .project-subtask-delete-form > .project-subtask-delete-button {
      width: 30px !important;
      min-width: 30px !important;
    }
    #task-subtasks .project-subtask-inline-row input,
    #task-subtasks .project-subtask-inline-row select,
    #task-subtasks .project-subtask-inline-row button {
      height: 30px !important;
      min-height: 30px !important;
      box-sizing: border-box !important;
    }
    #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) {
      grid-template-columns: 24px 28px minmax(240px, 1fr) minmax(190px, 240px) minmax(140px, 160px) 34px !important;
      gap: 8px !important;
      align-items: center !important;
      overflow: hidden !important;
    }
    #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) > .project-subtask-check-button {
      grid-column: 1 !important;
      justify-self: start !important;
    }
    #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) > .project-subtask-order {
      grid-column: 2 !important;
      justify-self: center !important;
    }
    #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) > label.project-subtask-main {
      grid-column: 3 !important;
    }
    #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) > label:nth-of-type(2) {
      grid-column: 4 !important;
    }
    #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) > label:nth-of-type(3) {
      grid-column: 5 !important;
    }
    #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) > .project-draft-remove-row {
      grid-column: 6 !important;
      justify-self: end !important;
    }
    #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) > label,
    #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) input,
    #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) select {
      min-width: 0 !important;
      width: 100% !important;
    }
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas:
        "order"
        "display"
        "task"
        "description"
        "schedule"
        "materials" !important;
      gap: 8px !important;
      align-items: stretch !important;
      padding: 10px !important;
      overflow: visible !important;
      background: #f8fafc !important;
    }
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row > .admin-service-catalog-sop-order {
      grid-area: order !important;
      display: grid !important;
      grid-template-columns: 20px 22px minmax(0, 1fr) auto auto !important;
      gap: 6px !important;
      align-items: center !important;
      width: 100% !important;
      min-width: 0 !important;
      min-height: 30px !important;
    }
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .admin-service-catalog-sop-drag-handle {
      grid-column: 1 !important;
    }
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .admin-service-catalog-sop-order strong {
      grid-column: 2 !important;
    }
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .project-subtask-flow-toggle {
      position: static !important;
      grid-column: 4 !important;
      justify-self: end !important;
    }
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .admin-service-catalog-sop-remove-task {
      position: static !important;
      grid-column: 5 !important;
      justify-self: end !important;
    }
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row > .project-subtask-flow-display {
      grid-area: display !important;
    }
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row > label:nth-of-type(1) {
      grid-area: task !important;
    }
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row > label:nth-of-type(2) {
      grid-area: description !important;
    }
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row > .admin-service-catalog-sop-schedule {
      grid-area: schedule !important;
    }
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row > .admin-service-catalog-sop-materials {
      grid-area: materials !important;
    }
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row > label,
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .admin-service-catalog-sop-schedule,
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .admin-service-catalog-sop-materials {
      width: 100% !important;
      min-width: 0 !important;
    }
    #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .admin-service-catalog-sop-schedule-grid {
      grid-template-columns: minmax(150px, .9fr) minmax(220px, 1.25fr) minmax(90px, .45fr) minmax(100px, .5fr) !important;
    }
    @media (max-width: 900px) {
      .project-task-summary-head {
        align-items: stretch !important;
      }
      .project-task-summary-head .project-create-head-actions {
        justify-content: stretch !important;
      }
      .project-create-head-actions .button,
      .project-create-head-actions button {
        width: 100% !important;
      }
      #task-subtasks .project-subtask-add-form {
        grid-template-columns: 1fr !important;
      }
      #task-subtasks .project-subtask-inline-row {
        grid-template-columns: 1fr !important;
      }
      #task-subtasks .project-subtask-inline-row > * {
        grid-column: auto !important;
      }
      #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) {
        grid-template-columns: 24px 28px minmax(0, 1fr) 34px !important;
      }
      #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) > label.project-subtask-main {
        grid-column: 3 / 5 !important;
      }
      #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) > label:nth-of-type(2) {
        grid-column: 1 / 4 !important;
      }
      #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) > label:nth-of-type(3) {
        grid-column: 1 / 4 !important;
      }
      #task-subtasks .project-subtask-inline-row:has(> label.project-subtask-main) > .project-draft-remove-row {
        grid-column: 4 !important;
      }
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
          "order"
          "display"
          "task"
          "description"
          "schedule"
          "materials" !important;
        gap: 8px !important;
        align-items: stretch !important;
        padding: 10px !important;
        overflow: visible !important;
        background: #f8fafc !important;
      }
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row > .admin-service-catalog-sop-order {
        grid-area: order !important;
        display: grid !important;
        grid-template-columns: 20px 22px minmax(0, 1fr) auto auto !important;
        gap: 6px !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 30px !important;
      }
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .admin-service-catalog-sop-drag-handle {
        grid-column: 1 !important;
      }
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .admin-service-catalog-sop-order strong {
        grid-column: 2 !important;
      }
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .project-subtask-flow-toggle {
        position: static !important;
        grid-column: 4 !important;
        justify-self: end !important;
      }
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .project-subtask-flow-close {
        position: static !important;
        grid-column: 4 !important;
        justify-self: end !important;
      }
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .admin-service-catalog-sop-remove-task {
        position: static !important;
        grid-column: 5 !important;
        justify-self: end !important;
      }
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row > .project-subtask-flow-display {
        grid-area: display !important;
      }
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row > label:nth-of-type(1) {
        grid-area: task !important;
      }
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row > label:nth-of-type(2) {
        grid-area: description !important;
      }
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row > .admin-service-catalog-sop-schedule {
        grid-area: schedule !important;
      }
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row > .admin-service-catalog-sop-materials {
        grid-area: materials !important;
      }
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row > label,
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .admin-service-catalog-sop-schedule,
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .admin-service-catalog-sop-materials {
        width: 100% !important;
        min-width: 0 !important;
      }
      #task-subtasks .project-task-flow-list .project-subtask-inline-row.admin-service-catalog-sop-row .admin-service-catalog-sop-schedule-grid {
        grid-template-columns: minmax(150px, .9fr) minmax(220px, 1.25fr) minmax(90px, .45fr) minmax(100px, .5fr) !important;
      }
    }
    #task-subtasks .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row {
      grid-template-columns: 54px minmax(0, 1fr) !important;
      grid-template-areas:
        "order task"
        "order description"
        "order schedule"
        "order materials" !important;
      gap: 10px !important;
      padding: 16px 112px 16px 10px !important;
      align-items: stretch !important;
      overflow: visible !important;
    }
    #task-subtasks .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row > .admin-service-catalog-sop-order {
      grid-area: order !important;
      display: grid !important;
      grid-template-columns: 20px 18px !important;
      gap: 2px !important;
      align-content: center !important;
      align-items: center !important;
      align-self: stretch !important;
      width: auto !important;
      min-width: 0 !important;
    }
    #task-subtasks .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row > .project-subtask-flow-display {
      grid-area: task !important;
    }
    #task-subtasks .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row .admin-service-catalog-sop-remove-task {
      position: absolute !important;
      top: 16px !important;
      right: 10px !important;
      width: 88px !important;
      min-width: 88px !important;
      grid-column: auto !important;
    }
    #task-subtasks .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row:not(.is-editing) .admin-service-catalog-sop-remove-task,
    #task-subtasks .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row:not(.is-editing) .project-subtask-flow-close {
      display: none !important;
    }
    #task-subtasks .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row.is-editing {
      padding: 16px 112px 16px 10px !important;
    }
    #task-subtasks .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row.is-editing .project-subtask-flow-close {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }
    #task-subtasks .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row:not(.is-editing) [data-subtask-status] {
      display: block !important;
    }
    #task-subtasks .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row.is-editing [data-subtask-status] {
      display: none !important;
    }
    #task-subtasks .project-task-flow-list .project-task-flow-row.admin-service-catalog-sop-row:not(:has([data-subtask-status])) {
      padding-right: 112px !important;
    }
    /* Keep native project selects identical in Safari and Chromium. */
    .project-shell select:not([multiple]):not(.erp-search-select-native) {
      box-sizing: border-box !important;
      min-width: 0 !important;
      max-width: 100% !important;
      -webkit-appearance: none !important;
      appearance: none !important;
      line-height: 20px !important;
      padding-right: 32px !important;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='m2 2 4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
      background-repeat: no-repeat !important;
      background-position: right 11px center !important;
      background-size: 12px 8px !important;
    }
    .project-task-fields-direct .project-task-field-group-grid select:not(.erp-search-select-native) {
      width: 100% !important;
      height: 34px !important;
      min-height: 34px !important;
      max-height: 34px !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    #task-subtasks .project-subtask-status-menu,
    #task-subtasks .project-subtask-inline-row select {
      height: 30px !important;
      min-height: 30px !important;
      max-height: 30px !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    #task-subtasks .admin-service-catalog-sop-schedule-grid select {
      height: 32px !important;
      min-height: 32px !important;
      max-height: 32px !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .project-unsaved-dialog {
      position: fixed;
      inset: 0;
      z-index: 1200;
      display: grid;
      place-items: center;
      padding: 18px;
      background: rgba(33, 36, 43, .28);
      -webkit-backdrop-filter: blur(6px);
      backdrop-filter: blur(6px);
    }
    .project-unsaved-panel {
      width: min(380px, 100%);
      overflow: hidden;
      border: 1px solid rgba(60, 60, 67, .2);
      border-radius: 14px;
      background: rgba(255, 255, 255, .98);
      color: #1d1d1f;
      text-align: center;
      box-shadow: 0 22px 60px rgba(76, 85, 99, .22);
    }
    .project-unsaved-panel > strong {
      display: block;
      padding: 20px 20px 0;
      font-size: 17px;
      font-weight: 750;
      line-height: 1.25;
    }
    .project-unsaved-panel > p {
      margin: 7px 0 18px;
      padding: 0 20px;
      color: #636366;
      font-size: 13px;
      line-height: 1.4;
    }
    .project-unsaved-panel > div {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      border-top: 1px solid rgba(60, 60, 67, .18);
    }
    .project-unsaved-panel button {
      min-height: 44px !important;
      padding: 0 10px !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      color: #007aff !important;
      font-size: 14px !important;
      font-weight: 700 !important;
    }
    .project-unsaved-panel button + button {
      border-left: 1px solid rgba(60, 60, 67, .18) !important;
    }
    .project-unsaved-panel button.danger-action {
      color: #ff3b30 !important;
    }
    .project-subtask-delete-dialog {
      width: min(420px, calc(100vw - 32px));
      margin: auto;
      padding: 0;
      border: 1px solid rgba(60, 60, 67, .2);
      border-radius: 14px;
      background: rgba(255, 255, 255, .98);
      color: #1d1d1f;
      box-shadow: 0 22px 60px rgba(76, 85, 99, .2);
    }
    .project-subtask-delete-dialog::backdrop {
      background: rgba(238, 241, 246, .82);
      -webkit-backdrop-filter: blur(6px);
      backdrop-filter: blur(6px);
    }
    .project-subtask-delete-dialog form {
      display: grid;
      gap: 0;
      margin: 0;
    }
    .project-subtask-delete-dialog-copy {
      display: grid;
      gap: 8px;
      padding: 22px 22px 18px;
      text-align: center;
    }
    .project-subtask-delete-dialog-copy strong {
      font-size: 17px;
      font-weight: 750;
      line-height: 1.25;
    }
    .project-subtask-delete-dialog-copy p {
      margin: 0;
      color: #636366;
      font-size: 13px;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .project-subtask-delete-dialog-copy label {
      display: grid;
      gap: 5px;
      text-align: left;
      color: #636366;
      font-size: 11px;
      font-weight: 750;
    }
    .project-subtask-delete-dialog-copy textarea {
      min-height: 74px;
      resize: vertical;
      padding: 8px 9px;
      border: 1px solid #d1d1d6;
      border-radius: 8px;
      background: #fff;
      color: #1d1d1f;
      font: inherit;
      font-weight: 500;
      line-height: 1.35;
    }
    .project-subtask-delete-dialog-actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      border-top: 1px solid rgba(60, 60, 67, .18);
    }
    .project-subtask-delete-dialog-actions button {
      min-height: 46px !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      color: #007aff !important;
      font-size: 15px !important;
      font-weight: 650 !important;
    }
    .project-subtask-delete-dialog-actions button + button {
      border-left: 1px solid rgba(60, 60, 67, .18) !important;
    }
    .project-subtask-delete-dialog-actions button.danger {
      color: #ff3b30 !important;
    }