@layer surfaces {
  [data-flap-surface="legalbase.case-work"] {
    min-block-size: 32rem;
  }

  [data-flap-surface="legalbase.case-work"] [data-region="toolbar"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
  }

  [data-flap-surface="legalbase.case-work"] [data-region="toolbar"] h1 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--flapbase-navy);
  }

  [data-flap-surface="legalbase.case-work"] [data-region="detail-header"] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 8px;
  }

  [data-flap-surface="legalbase.case-work"] [data-region="detail-header"] h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--flapbase-navy);
  }

  [data-flap-surface="legalbase.case-work"] [data-region="ledger-form"] [data-flap-ui="input"][name="amount"] {
    width: 7.5rem;
  }

  [data-flap-surface="legalbase.case-work"] [data-region="ledger-form"] [data-flap-ui="input"][name="label"] {
    width: 10rem;
  }

  [data-flap-surface="legalbase.case-work"] [data-region="list-status"]:not([hidden]),
  [data-flap-surface="legalbase.case-work"] [data-region="detail-status"]:not([hidden]) {
    margin: 0 0 12px;
  }

  /* 一覧の高さ予約（読み込み前後の layout shift 抑制） */
  [data-flap-surface="legalbase.case-work"] [data-region="cases-table"] {
    min-block-size: 16rem;
  }

  [data-flap-surface="legalbase.case-work"] [data-region="cases-table"] tbody tr[data-skeleton] td {
    height: 2.5rem;
    background: color-mix(in srgb, var(--platform-sidebar) 55%, transparent);
  }

  [data-flap-surface="legalbase.case-work"] [data-region="cases-table"] tbody tr[data-skeleton] td::after {
    content: '';
    display: block;
    height: 0.65rem;
    width: 42%;
    border-radius: 4px;
    background: color-mix(in srgb, var(--platform-divider) 80%, transparent);
  }
}