/* /Components/Pages/Practice/Manager.razor.rz.scp.css */
.matrix-container[b-a50a90f2od] { overflow-x: auto; scroll-snap-type: x mandatory; }
.matrix-table[b-a50a90f2od] { min-width: 560px; border-collapse: separate; border-spacing: 0; }
.sticky-col[b-a50a90f2od] { position: sticky; background: var(--mud-palette-surface); z-index: 2; }
.day-header[b-a50a90f2od] { text-align: center; white-space: nowrap; }
.day-cell[b-a50a90f2od] { white-space: nowrap; }
.day-cell[b-a50a90f2od] { cursor: pointer; }
/* Column layout variables (desktop defaults) */
.matrix-table[b-a50a90f2od] {
  --col1-width: 200px; /* participant */
  --col2-width: 72px;  /* stamps */
  --col3-width: 72px;  /* free */
  --col1-left: 0px;
  --col2-left: 200px;
  --col3-left: 272px;
}
table.mud-table th[b-a50a90f2od], table.mud-table td[b-a50a90f2od] { padding: 4px 8px; }
.mw-300[b-a50a90f2od] { max-width: 300px; }

/* Mobile responsiveness */
@media (max-width: 768px) {
  .matrix-toolbar[b-a50a90f2od] { flex-wrap: wrap; gap: 8px; }
  .matrix-toolbar .mud-picker[b-a50a90f2od] { width: 132px; }
  table.mud-table[b-a50a90f2od] { font-size: 0.8rem; }
  /* Narrow sticky columns on small screens via variables */
  .matrix-table[b-a50a90f2od] { --col1-width: 150px; --col2-width: 56px; --col3-width: 56px; --col2-left: 150px; --col3-left: 206px; }
}

/* Prevent overscroll to the left: padding-left equals sticky width so first day aligns at container's left edge */
.matrix-container > .matrix-table[b-a50a90f2od] { margin-left: 0; }
/* /Components/Pages/Practice/QRScanner.razor.rz.scp.css */
/* QRScanner Component - MudBlazor Optimized */

.scanner-container[b-yozmm91d76] {
    position: relative;
    width: 100%;
    max-width: 400px;
    aspect-ratio: 4/3;
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
    background: var(--mud-palette-black);
}

.scanner-video[b-yozmm91d76] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.scanner-overlay[b-yozmm91d76] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
}

.scanner-frame[b-yozmm91d76] {
    width: 250px;
    height: 250px;
    border: 3px solid var(--mud-palette-white);
    border-radius: var(--mud-default-borderradius);
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
    animation: pulse-frame-b-yozmm91d76 2s ease-in-out infinite;
}

.scanner-status[b-yozmm91d76] {
    position: absolute;
    bottom: var(--mud-spacing-5);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--mud-spacing-2);
    padding: var(--mud-spacing-3) var(--mud-spacing-4);
    background: rgba(0, 0, 0, 0.7);
    border-radius: var(--mud-default-borderradius-large);
    color: var(--mud-palette-white);
}

@keyframes pulse-frame-b-yozmm91d76 {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.05);
    }
}

.full-width[b-yozmm91d76] {
    width: 100%;
}
/* /Components/Pages/Practice/Scan.razor.rz.scp.css */
/* Scan Component - MudBlazor Optimized */

.full-width[b-1781rvx26s] {
    width: 100%;
}

.celebration-section[b-1781rvx26s] {
    animation: celebration-pulse-b-1781rvx26s 2s ease-in-out infinite;
}

@keyframes celebration-pulse-b-1781rvx26s {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
}

