/* /Components/Claim/ClaimMainView.razor.rz.scp.css */
/* A working register: quiet controls, one green spine joining the list to its content. */
.claim-main-page[b-ptzvb9ao0v] {
    --claim-ink: var(--navy);
    --claim-accent: var(--teal);
    --claim-surface: var(--surface);
    --claim-paper: var(--paper);
    --claim-line: var(--line);
    --claim-muted: var(--muted);
    width: 100%; min-width: 0; max-width: 1560px; margin-inline: auto;
    color: var(--claim-ink); font-family: "BIZ UDPGothic", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
}
.page-header[b-ptzvb9ao0v] { max-width: none; margin: 0 0 18px; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; border: 0; }
h1[b-ptzvb9ao0v] { font: 700 28px/1.4 "Yu Gothic", "Hiragino Sans", sans-serif; letter-spacing: .04em; margin: 0; }
h2[b-ptzvb9ao0v] { font-size: 15px; margin: 0; }
.claim-eyebrow[b-ptzvb9ao0v] { color: var(--claim-accent); font-size: 11px; font-weight: 700; margin: 0 0 3px; letter-spacing: .08em; }
.claim-subtitle[b-ptzvb9ao0v] { color: var(--claim-muted); margin: 4px 0 0; font-size: 12px; }
.claim-header-actions[b-ptzvb9ao0v] { margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.claim-header-actions .command[b-ptzvb9ao0v] { min-height: 40px; padding-inline: 20px; }
.claim-find-box-switch[b-ptzvb9ao0v] { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 10px; border: 1px solid var(--claim-line); border-radius: 5px; background: var(--claim-surface); color: var(--claim-ink); font-size: 12px; font-weight: 700; white-space: nowrap; }
.claim-tools[b-ptzvb9ao0v] { display: flex; align-items: center; gap: 6px; }
.claim-tool-menu[b-ptzvb9ao0v] { position: relative; }
.claim-tool-menu summary[b-ptzvb9ao0v] { padding: 9px 11px; border: 1px solid var(--claim-line); border-radius: 5px; background: var(--claim-surface); font-size: 12px; }
.claim-tool-menu[open] summary[b-ptzvb9ao0v] { background: var(--claim-paper); }
.claim-tool-options[b-ptzvb9ao0v] { position: absolute; right: 0; top: calc(100% + 6px); z-index: 35; width: 250px; padding: 8px; display: grid; gap: 3px; background: var(--claim-surface); border: 1px solid var(--claim-line); border-radius: 6px; box-shadow: 0 8px 24px var(--claim-menu-shadow); }
.claim-tool-options .command[b-ptzvb9ao0v] { text-align: left; border: 0; min-height: 36px; font-weight: 500; }
.claim-counts[b-ptzvb9ao0v] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 12px 16px; margin-bottom: 14px; background: var(--claim-surface); border: 1px solid var(--claim-line); border-left: 4px solid var(--claim-accent); border-radius: 5px; font-size: 12px; }
.claim-counts label[b-ptzvb9ao0v] { display: inline-flex; gap: 4px; align-items: center; }
.claim-counts .badge[b-ptzvb9ao0v] { border: 0; border-radius: 3px; background: var(--claim-paper); color: var(--claim-ink); padding: 5px 8px; font-size: 12px; }
.claim-count-note[b-ptzvb9ao0v] { margin-left: auto; color: var(--claim-muted); font-size: 11px; }
.claim-search[b-ptzvb9ao0v] { max-width: none; padding: 16px; margin: 0 0 20px; border: 1px solid var(--claim-line); border-radius: 6px; background: var(--claim-surface); box-shadow: none; }
.claim-search h2[b-ptzvb9ao0v] { margin: 0 0 12px; }
.field-grid[b-ptzvb9ao0v] { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(180px, 1.4fr) 160px 140px; gap: 12px 16px; }
.field[b-ptzvb9ao0v] { min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; }
.field-grid[b-ptzvb9ao0v] { background: transparent; border: 0; }
.field-grid > .field[b-ptzvb9ao0v] { background: transparent; }
.field label[b-ptzvb9ao0v] { font-size: 12px; color: var(--claim-muted); margin-bottom: 5px; }
.field input:not([type=checkbox])[b-ptzvb9ao0v], .field select[b-ptzvb9ao0v] { width: 100%; min-width: 0; height: 36px; padding: 6px 9px; border: 1px solid var(--claim-line); border-radius: 4px; font-size: 13px; }
.field [data-legacy-control=Label1][b-ptzvb9ao0v] { display: none; }
.claim-aged[b-ptzvb9ao0v] { display: flex; align-items: center; padding-top: 20px; font-size: 12px; }
.claim-search-actions[b-ptzvb9ao0v] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.claim-period[b-ptzvb9ao0v] { margin-left: auto; color: var(--claim-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.command[b-ptzvb9ao0v] { border-radius: 4px; min-height: 36px; font-size: 12px; }
.claim-results[b-ptzvb9ao0v] { min-width: 0; border: 1px solid var(--claim-line); border-radius: 6px 6px 0 0; background: var(--claim-surface); }
.claim-results-heading[b-ptzvb9ao0v] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px 8px; }
h2 small[b-ptzvb9ao0v] { margin-left: 10px; font-size: 13px; color: var(--claim-muted); font-variant-numeric: tabular-nums; font-weight: 500; }
.claim-status-filters[b-ptzvb9ao0v] { display: flex; flex-wrap: wrap; gap: 4px; }
.claim-filter[b-ptzvb9ao0v] { min-height: 34px; padding: 5px 13px; border: 1px solid transparent; border-radius: 4px; background: transparent; color: var(--claim-muted); font-size: 12px; }
.claim-filter[aria-pressed=true][b-ptzvb9ao0v] { color: var(--claim-accent); background: var(--teal-soft); border-color: var(--claim-accent); font-weight: 700; }
.claim-list-guide[b-ptzvb9ao0v] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 0 16px 12px; color: var(--claim-muted); font-size: 11px; }
.claim-legend[b-ptzvb9ao0v] { display: flex; gap: 16px; }
.claim-legend span[b-ptzvb9ao0v]::before { content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 5px; border: 1px solid var(--danger); background: var(--claim-overdue-bg); }
.claim-legend span + span[b-ptzvb9ao0v]::before { border-color: var(--focus); background: var(--claim-unarranged-bg); }
.claim-table-scroll[b-ptzvb9ao0v] { min-width: 0; margin: 0; border: 0; }
/* 共通表の建物名を余白いっぱいに伸ばす width:100% と、横スクロール用の
   min-width:max-content を併用すると列幅が膨張する。リクエストは内容の幅で並べる。 */
