.fullSizeModalOverlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 1000; padding: var(--go-ui-spacing-lg); } .fullSizeModalContent { background-color: var(--go-ui-color-white); border-radius: var(--go-ui-border-radius-lg); max-width: 95vw; max-height: 95vh; overflow: hidden; box-shadow: var(--go-ui-box-shadow-xl); display: flex; flex-direction: column; position: relative; } .ratingWarningContent { padding: var(--go-ui-spacing-xl); text-align: center; max-width: 500px; } .ratingWarningTitle { font-size: var(--go-ui-font-size-lg); font-weight: var(--go-ui-font-weight-semibold); color: var(--go-ui-color-gray-900); margin-bottom: var(--go-ui-spacing-md); } .filterStatusContainer { margin-bottom: var(--go-ui-spacing-lg); text-align: center; } .filterStatusMessage { font-size: var(--go-ui-font-size-md); font-weight: var(--go-ui-font-weight-medium); color: var(--go-ui-color-gray-700); margin-bottom: var(--go-ui-spacing-md); } .filterStatusCount { font-size: var(--go-ui-font-size-lg); font-weight: var(--go-ui-font-weight-semibold); color: var(--go-ui-color-gray-900); margin-bottom: var(--go-ui-spacing-md); display: block; } .filterStatusActions { display: flex; gap: var(--go-ui-spacing-md); justify-content: center; flex-wrap: wrap; } .exportModeSection { margin-bottom: var(--go-ui-spacing-lg); text-align: center; } .splitConfigSection { margin-bottom: var(--go-ui-spacing-lg); text-align: center; } .splitConfigTitle { font-size: 1rem; font-weight: 600; margin-bottom: var(--go-ui-spacing-md); color: var(--go-ui-color-text-primary); } .splitInputsContainer { display: flex; justify-content: center; gap: var(--go-ui-spacing-md); margin-bottom: var(--go-ui-spacing-md); flex-wrap: wrap; } .splitInputGroup { display: flex; flex-direction: column; align-items: center; text-align: center; } .splitInputLabel { margin-bottom: var(--go-ui-spacing-xs); font-weight: 500; color: var(--go-ui-color-text-primary); } .splitInput { width: 80px; padding: var(--go-ui-spacing-sm); border: 1px solid var(--go-ui-color-border); border-radius: var(--go-ui-border-radius); font-size: 1rem; text-align: center; } .splitInput:focus { outline: none; border-color: var(--go-ui-color-red-50); box-shadow: 0 0 0 2px var(--go-ui-color-red-20); } .splitInput:hover { border-color: var(--go-ui-color-gray-400); } .splitTotal { font-size: var(--go-ui-font-size-xs); color: var(--go-ui-color-gray-500); text-align: center; margin-top: var(--go-ui-spacing-xs); } .splitTotalError { color: var(--go-ui-color-negative); margin-left: var(--go-ui-spacing-xs); } .checkboxesContainer { text-align: center; margin-bottom: var(--go-ui-spacing-lg); } .checkboxesContainer > div { margin-bottom: 0.75rem; } .ratingWarningButtons { display: flex; gap: var(--go-ui-spacing-md); justify-content: center; flex-wrap: wrap; margin-top: var(--go-ui-spacing-xl); text-align: center; } /* Single export variant styles */ .singleExportMessage { margin-bottom: var(--go-ui-spacing-lg); text-align: center; } .singleExportMessage p { margin-bottom: var(--go-ui-spacing-sm); color: var(--go-ui-color-gray-700); font-size: var(--go-ui-font-size-md); line-height: 1.5; } .navigateButtonContainer { margin-bottom: var(--go-ui-spacing-lg); text-align: center; display: flex; justify-content: center; align-items: center; } .loadingOverlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.95); display: flex; justify-content: center; align-items: center; z-index: 10; border-radius: var(--go-ui-border-radius-lg); } /* Responsive adjustments for modal */ @media (max-width: 768px) { .fullSizeModalOverlay { padding: var(--go-ui-spacing-sm); } .fullSizeModalContent { max-width: 100vw; max-height: 100vh; } .splitInputsContainer { gap: var(--go-ui-spacing-md); } .splitInput { width: 3.5rem; } }