/* Scoped to the optional List layout. No global button, input, or table rules. */
.mittun-search-list {
    --msl-accent: #ecb12d;
    --msl-button-text: #0b0b0b;
    box-sizing: border-box;
    padding: 28px;
    border: 1px solid #dededb;
    border-radius: 10px;
    background: #fff;
    color: #0b0b0b;
    font-family: inherit;
    scroll-margin-top: 24px;
}
.mittun-search-list *, .mittun-search-list *::before, .mittun-search-list *::after { box-sizing: border-box; }
.mittun-search-list .msl-form { display: flex; gap: 12px; margin: 0 0 16px; }
.mittun-search-list .msl-query {
    flex: 1; min-width: 0; width: auto; height: 48px; margin: 0;
    border: 1px solid #dededb; border-radius: 999px; padding: 0 18px;
    background: #fcfcfb; color: #111; font: inherit; font-size: 15px;
}
.mittun-search-list button { cursor: pointer; font: inherit; letter-spacing: normal; text-transform: none; box-shadow: none; margin: 0; }
.mittun-search-list .msl-submit { border: 1px solid var(--msl-accent); border-radius: 999px; padding: 0 26px; background: var(--msl-accent); color: var(--msl-button-text); font-size: 14px; font-weight: 700; }
.mittun-search-list .msl-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.mittun-search-list .msl-filters button,
.mittun-search-list .msl-pagination button,
.mittun-search-list .msl-retry { min-height: 38px; border: 1px solid #dededb; border-radius: 999px; padding: 8px 16px; background: #fff; color: #444; font-size: 14px; line-height: 1.2; }
.mittun-search-list .msl-filters button[aria-pressed="true"],
.mittun-search-list .msl-pagination button[aria-current="page"] { background: #0b0b0b; color: #fff; border-color: #0b0b0b; }
.mittun-search-list .msl-status { min-height: 20px; margin: 16px 0 0; font-size: 13px; color: #5b5b63; }
.mittun-search-list .msl-rows { list-style: none; padding: 0; margin: 8px 0 0; }
.mittun-search-list .msl-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto auto; align-items: center; gap: 16px; padding: 17px 0; margin: 0; border-bottom: 1px solid #dededb; }
.mittun-search-list .msl-row:last-child { border-bottom: 0; }
.mittun-search-list .msl-avatar { display: block; width: 44px; height: 44px; object-fit: cover; border-radius: 50%; background: #f2f2ef; }
.mittun-search-list .msl-person { min-width: 0; text-align: left; }
.mittun-search-list .msl-person h3 { margin: 0; padding: 0; font-family: inherit; font-size: 16px; font-weight: 750; line-height: 1.35; text-transform: none; letter-spacing: normal; overflow-wrap: anywhere; }
.mittun-search-list .msl-person h3 a { color: inherit; text-decoration: none; }
.mittun-search-list .msl-person h3 a:hover { text-decoration: underline; }
.mittun-search-list .msl-person p { margin: 4px 0 0; padding: 0; font-size: 13px; color: #606168; line-height: 1.4; overflow-wrap: anywhere; }
.mittun-search-list .msl-amount { text-align: right; font-size: 22px; font-weight: 800; line-height: 1.2; font-variant-numeric: tabular-nums; }
.mittun-search-list .msl-donate { display: inline-flex; justify-content: center; align-items: center; min-height: 36px; padding: 8px 17px; border: 1px solid #dededb; border-radius: 999px; background: #fff; color: #111; font-size: 13px; font-weight: 600; line-height: 1.2; text-decoration: none; }
.mittun-search-list .msl-donate:hover, .mittun-search-list .msl-filters button:hover { border-color: #111; }
.mittun-search-list .msl-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; padding-top: 22px; border-top: 1px solid #dededb; margin-top: 8px; }
.mittun-search-list .msl-pagination[hidden] { display: none; }
.mittun-search-list .msl-pagination button:disabled:not([aria-current]) { opacity: .4; cursor: default; }
.mittun-search-list .msl-pagination button[aria-current] { cursor: default; }
.mittun-search-list .msl-empty { margin: 24px 0; color: #606168; }
.mittun-search-list :is(a,button,input):focus-visible { outline: 3px solid #9b7000; outline-offset: 3px; }
.mittun-search-list .msl-results:focus { outline: 2px solid #dededb; outline-offset: 4px; }
.mittun-search-list.msl-loading .msl-results { opacity: .5; }
.mittun-search-list .msl-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 600px) {
    .mittun-search-list { padding: 18px 16px; }
    .mittun-search-list .msl-form { gap: 8px; }
    .mittun-search-list .msl-submit { padding: 0 16px; }
    .mittun-search-list .msl-row { grid-template-columns: 38px minmax(0,1fr) auto; gap: 10px 12px; }
    .mittun-search-list .msl-avatar { width: 38px; height: 38px; grid-column: 1; grid-row: 1; }
    .mittun-search-list .msl-person { grid-column: 2 / 4; grid-row: 1; }
    .mittun-search-list .msl-amount { grid-column: 2; grid-row: 2; text-align: left; overflow-wrap: anywhere; min-width: 0; font-size: 20px; }
    .mittun-search-list .msl-donate { grid-column: 3; grid-row: 2; }
    .mittun-search-list .msl-person h3 { font-size: 15px; }
}