/* Compact member summaries across the four existing layouts. Interactive diary stays above the card opener. */
html body #app-screen #view-members .member-card.member-card-summary{position:relative;display:flex!important;flex-direction:column;align-items:stretch!important;min-width:0;gap:.65rem!important;padding:.9rem!important}
html body #app-screen #view-members .member-card-summary>.member-card-top{display:grid!important;grid-template-columns:3rem minmax(0,1fr) auto;grid-area:auto;gap:.65rem!important;align-items:start;min-width:0;margin:0}
html body #app-screen #view-members .member-card-summary .member-card-avatar{width:3rem;height:3rem;grid-area:auto;flex:none}
html body #app-screen #view-members .member-card-summary .member-card-identity{min-width:0;grid-area:auto}
html body #app-screen #view-members .member-card-summary .member-card-identity h3{font-size:.95rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere;margin:0}
html body #app-screen #view-members .member-card-summary .member-card-group{display:flex;flex-wrap:wrap;gap:.25rem;margin:.3rem 0 0;line-height:1.4;font-size:.75rem}
html body #app-screen #view-members .member-card-summary .member-card-category{margin-top:.3rem;font-size:.73rem;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
html body #app-screen #view-members .member-card-summary .member-card-points{display:grid;align-content:center;justify-items:center;gap:0;grid-area:auto;flex:none;width:auto;min-width:2.4rem;min-height:2.4rem;height:auto;box-sizing:border-box;padding:.2rem .35rem;border-radius:.65rem;box-shadow:none}
html body #app-screen #view-members .member-card-summary .member-card-points strong{font-size:1rem;line-height:1.2}
html body #app-screen #view-members .member-card-summary .member-card-points small{font-size:.6rem;line-height:1.2}
html body #app-screen #view-members .member-card-summary>.member-card-info{display:grid!important;grid-template-columns:minmax(0,1fr);grid-area:auto;gap:.5rem;margin:0;min-width:0}
html body #app-screen #view-members .member-card-summary>.member-card-info:empty{display:none!important}
html body #app-screen #view-members .member-card-summary :is(.member-summary-facts,.member-card-status-chips){display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;grid-area:auto;min-width:0}
html body #app-screen #view-members .member-card-summary .member-summary-chip{display:inline-flex;align-items:center;max-width:100%;box-sizing:border-box;padding:.25rem .5rem;border:1px solid var(--line);border-radius:999px;background:#f7f9fc;color:var(--ink);font-size:.73rem;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
html body #app-screen #view-members .member-card-summary .member-card-group .member-summary-chip{padding:.15rem .4rem;font-size:.68rem;background:var(--club-subtle);border-color:var(--club-border)}
html body #app-screen #view-members .member-card-summary .member-summary-chip--green,
html body #app-screen #view-members .member-card-summary .member-summary-diary[data-member-diary="enabled"]{background:#edf8f1!important;border-color:#b9dcc6!important;color:#24613e!important}
html body #app-screen #view-members .member-card-summary .member-summary-chip--red,
html body #app-screen #view-members .member-card-summary .member-summary-diary[data-member-diary="disabled"]{background:#fff0f1!important;border-color:#e7bec2!important;color:#a53241!important}
html body #app-screen #view-members .member-card-summary .member-summary-chip--gray{color:var(--muted)}
html body #app-screen #view-members .member-card-summary .member-card-diary.member-summary-diary{position:relative;z-index:2;display:inline-flex!important;flex-direction:row;justify-content:flex-start;align-items:center;gap:.3rem;grid-area:auto;flex:none;width:auto;min-width:0;min-height:0!important;margin:0!important;padding:.25rem .5rem!important;border:1px solid;border-radius:999px;opacity:1!important;filter:none!important;font:inherit;font-size:.73rem;line-height:1.4;letter-spacing:normal;box-shadow:none}
html body #app-screen #view-members .member-card-summary .member-summary-diary:disabled{cursor:default}
html body #app-screen #view-members .member-card-summary .member-card-diary-label{display:inline-flex;align-items:center;gap:.25rem;font-size:inherit;color:inherit;white-space:normal}
html body #app-screen #view-members .member-card-summary .member-card-diary-label svg{width:.9rem;height:.9rem;flex:none}
html body #app-screen #view-members .member-card-summary .member-card-diary-state{display:inline;min-height:0;padding:0!important;border:0!important;border-radius:0;background:transparent!important;color:inherit!important;font-size:inherit;letter-spacing:normal;white-space:normal;box-shadow:none!important;outline:none!important;background-image:none!important}
html body #app-screen #view-members .member-card-summary .member-card-diary-state::before{display:none}
html body #app-screen #view-members .member-card-summary .member-card-status{grid-area:auto;margin:0}
html body #app-screen #view-members .member-card-summary>.member-card-open-area{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;border:0!important;border-radius:inherit;background:transparent!important;box-shadow:none!important;transform:none!important;cursor:pointer;font-size:0}
html body #app-screen #view-members .member-card-summary>.member-card-open-area:focus-visible{outline:2px solid var(--club-control-border);outline-offset:3px}
@media(min-width:1100px){html[data-app-layout="cards"] body #app-screen #view-members .member-card.member-card-summary{display:grid!important;grid-template-columns:minmax(14rem,1fr) minmax(17rem,1.5fr)!important;gap:.85rem!important;align-items:center!important}}
@media(max-width:390px){html body #app-screen #view-members .member-card-summary>.member-card-top{grid-template-columns:2.6rem minmax(0,1fr) auto;gap:.45rem!important}html body #app-screen #view-members .member-card-summary .member-card-avatar{width:2.6rem;height:2.6rem}}

html body #app-screen #view-members .member-card.member-card-summary:has(>.member-card-open-area:focus-visible){outline:2px solid var(--club-control-border);outline-offset:3px}

html body #app-screen #view-members .member-card-summary :is(.member-summary-personal-facts,.member-summary-tournaments){display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0;max-width:100%}
html body #app-screen #view-members .member-card-summary .member-summary-tournaments{margin-inline-start:auto;justify-content:flex-end}

html body #app-screen #view-members .member-card-summary .member-summary-tournament-count{gap:.35rem}
html body #app-screen #view-members .member-card-summary .member-summary-tournament-count svg{display:block;width:1rem;height:1rem;flex:none}