.catalog-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:15px 16px;border:1px solid var(--border-color,#dbe0e8);border-radius:14px;background:var(--card-bg,#fff);color:var(--text-color,#172333);text-align:left;font:inherit;cursor:pointer}
.catalog-picker-trigger span{white-space:normal;line-height:1.5}.catalog-picker-trigger:focus-visible,.catalog-option:focus-visible,.catalog-chip:focus-visible{outline:3px solid #8873ed;outline-offset:3px}
.catalog-picker-trigger:disabled{cursor:default}.catalog-field-caption{display:block;margin-top:8px;font-size:.82rem;color:var(--text-light,#667085);line-height:1.5}
.catalog-dialog{width:min(780px,calc(100vw - 32px));height:min(850px,90dvh);max-height:95dvh;padding:0;border:0;border-radius:24px;background:#f7f8fc;color:#172333;box-shadow:0 24px 90px #07152355;overflow:hidden}
.catalog-dialog::backdrop{background:#0a122b99;backdrop-filter:blur(6px)}
.catalog-layout{display:flex;flex-direction:column;height:100%;min-height:0}.catalog-header{display:flex;align-items:center;gap:16px;padding:24px 24px 12px;background:#fff}.catalog-header h2{margin:0;font-size:1.35rem}.catalog-header p{margin:6px 0 0;color:#647084;font-size:.9rem}.catalog-back{flex-shrink:0;width:44px;height:44px;border:1px solid #e1e5ed;border-radius:50%;background:#f7f8fc;color:#27334d;font-size:1.3rem;cursor:pointer}
.catalog-search-wrap{padding:12px 24px;background:#fff}.catalog-search-wrap input{box-sizing:border-box;width:100%;padding:16px;border:1px solid #d8dfe9;border-radius:14px;background:#f7f8fc;color:#172333;font:inherit;font-size:16px}
.catalog-groups{display:flex;gap:8px;overflow-x:auto;flex-shrink:0;padding:10px 24px;background:#fff}.catalog-groups:empty{display:none}.catalog-chip{flex-shrink:0;padding:9px 14px;border:1px solid #dce1eb;border-radius:24px;background:#fff;color:#435069;font:inherit;font-size:.85rem;cursor:pointer}.catalog-chip[aria-pressed=true]{background:#eee9ff;color:#5437ac;border-color:#b4a4f3}
.catalog-status{margin:0;padding:12px 24px;font-size:.85rem;color:#68758b}.catalog-results{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:12px;padding:0 24px 24px;overflow:auto;min-height:0;flex:1}.catalog-results h3,.catalog-empty{grid-column:1/-1;font-size:1rem;margin:14px 0 4px}.catalog-option{display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:76px;padding:16px;border:1px solid #e1e5ed;border-radius:16px;background:#fff;text-align:left;color:#25304a;font:inherit;cursor:pointer}.catalog-option strong{font-weight:600;font-size:.96rem;line-height:1.5;overflow-wrap:anywhere}.catalog-option small{color:#69758b;line-height:1.45}.catalog-option:hover{border-color:#a79ad6;background:#fbfaff}.catalog-option[aria-pressed=true]{border-color:#8066d4;background:#f0ebff}.catalog-disclaimer{margin:0;padding:14px 24px;border-top:1px solid #e1e5ed;background:#fff;color:#68758b;font-size:.75rem;line-height:1.5}
@media(max-width:600px){.catalog-dialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border-radius:0}.catalog-header{padding-top:max(20px,env(safe-area-inset-top))}.catalog-results{grid-template-columns:1fr}.catalog-disclaimer{padding-bottom:max(14px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:no-preference){.catalog-dialog[open]{animation:catalog-enter .22s ease-out}@keyframes catalog-enter{from{transform:translateX(22px);opacity:0}to{transform:translateX(0);opacity:1}}}
/* Solid surfaces retain contrast even where backdrop blur is unavailable. */
html.dark-mode .catalog-dialog{background:#100b19;color:#f6f3fb;color-scheme:dark}
html.dark-mode .catalog-header,html.dark-mode .catalog-search-wrap,html.dark-mode .catalog-groups,html.dark-mode .catalog-disclaimer{background:#171020}
html.dark-mode .catalog-back,html.dark-mode .catalog-search-wrap input,html.dark-mode .catalog-option,html.dark-mode .catalog-chip{background:#21182d;color:#f6f3fb;border-color:#493955}
html.dark-mode .catalog-header p,html.dark-mode .catalog-status,html.dark-mode .catalog-option small,html.dark-mode .catalog-disclaimer{color:#c1b5cf}
html.dark-mode .catalog-disclaimer{border-color:#493955}
html.dark-mode .catalog-option:hover,html.dark-mode .catalog-option[aria-pressed=true],html.dark-mode .catalog-chip[aria-pressed=true]{background:#39234e;border-color:#c39af2;color:#f6edff}