[b-ptzvb9ao0v] .claim-request-table .col-building { width: auto; }
.data-grid[b-ptzvb9ao0v] { width: 100%; border: 0; font-size: 12px; }
.data-grid th[b-ptzvb9ao0v] { position: sticky; top: 0; z-index: 2; padding: 10px 12px; background: var(--claim-paper); color: var(--claim-muted); border-width: 0 0 1px; white-space: nowrap; }
.data-grid td[b-ptzvb9ao0v] { padding: 12px; height: 48px; border-width: 0 0 1px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.data-grid tr:hover td[b-ptzvb9ao0v] { background: var(--claim-row-hover); }
.claim-building[b-ptzvb9ao0v] { color: var(--claim-ink); font-weight: 700; }
.claim-urgent[b-ptzvb9ao0v] { color: var(--danger); font-weight: 700; }
.data-grid .claim-empty[b-ptzvb9ao0v] { height: 164px; white-space: normal; text-align: center; }
.claim-empty strong[b-ptzvb9ao0v] { font-size: 15px; }
.claim-empty p[b-ptzvb9ao0v] { color: var(--claim-muted); margin: 8px 0 0; font-size: 12px; }
.claim-preview[b-ptzvb9ao0v] { border: 1px solid var(--claim-line); border-top: 0; border-left: 4px solid var(--claim-accent); border-radius: 0 0 6px 6px; background: var(--claim-surface); padding: 12px 16px; }
.claim-preview-heading[b-ptzvb9ao0v] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 13px; }
.claim-preview-heading label[b-ptzvb9ao0v] { font-size: 11px; color: var(--claim-muted); }
.claim-preview-heading button[b-ptzvb9ao0v] { margin-left: auto; }
.claim-preview textarea[b-ptzvb9ao0v] { width: 100%; min-height: 64px; margin-top: 8px; padding: 8px 0; border: 0; resize: vertical; background: transparent; color: var(--claim-ink); font: inherit; font-size: 13px; line-height: 1.8; }
.claim-selection-actions[b-ptzvb9ao0v] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 8px 16px; border-top: 1px solid var(--claim-line); }
.claim-selected-count[b-ptzvb9ao0v] { padding-right: 14px; border-right: 1px solid var(--claim-line); font-size: 12px; font-weight: 700; }
.claim-selection-actions .danger[b-ptzvb9ao0v] { margin-left: 8px; }
input[type=checkbox][b-ptzvb9ao0v], input[type=radio][b-ptzvb9ao0v] { accent-color: var(--claim-accent); width: 16px; height: 16px; vertical-align: middle; }
button:focus-visible[b-ptzvb9ao0v], summary:focus-visible[b-ptzvb9ao0v], input:focus-visible[b-ptzvb9ao0v], select:focus-visible[b-ptzvb9ao0v], textarea:focus-visible[b-ptzvb9ao0v], [tabindex]:focus-visible[b-ptzvb9ao0v] { outline: 3px solid var(--focus); outline-offset: 3px; }
button:disabled[b-ptzvb9ao0v] { opacity: .5; cursor: not-allowed; }
@media (max-width: 1100px) { .field-grid[b-ptzvb9ao0v] { grid-template-columns: repeat(4, minmax(0, 1fr)); } .claim-count-note[b-ptzvb9ao0v] { width: 100%; margin-left: 0; } }
@media (max-width: 760px) {
    .page-header[b-ptzvb9ao0v] { gap: 12px; } .claim-tools[b-ptzvb9ao0v] { width: 100%; } .claim-tool-options[b-ptzvb9ao0v] { left: 0; right: auto; max-width: calc(100vw - 64px); }
    .field-grid[b-ptzvb9ao0v] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .claim-period[b-ptzvb9ao0v] { width: 100%; margin: 4px 0 0; }
    /* Override the shared mobile rule that pins every field to column one. */
    .claim-search .field-grid > .field[b-ptzvb9ao0v] { grid-column: auto !important; }
    .claim-search[b-ptzvb9ao0v] { padding: 12px; } .claim-search-actions .primary[b-ptzvb9ao0v] { min-width: 100px; } .claim-preview-heading button[b-ptzvb9ao0v] { margin-left: 0; }
    .claim-counts[b-ptzvb9ao0v] { gap: 10px; padding: 12px; } .claim-status-filters[b-ptzvb9ao0v] { gap: 2px; } .claim-filter[b-ptzvb9ao0v] { padding-inline: 9px; }
    .claim-selection-actions[b-ptzvb9ao0v] { gap: 6px; } .claim-selected-count[b-ptzvb9ao0v] { width: 100%; border: 0; padding: 0; }
    /* 共通 pager は横 1 行を前提にする。クレームだけは画面幅が狭くても前後移動を残す。 */
    [b-ptzvb9ao0v] .ichiran-pager { flex-wrap: wrap; gap: 8px; }
    [b-ptzvb9ao0v] .ichiran-pager .ichiran-range,
    [b-ptzvb9ao0v] .ichiran-pager .ichiran-pagesize { flex: 1 1 100%; margin-left: 0; }
    [b-ptzvb9ao0v] .ichiran-pager .ichiran-step { flex: 1 1 calc(50% - 4px); justify-content: center; padding-inline: 8px; }
}
@media (max-width: 350px) { .field-grid[b-ptzvb9ao0v] { grid-template-columns: 1fr; } .claim-aged[b-ptzvb9ao0v] { padding-top: 0; } }

