/* PWA-specific styles */

/* Hide browser UI elements in standalone mode */
.standalone-mode {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* Enhanced mobile interface for standalone mode */
@media (display-mode: standalone) {
  /* Add some padding to account for device notches */
  body {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  
  /* Hide unnecessary scrollbars */
  ::-webkit-scrollbar {
    display: none;
  }
  
  /* Make buttons more prominent and touchable */
  button, 
  [role="button"],
  .MuiButtonBase-root {
    min-height: 44px;
    min-width: 44px;
  }
  
  /* Make dropzone more prominent */
  [data-testid="upload-dropzone"] {
    border-width: 2px !important;
    border-style: dashed !important;
    border-color: #25B4FC !important;
    background-color: rgba(37, 180, 252, 0.05) !important;
  }
}

/* Smoother animations for modals */
.MuiDialog-root {
  transition: opacity 0.3s ease-in-out !important;
}

.MuiDialog-paper {
  transition: transform 0.3s ease-in-out !important;
}