/* Use MudBlazor spacing instead of custom gap values */
.quick-actions-group[b-1781rvx26s] {
    display: flex;
    gap: var(--mud-spacing-3);
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

@media (max-width: 600px) {
    .quick-actions-group[b-1781rvx26s] {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    
    .quick-actions-group .mud-button[b-1781rvx26s] {
        width: 100%;
        max-width: 200px;
        min-height: 72px !important;
    }
}
/* /Components/Shared/PracticeStampCard.razor.rz.scp.css */
.practice-stamp-card[b-cmr0xvz4y1] {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}

/* Ratio box: height = 2/3 of width (3:2 aspect ratio) */
.practice-stamp-card[b-cmr0xvz4y1]::before {
  content: "";
  display: block;
  padding-top: 66.67%; /* 2/3 for 3:2 aspect ratio */
}

/* Content flows naturally; no absolute positioning needed */

.psc-top[b-cmr0xvz4y1] {
  flex: 1 1 0;
  min-height: 0; /* prevent overflow in ratio box */
}
.psc-logo[b-cmr0xvz4y1] {
  max-width: 60%;
  max-height: 50%; /* No more than half the stamp card height */
  width: auto;
  height: auto;
  object-fit: contain;
  opacity: 0.9;
}

.psc-bottom[b-cmr0xvz4y1] {
  flex: 1 1 0;
  gap: 10px;
  padding: 8px 12px;
  min-height: 0; /* prevent collapse */
}

.psc-stamp[b-cmr0xvz4y1] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px dashed var(--mud-palette-lines-default, #ccc);
  background: transparent;
  box-sizing: border-box;
}

.psc-stamp.filled[b-cmr0xvz4y1] {
  background: var(--mud-palette-primary, #1976d2);
  border-color: var(--mud-palette-primary, #1976d2);
}

/* Stamp animation */
.psc-stamp.stamp-animate[b-cmr0xvz4y1] {
  animation: stamp-press-b-cmr0xvz4y1 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s forwards;
  opacity: 0;
}

/* WCS Stamp animation - for sequential stamping during countdown */
.psc-stamp.wcs-stamp-animate[b-cmr0xvz4y1] {
  animation: stamp-press-b-cmr0xvz4y1 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  opacity: 0;
}

@keyframes stamp-press-b-cmr0xvz4y1 {
  0% {
    transform: scale(0) rotate(-15deg);
    opacity: 0;
  }
  50% {
    transform: scale(1.3) rotate(5deg);
    opacity: 1;
  }
  70% {
    transform: scale(0.95) rotate(-2deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

/* Ink splash effect for new stamps */
.psc-stamp.stamp-animate[b-cmr0xvz4y1]::before {
  content: "";
  position: absolute;
  inset: -8px;
  background: radial-gradient(circle, var(--mud-palette-primary, #1976d2) 0%, transparent 70%);
  border-radius: 50%;
  opacity: 0;
  animation: ink-splash-b-cmr0xvz4y1 1.5s ease-out 0.5s forwards;
  pointer-events: none;
}

@keyframes ink-splash-b-cmr0xvz4y1 {
  0% {
    opacity: 0.6;
    transform: scale(0.5);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}

/* Add position relative to support pseudo-element */
.psc-stamp[b-cmr0xvz4y1] {
  position: relative;
}

.psc-stamp.free-slot[b-cmr0xvz4y1] {
  border-style: solid;
  border-color: var(--mud-palette-success, #2e7d32);
  color: var(--mud-palette-success, #2e7d32);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  text-align: center;
  white-space: normal;
  word-break: break-word;
  font-size: 0.6rem;
  line-height: 1.1;
}

.psc-stamp.free-slot.free-active[b-cmr0xvz4y1] {
  background: rgba(46, 125, 50, 0.1);
}

.psc-note[b-cmr0xvz4y1] {
  font-size: 0.85rem;
  opacity: 0.7;
}

/* WCS Count Numbers */
.wcs-count[b-cmr0xvz4y1] {
  position: absolute;
  font-size: 0.75rem;
  font-weight: bold;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  user-select: none;
  opacity: 0;
  animation: count-appear-b-cmr0xvz4y1 0.4s ease-out forwards;
}

@keyframes count-appear-b-cmr0xvz4y1 {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* Phrase change "1" on free slot */
.wcs-count-phrase[b-cmr0xvz4y1] {
  font-size: 2rem;
  color: var(--mud-palette-success, #2e7d32);
  font-weight: 900;
  text-shadow: 0 0 10px rgba(46, 125, 50, 0.5);
}

/* Phrase change animation */
.wcs-count-phrase.phrase-animate[b-cmr0xvz4y1] {
  animation: phrase-celebration-b-cmr0xvz4y1 2.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes phrase-celebration-b-cmr0xvz4y1 {
  0% {
    transform: scale(0) rotate(-360deg);
    opacity: 0;
    filter: blur(10px);
  }
  30% {
    transform: scale(4) rotate(20deg);
    opacity: 1;
    filter: blur(0px);
  }
  50% {
    transform: scale(3.5) rotate(-10deg);
  }
  70% {
    transform: scale(3.8) rotate(5deg);
  }
  85% {
    transform: scale(3.6) rotate(-2deg);
  }
  100% {
    transform: scale(3.7) rotate(0deg);
    opacity: 1;
    filter: blur(0px);
  }
}

/* Free slot phrase stamp animation */
.psc-stamp.free-slot.phrase-stamp-animate[b-cmr0xvz4y1] {
  animation: free-slot-stamp-b-cmr0xvz4y1 2.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  border-color: var(--mud-palette-success, #2e7d32);
}

@keyframes free-slot-stamp-b-cmr0xvz4y1 {
  0% {
    transform: scale(1);
    background: transparent;
    box-shadow: 0 0 0 rgba(46, 125, 50, 0);
  }
  30% {
    transform: scale(1.8);
    background: rgba(46, 125, 50, 0.3);
    border-width: 4px;
    box-shadow: 0 0 30px rgba(46, 125, 50, 0.8), 0 0 60px rgba(46, 125, 50, 0.4);
  }
  50% {
    transform: scale(1.5);
    box-shadow: 0 0 25px rgba(46, 125, 50, 0.6), 0 0 50px rgba(46, 125, 50, 0.3);
  }
  70% {
    transform: scale(1.7);
  }
  85% {
    transform: scale(1.55);
  }
  100% {
    transform: scale(1.6);
    background: rgba(46, 125, 50, 0.25);
    border-width: 4px;
    box-shadow: 0 0 20px rgba(46, 125, 50, 0.5), 0 0 40px rgba(46, 125, 50, 0.2);
  }
}
/* /Components/Shared/SwitchedExpansionPanel.razor.rz.scp.css */
.switched-expansion-panel[b-vssjb2zgx3] {
    margin-bottom: 8px;
    overflow: hidden;
}

.panel-header[b-vssjb2zgx3] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    cursor: default;
    transition: background-color 0.2s ease;
    min-height: 48px;
}

.panel-header.dense[b-vssjb2zgx3] {
    padding: 8px 12px;
    min-height: 40px;
}

.panel-header:not(.disabled):not(.inactive):hover[b-vssjb2zgx3] {
    background-color: var(--mud-palette-action-default-hover);
}

.panel-header.disabled[b-vssjb2zgx3] {
    opacity: 0.6;
    cursor: not-allowed;
}

.panel-header.inactive[b-vssjb2zgx3] {
    opacity: 0.7;
}

.switch-container[b-vssjb2zgx3] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.title-container[b-vssjb2zgx3] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    min-width: 0;
    user-select: none;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: calc(100% - 180px); /* Reserve space for switch, chip, and icon */
}

.title-container.clickable[b-vssjb2zgx3] {
    cursor: pointer;
}

.title-container[b-vssjb2zgx3]  .mud-typography {
    margin: 0;
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.header-right[b-vssjb2zgx3] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    margin-left: auto;
    white-space: nowrap;
}

.title-chip[b-vssjb2zgx3] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.expand-icon[b-vssjb2zgx3] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.expand-icon.expanded[b-vssjb2zgx3] {
    transform: rotate(0deg);
}

.expand-icon.disabled[b-vssjb2zgx3] {
    opacity: 0.5;
    cursor: not-allowed;
}

.panel-content[b-vssjb2zgx3] {
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                padding 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.panel-content.collapsed[b-vssjb2zgx3] {
    max-height: 0;
    opacity: 0;
    padding: 0;
}

.panel-content.expanded[b-vssjb2zgx3] {
    max-height: 2000px;
    opacity: 1;
    padding: 16px;
}

.content-wrapper[b-vssjb2zgx3] {
    position: relative;
}

.loading-overlay[b-vssjb2zgx3] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mud-palette-background-default);
    opacity: 0.9;
    z-index: 1;
}

/* Dark theme adjustments */
@media (prefers-color-scheme: dark) {
    .loading-overlay[b-vssjb2zgx3] {
        background-color: var(--mud-palette-surface);
    }
}
/* /Components/Shared/SwitchedPanel.razor.rz.scp.css */
.switched-panel[b-4nwuujed1x] {
    margin-bottom: 8px;
    overflow: hidden;
}

.panel-header[b-4nwuujed1x] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    cursor: default;
    transition: background-color 0.2s ease;
    min-height: 48px;
}

.panel-header.dense[b-4nwuujed1x] {
    padding: 8px 12px;
    min-height: 40px;
}

.panel-header:not(.disabled):not(.inactive):hover[b-4nwuujed1x] {
    background-color: var(--mud-palette-action-default-hover);
}

.panel-header.disabled[b-4nwuujed1x] {
    opacity: 0.6;
    cursor: not-allowed;
}

.panel-header.inactive[b-4nwuujed1x] {
    opacity: 0.7;
}

.switch-container[b-4nwuujed1x] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.title-container[b-4nwuujed1x] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    min-width: 0;
    user-select: none;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: calc(100% - 180px); /* Reserve space for switch, chip */
}

.title-container[b-4nwuujed1x]  .mud-typography {
    margin: 0;
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.header-right[b-4nwuujed1x] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    margin-left: auto;
    white-space: nowrap;
}

.title-chip[b-4nwuujed1x] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.expand-icon[b-4nwuujed1x] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.expand-icon.invisible[b-4nwuujed1x] {
    visibility: hidden;
}

.custom-icon[b-4nwuujed1x] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 8px;
}

.loading-overlay[b-4nwuujed1x] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mud-palette-background-default);
    opacity: 0.9;
    z-index: 1;
}

/* Dark theme adjustments */
@media (prefers-color-scheme: dark) {
    .loading-overlay[b-4nwuujed1x] {
        background-color: var(--mud-palette-surface);
    }
}
/* /Components/UI/ProgressRing.razor.rz.scp.css */
/* ProgressRing Component - MudBlazor Optimized */

.progress-ring-container[b-4jebksoiej] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: var(--mud-spacing-2);
}

.progress-ring-progress[b-4jebksoiej] {
    transition: stroke-dashoffset 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
}

.progress-ring-content[b-4jebksoiej] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: none;
    max-width: 70%;
}

.progress-ring-text[b-4jebksoiej] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--mud-spacing-1);
}

.progress-ring-value[b-4jebksoiej] {
    line-height: 1;
    font-weight: var(--mud-typography-h6-weight);
}

.progress-ring-label[b-4jebksoiej] {
    line-height: 1.2;
    font-weight: var(--mud-typography-body2-weight);
    opacity: 0.8;
    font-size: var(--mud-typography-caption-size);
}

.progress-ring-sublabel[b-4jebksoiej] {
    line-height: 1.2;
    opacity: 0.7;
    font-size: var(--mud-typography-caption-size);
}

/* Pulse animation for completed rings */
@keyframes progress-ring-pulse-b-4jebksoiej {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }
}

.progress-ring-complete .progress-ring-progress[b-4jebksoiej] {
    animation: progress-ring-pulse-b-4jebksoiej 2s ease-in-out infinite;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .progress-ring-progress[b-4jebksoiej] {
        transition: none;
    }
    
    .progress-ring-complete .progress-ring-progress[b-4jebksoiej] {
        animation: none;
    }
}

/* Mobile touch optimizations using MudBlazor spacing */
@media (max-width: 768px) {
    .progress-ring-container[b-4jebksoiej] {
        margin: var(--mud-spacing-3);
    }
}
/* /Components/UI/QuickActionButton.razor.rz.scp.css */
/* QuickActionButton Component - MudBlazor Optimized */

/* Use MudBlazor spacing and theme variables instead of custom values */
.quick-action-btn[b-uce1o0wt5o] {
    border-radius: var(--mud-default-borderradius);
    transition: all 0.15s ease-in-out;
}

.quick-action-btn:hover[b-uce1o0wt5o] {
    transform: translateY(-1px);
}

.quick-action-btn:active[b-uce1o0wt5o] {
    transform: translateY(0);
}

/* Text styling using MudBlazor typography */
.quick-action-text[b-uce1o0wt5o] {
    font-size: var(--mud-typography-button-size);
    font-weight: var(--mud-typography-button-weight);
    line-height: var(--mud-typography-button-lineheight);
}

.quick-action-subtext[b-uce1o0wt5o] {
    font-size: var(--mud-typography-caption-size);
    opacity: 0.7;
    line-height: var(--mud-typography-caption-lineheight);
}

/* Use MudBlazor theme colors instead of hardcoded values */
.quick-action-success[b-uce1o0wt5o] {
    background: var(--mud-palette-success);
    color: var(--mud-palette-success-text);
}

.quick-action-warning[b-uce1o0wt5o] {
    background: var(--mud-palette-warning);
    color: var(--mud-palette-warning-text);
}

.quick-action-error[b-uce1o0wt5o] {
    background: var(--mud-palette-error);
    color: var(--mud-palette-error-text);
}

.quick-action-info[b-uce1o0wt5o] {
    background: var(--mud-palette-info);
    color: var(--mud-palette-info-text);
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .quick-action-btn[b-uce1o0wt5o],
    .quick-action-btn:hover[b-uce1o0wt5o],
    .quick-action-btn:active[b-uce1o0wt5o] {
        transform: none;
        transition: none;
    }
}

/* Focus states using MudBlazor variables */
.quick-action-btn:focus-visible[b-uce1o0wt5o] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}
/* /Components/UI/StatusIndicator.razor.rz.scp.css */
/* StatusIndicator Component - MudBlazor Optimized */

/* Use MudBlazor spacing and theme variables */
.status-indicator[b-ph93yq4hld] {
    display: inline-flex;
    align-items: center;
    gap: var(--mud-spacing-2);
    position: relative;
}

/* Dot styling using theme colors */
.status-dot[b-ph93yq4hld] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}

/* Pulse animation using theme colors */
.status-pulse[b-ph93yq4hld] {
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation: status-pulse-b-ph93yq4hld 2s infinite;
}

@keyframes status-pulse-b-ph93yq4hld {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
    }
    50% {
        opacity: 0.3;
        transform: translateY(-50%) scale(1.5);
    }
}