.claim-advanced[b-ptzvb9ao0v] { margin-top: 12px; }
.claim-advanced summary[b-ptzvb9ao0v] { width: fit-content; font-size: 12px; color: var(--claim-ink); padding-block: 4px; }
.claim-advanced summary span[b-ptzvb9ao0v] { color: var(--claim-muted); font-size: 11px; margin-left: 8px; }
.claim-advanced[open] .field-grid[b-ptzvb9ao0v] { margin-top: 12px; }
.claim-counts .badge[b-ptzvb9ao0v] { border: 1px solid transparent; }
.claim-counts .badge[aria-pressed=true][b-ptzvb9ao0v] { border-color: var(--claim-accent); background: var(--teal-soft); }
.claim-row-status[b-ptzvb9ao0v] { color: var(--claim-ink); margin-right: 5px; }
@media (max-width: 760px) { .claim-advanced summary span[b-ptzvb9ao0v] { display: none; } }

.claim-table-scroll .data-grid th:nth-child(2)[b-ptzvb9ao0v], .claim-table-scroll .data-grid td:nth-child(2)[b-ptzvb9ao0v] { min-width: 150px; }
.claim-bulk-menu .claim-tool-options[b-ptzvb9ao0v] { left: auto; right: 0; }
.claim-main-page > .notice:not(.notice-error)[b-ptzvb9ao0v] { background: transparent; border: 0; padding: 0; margin: 0 0 8px; color: var(--claim-muted); font-size: 12px; }
.claim-print-result[b-ptzvb9ao0v] { margin-bottom: 12px; }
@media (max-width: 760px) {
    .claim-tools[b-ptzvb9ao0v] { position: relative; }
    .claim-tools .claim-tool-menu[b-ptzvb9ao0v] { position: static; }
    .claim-tools .claim-tool-options[b-ptzvb9ao0v] { left: 0; right: auto; top: calc(100% + 6px); }
}
/* /Components/Claim/ClaimScreen.razor.rz.scp.css */
/* 受付票は既存の flow editor を使い、項目自身がラベルと値を持つ。
   画面内だけで列幅を決めることで、旧座標や他画面の列数に依存させない。 */
