.consultation-intro { margin: -5px 0 23px; padding: 15px 17px; border-left: 2px solid #8abf9b; background: #20332a; }
.consultation-intro p { margin: 0; font-size: 12px; line-height: 1.9; color: #b6cbbd; }.consultation-intro strong { display: block; margin-bottom: 7px; font-size: 13px; color: #d8ebde; }
.consultation-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }.consultation-heading > div { min-width: 0; }.consultation-heading time { flex: 0 0 auto; color: #9db4a5; font-size: 11px; line-height: 1.7; }.consultation-heading h3 { margin: 11px 0 0; line-height: 1.6; font-size: 16px; }
.consultation-association { display: inline-block; color: #b5bdae; font-size: 11px; line-height: 1.6; }.consultation-association.linked { color: #a9dfbc; }.consultation-owner { font-size: 11px; color: #9db4a5; margin: 8px 0 0; }
.consultation-question { margin: 20px 0 16px; }.consultation-question > span { color: #b7c9ba; font-size: 11px; }.consultation-question > p { margin: 8px 0 0; font-size: 15px; line-height: 1.85; white-space: pre-wrap; overflow-wrap: anywhere; color: #f0f4e9; }
.consultation-answer { border-top: 1px solid #405344; }.consultation-answer > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; cursor: pointer; color: #b6d9c1; font-size: 12px; }.consultation-answer-toggle::after { content: "展开 ↓"; color: #93af9c; font-size: 11px; }.consultation-answer[open] .consultation-answer-toggle::after { content: "收起 ↑"; }
.consultation-answer-text { padding: 16px; border-radius: 8px; background: #192a21; color: #d4e5d7; font-size: 13px; line-height: 1.95; white-space: pre-wrap; overflow-wrap: anywhere; }.consultation-answer-note, .consultation-no-answer { font-size: 11px; color: #9db3a5; line-height: 1.8; margin: 11px 0 0; }.consultation-actions { margin-top: 16px; }.consultation-actions button { font-size: 12px; }
.lead-consultations { margin-top: 19px; border-top: 1px solid #405344; }.lead-consultations > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; color: #cce5d3; font-size: 12px; line-height: 1.7; cursor: pointer; }.lead-consultations > summary > span { flex: 0 0 auto; color: #93bd9e; font-size: 11px; }
.consultation-history-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 3px 0 17px; }.consultation-history-tools p { color: #a9beae; font-size: 11px; line-height: 1.8; margin: 0; }.consultation-history-tools button { flex: 0 0 auto; min-height: 40px; padding: 8px 10px; font-size: 11px; }.consultation-entry { min-width: 0; padding: 17px 0; border-top: 1px dashed #405344; }.consultation-entry .consultation-question { margin-top: 13px; }.consultation-entry .consultation-question > p { font-size: 13px; }
.consultation-focus-notice { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 0 0 20px; padding: 15px 17px; border: 1px solid #587b60; border-radius: 9px; background: #284032; }.consultation-focus-notice p { margin: 0; font-size: 12px; line-height: 1.8; color: #d4e6d8; overflow-wrap: anywhere; }.consultation-focus-notice button { flex: 0 0 auto; font-size: 12px; }.record-card.consultation-focused { border-color: #9ac5a5; box-shadow: inset 3px 0 #9ac5a5; }
.consultation-filters { display: grid; grid-template-columns: minmax(200px, 2fr) repeat(3, minmax(135px, 1fr)); align-items: end; gap: 16px; margin: 0 0 18px; }
.consultation-filters:has(.consultation-date-filter[open]) { align-items: start; }
.consultation-date-filter { grid-column: 3 / -1; min-width: 0; margin-top: 22px; border: 1px solid #465c4c; border-radius: 8px; background: #1c2e24; }
.consultation-date-filter > summary { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 5px 12px; min-height: 44px; padding: 11px 12px; color: #c9dfd0; font-size: 12px; line-height: 1.8; cursor: pointer; }.consultation-date-filter > summary > small { color: #a4c7af; font-size: 11px; overflow-wrap: anywhere; }.consultation-date-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 3px 12px 14px; }.consultation-date-fields .consultation-date-note { grid-column: 1 / -1; }
@media (max-width: 1000px) { .consultation-date-filter { grid-column: 1 / -1; margin-top: 0; } }
@media (max-width: 700px) { .consultation-date-fields { grid-template-columns: 1fr; }.consultation-date-filter > summary { padding-block: 12px; } }
.consultation-filters label, .consultation-pagination label { min-width: 0; color: #b9ccbd; font-size: 12px; }.consultation-filters input, .consultation-filters select, .consultation-pagination select { display: block; width: 100%; min-width: 0; min-height: 46px; margin-top: 8px; padding: 11px 12px; border: 1px solid #54695a; border-radius: 7px; background: #18251f; color: #eef5ed; font: inherit; }.consultation-filters input::placeholder { color: #9aac9f; }.consultation-filter-actions { display: flex; flex-wrap: wrap; gap: 10px; grid-column: 1 / 3; }.consultation-filter-actions button { min-height: 44px; font-size: 12px; }.consultation-filter-actions button[type=submit] { background: #a0dfbd; color: #10291e; border-color: #a0dfbd; font-weight: 650; }.consultation-date-note { grid-column: 3 / -1; color: #a6beae; font-size: 11px; line-height: 1.8; margin: 0; align-self: center; }
.consultation-query-status { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 38px; margin: 0 0 18px; scroll-margin-top: 80px; }.consultation-query-status p { margin: 0; color: #b5c8b9; font-size: 12px; line-height: 1.9; }.consultation-query-status[data-state=error] p { color: #f2d6a5; }.consultation-query-status button { min-height: 44px; font-size: 12px; flex-shrink: 0; }
#questionsList[data-query-placeholder="true"] { position: relative; }
#questionsList[data-query-placeholder="true"]::before { content: ""; position: absolute; inset: 0 0 auto; height: min(160px, 100%); border: 1px solid #344b3d; border-radius: 10px; background: linear-gradient(#354c3d, #354c3d) 18px 24px / 38% 9px no-repeat, linear-gradient(#2c4235, #2c4235) 18px 54px / 78% 7px no-repeat, linear-gradient(#2c4235, #2c4235) 18px 76px / 62% 7px no-repeat, #1d2d24; pointer-events: none; }
.consultation-pagination { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; margin: 24px 0 0; }.consultation-pagination > div { display: flex; align-items: center; gap: 14px; }.consultation-pagination label { display: flex; align-items: center; gap: 10px; }.consultation-pagination select { width: 100px; margin: 0; }.consultation-pagination button { min-height: 44px; font-size: 12px; }.consultation-pagination span { color: #b5c8b9; font-size: 12px; white-space: nowrap; }
@media (max-width: 1000px) { .consultation-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }.consultation-filter-actions { grid-column: 1; }.consultation-date-note { grid-column: 2; } }
@media (max-width: 700px) { .consultation-filters { grid-template-columns: 1fr; gap: 14px; }.consultation-filter-actions, .consultation-date-note { grid-column: 1; }.consultation-filter-actions button { flex: 1; }.consultation-filters input, .consultation-filters select, .consultation-pagination select { font-size: 16px; }.consultation-query-status { align-items: stretch; flex-direction: column; gap: 10px; }.consultation-pagination { align-items: stretch; flex-direction: column; gap: 16px; }.consultation-pagination > div { justify-content: space-between; gap: 8px; }.consultation-pagination label { justify-content: flex-end; }.consultation-pagination button { padding-inline: 11px; }.consultation-pagination span { font-size: 11px; } }
@media (max-width: 700px) { .consultation-heading { gap: 9px; flex-wrap: wrap; }.consultation-heading time { font-size: 10px; }.consultation-heading h3 { font-size: 15px; }.consultation-question > p { font-size: 14px; }.consultation-answer-text { padding: 13px; }.consultation-history-tools { align-items: flex-start; flex-direction: column; gap: 10px; }.consultation-history-tools button { width: 100%; }.consultation-actions { gap: 12px; }.consultation-actions button { min-height: 44px; }.consultation-focus-notice { flex-direction: column; align-items: stretch; padding: 14px; }.consultation-focus-notice button { width: 100%; }.consultation-intro { padding: 13px; } }