/* Status colors using MudBlazor theme variables */
.status-success .status-dot[b-ph93yq4hld] {
    background-color: var(--mud-palette-success);
    box-shadow: 0 0 0 2px var(--mud-palette-success-lighten);
}

.status-warning .status-dot[b-ph93yq4hld] {
    background-color: var(--mud-palette-warning);
    box-shadow: 0 0 0 2px var(--mud-palette-warning-lighten);
}

.status-error .status-dot[b-ph93yq4hld] {
    background-color: var(--mud-palette-error);
    box-shadow: 0 0 0 2px var(--mud-palette-error-lighten);
}

.status-info .status-dot[b-ph93yq4hld] {
    background-color: var(--mud-palette-info);
    box-shadow: 0 0 0 2px var(--mud-palette-info-lighten);
}

.status-primary .status-dot[b-ph93yq4hld] {
    background-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 2px var(--mud-palette-primary-lighten);
}

.status-secondary .status-dot[b-ph93yq4hld] {
    background-color: var(--mud-palette-secondary);
    box-shadow: 0 0 0 2px var(--mud-palette-secondary-lighten);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .status-dot[b-ph93yq4hld] {
        width: 10px;
        height: 10px;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .status-pulse[b-ph93yq4hld] {
        animation: none;
    }
}

/* Focus states using MudBlazor variables */
.status-indicator:focus-within[b-ph93yq4hld] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
    border-radius: var(--mud-default-borderradius);
}
/* /Components/UI/TouchCard.razor.rz.scp.css */
/* TouchCard Component - MudBlazor Optimized */
.touch-card-clickable:hover[b-xsvmrp64xk] {
    transform: translateY(-2px);
}

.touch-card-pressed[b-xsvmrp64xk] {
    transform: scale(0.98);
}

/* Touch feedback for mobile */
@media (max-width: 768px) {
    .touch-card-clickable:active[b-xsvmrp64xk] {
        transform: scale(0.96);
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .touch-card-clickable:hover[b-xsvmrp64xk],
    .touch-card-pressed[b-xsvmrp64xk],
    .touch-card-clickable:active[b-xsvmrp64xk] {
        transform: none;
    }
}

/* Quick actions group - use MudBlazor spacing */
.quick-actions-group[b-xsvmrp64xk] {
    display: flex;
    gap: var(--mud-spacing-4);
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

.quick-actions-group .mud-button[b-xsvmrp64xk] {
    min-width: 120px;
    height: 80px;
}

@media (max-width: 768px) {
    .quick-actions-group .mud-button[b-xsvmrp64xk] {
        min-width: 140px;
        height: 88px;
    }
}

@media (max-width: 480px) {
    .quick-actions-group[b-xsvmrp64xk] {
        flex-direction: column;
        gap: var(--mud-spacing-3);
    }
    
    .quick-actions-group .mud-button[b-xsvmrp64xk] {
        min-width: unset;
        width: 100%;
        height: 72px;
    }
}