.claim-request[b-krnbt2tegf] { max-width: 1200px; margin-inline: auto; min-width: 0; }
.claim-request .edit-surface[b-krnbt2tegf] { max-width: none; }
.claim-request-breadcrumb[b-krnbt2tegf] { flex-wrap: wrap; }
.claim-request-breadcrumb [aria-current="page"][b-krnbt2tegf] { min-width: 0; overflow-wrap: anywhere; }
.claim-request[b-krnbt2tegf]  .field-groups[data-field-layout="flow"] { display: block; padding: 0; }
.claim-request[b-krnbt2tegf]  .field-grid[data-field-layout="flow"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; padding: 20px; align-items: start; }
.claim-request[b-krnbt2tegf]  .field-grid[data-field-layout="flow"] > * { min-width: 0; grid-column: auto !important; grid-row: auto !important; }
.claim-request[b-krnbt2tegf]  .field-grid[data-field-layout="flow"] > :is(.field-child-group, .field-action, .claim-building-selector, .claim-input-building, .claim-request-object-actions, section, .legacy-static-label),
.claim-request[b-krnbt2tegf]  .field-grid[data-field-layout="flow"] > .field:has(textarea) { grid-column: 1 / -1 !important; }
/* 記録の識別子は一段にまとめ、開いた直後に受付内容へ視線が届くようにする。 */
.claim-request[b-krnbt2tegf]  [data-field-container="base"] > .field-grid[data-field-layout="flow"] { grid-template-columns: 190px minmax(0, 1fr) 110px; gap: 10px 20px; padding: 14px 20px; }
.claim-request[b-krnbt2tegf]  [data-field-container="base"] > .field-grid > .claim-request-target-building { grid-column: auto !important; min-width: 0; }
.claim-request[b-krnbt2tegf]  #txtUketsukeNo { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: 13px; }
/* 対象物件の下の段。物件詳細への導線を左、管理担当者（旧 lblChiku）を旧と同じ右下に置く。 */
.claim-request[b-krnbt2tegf]  .claim-request-target-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; margin-top: 4px; font-size: 12px; }
.claim-request[b-krnbt2tegf]  .claim-request-target-meta:not(:has(.claim-input-building, .claim-request-sales-area-caption)) { display: none; }
.claim-request[b-krnbt2tegf]  .claim-request-sales-area { margin-inline-start: auto; }
.claim-request[b-krnbt2tegf]  .claim-request-sales-area-caption { margin-inline-end: 8px; color: var(--label); }
.claim-request[b-krnbt2tegf]  .field-tabset { margin-top: 0; }
.claim-request[b-krnbt2tegf]  .field-tablist { padding-inline: 14px; background: var(--navy); }
.claim-request[b-krnbt2tegf]  .field-tablist > .field-tab { flex: 0 0 auto; min-height: 42px; padding: 10px 14px; color: var(--surface); white-space: nowrap; }
.claim-request[b-krnbt2tegf]  .field-tablist[role="tablist"] > .field-tab[role="tab"].selected { border-bottom-color: var(--focus); background: var(--surface); color: var(--navy); }
.claim-request[b-krnbt2tegf]  .field-tablist > .field-tab:focus-visible { outline: 2px solid var(--focus); outline-offset: -3px; }
.claim-request[b-krnbt2tegf]  .field-group { margin: 0; border-color: var(--line-soft); }
.claim-request[b-krnbt2tegf]  .field-group-heading { padding: 10px 16px; color: var(--navy); font-size: 14px; }
.claim-request[b-krnbt2tegf]  .field-group .field-group { margin: 0; }
/* 了承のチェック・日付・担当は一つの判断を記録する組。2列の自動折返しで切り離さない。 */
.claim-request[b-krnbt2tegf]  :is([data-field-key^="claim-ya-"], [data-field-key^="claim-fu-"]) { border: 0; border-top: 1px solid var(--line-soft); }
.claim-request[b-krnbt2tegf]  :is([data-field-key^="claim-ya-"], [data-field-key^="claim-fu-"]) > .field-grid[data-field-layout="flow"] { grid-template-columns: minmax(100px, .65fr) minmax(140px, 1fr) minmax(160px, 1.25fr); gap: 12px 20px; padding: 12px 0 0; align-items: center; }
.claim-request[b-krnbt2tegf]  :is([data-field-key^="claim-ya-"], [data-field-key^="claim-fu-"]) > .field-group-heading { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.claim-request[b-krnbt2tegf]  [data-field-key="GroupBox1"] > .field-grid { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.claim-request[b-krnbt2tegf]  [data-field-key="GroupBox1"] .field { flex: 0 0 auto; }
.claim-request[b-krnbt2tegf]  .field { min-width: 0; }
.claim-request[b-krnbt2tegf]  .field > label:not(.check-field) { display: block; min-height: 18px; margin-bottom: 6px; font-size: 12px; line-height: 1.5; white-space: normal; color: var(--label); }
.claim-request[b-krnbt2tegf]  .field-control-line { width: 100%; min-width: 0; }
.claim-request[b-krnbt2tegf]  :is(.field input, .field select, .legacy-autocomplete, .legacy-autocomplete-input) { min-width: 0; max-width: 100%; }
.claim-request[b-krnbt2tegf]  .field :is(input[type="text"], input[type="date"], input[type="time"], select, .legacy-autocomplete-input) { min-height: 36px; font-size: 14px; }
.claim-request[b-krnbt2tegf]  .field textarea { width: 100%; min-height: 100px; padding: 8px 10px; font-size: 14px; line-height: 1.6; }
.claim-request[b-krnbt2tegf]  .check-field { align-items: center; font-size: 13px; }
.claim-request[b-krnbt2tegf]  .field-readonly-value { display: block; width: 100%; min-height: 36px; padding-block: 6px; border-bottom: 1px solid var(--line-soft); color: var(--ink); font-size: 14px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; user-select: text; }
.claim-request[b-krnbt2tegf]  .legacy-static-label { align-self: center; padding: 0; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.claim-request[b-krnbt2tegf]  .legacy-static-label:empty { display: none; }
.claim-request[b-krnbt2tegf]  .claim-building-selector { width: 100%; min-width: 0; }
.claim-request[b-krnbt2tegf]  .claim-building-selector-control { align-items: start; }
.claim-request[b-krnbt2tegf]  .claim-building-unavailable-tip { flex: 0 0 auto; }
.claim-request[b-krnbt2tegf]  .claim-building-selector-control button { min-height: 36px; white-space: nowrap; }
.claim-request[b-krnbt2tegf]  .field-action > button { max-width: 100%; min-height: 34px; white-space: normal; word-break: keep-all; overflow-wrap: anywhere; }
.claim-request[b-krnbt2tegf]  .claim-request-object-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 20px 0; }
.claim-request[b-krnbt2tegf]  [data-field-key="claim-content"] .claim-request-object-actions { padding: 0; }
.claim-request[b-krnbt2tegf]  .field-child-group:has(> [data-field-key="grpTo"]):not(:has(input)),
.claim-request[b-krnbt2tegf]  .field-child-group:has(> [data-field-key="grpObject"]):not(:has(input)) { display: none; }

/* 保存バーは本文の後に置く。行が増えても入力欄を覆わず、文字の幅を保って折り返す。 */
.claim-request-command-bar[b-krnbt2tegf] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--line); background: var(--surface-dim); }
.claim-request-command-bar > button[b-krnbt2tegf] { flex: 0 0 auto; min-height: 38px; white-space: nowrap; }
.claim-request-save-state[b-krnbt2tegf] { margin-right: auto; color: var(--muted); font-size: 12px; }
.claim-request-command-bar > .notice[b-krnbt2tegf] { flex-basis: 100%; margin: 0 0 4px; }
.claim-request-command-bar > .notice:has(> span:empty):not(:has(button))[b-krnbt2tegf] { display: none; }
.claim-request-error-link[b-krnbt2tegf] { margin-left: 12px; color: inherit; text-decoration: underline; }
.claim-request-command-bar > .notice:focus-visible[b-krnbt2tegf] { outline: 2px solid var(--focus); outline-offset: 2px; }
.claim-request[b-krnbt2tegf]  [aria-labelledby="claim-attachments-title"] { padding: 0 20px 20px; }
.claim-request[b-krnbt2tegf]  [aria-labelledby="claim-attachments-title"] .field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 12px 0; background: none; }
.claim-request[b-krnbt2tegf]  [aria-labelledby="claim-attachments-title"] .field-grid > * { min-width: 0; grid-column: auto !important; }
.claim-request[b-krnbt2tegf]  [aria-labelledby="claim-attachments-title"] .field-grid > :last-child { grid-column: 1 / -1 !important; }

