.live-attendance{height:calc(100dvh - 255px);min-height:560px}
.attendance-list-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 14px 12px;background:var(--surface-soft);border-bottom:1px solid var(--border)}
.attendance-list-tools label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.attendance-list-tools input{accent-color:var(--plum)}
.attendance-list-tools select{width:100%;min-width:0;border:1px solid var(--control-border);background:var(--surface-bright);color:var(--plum);border-radius:6px;padding:8px;font-size:11px}
.attendance-list-footer{flex-direction:column;padding:9px;gap:8px;min-height:52px;text-align:center}
.attendance-list-footer span{font-size:10px}
.attendance-list-footer [hidden]{display:none}
.attendance-error{color:#8d2e45;background:#f4e5e9;padding:11px 14px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.attendance-error:empty{display:none}
.attendance-thread-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:16px;min-height:100%;color:var(--muted)}
.attendance-thread-empty>svg{height:34px;width:34px;color:var(--plum)}
.attendance-thread-empty h2{font-size:19px;color:var(--plum)}
.attendance-thread-empty p{font-size:13px;line-height:1.8;max-width:330px}
.attendance-older{display:block;margin:0 auto 20px}
.live-attendance .bubble p{white-space:pre-wrap;overflow-wrap:anywhere}
.live-attendance .message-time{flex-wrap:wrap;gap:9px}
.live-attendance .bubble.attendance-note{background:#eee8d9;border-color:#ab9b75}
.attendance-failed{color:#8d2e45}
.attendance-attachment{display:flex;align-items:center;gap:7px;padding:9px;border-radius:6px;background:#ffffff80;color:var(--plum);border:1px solid var(--border);font-size:12px;text-decoration:none;overflow-wrap:anywhere;margin-top:9px}
.attendance-attachment svg{width:15px;height:15px}
.attendance-composer-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.attendance-composer-tabs button{padding:7px 10px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface-bright);color:var(--plum);font-size:11px;font-weight:600}
.attendance-composer-tabs button.selected{background:var(--plum);border-color:var(--plum);color:var(--surface-bright)}
.attendance-note-composer{background:#f5f1e8}
.attendance-contact-field{padding:16px 0}
.attendance-contact-field p{font-size:12px;color:var(--ink);line-height:1.7;overflow-wrap:anywhere}
.live-attendance .composer textarea{max-height:150px}
.live-attendance .composer-hint button{font-size:10px;color:var(--plum);padding:0}
.live-attendance .messages .empty-state{padding:35px 12px}
.live-attendance .conversation-panel .empty-state p{max-width:220px;margin-left:auto;margin-right:auto}
#attendance-new{width:500px;max-height:88dvh;overflow:auto}
#attendance-new select{width:100%;display:block;border:1px solid var(--control-border);border-radius:7px;padding:10px;margin-top:7px;background:var(--surface-bright);color:var(--plum)}
#attendance-new .primary{text-decoration:none}
#attendance-new input{width:100%}
@media(max-width:900px){.live-attendance{height:calc(100dvh - 235px)}.live-attendance .chat-header{gap:7px}.live-attendance .assistant-banner button{margin-left:auto}}
@media(max-width:680px){.live-attendance{height:calc(100dvh - 250px);min-height:530px}.live-attendance .contact-panel.shown{top:65px}.live-attendance .messages{padding:17px 13px}.live-attendance .bubble{max-width:92%}.live-attendance .message-time{font-size:9px}.attendance-composer-tabs button{font-size:10px}.attendance-list-tools select{font-size:12px}.attendance-thread-empty{padding:22px}.attendance-thread-empty h2{font-size:17px}}