@media only screen and (min-width: 0rem) {#submissions-page {min-height: 100vh;padding-top: clamp(7rem, 12vw, 8rem);padding-bottom: clamp(3.75rem, 7.82vw, 6.25rem);padding-inline: 1rem;background: var(--page-gradient);}header {position: sticky;top: 0;z-index: 100;display: flex;align-items: center;gap: 0.75rem;padding: 1rem 1.5rem;border-bottom: 1px solid rgba(255, 255, 255, 0.08);flex-wrap: wrap;}header h1 {font-family: "Ovo", Arial, sans-serif;font-size: 1.2rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;margin: 0;flex: 1;}#row-count {font-family: "Lato", Arial, sans-serif;font-size: 0.8rem;color: var(--bodyTextColor);opacity: 0.6;}.header-btn {font-family: "Lato", Arial, sans-serif;font-size: 0.8rem;font-weight: 700;letter-spacing: 0.05em;padding: 0.4rem 1rem;border-radius: 5rem;border: 2px solid rgba(255, 255, 255, 0.15);background: transparent;color: var(--headerColor);cursor: pointer;transition: background-color 0.3s, border-color 0.3s;}.header-btn:hover {background-color: rgba(255, 255, 255, 0.08);}#logout-btn {border-color: var(--primary);color: white;}#logout-btn:hover {background-color: var(--primary);color: #fff;}.filter-bar {display: flex;align-items: center;gap: 0.625rem;padding: 0.75rem 1.5rem;background-color: var(--primary-blue);border-bottom: 1px solid rgba(255, 255, 255, 0.06);flex-wrap: wrap;}.filter-label {font-family: "Lato", Arial, sans-serif;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--bodyTextColor);opacity: 0.5;}.filter-bar input, .filter-bar select {font-family: "Lato", Arial, sans-serif;font-size: 0.875rem;padding: 0.4rem 0.75rem;background-color: var(--secondary-blue);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 0.4rem;color: var(--headerColor);transition: border-color 0.3s;}.filter-bar input {width: clamp(10rem, 25vw, 18rem);}.filter-bar input::placeholder {color: rgba(255, 255, 255, 0.3);}.filter-bar input:focus, .filter-bar select:focus {outline: none;border-color: var(--primary);}.filter-bar select option {background-color: var(--secondary-blue);}.clear-btn {font-family: "Lato", Arial, sans-serif;font-size: 0.8rem;font-weight: 700;padding: 0.4rem 0.875rem;border-radius: 5rem;border: 1px solid rgba(255, 255, 255, 0.12);background: transparent;color: var(--bodyTextColor);cursor: pointer;transition: color 0.3s, border-color 0.3s;margin-left: auto;}.clear-btn:hover {color: var(--primary);border-color: var(--primary);}#state {display: flex;align-items: center;justify-content: center;gap: 0.75rem;padding: 4rem 1rem;font-family: "Lato", Arial, sans-serif;font-size: 1rem;color: var(--bodyTextColor);opacity: 0.7;}.spinner {width: 1.25rem;height: 1.25rem;border: 2px solid rgba(255, 255, 255, 0.15);border-top-color: var(--primary);border-radius: 50%;animation: spin 0.7s linear infinite;flex-shrink: 0;}@keyframes spin {to {transform: rotate(360deg);}}.table-info {display: flex;justify-content: flex-end;align-items: center;justify-items: center;gap: 1rem;padding: 1.5rem;}.table-wrapper {padding: 1.5rem;overflow-x: auto;}table {width: 100%;border-collapse: collapse;font-family: "Lato", Arial, sans-serif;font-size: 0.875rem;min-width: 60rem;}thead tr {background-color: var(--primary-blue);border-bottom: 2px solid var(--primary);position: sticky;top: 0;z-index: 10;}thead th {padding: 0.75rem 1rem;text-align: left;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--bodyTextColor);opacity: 0.6;white-space: nowrap;}tbody tr {border-bottom: 1px solid rgba(255, 255, 255, 0.05);transition: background-color 0.2s;}tbody tr:hover {background-color: rgba(255, 255, 255, 0.03);}tbody tr.editing {background-color: rgba(194, 36, 99, 0.05);}td {padding: 0.875rem 1rem;color: var(--bodyTextColor);vertical-align: top;white-space: nowrap;}td strong {color: var(--headerColor);font-weight: 700;}td.mono {font-family: "Lato", Arial, sans-serif;font-size: 0.875rem;opacity: 0.6;white-space: nowrap;}.message-text, .notes-text {max-width: 22rem;min-width: 22rem;max-height: 8rem;overflow-y: auto;line-height: 1.5;font-size: 0.8rem;white-space: pre-wrap;word-break: break-word;}.notes-text.empty, .file-link.empty {opacity: 0.3;font-style: italic;}.link-div {max-width: 10rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.file-link {color: var(--secondary);text-decoration: none;font-size: 0.8rem;transition: color 0.3s;}.file-link:hover {color: var(--primary);text-decoration: underline;}.reason-badge {display: inline-block;padding: 0.2rem 0.7rem;border-radius: 5rem;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase;border: 1px solid;white-space: nowrap;margin: 0.15rem 0.1rem;}.reason-badge.assessment {background-color: rgba(126, 179, 245, 0.1);border-color: rgba(126, 179, 245, 0.4);color: #7eb3f5;}.reason-badge.anger-management-group {background-color: rgba(194, 36, 99, 0.1);border-color: rgba(194, 36, 99, 0.4);color: var(--secondary);}.reason-badge.domestic-violence-group {background-color: rgba(251, 191, 36, 0.1);border-color: rgba(251, 191, 36, 0.4);color: #fbbf24;}.tab-bar {display: flex;justify-content: center;gap: 0.5rem;padding: 1rem 1.5rem;border-bottom: 1px solid rgba(255, 255, 255, 0.06);margin-bottom: 0;}.tab-btn {font-family: "Lato", Arial, sans-serif;font-size: 0.8rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;padding: 0.4rem 1.25rem;border-radius: 50rem;background: none;cursor: pointer;color: var(--bodyTextColor);opacity: 0.5;transition: background-color 0.3s, opacity 0.3s, color 0.3s;}.tab-btn:hover, .tab-btn.active {background-color: var(--primary);color: #fff;opacity: 1;}.referral-link {font-family: "Lato", Arial, sans-serif;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.05em;padding: 0.3rem 0.875rem;border-radius: 5rem;border: 1px solid white;background: none;color: white;cursor: pointer;white-space: nowrap;transition: background-color 0.3s, color 0.3s;}.referral-link:hover {background-color: rgba(255, 255, 255, 0.242);}.action-cell {display: flex;flex-direction: column;gap: 0.4rem;}.edit-btn, .save-btn, .cancel-btn, .delete-btn {font-family: "Lato", Arial, sans-serif;font-size: 0.75rem;font-weight: 700;padding: 0.3rem 0.75rem;border-radius: 5rem;border: 1px solid;background: transparent;cursor: pointer;transition: background-color 0.2s, color 0.2s;white-space: nowrap;}.edit-btn {border-color: rgba(255, 255, 255, 0.15);color: var(--bodyTextColor);}.edit-btn:hover {background-color: rgba(255, 255, 255, 0.08);}.save-btn {border-color: var(--primary);color: var(--primary);}.save-btn:hover {background-color: var(--primary);color: #fff;}.cancel-btn {border-color: rgba(255, 255, 255, 0.12);color: var(--bodyTextColor);opacity: 0.6;}.cancel-btn:hover {opacity: 1;}.delete-btn {border-color: rgba(248, 113, 113, 0.3);color: #f87171;}.delete-btn:hover {background-color: rgba(248, 113, 113, 0.1);}.cell-input {width: 100%;min-width: 8rem;padding: 0.35rem 0.5rem;background-color: var(--secondary-blue);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 0.35rem;color: var(--headerColor);font-family: "Lato", Arial, sans-serif;font-size: 0.8rem;box-sizing: border-box;transition: border-color 0.3s;}.cell-input:focus {outline: none;border-color: var(--primary);}textarea.cell-input {resize: vertical;}.no-results {text-align: center;padding: 3rem 1rem;opacity: 0.4;font-style: italic;}}