@media (max-width: 640px) {
    .claim-request[b-krnbt2tegf]  .field-grid[data-field-layout="flow"] { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 14px; }
    .claim-request[b-krnbt2tegf]  [data-field-container="base"] > .field-grid[data-field-layout="flow"],
    .claim-request[b-krnbt2tegf]  :is([data-field-key^="claim-ya-"], [data-field-key^="claim-fu-"]) > .field-grid[data-field-layout="flow"] { grid-template-columns: minmax(0, 1fr); }
    .claim-request[b-krnbt2tegf]  .field-tablist { padding-inline: 0; }
    .claim-request[b-krnbt2tegf]  .field-tablist > .field-tab { padding-inline: 10px; font-size: 12px; }
    .claim-request-command-bar[b-krnbt2tegf] { padding: 14px; }
    .claim-request-save-state[b-krnbt2tegf] { flex-basis: 100%; }
    .claim-request[b-krnbt2tegf]  [aria-labelledby="claim-attachments-title"] { padding-inline: 14px; }
    .claim-request[b-krnbt2tegf]  [aria-labelledby="claim-attachments-title"] .field-grid { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Common/IchiranFilterPane.razor.rz.scp.css */
.ichiran-filter-pane[b-kt38e4wubr] { width: 320px; box-sizing: border-box; }
.ichiran-filter-pane[hidden][b-kt38e4wubr] { display: none; }
.ichiran-pane-heading[b-kt38e4wubr] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ichiran-pane-heading h2[b-kt38e4wubr] { min-width: 0; }
.ichiran-pane-actions[b-kt38e4wubr] { display: flex; align-items: center; gap: 4px; }
.ichiran-pane-reset[b-kt38e4wubr],
.ichiran-pane-close[b-kt38e4wubr] { padding: 3px 6px; border: 0; background: transparent; color: var(--ic-muted); font: inherit; font-size: 12px; }
.ichiran-pane-reset:hover[b-kt38e4wubr],
.ichiran-pane-close:hover[b-kt38e4wubr] { color: var(--ic-ink); background: var(--hover); }
.ichiran-pane-reset:disabled[b-kt38e4wubr] { color: var(--ic-muted); opacity: .55; background: transparent; }
@media (max-width: 680px) {
    .ichiran-filter-pane[b-kt38e4wubr] { position: static; width: auto; flex: 1 1 100%; margin: 0 0 14px; padding: 14px; border: 1px solid var(--ic-line); }
}
/* /Components/Common/IchiranSearch.razor.rz.scp.css */
.ichiran-search-common[b-2mbubejwbz] { flex-wrap: wrap; }
.ichiran-pane-toggle[b-2mbubejwbz],
.ichiran-reset[b-2mbubejwbz] {
    min-height: 32px;
    padding: 4px 10px;
    border: 1px solid var(--ic-line);
    border-radius: 4px;
    background: var(--surface);
    color: var(--ic-ink);
    font: inherit;
    font-size: 13px;
    white-space: nowrap;
}
.ichiran-pane-toggle[aria-expanded="true"][b-2mbubejwbz] { background: var(--ic-accent-soft); }
.ichiran-pane-toggle:disabled[b-2mbubejwbz] { cursor: default; opacity: .55; }
.ichiran-pane-error[b-2mbubejwbz] { flex-basis: 100%; margin: 0; color: var(--danger); font-size: 12px; }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* #blazor-error-ui はここに定義しない。定義は app.css（danger トースト）に一本化する。
   Why: scoped CSS は属性セレクタ分だけ詳細度が勝つため、テンプレート既定の黄色バーを
   ここに残すと MainLayout 配下だけ app.css の定義が上書きされ、AuthLayout と見た目が割れる。 */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-b9jsmtva6n],
.components-reconnect-repeated-attempt-visible[b-b9jsmtva6n],
.components-reconnect-failed-visible[b-b9jsmtva6n],
.components-reconnect-rejected-visible[b-b9jsmtva6n],
.components-reconnect-reload-visible[b-b9jsmtva6n],
.components-pause-visible[b-b9jsmtva6n],
.components-resume-failed-visible[b-b9jsmtva6n],
.components-rejoining-animation[b-b9jsmtva6n] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-b9jsmtva6n],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-b9jsmtva6n],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-b9jsmtva6n],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-b9jsmtva6n],
#components-reconnect-modal.components-reconnect-retrying[b-b9jsmtva6n],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-b9jsmtva6n],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-b9jsmtva6n],
#components-reconnect-modal.components-reconnect-failed[b-b9jsmtva6n],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-b9jsmtva6n] {
    display: block;
}

