/* ========================================
   SendLogSheet - Bottom Sheet Wrapper
   Replaces QuickSendSheet styling
   ======================================== */

/* Backdrop */
.send-log-sheet-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  z-index: 10075; /* Above FocusModeModal (9999), below sheet */
}

/* Sheet Container */
.send-log-sheet {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1a1a1a;
  border-radius: 20px 20px 0 0;
  z-index: 10080; /* Above backdrop */
  overflow: hidden;
  display: flex;
  flex-direction: column;
  touch-action: none;
  box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.5);
}

/* Mobile variant - full width */
.send-log-sheet--mobile {
  max-height: 90vh;
}

/* Desktop variant - centered modal */
.send-log-sheet--desktop {
  left: 50%;
  transform: translateX(-50%);
  max-width: 420px;
  max-height: 80vh;
  border-radius: 20px 20px 0 0;
}

/* Drag Handle */
.send-log-sheet__handle {
  padding: 12px 0 8px;
  display: flex;
  justify-content: center;
  cursor: grab;
  flex-shrink: 0;
}

.send-log-sheet__handle:active {
  cursor: grabbing;
}

.send-log-sheet__handle-bar {
  width: 40px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
}

/* Content */
.send-log-sheet__content {
  padding: 0 16px 24px;
  overflow-y: auto;
  flex: 1;
}

/* Safe area for iOS */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .send-log-sheet__content {
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
  }
}

/* Ensure SendLogForm fits well in sheet context */
.send-log-sheet__content .send-log-form {
  background: transparent;
}

/* Adjust button sizing for sheet context */
.send-log-sheet__content .send-log-form__send-btn {
  min-height: 48px;
}

.send-log-sheet__content .send-log-form__flash-btn {
  width: 48px;
  height: 48px;
}