#pane-list { position:relative; }
.chat-custom-filter { display:inline-flex; flex-shrink:0; align-items:center; border:1px solid #ccc; border-radius:999px; height:32px; overflow:hidden; }
.chat-custom-filter.is-active { background:#d9fdd3; border-color:#aecaa9; }
.chat-custom-filter .filter-chip { border:0; background:transparent; padding-right:5px; max-width:200px; overflow:hidden; text-overflow:ellipsis; display:block; }
.chat-list-menu-button { padding:0 8px 0 3px; align-self:stretch; color:#666; font-size:18px; }
.chat-list-menu-button:focus-visible { outline:2px solid var(--c-primary); outline-offset:-3px; }
.chat-lists-error { padding:6px 16px; font-size:13px; color:#a32121; }
.chat-lists-error button { margin-left:8px; text-decoration:underline; }
.chat-lists-legacy { margin:4px 16px 8px; color:var(--c-primary); font-size:13px; text-align:left; text-decoration:underline; }
.chat-lists-legacy[hidden] { display:none; }
.chat-lists-menu { position:fixed; z-index:85; min-width:180px; max-width:calc(100vw - 16px); background:var(--c-surface-container-lowest); border:1px solid var(--c-outline-variant); border-radius:12px; padding:6px; box-shadow:0 4px 20px #111b2126; }
.chat-lists-menu button { display:block; width:100%; text-align:left; padding:10px 12px; border-radius:8px; font-size:14px; }
.chat-lists-menu button:hover { background:var(--c-surface-container-low); }
.chat-lists-panel { position:absolute; inset:0; z-index:45; background:var(--c-surface-container-lowest); color:var(--c-on-surface); display:flex; flex-direction:column; min-height:0; }
.chat-lists-panel[hidden], .chat-lists-panel [hidden], .chat-lists-menu[hidden], .chat-lists-error[hidden] { display:none !important; }
.chat-lists-header { display:flex; align-items:center; gap:14px; min-height:68px; padding:10px 20px; flex-shrink:0; }
.chat-lists-header h2 { font-size:20px; font-weight:500; line-height:1.4; margin:0; }
.chat-lists-icon { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; flex-shrink:0; }
.chat-lists-icon:hover { background:var(--c-surface-container-low); }
.chat-lists-body { flex:1; min-height:0; overflow-y:auto; padding:12px 24px 28px; }
.chat-lists-name-label, .chat-lists-section { color:var(--c-on-surface-variant); font-family:inherit; font-size:14px; font-weight:400; }
.chat-lists-name-label { display:block; margin-bottom:8px; }
.chat-lists-name-line { display:flex; align-items:center; border-bottom:2px solid var(--c-primary); }
.chat-lists-name-line input { width:100%; min-width:0; padding:7px 0; border:0; box-shadow:none; background:transparent; font-family:inherit; font-size:18px; outline:none; }
.chat-lists-name-line input:focus { box-shadow:none; }
.chat-lists-section { margin:46px 0 20px; }
.chat-lists-add { display:flex; align-items:center; gap:18px; text-align:left; width:100%; font-size:17px; padding:10px 0; }
.chat-lists-add > span:first-child { display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; color:white; background:#1aaa61; flex-shrink:0; }
.chat-lists-add > span:first-child svg { display:block; width:28px; height:28px; }
.chat-lists-primary { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 24px; border-radius:999px; background:var(--c-primary); color:#fff; font-size:15px; font-weight:600; }
.chat-lists-primary:disabled { background:#f4f4f4; color:#aaa; cursor:default; }
.chat-lists-save { margin-top:38px; }
.chat-lists-panel button:focus-visible, .chat-lists-panel input:not(#chat-list-name):focus-visible { outline:2px solid var(--c-primary); outline-offset:3px; }
.chat-lists-svg { flex-shrink:0; }
.chat-lists-panel button:disabled { cursor:default; }
.chat-lists-error-text { font-size:14px; color:#a32121; margin:16px 0 0; }
.chat-lists-search { display:block; width:100%; border:0; border-radius:12px; background:var(--c-surface-container-low); padding:12px; font-family:inherit; font-size:15px; }
.chat-lists-targets { margin:16px -12px 0; }
.chat-lists-target { display:flex; align-items:center; gap:12px; width:100%; padding:10px 12px; text-align:left; border-radius:10px; }
.chat-lists-target:hover { background:var(--c-surface-container-low); }
.chat-lists-avatar { width:42px; height:42px; border-radius:50%; background:var(--c-surface-container-high); display:flex; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0; color:var(--c-on-surface-variant); }
.chat-lists-avatar img { width:100%; height:100%; object-fit:cover; }
.chat-lists-person { min-width:0; flex:1; }
.chat-lists-person strong { font-size:15px; font-weight:500; display:block; overflow-wrap:anywhere; }
.chat-lists-person small { display:block; font-size:12px; color:var(--c-on-surface-variant); }
.chat-lists-check { width:22px; height:22px; border:2px solid #aaa; border-radius:5px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
[aria-pressed="true"] > .chat-lists-check { border-color:var(--c-primary); background:var(--c-primary); color:#fff; }
.chat-lists-footer { padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid var(--c-outline-variant); flex-shrink:0; font-size:14px; }
.chat-lists-selected { margin-top:14px; }
.chat-lists-selected .chat-lists-target { padding-left:0; padding-right:0; }
.chat-lists-empty { padding:20px 0; font-size:14px; color:var(--c-on-surface-variant); }
.chat-lists-delete { margin-top:32px; padding:10px 0; color:#b3261e; font-size:14px; }
.chat-lists-delete-confirm { margin-top:20px; padding:16px; border:1px solid var(--c-outline-variant); border-radius:12px; font-size:14px; }
.chat-lists-delete-confirm button { margin:14px 14px 0 0; font-weight:600; }
@media(max-width:767px) { .chat-lists-body { padding-left:20px; padding-right:20px; } }