#components-reconnect-modal.components-reconnect-rejected .components-reconnect-rejected-visible[b-b9jsmtva6n],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-reload-visible[b-b9jsmtva6n],
#components-reconnect-modal.components-reconnect-rejected .components-reconnect-reload-visible[b-b9jsmtva6n] {
    display: block;
}

#components-reconnect-modal.components-reconnect-rejected .components-reconnect-failed-visible[b-b9jsmtva6n] {
    display: none;
}


#components-reconnect-modal[b-b9jsmtva6n] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 3px 6px 2px rgba(19, 43, 57, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-b9jsmtva6n 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-b9jsmtva6n 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-b9jsmtva6n 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-b9jsmtva6n]::backdrop {
    background-color: rgba(19, 43, 57, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-b9jsmtva6n 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-b9jsmtva6n {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-b9jsmtva6n {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-b9jsmtva6n {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-b9jsmtva6n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-b9jsmtva6n] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-b9jsmtva6n] {
    border: 0;
    background-color: var(--teal);
    color: white;
    padding: 4px 24px;
    border-radius: 2px;
}

    #components-reconnect-modal button:hover[b-b9jsmtva6n] {
        background-color: #0a5f5b;
    }

    /* Why 押下時を通常色より濃く保つ: テンプレート既定は :active が通常色へ戻る設計で、
       通常色を濃い teal にした後もそれを残すと押下中だけ薄くなり濃淡が逆転する */
    #components-reconnect-modal button:active[b-b9jsmtva6n] {
        background-color: #084f4b;
    }

.components-rejoining-animation[b-b9jsmtva6n] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-b9jsmtva6n] {
        position: absolute;
        border: 3px solid var(--teal);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-b9jsmtva6n 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-b9jsmtva6n] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-b9jsmtva6n {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Reports/NyukinLegacyReportForm.razor.rz.scp.css */
.nyukin-legacy-report[b-gr80k88jbk] {
    overflow: auto;
    border: 1px solid var(--border, #d7dde5);
    /* Why 直角: この画面は旧 WinForms 出力条件ダイアログの座標再現（data-legacy-parity）で、
       再現対象の GroupBox/パネルは直角。角丸はテンプレート由来で再現意図に反する */
    border-radius: 0;
    background: var(--surface, #fff);
}

.nyukin-legacy-control[b-gr80k88jbk] {
    box-sizing: border-box;
}

.nyukin-legacy-container[b-gr80k88jbk] {
    box-sizing: border-box;
    border: 1px solid var(--border, #c8d0da);
    border-radius: 0;
    pointer-events: none;
}

.nyukin-legacy-label[b-gr80k88jbk] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}