:root{--ink:#17211b;--muted:#69766d;--line:#dce7df;--surface:#fff;--soft:#f4f8f5;--green:#176b45;--green2:#0f5435;--amber:#9a5d00;--red:#aa2d2d;--shadow:0 14px 45px rgba(26,52,35,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font:14px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,"KaiTi","STKaiti","楷体","PingFang SC","Microsoft YaHei",serif}.hidden{display:none!important}
button,input,select,textarea{font:inherit}button{cursor:pointer}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,#dff2e4,transparent 34%),linear-gradient(135deg,#edf6ef,#f8faf8)}
.auth-card{width:min(420px,100%);padding:36px;border:1px solid #e3ebe5;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#207a50,#0e5736);color:#fff;font-size:22px;font-weight:800}.brand-mark.mini{width:36px;height:36px;border-radius:11px;font-size:16px;flex:none}.eyebrow{margin:0;color:var(--green);font-size:11px;letter-spacing:.12em;font-weight:800}.auth-card h1,.topbar h1{margin:5px 0;font-size:25px;letter-spacing:-.03em}.auth-card>p:not(.eyebrow):not(.form-error){color:var(--muted);margin:0 0 24px}.auth-card label,.modal-card label{display:grid;gap:6px;font-weight:700;margin:13px 0}.auth-card input,.modal-card input,.modal-card textarea,.data-select,.filter-input{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.auth-card input:focus,.modal-card input:focus,.modal-card textarea:focus,.data-select:focus,.filter-input:focus{border-color:#4ba979;box-shadow:0 0 0 3px #dff2e5}.auth-card .primary{width:100%;margin:12px 0}.auth-card small{display:block;color:var(--muted);font-size:12px}.form-error{min-height:18px;color:var(--red);margin:8px 0}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#10251a;color:#e8f3eb;padding:20px 13px;display:flex;flex-direction:column}.sidebar-brand{display:flex;gap:10px;align-items:center;padding:4px 9px 23px}.sidebar-brand b{display:block;font-size:16px}.sidebar-brand small{color:#a8bdad;font-size:11px}.nav-group{margin:12px 0}.nav-label{padding:0 10px 7px;color:#8da693;font-size:10px;font-weight:800;letter-spacing:.1em}.nav-btn{border:0;border-radius:9px;background:transparent;color:#c9d9ce;width:100%;padding:10px;text-align:left;display:flex;gap:10px;align-items:center;margin:2px 0}.nav-btn:hover,.nav-btn.active{background:#234933;color:#fff}.nav-btn .nav-icon{width:19px;text-align:center;font-size:15px}.sidebar-foot{margin-top:auto;padding:12px 10px;color:#a8bdad;font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4fd084;margin-right:6px}.main{padding:26px clamp(20px,4vw,56px);max-width:1600px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar h1{font-size:29px}.topbar-actions{display:flex;gap:8px}.primary,.secondary,.icon-button,.tiny-button{border:0;border-radius:9px;padding:10px 14px;font-weight:700}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green2)}.secondary{background:#e8f0ea;color:#254232}.secondary:hover{background:#d9e7dd}.icon-button{padding:5px 10px;background:transparent;color:inherit;font-size:20px}.notice{display:flex;gap:9px;align-items:center;border:1px solid #cce6d3;background:#f7fcf8;color:#315741;border-radius:11px;padding:10px 13px;margin-bottom:20px;font-size:12px}.notice>span:first-child{color:#23965c}.grid{display:grid;gap:15px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.metric{background:var(--surface);border:1px solid #e1eae3;border-radius:15px;box-shadow:0 3px 12px rgba(28,56,37,.035)}.panel{padding:18px}.metric{padding:16px}.metric small{color:var(--muted);display:block}.metric strong{display:block;font-size:27px;letter-spacing:-.04em;margin:5px 0}.metric .metric-note{color:var(--green);font-size:11px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel h2{margin:0;font-size:16px}.panel-head small{color:var(--muted)}.kv{display:grid;grid-template-columns:minmax(90px,.75fr) minmax(0,1.25fr);gap:8px;border-top:1px solid #edf1ee;padding:8px 0;font-size:12px}.kv:first-child{border-top:0}.kv span:first-child{color:var(--muted)}.kv span:last-child{word-break:break-word}.table-wrap{overflow:auto;border:1px solid #ebf0ec;border-radius:11px}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th{background:#f6f9f6;color:#607068;text-align:left;font-size:11px;letter-spacing:.02em}.data-table th,.data-table td{padding:10px 11px;border-bottom:1px solid #edf1ee;vertical-align:top;max-width:280px;word-break:break-word}.data-table tr:last-child td{border:0}.data-table tbody tr:hover{background:#fbfdfb}.badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#eaf4ed;color:#236142;font-size:11px;font-weight:700}.badge.pending,.badge.rejected{background:#fff1df;color:var(--amber)}.badge.blocked{background:#fdeaea;color:var(--red)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.toolbar .data-select{min-width:220px}.toolbar .filter-input{min-width:220px;flex:1}.tiny-button{padding:5px 8px;background:#edf5ef;color:#236142;font-size:11px}.tiny-button.danger{background:#fff0e8;color:#a64c11}.empty{padding:38px 16px;text-align:center;color:var(--muted)}.callout{border-left:3px solid #43a56e;background:#f5fbf7;padding:11px 13px;color:#385b45;font-size:12px;border-radius:0 9px 9px 0}.summary-list{margin:0;padding-left:18px;color:#52645a}.summary-list li{margin:7px 0}.endpoint-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.endpoint{border:1px solid #e7eee9;border-radius:10px;padding:9px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.endpoint .tag{float:right;font:10px ui-sans-serif;padding:2px 5px;border-radius:5px;background:#eaf4ed;color:#236142}.endpoint .risk{background:#fff0e8;color:#a64c11}.json{white-space:pre-wrap;word-break:break-word;margin:0;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#405148}.modal-card{border:0;border-radius:17px;padding:0;width:min(620px,calc(100vw - 32px));box-shadow:var(--shadow);color:var(--ink)}.modal-card::backdrop{background:rgba(8,26,15,.42)}.modal-card form{padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e8eeea;padding-bottom:12px}.modal-head h2{margin:3px 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.modal-card textarea{min-height:92px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}#toast{position:fixed;right:22px;bottom:22px;background:#172d20;color:#fff;border-radius:10px;padding:11px 15px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translateY(0)}.mobile-only{display:none}
@media(max-width:1000px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.three-col{grid-template-columns:1fr}.endpoint-list{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;z-index:10;width:250px;transform:translateX(-105%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{padding:18px}.topbar h1{font-size:23px}.mobile-only{display:inline-block}.topbar-actions .secondary{padding:8px 10px}.form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.notice{align-items:start}}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-card{background:var(--surface);border:1px solid #e1eae3;border-radius:13px;padding:14px}.feature-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.feature-card p{color:var(--muted);font-size:12px;margin:10px 0}.feature-actions{font-size:11px;color:var(--green);padding-top:9px;border-top:1px solid #edf1ee}.tag{font:700 10px ui-sans-serif;padding:4px 7px;border-radius:6px;background:#eaf4ed;color:#236142;white-space:nowrap}.tag.risk{background:#fff0e8;color:#a64c11}@media(max-width:1000px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.feature-grid{grid-template-columns:1fr}}
.modal-card select{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.modal-card select:focus{border-color:#4ba979;box-shadow:0 0 0 3px #dff2e5}.form-span{grid-column:1/-1}.modal-help{margin:14px 0 0;color:var(--muted);font-size:12px}.audit-meta{margin:14px 0;color:var(--muted);font-size:12px}
.identity-badge{display:inline-block;padding:6px 9px;border-radius:999px;background:#eaf4ed;color:#236142;font-size:11px;font-weight:800;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.load-more{display:grid;gap:8px;justify-items:center;padding:16px 0 3px}.load-more small{color:var(--muted)}.user-detail{display:grid;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{margin:0;font-size:18px}.detail-stream{display:grid;gap:14px}.detail-stream .panel{margin:0}
@media(max-width:720px){.topbar{align-items:flex-start;gap:10px}.topbar-actions{justify-content:flex-end;flex-wrap:wrap;gap:6px}.identity-badge{order:-1;max-width:100%;width:100%;text-align:center}.main{padding:14px}.panel{padding:14px}.table-wrap{border:0;overflow:visible}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table thead{display:none}.data-table tr{border:1px solid #e3ebe5;border-radius:11px;background:#fff;margin:10px 0;overflow:hidden}.data-table td{display:grid;grid-template-columns:minmax(94px,.7fr) minmax(0,1.3fr);gap:10px;align-items:start;padding:9px 10px;max-width:none}.data-table td:before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:700}.data-table td:last-child{border-bottom:0}.data-table td:empty{display:none}.toolbar{align-items:stretch}.toolbar .data-select,.toolbar .filter-input{min-width:100%;width:100%;flex:none}.toolbar .primary,.toolbar .secondary{width:100%}.modal-card{width:min(100vw - 20px,620px);max-height:calc(100vh - 20px);overflow:auto}.modal-actions{position:sticky;bottom:0;padding-top:10px;background:#fff}.pc-sensitive,button[data-review],button[data-edit-index]{display:none!important}}
.detail-stream{grid-template-columns:1fr}.user-detail{padding-bottom:30px}

.queue-workspace{display:grid;gap:14px;margin:18px 0}.queue-source-tabs,.queue-status-tabs{display:flex;gap:8px;flex-wrap:wrap}.queue-source,.queue-status{border:1px solid var(--line);border-radius:10px;padding:9px 13px;background:#fff;color:#52645a;font-weight:800}.queue-source span,.queue-status span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 5px;border-radius:999px;background:#edf3ee;color:#52645a;font-size:11px}.queue-source.active{border-color:#2d8056;background:#eaf6ed;color:#176b45}.queue-source.active span{background:#cfead7;color:#176b45}.queue-status.active{border-color:#176b45;background:#176b45;color:#fff}.queue-status.active span{background:#fff;color:#176b45}.queue-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:15px;align-items:start}.queue-layout>.panel:last-child{position:static}.detail-kv{max-height:600px;overflow:auto}.detail-actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}@media(max-width:1000px){.queue-layout{grid-template-columns:1fr}.queue-layout>.panel:last-child{position:static}}@media(max-width:720px){.queue-source,.queue-status{flex:1;padding:9px 8px}.detail-kv{max-height:none}}
\n.telegram-link{color:#14734d;text-decoration:underline;text-decoration-color:#94c8a9;text-underline-offset:3px;font-weight:700}.telegram-link:hover{color:#0b5135;text-decoration-color:currentColor}.telegram-link span{font-size:11px;text-decoration:none}\n
.user-profile-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:20px;align-items:start}.user-avatar{position:relative;width:88px;height:88px;border-radius:22px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#d9efe0,#edf7ef);color:#176b45;font-size:30px;font-weight:800}.user-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.user-profile-card h3{margin:0 0 12px;font-size:21px}.user-identity-row{display:flex;gap:36px;flex-wrap:wrap}.user-identity-row>span{display:grid;gap:2px}.user-identity-row small,.user-bio small{color:var(--muted);font-size:11px}.user-bio{margin-top:16px;padding:12px 14px;border-radius:11px;background:#f6faf7}.user-bio p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.user-seen-row{margin-top:10px;color:var(--muted);font-size:11px}.user-summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.user-entity-list{display:grid;gap:9px}.user-entity{display:grid;grid-template-columns:56px minmax(180px,1fr) auto;gap:14px;align-items:center;border:1px solid #e7eee9;border-radius:12px;padding:12px 14px}.entity-kind{display:grid;place-items:center;height:32px;border-radius:8px;background:#edf6ef;color:#276343;font-size:12px}.entity-main{min-width:0;display:grid;gap:3px}.entity-main small{color:var(--muted);font-size:11px}.entity-meta{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;color:var(--muted);font-size:11px}.user-detail>.panel{margin:0}@media(max-width:900px){.user-entity{grid-template-columns:50px minmax(0,1fr)}.entity-meta{grid-column:2;justify-content:flex-start}.user-profile-card{grid-template-columns:72px minmax(0,1fr)}.user-avatar{width:72px;height:72px}}

.user-profile-card{display:flex}.user-profile-card>.user-avatar{flex:0 0 88px}.user-profile-card>div:nth-child(2){flex:1;min-width:0}

/* Aurora admin additions */
.hidden{display:none!important}
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:14px 0 22px}
.card{background:var(--surface);border:1px solid #e1eae3;border-radius:15px;padding:16px;box-shadow:0 3px 12px rgba(28,56,37,.035);margin-bottom:16px}
.card h2{font-size:16px;margin:0 0 12px}
.toolbar .primary{margin-left:auto}
.pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:12px;color:var(--muted);font-size:12px}
.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;font-size:12px}
.detail-grid dt{color:var(--muted);font-weight:700}
.detail-grid dd{margin:0;word-break:break-all}

/* Aurora console specifics */
#toast{position:fixed;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));background:#10251a;color:#e8f3eb;padding:11px 15px;border-radius:11px;box-shadow:var(--shadow);z-index:200;font-size:12px}
#toast[hidden]{display:none}
.mobile-only{display:none}
@media(max-width:900px){.mobile-only{display:inline-flex}}

/* Lines and points forms */
.rules-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}
.rules-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);font-weight:700}
.rules-form input,.rules-form select{border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:#fff;color:var(--ink);outline:none;width:100%}
.rules-form input:focus,.rules-form select:focus{border-color:#4ba979;box-shadow:0 0 0 3px #dff2e5}
.rules-form button{height:41px}
@media(max-width:720px){.rules-form{grid-template-columns:1fr}}

.muted { color: var(--muted, #6b7280); font-size: 13px; line-height: 1.6; }
.settings-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin: 12px 0;
  font-weight: 600;
}
.settings-row input[type="checkbox"] { width: 20px; height: 20px; accent-color: #c8102e; }

/* Roles, staff seats and invite codes */
.role-chip{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid #cfe6d7;border-radius:999px;background:#eaf4ed;color:#176b45;font-size:11px;font-weight:800;white-space:nowrap;letter-spacing:.02em}
.invite-code{display:inline-block;padding:3px 8px;border:1px solid #d9e9de;border-radius:6px;background:#eef6f0;color:#1f4f35;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;user-select:all;word-break:break-all}
.copy-btn{margin-left:6px;padding:2px 8px;border:1px solid #cfe2d5;border-radius:6px;background:#fff;color:#176b45;font-size:11px;font-weight:800}
.copy-btn:hover{background:#eaf6ed;border-color:#8ec7a3}
.manager-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.manager-list .empty{grid-column:1/-1}
.manager-card{border:1px solid #e1eae3;border-radius:13px;padding:14px;background:#fbfdfb}
.manager-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.manager-card-head b{font-size:14px}
.manager-card-head .mono{margin-top:2px;color:var(--muted)}
.manager-line{margin-top:8px;color:#52645a;font-size:12px}
.manager-invite{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #edf1ee;font-size:12px}
.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.modal-grid .form-span{grid-column:1/-1}
.warning-panel{border:1px solid #f0d9b5;border-left:4px solid #c8891a;border-radius:12px;background:#fffaf1;padding:18px 20px;color:#6b4a10}
.warning-panel b{display:block;margin-bottom:4px;font-size:14px}
.warning-panel p{margin:0;font-size:13px}
.role-select{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff;color:var(--ink);font-size:12px;outline:none}
.role-select:focus{border-color:#4ba979;box-shadow:0 0 0 3px #dff2e5}
@media(max-width:620px){.modal-grid{grid-template-columns:1fr}.manager-list{grid-template-columns:1fr}}

/* Readability pass: larger text, clearer controls, and a structured chat-record workspace. */
:root{
  --ink:#14221a;
  --muted:#52645a;
  --line:#cadbd0;
  --soft:#f2f7f3;
}
html{font-size:17px}
body{
  font:17px/1.68 "Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;
  letter-spacing:.012em;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font-family:inherit;font-size:16px}
.auth-card h1,.topbar h1,.card h2,.modal-head h2,.sidebar-brand b{
  font-family:"KaiTi","STKaiti","楷体","Microsoft YaHei",serif;
  letter-spacing:.04em;
}
.topbar h1{font-size:36px}
.card h2,.panel h2{font-size:21px}
.eyebrow{font-size:12px}
.app-shell{grid-template-columns:270px minmax(0,1fr)}
.nav-btn{font-size:16px;padding:12px 11px}
.nav-label{font-size:11px}
.sidebar-brand b{font-size:19px;line-height:1.35}
.sidebar-brand small,.sidebar-foot{font-size:12px}
.identity-badge,.role-chip{font-size:12px;padding:7px 11px}
.primary,.secondary{font-size:15px;padding:12px 17px}
.tiny-button{font-size:13px;padding:8px 11px}
.data-table{font-size:16px}
.data-table th{font-size:14px;padding:12px 13px}
.data-table td{padding:13px;max-width:360px}
.data-table small,.mono{font-size:13px}
.filter-input,.data-select,.rules-form input,.rules-form select{
  min-height:44px;
  padding:12px 13px;
  font-size:16px;
}
.badge{font-size:12px;padding:4px 9px}
.copy-btn,.role-select{font-size:13px;min-height:34px}
.muted{font-size:14px}
.manager-card-head b{font-size:16px}
.manager-line,.manager-invite{font-size:14px}
.modal-card{width:min(760px,calc(100vw - 32px))}
.modal-card label{font-size:14px}
.detail-grid{font-size:14px}
#toast{font-size:14px;padding:13px 17px}

.chat-record-workspace{
  display:grid;
  grid-template-columns:minmax(360px,.8fr) minmax(0,1.35fr);
  gap:18px;
  align-items:start;
}
.chat-record-workspace>.card{margin:0}
.chat-directory-panel{position:sticky;top:16px}
.chat-catalog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}
.chat-catalog-tab{
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
  color:#42564a;
  padding:10px 14px;
  font-weight:800;
}
.chat-catalog-tab.active{
  border-color:var(--green);
  background:var(--green);
  color:#fff;
  box-shadow:0 5px 14px rgba(23,107,69,.18);
}
#chat-directory-filter{width:100%;margin-bottom:12px}
.chat-directory-body{display:grid;gap:10px}
.chat-directory-list{display:grid;gap:8px}
.chat-directory-item{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid #dbe6df;
  border-radius:12px;
  padding:12px 14px;
  background:#fff;
  color:var(--ink);
  text-align:left;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.chat-directory-item:hover{
  border-color:#76b38d;
  background:#f7fcf8;
  transform:translateY(-1px);
}
.chat-directory-main{display:grid;gap:3px;min-width:0}
.chat-directory-title{
  display:block;
  font-size:16px;
  font-weight:800;
  overflow-wrap:anywhere;
}
.chat-directory-subtitle{
  display:block;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.chat-directory-side{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--green);
  font-size:20px;
  font-weight:800;
  flex:none;
}
.chat-count{
  border-radius:999px;
  padding:4px 8px;
  background:#eaf4ed;
  color:#236142;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.chat-directory-back{
  justify-self:start;
  border:0;
  background:transparent;
  color:var(--green);
  font-weight:800;
  padding:4px 0 8px;
  font-size:14px;
}
.chat-directory-heading{
  display:grid;
  gap:3px;
  padding:10px 12px;
  border-left:4px solid #2d8056;
  border-radius:0 10px 10px 0;
  background:#f3faf5;
}
.chat-directory-heading strong{font-size:17px}
.chat-directory-heading small{color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.chat-results-panel #chat-selection-head{padding-bottom:14px;border-bottom:1px solid #e4ede7}
.chat-results-panel #chat-selection-head h2{margin:4px 0 6px}
.chat-record-filter{
  display:grid;
  grid-template-columns:minmax(180px,1fr) 150px 150px auto;
  gap:10px;
  align-items:end;
  margin:16px 0 10px;
}
.chat-record-filter label{
  display:grid;
  gap:6px;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
.chat-record-filter input{
  min-height:44px;
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 12px;
  background:#fff;
  color:var(--ink);
}
.chat-record-table-wrap{max-height:64vh;overflow:auto}
.chat-record-list{display:grid;gap:12px}
.chat-record-card{
  border:1px solid #dce8e0;
  border-radius:14px;
  background:#fff;
  padding:14px 16px;
  box-shadow:0 3px 12px rgba(28,56,37,.04);
}
.chat-record-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding-bottom:9px;
  border-bottom:1px solid #edf2ee;
}
.chat-record-sender{display:grid;gap:2px;min-width:0}
.chat-record-sender b{font-size:16px;overflow-wrap:anywhere}
.chat-record-sender small{color:var(--muted);overflow-wrap:anywhere}
.chat-record-card-head time{color:var(--muted);font-size:13px;white-space:nowrap}
.chat-record-target{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:10px 0 8px;
  color:#365344;
  font-size:14px;
}
.chat-record-target>span:not(.chat-record-type){font-weight:800}
.chat-record-target small{color:var(--muted);overflow-wrap:anywhere}
.chat-record-type{
  border-radius:7px;
  padding:3px 7px;
  background:#edf6ef;
  color:#276343;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}
.chat-record-content{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-size:16px;
  line-height:1.7;
  color:#1c2b22;
  max-height:160px;
  overflow:auto;
  padding:10px 12px;
  border-radius:10px;
  background:#f7faf8;
}
.chat-record-card-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
}
.chat-record-card-foot>div{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:1050px){
  .chat-record-workspace{grid-template-columns:1fr}
  .chat-directory-panel{position:static}
  .chat-record-filter{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .chat-record-filter{grid-template-columns:1fr}
}