.pvz-directory {
    --pvz-navy: #172b58;
    --pvz-blue: #2f70c9;
    --pvz-border: #dfe7f4;
    --pvz-muted: #63728d;
    display: flex;
    height: 100%;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    color: var(--pvz-navy);
    font-family: 'Nunito', Arial, sans-serif;
}

.pvz-directory__toolbar { padding: 14px 16px; border-bottom: 1px solid var(--pvz-border); }
.pvz-directory__search-label { display: grid; grid-template-columns: minmax(112px, auto) minmax(0, 1fr); align-items: center; gap: 14px; color: #000; font-size: 14px; font-weight: 800; text-align: center; }
.pvz-directory__search { box-sizing: border-box; width: 100%; min-height: 48px; padding: 11px 14px; border: 1px solid #d5dfed; border-radius: 8px; color: var(--pvz-navy); font: inherit; font-size: 16px; outline: none; }
.pvz-directory__search:focus { border-color: var(--pvz-blue); box-shadow: 0 0 0 3px rgba(47, 112, 201, .14); }
.pvz-directory__tabs { display: none; border-bottom: 1px solid var(--pvz-border); }
.pvz-directory__tab { flex: 1; min-height: 42px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--pvz-muted); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.pvz-directory__tab.is-active { border-bottom-color: var(--pvz-blue); color: var(--pvz-navy); }
.pvz-directory--full { height: clamp(560px, 72vh, 720px); }
.pvz-directory--embedded { height: 100vh; max-height: 100vh; }
html:has(.pvz-directory--embedded), body:has(.pvz-directory--embedded) { width: 100%; height: 100%; margin: 0; overflow: hidden; }
.pvz-directory__content { display: grid; min-height: 0; height: 0; flex: 1 1 auto; grid-template-columns: minmax(0, 1.45fr) minmax(290px, .8fr); overflow: hidden; }
.pvz-directory__panel { min-width: 0; min-height: 0; height: 100%; }
.pvz-directory__panel--map { min-height: 0; }
.pvz-directory__map { width: 100%; height: 100%; min-height: 0; }
.pvz-directory__panel--list { display: flex; min-height: 0; flex-direction: column; overflow: hidden; border-left: 1px solid var(--pvz-border); background: #f8faff; }
.pvz-directory__count { margin: 0; padding: 14px 16px 8px; color: var(--pvz-muted); font-size: 13px; }
.pvz-directory__notice { min-height: 0; margin: 0; padding: 0 16px; color: #b04a2c; font-size: 12px; }
.pvz-directory__notice:empty { display: none; }
.pvz-directory__list { overflow: auto; min-height: 0; flex: 1; padding: 0 10px 12px; scrollbar-color: #9bb9e5 #edf3fb; scrollbar-width: thin; }
.pvz-directory__item-wrap { margin: 8px 0; border: 1px solid var(--pvz-border); border-radius: 10px; background: #fff; overflow: hidden; }
.pvz-directory__item-wrap.is-active { border-color: var(--pvz-blue); box-shadow: 0 3px 12px rgba(39, 98, 185, .12); }
.pvz-directory__item { display: block; width: 100%; padding: 12px; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.pvz-directory__item:focus-visible, .pvz-directory__item-link:focus-visible { outline: 3px solid rgba(47, 112, 201, .45); outline-offset: -3px; }
.pvz-directory__item-title { display: block; font-size: 14px; line-height: 1.3; }
.pvz-directory__item-address { display: block; margin-top: 5px; color: var(--pvz-muted); font-size: 13px; line-height: 1.35; }
.pvz-directory__item-meta { display: block; margin-top: 8px; color: var(--pvz-blue); font-size: 12px; font-weight: 700; }
.pvz-directory__item-link { display: block; padding: 0 12px 12px; color: var(--pvz-blue); font-size: 12px; font-weight: 700; text-decoration: none; }
.pvz-directory__empty { margin: 18px 6px; color: var(--pvz-muted); font-size: 14px; text-align: center; }

.pvz-directory--compact { height: 100%; min-height: 0; }
.pvz-directory--compact .pvz-directory__toolbar { padding: 12px; }
.pvz-directory--compact .pvz-directory__search-label { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; gap: 14px; }
.pvz-directory--compact .pvz-directory__tabs { display: flex; }
.pvz-directory--compact .pvz-directory__content { display: block; min-height: 0; }
.pvz-directory--compact .pvz-directory__panel--map { min-height: 0; }
.pvz-directory--compact .pvz-directory__map { min-height: 0; }
.pvz-directory--compact .pvz-directory__panel--list { display: none; min-height: 0; border-left: 0; }
.pvz-directory--compact.is-list-active .pvz-directory__panel--map { display: none; }
.pvz-directory--compact.is-list-active .pvz-directory__panel--list { display: flex; }

@media (max-width: 720px) {
    .pvz-directory--full { height: clamp(480px, 72vh, 620px); }
    .pvz-directory--full .pvz-directory__tabs { display: flex; }
    .pvz-directory--full .pvz-directory__content { display: block; min-height: 0; }
    .pvz-directory--full .pvz-directory__panel--map { min-height: 0; }
    .pvz-directory--full .pvz-directory__map { min-height: 0; }
    .pvz-directory--full .pvz-directory__panel--list { display: none; min-height: 0; border-left: 0; }
    .pvz-directory--full.is-list-active .pvz-directory__panel--map { display: none; }
    .pvz-directory--full.is-list-active .pvz-directory__panel--list { display: flex; }
}