/* Sylhet & UK Matrimony — directory, dialogs, dashboard. Shared rules live in base.css. */
.sum-wrap--filter{padding-block:0}

/* Filters */
.sum-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end;background:var(--sum-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--sum-ring-color);border-radius:var(--sum-radius);padding:var(--sum-spacing);margin-bottom:18px;box-shadow:var(--sum-shadow)}
.sum-filters label,.sum-form label{display:flex;flex-direction:column;gap:4px;font-size:calc(var(--sum-fs,16px)*.88);color:var(--sum-muted)}
.sum-filters{margin-bottom:18px}
.sum-filters__actions{display:flex;gap:8px}

/* Grid + cards */
/* Columns come from Matrimony > Settings via data-cols on #sum-directory: desktop 2/3/4, tablet 2, mobile 1. */
.sum-wrap{--sum-cols:3}
.sum-wrap[data-cols="2"]{--sum-cols:2}
.sum-wrap[data-cols="3"]{--sum-cols:3}
.sum-wrap[data-cols="4"]{--sum-cols:4}
.sum-wrap[data-cols="5"]{--sum-cols:5}
.sum-wrap[data-cols="6"]{--sum-cols:6}
.sum-grid{display:grid;grid-template-columns:repeat(var(--sum-cols),minmax(0,1fr));gap:var(--sum-gap);min-height:80px}
@media (max-width:1024px){.sum-wrap[data-cols]{--sum-cols:2}}
@media (max-width:600px){.sum-wrap[data-cols]{--sum-cols:1}}
.sum-sentinel{height:1px}
.sum-grid[aria-busy=true]{opacity:.6;transition:opacity .2s}
.sum-profile{display:flex;flex-direction:column;background:var(--sum-surface);border:1px solid var(--sum-line);border-radius:var(--sum-radius);overflow:hidden;box-shadow:var(--sum-shadow);transition:transform .2s,box-shadow .2s,content-visibility 0s;content-visibility:auto;contain-intrinsic-size:auto 320px}
.sum-profile:hover{transform:translateY(-3px);box-shadow:var(--sum-shadow-hover)}
@media (prefers-reduced-motion:reduce){.sum-profile{transition:none}.sum-profile:hover{transform:none}}
.sum-profile__head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;background:var(--sum-soft);border-bottom:1px solid var(--sum-ring-color)}
.sum-profile__code{font-weight:700;letter-spacing:.2px}
.sum-profile__tag{font-size:calc(var(--sum-fs,16px)*.8);color:var(--sum-primary-dark)}
.sum-profile__items{list-style:none;margin:0;padding:12px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.sum-profile__items li{display:flex;gap:10px;align-items:flex-start}
.sum-ico{flex:none;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}
.sum-profile__items span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;word-break:break-word}
.sum-profile__items small{display:block;color:var(--sum-muted);font-size:calc(var(--sum-fs,16px)*.78);line-height:1.2}
.sum-profile__foot{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px;border-top:1px solid var(--sum-line)}
.sum-profile__foot .sum-btn{flex:1 1 auto;padding:8px 10px;font-size:calc(var(--sum-fs,16px)*.85)}
.sum-empty{grid-column:1/-1;text-align:center;color:var(--sum-muted);padding:30px 0}

/* Pager */
.sum-pager{display:flex;gap:10px;justify-content:center;align-items:center;margin:20px 0}

/* Dialog */
.sum-dialog{width:min(720px,94vw);max-height:90vh;padding:0;border:0;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.25);font-family:inherit;overflow:hidden}
.sum-dialog[open]{display:flex;flex-direction:column}
.sum-dialog--sm{width:min(420px,94vw)}
.sum-dialog::backdrop{background:rgba(15,23,42,.55)}
.sum-dialog__bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--sum-line);background:var(--sum-surface)}
.sum-dialog__close{border:0;background:none;font-size:calc(var(--sum-fs,16px)*1.7);line-height:1;cursor:pointer;color:var(--sum-muted)}
.sum-dialog__body{padding:16px;overflow:auto;display:flex;flex-direction:column;gap:10px}
.sum-sec h3{margin:14px 0 6px;font-size:calc(var(--sum-fs,16px)*.95);padding:3px 10px;background:var(--sum-soft);border-inline-start:3px solid var(--sum-primary)}
.sum-sec dl{margin:0;display:grid;grid-template-columns:minmax(110px,36%) 1fr;gap:0}
.sum-sec dt,.sum-sec dd{margin:0;padding:6px 4px;border-bottom:1px solid var(--sum-line)}
.sum-sec dt{color:var(--sum-muted)}
.sum-sec dd{white-space:pre-line;word-break:break-word}
.sum-contact{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 14px}
.sum-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}

