.tali-launcher { position: fixed; right: 24px; bottom: 24px; z-index: 90; gap: 8px; }
.tali-panel { position: fixed; right: 24px; bottom: 82px; z-index: 91; width: min(430px, calc(100% - 32px)); height: min(690px, calc(100dvh - 112px)); display: flex; flex-direction: column; background: var(--paper, #fff); color: #171715; border: 1px solid #d9d7cf; border-radius: 16px; box-shadow: 0 14px 50px #17171533; overflow: hidden; }
.tali-header { display: flex; align-items: center; justify-content: space-between; padding: 16px; border-bottom: 1px solid #d9d7cf; }
.tali-header strong { font-size: 22px; }.tali-header small { display: block; color: #73716b; }
.tali-messages { flex: 1; min-height: 80px; overflow-y: auto; padding: 16px; background: #f4f3ef; }
.tali-message { padding: 12px; margin-bottom: 12px; background: white; border: 1px solid #d9d7cf; border-radius: 12px; overflow-wrap: anywhere; }
.tali-message p { white-space: pre-wrap; margin: 8px 0; }.tali-user { background: #fff4b4; margin-left: 28px; }
.tali-form { padding: 12px 16px; display: grid; gap: 8px; }.tali-form textarea { width: 100%; min-height: 64px; resize: vertical; max-height: 140px; box-sizing: border-box; font: inherit; padding: 10px; border: 1px solid #d9d7cf; border-radius: 8px; }
.tali-controls { display: flex; justify-content: space-between; gap: 8px; }.tali-controls .primary { gap: 8px; }
.tali-report { border-top: 1px solid #d9d7cf; padding: 10px 0; }.tali-reports { padding: 10px 16px; max-height: 180px; overflow: auto; border-top: 1px solid #d9d7cf; }.tali-reports summary { cursor: pointer; }
@media(max-width: 600px) { .tali-launcher { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); }.tali-panel { right: 8px; width: calc(100% - 16px); bottom: max(76px, calc(env(safe-area-inset-bottom) + 64px)); height: calc(100dvh - 100px - env(safe-area-inset-bottom)); } }

/* Reserve a separate slot for Tali; keep the export summary fully clickable. */
body:has(.tali-launcher) .attendance-export-dock { right: 124px; width: min(430px, calc(100% - 148px)); }
@media (max-width: 600px) {
  body:has(.tali-launcher) .attendance-export-dock { right: 120px; bottom: max(16px, env(safe-area-inset-bottom)); width: calc(100% - 136px); }
  body:has(.tali-launcher) .attendance-export-panel { position: absolute; bottom: calc(100% + 10px); right: -104px; width: calc(100% + 104px); }
}