/* TheaCRM v2.8.627 – Mobile UI, tasks, calendar and calls */
@media (max-width: 767.98px) {
  /* Plná akční tlačítka musí mít vždy čitelný obsah. */
  body .thea-page :is(.btn-success,.btn-primary,.btn-ghost-primary),
  body .thea-work-page :is(.btn-success,.btn-primary,.btn-ghost-primary),
  body .thea-directory-page :is(.btn-success,.btn-primary,.btn-ghost-primary),
  body .thea-mobile-directory__switch a.is-active,
  body .thea-mobile-tasks__filter.is-active,
  body .tasks-list-toolbar .btn-success,
  body .nav-pills .nav-link.active {
    color: #fff !important;
  }
  body .thea-page :is(.btn-success,.btn-primary,.btn-ghost-primary) :is(i,span),
  body .thea-work-page :is(.btn-success,.btn-primary,.btn-ghost-primary) :is(i,span),
  body .thea-directory-page :is(.btn-success,.btn-primary,.btn-ghost-primary) :is(i,span),
  body .thea-mobile-directory__switch a.is-active :is(i,span),
  body .thea-mobile-tasks__filter.is-active :is(i,span),
  body .tasks-list-toolbar .btn-success :is(i,span),
  body .nav-pills .nav-link.active :is(i,span) {
    color: inherit !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  body .thea-page .btn-ghost-primary,
  body .thea-work-page .btn-ghost-primary,
  body .thea-directory-page .btn-ghost-primary {
    background: var(--primary-color, #198754) !important;
    border-color: var(--primary-color, #198754) !important;
  }

  /* Kalendář */
  .thea-calendar-page-v28627 {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    padding: .45rem .45rem calc(var(--thea-mobile-bottom-nav-height, 72px) + env(safe-area-inset-bottom, 0px) + 1rem) !important;
  }
  .thea-calendar-page-v28627__header {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: .75rem !important;
    margin: 0 0 .7rem !important;
    padding: .85rem !important;
    border: 1px solid #dfe8e1 !important;
    border-radius: 1rem !important;
    background: #fff !important;
  }
  .thea-calendar-page-v28627__title { min-width: 0 !important; }
  .thea-calendar-page-v28627__eyebrow {
    display: block; color: #198754; font-size: .7rem; font-weight: 850;
    letter-spacing: .07em; text-transform: uppercase;
  }
  .thea-calendar-page-v28627__title h1 {
    margin: .08rem 0 !important; color: #2e7d32 !important;
    font-size: 1.32rem !important; line-height: 1.15 !important;
  }
  .thea-calendar-page-v28627__title small { color: #667085 !important; }
  .thea-calendar-page-v28627__actions {
    display: grid !important; grid-template-columns: minmax(0,1fr) !important;
    gap: .55rem !important; min-width: 0 !important;
  }
  .thea-calendar-page-v28627__user-filter {
    display: grid !important; grid-template-columns: 1fr !important; gap: .25rem !important;
  }
  .thea-calendar-page-v28627__user-filter label {
    margin: 0 !important; color: #667085 !important; font-size: .7rem !important; font-weight: 800 !important;
  }
  .thea-calendar-page-v28627__user-filter .form-select,
  .thea-calendar-page-v28627__back {
    width: 100% !important; min-width: 0 !important; min-height: 46px !important;
  }
  .thea-calendar-page-v28627__back {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    gap: .35rem !important; white-space: normal !important; text-align: center !important;
  }
  .thea-calendar-page-v28627__legend {
    display: flex !important; gap: .4rem !important; margin: 0 0 .7rem !important;
    padding: 0 .1rem .2rem !important; overflow-x: auto !important; scrollbar-width: none !important;
  }
  .thea-calendar-page-v28627__legend::-webkit-scrollbar { display: none !important; }
  .thea-calendar-page-v28627__legend > span {
    display: inline-flex !important; align-items: center !important; gap: .35rem !important;
    flex: 0 0 auto !important; padding: .42rem .58rem !important;
    border: 1px solid #dde7df !important; border-radius: 999px !important;
    background: #fff !important; color: #344054 !important; font-size: .72rem !important; font-weight: 750 !important;
  }
  .thea-calendar-page-v28627 .calendar-badge-dot {
    width: .62rem !important; height: .62rem !important; flex: 0 0 .62rem !important;
  }
  .thea-calendar-page-v28627 .calendar-card {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    padding: .45rem !important; border-radius: 1rem !important; overflow: hidden !important;
  }
  .thea-calendar-page-v28627 #task-calendar,
  .thea-calendar-page-v28627 #task-calendar .fc { min-width: 0 !important; max-width: 100% !important; }
  .thea-calendar-page-v28627 #task-calendar .fc-toolbar.fc-header-toolbar {
    display: grid !important; grid-template-columns: auto minmax(0,1fr) auto !important;
    align-items: center !important; gap: .3rem !important; margin: .15rem 0 .55rem !important;
  }
  .thea-calendar-page-v28627 #task-calendar .fc-toolbar-chunk { min-width: 0 !important; }
  .thea-calendar-page-v28627 #task-calendar .fc-toolbar-chunk:nth-child(2) { text-align: center !important; }
  .thea-calendar-page-v28627 #task-calendar .fc-toolbar-title {
    max-width: 100% !important; margin: 0 !important; font-size: 1rem !important;
    line-height: 1.15 !important; overflow-wrap: anywhere !important;
  }
  .thea-calendar-page-v28627 #task-calendar .fc-button {
    min-height: 40px !important; padding: .28rem .58rem !important; font-size: .78rem !important;
  }
  .thea-calendar-page-v28627 #task-calendar .fc-footer-toolbar {
    display: flex !important; justify-content: center !important; margin: .65rem 0 .1rem !important;
  }
  .thea-calendar-page-v28627 #task-calendar .fc-footer-toolbar .fc-button-group {
    display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    width: 100% !important; gap: .28rem !important;
  }
  .thea-calendar-page-v28627 #task-calendar .fc-footer-toolbar .fc-button {
    border-radius: 999px !important; margin: 0 !important;
  }
  .thea-calendar-page-v28627 #task-calendar .fc-list { border-radius: .75rem !important; overflow: hidden !important; }
  .thea-calendar-page-v28627 #task-calendar .fc-list-event-title a,
  .thea-calendar-page-v28627 #task-calendar .fc-event-title {
    white-space: normal !important; overflow-wrap: anywhere !important;
  }
  .thea-calendar-page-v28627 #task-calendar .fc-list-event-time { white-space: nowrap !important; }

  /* Schůzky / volání */
  .thea-calls-page-v28627,
  .thea-calls-page-v28627 .row,
  .thea-calls-page-v28627 .col-12,
  .thea-calls-page-v28627 .call-card { min-width: 0 !important; max-width: 100% !important; }
  .thea-call-card-v28627 {
    display: grid !important; grid-template-columns: minmax(0,1fr) auto !important;
    align-items: start !important; gap: .55rem !important; min-width: 0 !important;
  }
  .thea-call-card-v28627__copy { min-width: 0 !important; }
  .thea-call-card-v28627__copy h3 {
    display: grid !important; grid-template-columns: auto minmax(0,1fr) !important;
    align-items: start !important; gap: .35rem !important; min-width: 0 !important;
  }
  .thea-call-card-v28627__copy h3 span {
    min-width: 0 !important; white-space: normal !important; overflow-wrap: anywhere !important;
  }
  .thea-call-card-v28627__meta {
    display: flex !important; flex-wrap: wrap !important; gap: .3rem .65rem !important;
    margin-top: .38rem !important; min-width: 0 !important; color: #303a43 !important; font-size: .79rem !important;
  }
  .thea-call-card-v28627__meta > span,
  .thea-call-card-v28627__location {
    display: inline-flex !important; align-items: flex-start !important; gap: .3rem !important;
    min-width: 0 !important; max-width: 100% !important;
  }
  .thea-call-card-v28627__location { margin-top: .38rem !important; color: #667085 !important; font-size: .79rem !important; }
  .thea-call-card-v28627__location span { min-width: 0 !important; overflow-wrap: anywhere !important; }
  .thea-call-card-v28627__status { min-width: 0 !important; max-width: 8.8rem !important; }
  .thea-call-card-v28627__status .badge {
    display: block !important; max-width: 100% !important; overflow: hidden !important;
    text-overflow: ellipsis !important; white-space: nowrap !important;
  }
}

@media (max-width: 430px) {
  .thea-call-card-v28627 { grid-template-columns: minmax(0,1fr) !important; }
  .thea-call-card-v28627__status { max-width: 100% !important; justify-self: start !important; }
  .thea-call-card-v28627__status .badge { display: inline-block !important; }
}