.personal-bot-card { min-width: 0; align-self: start; }
.personal-bot-status:empty { display: none; }
.personal-bot-status { margin-top: 12px; padding: 9px 11px; border-radius: 9px; color: var(--v-text, var(--ink)); background: var(--v-card-soft, #f6f4f8); font-size: 12px; line-height: 1.5; }
.personal-bot-card .personal-bot-error { color: var(--v-danger, #b92b32); }
.personal-bot-card .personal-bot-delivery-note { margin-top: 10px; }
.personal-bot-card .personal-bot-empty { margin-top: 12px; }
.personal-bot-card small { display: block; color: var(--v-muted, var(--muted)); font-size: 11px; line-height: 1.5; }
.personal-bot-identity { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 12px; margin-top: 14px; font-size: 12px; }
.personal-bot-reports { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0 6px; }
.personal-bot-reports button { min-height: 35px; }
.personal-bot-details { margin-top: 13px; border-top: 1px solid var(--v-border-soft, var(--border)); padding-top: 11px; }
.personal-bot-details > summary { color: var(--v-text, var(--ink)); font-size: 12px; font-weight: 650; cursor: pointer; }
.personal-bot-details > p { margin-top: 10px; }
.personal-bot-details > .ghost-button { margin-top: 8px; }
.personal-bot-connect { display: inline-flex; margin-top: 11px; text-decoration: none; }
.personal-bot-settings { display: grid; gap: 10px; margin-top: 13px; }
.personal-bot-settings label { min-width: 0; font-size: 12px; }
.personal-bot-check { display: flex; align-items: center; gap: 9px; }
.personal-bot-check input { width: 17px; height: 17px; flex-shrink: 0; accent-color: var(--v-accent, #a87632); }
body.design-vanta .personal-bot-check input[type="checkbox"] { min-height: 0; width: 17px; height: 17px; }
.personal-bot-schedule { display: grid; grid-template-columns: minmax(100px, .7fr) minmax(140px, 1.3fr); gap: 10px; }
.personal-bot-schedule label { display: grid; gap: 6px; }
.personal-bot-schedule input, .personal-bot-schedule select { width: 100%; min-width: 0; height: 39px; border: 1px solid var(--v-border, var(--border)); border-radius: 9px; padding: 0 10px; color: var(--v-text, var(--ink)); background: var(--v-input, #fcfbfd); font: inherit; color-scheme: inherit; }
.personal-bot-schedule input:focus-visible, .personal-bot-schedule select:focus-visible { outline: 2px solid var(--v-accent, #a87632); outline-offset: 2px; }
.personal-bot-settings > button { justify-self: start; }
.personal-bot-alert-window { display: grid; gap: 10px; min-width: 0; padding: 12px; border: 1px solid var(--v-border-soft, var(--border)); border-radius: 10px; }
.personal-bot-alert-window h4 { margin: 0; color: var(--v-text, var(--ink)); font-size: 12px; line-height: 1.45; }
.personal-bot-setup > p { font-size: 12px; }
.personal-bot-setup a { color: var(--v-accent-strong, #9564bc); }
.personal-bot-reminders { list-style: none; margin: 11px 0 0; padding: 0; max-height: 360px; overflow-y: auto; scrollbar-gutter: stable; }
.personal-bot-reminders li { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding: 10px 0; border-top: 1px solid var(--v-border-soft, var(--border)); }
.personal-bot-reminder-copy { min-width: 0; font-size: 12px; line-height: 1.45; }
.personal-bot-reminder-copy > span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; overflow-wrap: anywhere; }
.personal-bot-reminder-copy small { margin-top: 3px; }
.personal-bot-deliveries .personal-bot-reminder-copy > strong { display: block; margin-bottom: 4px; font-size: 11px; }
.personal-bot-reminder-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 3px; flex-shrink: 0; }
.personal-bot-reminder-actions button { padding: 5px 7px; font-size: 11px; }
.personal-bot-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--v-border-soft, var(--border)); }
@media (max-width: 560px) {
  .personal-bot-schedule { grid-template-columns: 1fr; }
  .personal-bot-reminders li { flex-wrap: wrap; }
  .personal-bot-reminder-actions { justify-content: flex-start; }
}
@media (max-width: 680px) {
  /* Header-only compact icon rules must not hide the controller's action labels. */
  body.design-vanta .personal-bot-card .primary-button.compact { width: auto; min-width: 0; max-width: 100%; padding: 0 14px; font-size: 13px; white-space: normal; }
}