/* Dashboard */
.sum-me{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
.sum-code{font-size:calc(var(--sum-fs,16px)*1.2)}
.sum-status{display:inline-block;border-radius:99px;padding:2px 12px;font-size:calc(var(--sum-fs,16px)*.85);margin-inline-end:8px;background:#fef3c7;color:#92400e}
.sum-status--approved{background:#dcfce7;color:#166534}
.sum-status--rejected{background:#fee2e2;color:#991b1b}
.sum-list{display:flex;flex-direction:column;gap:10px}
.sum-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;background:var(--sum-surface);border:1px solid var(--sum-line);border-radius:12px;padding:12px 14px}
.sum-row__meta{display:flex;flex-direction:column;gap:2px}
.sum-row__btns{display:flex;gap:6px;flex-wrap:wrap}

@media (max-width:520px){.sum-sec dl{grid-template-columns:1fr 1fr}}


/* Modern member dashboard cards */
#sum-dashboard{padding:clamp(12px,2vw,28px)}
#sum-dashboard .sum-me{background:var(--sum-soft);border:1px solid var(--sum-ring-color);border-radius:18px;padding:20px;box-shadow:0 8px 30px rgba(15,118,110,.08)}
#sum-dashboard .sum-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
#sum-dashboard .sum-row{height:100%;padding:16px;border-radius:16px;box-shadow:0 6px 20px rgba(15,23,42,.06);border-color:var(--sum-line);align-items:flex-start}
#sum-dashboard .sum-row__meta{min-width:0;flex:1}
#sum-dashboard .sum-row__btns{width:100%;margin-top:8px}
#sum-dashboard .sum-row__btns .sum-btn{flex:0 1 auto}
#sum-dashboard .sum-contact{margin-top:8px;background:var(--sum-soft);border-color:var(--sum-ring-color)}
@media(max-width:600px){#sum-dashboard .sum-list{grid-template-columns:1fr}#sum-dashboard .sum-row__btns .sum-btn{flex:1 1 auto}}

/* ---- 2.2: incoming-request reply panel (additive; existing rules untouched) ---- */
#sum-dashboard .sum-row--stack{flex-direction:column;align-items:stretch;justify-content:flex-start}
.sum-reply{display:flex;flex-direction:column;gap:10px;width:100%;margin:0}
.sum-reply fieldset{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:6px}
.sum-reply legend{font-size:calc(var(--sum-fs,16px)*.92);color:var(--sum-muted);padding:0;margin-bottom:4px}
.sum-reply .sum-choice{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--sum-line);border-radius:10px;background:var(--sum-surface);cursor:pointer;color:var(--sum-text)}
.sum-reply .sum-choice:hover{border-color:var(--sum-primary);background:var(--sum-soft)}
.sum-reply .sum-choice input{accent-color:var(--sum-primary);margin:0}
.sum-reply .sum-choice:has(input:checked){border-color:var(--sum-primary);background:var(--sum-soft)}
.sum-reply__note{width:100%;border:1px solid var(--sum-line);border-radius:10px;padding:9px 12px;font:inherit;resize:vertical}
.sum-reply__note:disabled,.sum-reply input:disabled+span{opacity:.6}
.sum-reply--locked{background:var(--sum-tint);border-radius:10px;padding:10px 12px;color:var(--sum-muted);font-size:calc(var(--sum-fs,16px)*.95)}
.sum-reply--declined{background:#fef2f2;border-radius:10px;padding:10px 12px;color:#991b1b;font-size:calc(var(--sum-fs,16px)*.95)}

/* ---- 2.3: smart search bar (additive) ---- */
.sum-filters .sum-filters__search{grid-column:1/-1}
.sum-wrap input[type=search]{width:100%;padding:12px 14px;border:1px solid var(--sum-line);border-radius:12px;font:inherit;color:var(--sum-text);-webkit-text-fill-color:var(--sum-text);background:var(--sum-surface)}
.sum-wrap input[type=search]:focus{border-color:var(--sum-primary);outline:2px solid var(--sum-ring-color);outline-offset:1px}

/* Human icon: centred at the top of every public profile card; size set in Matrimony > Card Builder */
.sum-profile__avatar{display:flex;justify-content:center;padding:calc(var(--sum-spacing)*1.2) 0 0}
.sum-profile__avatar span{display:inline-flex;width:var(--sum-avatar);height:var(--sum-avatar);padding:calc(var(--sum-avatar)*.16);border-radius:50%;background:color-mix(in srgb,var(--sum-primary) 14%,transparent);color:var(--sum-primary-dark);box-shadow:inset 0 0 0 1px var(--sum-glass-border)}
.sum-profile__avatar--f span{background:rgba(190,24,93,.12);color:#be185d}
.sum-profile__avatar--m span{background:rgba(3,105,161,.12);color:#0369a1}
.sum-profile__avatar svg{width:100%;height:100%}
.sum-profile__head{border-top:0}