.saas-meeting-cards{gap:var(--saas-space-sm);flex-direction:column;display:flex}.saas-meeting-card{align-items:center;gap:var(--saas-space-md);padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);transition:border-color var(--saas-motion-micro) var(--saas-ease-standard), box-shadow var(--saas-motion-micro) var(--saas-ease-standard);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.saas-meeting-card:hover{border-color:var(--saas-brand-primary);box-shadow:0 0 0 3px var(--saas-brand-glow)}.saas-meeting-card[data-state=LIVE]{border-color:var(--saas-status-success);background:linear-gradient(90deg, var(--saas-status-success-subtle), var(--saas-bg-surface) 40%)}.saas-meeting-card[data-state=CANCELLED]{border-style:dashed}.saas-meeting-card[data-state=CANCELLED] .saas-meeting-card__title,.saas-meeting-card[data-state=ENDED] .saas-meeting-card__date{opacity:.7}.saas-meeting-card__date{border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-md);background:var(--saas-brand-subtle);flex-direction:column;justify-content:center;align-items:center;block-size:60px;inline-size:56px;display:flex;overflow:hidden}.saas-meeting-card__month{background:var(--saas-brand-primary);color:var(--saas-brand-on-primary);font-size:var(--saas-font-caption);text-align:center;text-transform:uppercase;align-self:stretch;padding-block:2px;font-weight:700}.saas-meeting-card__day{color:var(--saas-text-primary);font-size:var(--saas-font-title);flex:1;align-items:center;font-weight:700;display:flex}.saas-meeting-card__body{gap:var(--saas-space-xs);flex-direction:column;min-inline-size:0;display:flex}.saas-meeting-card__pills{align-items:center;gap:var(--saas-space-xs);flex-wrap:wrap;display:flex}.saas-meeting-card__tag{padding:1px var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-full);color:var(--saas-text-secondary);font-size:var(--saas-font-caption);align-items:center;gap:4px;display:inline-flex}.saas-meeting-card__title{font-size:var(--saas-font-body);margin:0;line-height:1.35}.saas-meeting-card__open{color:var(--saas-text-primary);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.saas-meeting-card__open:hover{color:var(--saas-brand-primary)}.saas-meeting-card__open:focus-visible,.saas-meeting-card__join:focus-visible,.saas-meeting-card__ghost:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-meeting-card__meta{gap:var(--saas-space-2xs) var(--saas-space-md);color:var(--saas-text-secondary);font-size:var(--saas-font-caption);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.saas-meeting-card__meta li{align-items:center;gap:4px;display:inline-flex}.saas-meeting-card__muted{color:var(--saas-text-secondary)}.saas-meeting-card__note{color:var(--saas-status-danger);font-size:var(--saas-font-caption);margin:0}.saas-meeting-card__bar{--saas-meeting-bar:var(--saas-brand-primary);align-items:center;gap:var(--saas-space-sm);font-size:var(--saas-font-caption);grid-template-columns:64px minmax(80px,240px) auto;display:grid}.saas-meeting-card__bar[data-tone=success]{--saas-meeting-bar:var(--saas-status-success-fill)}.saas-meeting-card__bar-label{color:var(--saas-text-secondary);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.saas-meeting-card__track{border-radius:var(--saas-radius-full);background:var(--saas-bg-sunken);block-size:6px;display:block;overflow:hidden}.saas-meeting-card__fill{border-radius:inherit;background:var(--saas-meeting-bar);block-size:100%;transition:inline-size var(--saas-motion-panel) var(--saas-ease-standard);display:block}.saas-meeting-card__bar-value{color:var(--saas-text-primary);font-weight:700}.saas-meeting-card__action{justify-content:flex-end;display:flex}.saas-meeting-card__join,.saas-meeting-card__ghost{align-items:center;gap:var(--saas-space-xs);min-block-size:40px;padding-inline:var(--saas-space-md);border-radius:var(--saas-radius-full);font:inherit;white-space:nowrap;cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard);font-weight:700;display:inline-flex}.saas-meeting-card__join{background:var(--saas-brand-primary);color:var(--saas-brand-on-primary);box-shadow:0 0 0 3px var(--saas-brand-glow);border:0}.saas-meeting-card__join[data-live=true]{background:var(--saas-status-success-fill)}.saas-meeting-card__join:hover{background:var(--saas-brand-primary-hover)}.saas-meeting-card__join:disabled{opacity:.7;cursor:progress}.saas-meeting-card__ghost{border:1px solid var(--saas-border-default);background:var(--saas-bg-surface);color:var(--saas-text-primary)}.saas-meeting-card__ghost:hover{border-color:var(--saas-brand-primary)}.saas-meeting-card__hint{max-inline-size:180px;color:var(--saas-text-secondary);font-size:var(--saas-font-caption);text-align:end}.saas-meeting-card--skeleton{background:var(--saas-bg-sunken);min-block-size:110px}.saas-meeting-cards__empty{align-items:center;gap:var(--saas-space-sm);padding:var(--saas-space-xl) var(--saas-space-md);color:var(--saas-text-secondary);text-align:center;flex-direction:column;display:flex}@media (width<=599px){.saas-meeting-card{grid-template-columns:auto minmax(0,1fr)}.saas-meeting-card__action{grid-column:1/-1;justify-content:stretch}.saas-meeting-card__join,.saas-meeting-card__ghost{flex:1;justify-content:center;min-block-size:44px}.saas-meeting-card__hint{text-align:start;max-inline-size:none}.saas-meeting-card__bar{grid-template-columns:64px minmax(0,1fr) auto}}