.sv-search { display: flex; gap: 8px; } .sv-search .ct-input { flex: 1; min-width: 0; }
.sv-results, .sv-plain { list-style: none; margin: 0; padding: 0; }
.sv-results li { padding: 9px 14px; border-top: 1px solid var(--ct-line, #e1e8ef); } .sv-results li:first-child { border-top: 0; }
.sv-results small, .sv-links small { display: block; color: #5b6f82; font-size: 12px; }
.sv-plain li { font-size: 12.5px; padding: 2px 0; }
.sv-links { list-style: none; margin: 0; padding: 0; } .sv-links a { display: flex; gap: 10px; align-items: center; padding: 10px 14px; border-top: 1px solid var(--ct-line, #e1e8ef); text-decoration: none; color: inherit; } .sv-links li:first-child a { border-top: 0; } .sv-links i { font-size: 18px; color: #1a7fe0; }
.sv-body { font-size: 14px; line-height: 1.6; } .sv-vote { display: flex; gap: 8px; align-items: center; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--ct-line, #e1e8ef); }
.sv-lab { font-size: 12.5px; font-weight: 600; } .sv-h { font-size: 12px; text-transform: uppercase; letter-spacing: .03em; margin: 10px 0 4px; color: #1d3650; }
.sv-opts { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; } .sv-q { font-size: 16px; margin: 12px 0; }
.sv-trail { list-style: none; margin: 0 0 8px; padding: 0; } .sv-trail li { font-size: 12.5px; padding: 3px 0; } .sv-trail small { color: #5b6f82; margin-right: 8px; }
.sv-answer { display: flex; gap: 10px; align-items: flex-start; padding: 12px; background: #eef7f2; border: 1px solid #b9dfc9; border-radius: 2px; } .sv-answer i { font-size: 20px; color: #12a079; }
.sv-timeline { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 10px; }
.sv-timeline li { padding: 10px 12px; border: 1px solid var(--ct-line, #d5dee7); border-radius: 2px; background: #fff; } .sv-timeline li.we { background: #f2f6f9; } .sv-timeline li.note { background: #fff8e6; border-color: #ecd9a0; }
.sv-who { font-size: 12.5px; font-weight: 700; } .sv-who small { font-weight: 400; color: #5b6f82; margin-left: 6px; } .sv-text { font-size: 13.5px; margin-top: 4px; }
.sv-late { color: #d6334b; font-weight: 700; } .sv-filter { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 14px; border-bottom: 1px solid var(--ct-line, #e1e8ef); align-items: center; } .sv-filter .ct-input { width: auto; min-width: 150px; }
.sv-chk { font-size: 12.5px; display: flex; align-items: center; gap: 6px; }
.sv-bulk { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px 14px; border-top: 1px solid var(--ct-line, #e1e8ef); }
.sv-inline { display: flex; gap: 6px; align-items: center; margin-bottom: 8px; } .sv-code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12.5px; }
.sv-chatbox { height: 340px; overflow-y: auto; border: 1px solid var(--ct-line, #d5dee7); border-radius: 2px; padding: 10px; background: #f8fafc; display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; }
.sv-msg { max-width: 78%; padding: 7px 10px; border-radius: 4px; font-size: 13.5px; background: #fff; border: 1px solid #d5dee7; align-self: flex-start; } .sv-msg small { display: block; font-size: 10.5px; color: #5b6f82; }
.sv-msg.customer { align-self: flex-end; background: #e4f0fc; border-color: #b7d6f3; } .sv-msg.system { align-self: center; background: transparent; border: 0; color: #5b6f82; font-size: 12px; text-align: center; }
.sv-say { display: flex; gap: 8px; margin-bottom: 8px; } .sv-say .ct-input { flex: 1; min-width: 0; }
.sv-slots { display: flex; flex-wrap: wrap; gap: 8px; } .sv-slot { border: 1px solid #cbd7e2; border-radius: 2px; padding: 6px 10px; font-size: 13px; cursor: pointer; background: #fff; } .sv-slot small { display: block; font-size: 11px; color: #5b6f82; } .sv-slot.full { opacity: .5; cursor: not-allowed; }
@media (max-width: 640px) { .sv-filter .ct-input { width: 100%; } .sv-msg { max-width: 92%; } .sv-search { flex-wrap: wrap; } }