/* Claims in the client portal (feos:portal-claims; docs/modules/claims.md 8). The page takes the Guides' look
   (feos-guides.css: .feos-g-*, the free will's .feos-fw-* steps and fields); here only what a claim adds. */
.feos-cl .feos-g-btn.is-line:hover { color: var(--g); }
.feos-cl-kinds { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.feos-cl-kind { display: flex; gap: 12px; align-items: flex-start; text-align: left; padding: 15px; border-radius: 12px; font: inherit;
    border: 1px solid var(--g-line); background: #fff; color: var(--g-ink); cursor: pointer; }
.feos-cl-kind:hover, .feos-cl-kind:focus-visible { border-color: var(--g); background: var(--g-soft); }
.feos-cl-kind > span:last-child { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.feos-cl-kind strong { font-size: 15.5px; }
.feos-cl-kind small { font-size: 13.5px; line-height: 1.45; color: var(--g-muted); }
.feos-cl-kind em { font-style: normal; font-size: 12.5px; font-weight: 700; color: var(--g); }
.feos-cl-kind-icon { flex: none; width: 38px; height: 38px; border-radius: 10px; background: var(--g-soft); color: var(--g);
    display: flex; align-items: center; justify-content: center; font-size: 17px; }

.feos-cl-claim { border: 1px solid var(--g-line); border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; }
.feos-cl-claim.is-open { border-left: 4px solid var(--g); }
.feos-cl-claim p { margin: 0; font-size: 14.5px; line-height: 1.5; color: #33485c; }
.feos-cl-claim-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 14px; align-items: baseline; }
.feos-cl-update { padding: 9px 12px; border-radius: 10px; background: var(--g-soft); }

.feos-cl-item { border: 1px solid #dce5ee; border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; }
.feos-cl-item.is-done { border-left: 4px solid var(--g); }
.feos-cl-label { margin: 0; font-size: 15px; font-weight: 800; }
.feos-cl-help { font-size: 13.5px; line-height: 1.45; color: var(--g-muted); }
.feos-cl-item input[type="text"], .feos-cl-item input[type="date"], .feos-cl-item textarea {
    font: inherit; font-weight: 400; padding: 9px 11px; border: 1px solid #b9cadb; border-radius: 8px; max-width: 100%; }
.feos-cl-item input[type="date"] { max-width: 220px; }
.feos-cl-item input:disabled, .feos-cl-item textarea:disabled { background: #f2f5f8; color: #8193a5; }
.feos-cl-cantrow { display: flex; flex-wrap: wrap; gap: 6px 22px; }
.feos-cl-cantrow .feos-fw-tick { font-size: 13.5px; color: #4a5d70; }
.feos-cl-files { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.feos-cl-files li { display: flex; align-items: center; gap: 8px; }
.feos-cl-pick { align-self: flex-start; cursor: pointer; margin: 0; }
.feos-cl-doc { font-size: 14px; line-height: 1.5; background: #f6f9fc; border-radius: 10px; padding: 8px 12px; }
.feos-cl-doc summary { font-weight: 700; color: var(--g); cursor: pointer; }
.feos-cl-doc ol { margin: 6px 0; padding-left: 20px; }
.feos-cl-doc p { margin: 4px 0 0; color: #33485c; }

@media (max-width: 900px) {
    .feos-cl-kinds { grid-template-columns: minmax(0, 1fr); }
}