/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

 .respectify-test-container {
    display: flex;
    align-items: center;
    margin-bottom: 0.5em;
    margin-top: 1em;
}

.respectify-test-container #respectify-test-result {
    margin-left: 1rem;
}

#respectify-test-result span {
    white-space: pre-line;
}

#respectify-test-result a {
    color: #0073aa;
    text-decoration: underline;
}

#respectify-test-result a:hover {
    color: #005177;
}

/* API credentials two-column wrapper */
.respectify-credentials-wrapper {
    position: relative;
}

.respectify-credentials-left {
    max-width: 500px;
}

.respectify-credentials-right {
    position: absolute;
    left: 530px;
    bottom: 0;
}

/* Feature indicator inline styling */
.respectify-feature-indicator {
    white-space: nowrap;
    display: inline;
}

/* Subscription status section */
.respectify-subscription-status {
    padding: 1em;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.respectify-subscription-status h4 {
    margin: 0 0 0.5em 0;
    font-size: 14px;
}

.respectify-subscription-status #respectify-plan-name {
    margin: 0 0 0.75em 0;
}

.respectify-features-table {
    border-collapse: collapse;
}

.respectify-features-table td {
    vertical-align: middle;
}

.description.description-match-font-size { /* Match the font size of text in the settings tables */
    font-size: 14px;
}

/* Style for checkbox groups */
.respectify-checkbox-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-left: 2rem;
}

.respectify-checkbox-group label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.respectify-checkbox-group input[type="checkbox"] {
    margin: 0;
}

.respectify-checkbox-group label:hover {
    color: #2271b1;
}

/* Add some spacing between the assessment settings and the next section */
#respectify_assessment_settings {
    margin-bottom: 1.5rem;
}

/* Keeping the slider and text aligned nicely with each other*/

.respectify-slider-row {
    margin-bottom: 1em; /* Space below the slider row */
}

.respectify-slider-row .slider-controls {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.respectify-slider-row label {
    margin: 0;
}

.respectify-slider-row .emoji {
    font-size: 1.8em; /* Increases the size of the emojis */
}

/* "Out of 5" text styling */
.respectify-slider-row .out-of {
    font-size: 1em;
    display: flex;
    align-items: center;
}

/* Slider styling */
.respectify-slider-row input[type="range"] {
    width: 150px; /* Sets a fixed width to prevent it from being too wide */
    margin: 0;
    background: transparent; /* Make sure the default background doesn't interfere */
}

/* Description text styling */
.respectify-slider-row .description {
    display: block;
    margin-top: 0.5em;
    margin-left: 0;
}

:root {
    --slider-color-1: red;
    --slider-color-2: orange;
    --slider-color-3: skyblue;
    --slider-color-4: yellowgreen;
    --slider-color-5: limegreen;
    --banned-topics-color-0: yellowgreen;
    --banned-topics-color-10: yellowgreen;
    --banned-topics-color-20: rgb(200, 205, 50);
    --banned-topics-color-30: #FFC107;
    --banned-topics-color-40: orange;
    --banned-topics-color-50: #FF7043;
    --banned-topics-color-60: #FF5722;
    --banned-topics-color-70: hsl(4, 90%, 58%);
    --banned-topics-color-80: hsl(1, 77%, 58%);
    --banned-topics-color-90: hsl(0, 100%, 50%);
    --banned-topics-color-100: red;

    /* Toxicity slider - smoother gradient, greener at low values, red only at high */
    --toxicity-color-10: hsl(120, 60%, 50%);  /* Green - very strict */
    --toxicity-color-20: hsl(100, 60%, 50%);  /* Yellow-green */
    --toxicity-color-30: hsl(80, 65%, 50%);   /* Light yellow-green (default) */
    --toxicity-color-40: hsl(60, 70%, 50%);   /* Yellow */
    --toxicity-color-50: hsl(45, 80%, 50%);   /* Gold */
    --toxicity-color-60: hsl(35, 90%, 50%);   /* Light orange */
    --toxicity-color-70: hsl(25, 95%, 50%);   /* Orange */
    --toxicity-color-80: hsl(15, 95%, 50%);   /* Dark orange */
    --toxicity-color-90: hsl(5, 90%, 50%);    /* Orange-red */
    --toxicity-color-100: hsl(0, 85%, 50%);   /* Red - very lenient */
}

/* WebKit browsers (Chrome, Safari) */
input[type="range"].slider-value-1::-webkit-slider-runnable-track {
    background: var(--slider-color-1);
    height: 8px; /* Maintain narrow track height */
    border-radius: 4px;
}

input[type="range"].slider-value-2::-webkit-slider-runnable-track {
    background: var(--slider-color-2);
    height: 8px;
    border-radius: 4px;
}

input[type="range"].slider-value-3::-webkit-slider-runnable-track {
    background: var(--slider-color-3);
    height: 8px;
    border-radius: 4px;
}

input[type="range"].slider-value-4::-webkit-slider-runnable-track {
    background: var(--slider-color-4);
    height: 8px;
    border-radius: 4px;
}

input[type="range"].slider-value-5::-webkit-slider-runnable-track {
    background: var(--slider-color-5);
    height: 8px;
    border-radius: 4px;
}

/* Mozilla Firefox */
input[type="range"].slider-value-1::-moz-range-track {
    background: var(--slider-color-1);
    height: 8px; /* Maintain narrow track height */
    border: none;
    border-radius: 4px;
}

input[type="range"].slider-value-2::-moz-range-track {
    background: var(--slider-color-2);
    height: 8px;
    border: none;
    border-radius: 4px;
}

input[type="range"].slider-value-3::-moz-range-track {
    background: var(--slider-color-3);
    height: 8px;
    border: none;
    border-radius: 4px;
}

input[type="range"].slider-value-4::-moz-range-track {
    background: var(--slider-color-4);
    height: 8px;
    border: none;
    border-radius: 4px;
}

input[type="range"].slider-value-5::-moz-range-track {
    background: var(--slider-color-5);
    height: 8px;
    border: none;
    border-radius: 4px;
}

/* Thumb Styling for consistency */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 2px solid #000000;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -4px; /* Adjusted from -6px to -4px to move thumb lower */
}

input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 2px solid #000000;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    top: 2px; /* Changed from 0 to 2px to move thumb lower */
}

/* Ensure the overall slider height is consistent */
input[type="range"] {
    height: 8px;
    vertical-align: middle;
    margin: 0;
    padding: 8px 0; /* Add padding to give space for the thumb */
}

/*
    Accordion to hide advanced settings
*/

.respectify-accordion {
    background-color: #f1f1f1;
    color: #444;
    cursor: pointer;
    padding: 10px;
    padding-left: 2rem;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
}

.respectify-accordion:before {
    content: "➤ ";
    position: absolute;
    left: 0.5 rem;
    margin-left: -1.2rem;
}

.respectify-accordion.active:before {
    content: "▼ ";
}

.respectify-accordion.active, .respectify-accordion:hover {
    background-color: #ccc;
}

.respectify-panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.respectify-slider-indicator {
    font-size: 1em;
    color: cornflowerblue;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    margin: 0 5px;
    position: relative;
    top: 0; /* Changed from 1px to 0 to align circles */
}

/* Banned Topics Slider */
#respectify_banned_topics_threshold {
    -webkit-appearance: none;
    width: 150px;
    background: transparent;
    height: 8px;
    border-radius: 4px;
}

#respectify_banned_topics_threshold::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #2271b1;
    border: none;
    cursor: pointer;
    margin-top: -4px;
}

#respectify_banned_topics_threshold::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #2271b1;
    border: none;
    cursor: pointer;
    position: relative;
    top: 2px;
}

/* Banned topics slider colors */
#respectify_banned_topics_threshold.slider-value-0::-webkit-slider-runnable-track {
    background: var(--banned-topics-color-0);
    height: 8px;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-1::-webkit-slider-runnable-track {
    background: var(--banned-topics-color-10);
    height: 8px;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-2::-webkit-slider-runnable-track {
    background: var(--banned-topics-color-20);
    height: 8px;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-3::-webkit-slider-runnable-track {
    background: var(--banned-topics-color-30);
    height: 8px;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-4::-webkit-slider-runnable-track {
    background: var(--banned-topics-color-40);
    height: 8px;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-5::-webkit-slider-runnable-track {
    background: var(--banned-topics-color-50);
    height: 8px;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-6::-webkit-slider-runnable-track {
    background: var(--banned-topics-color-60);
    height: 8px;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-7::-webkit-slider-runnable-track {
    background: var(--banned-topics-color-70);
    height: 8px;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-8::-webkit-slider-runnable-track {
    background: var(--banned-topics-color-80);
    height: 8px;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-9::-webkit-slider-runnable-track {
    background: var(--banned-topics-color-90);
    height: 8px;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-10::-webkit-slider-runnable-track {
    background: var(--banned-topics-color-100);
    height: 8px;
    border-radius: 4px;
}

/* Firefox support */
#respectify_banned_topics_threshold.slider-value-0::-moz-range-track {
    background: var(--banned-topics-color-0);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-1::-moz-range-track {
    background: var(--banned-topics-color-10);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-2::-moz-range-track {
    background: var(--banned-topics-color-20);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-3::-moz-range-track {
    background: var(--banned-topics-color-30);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-4::-moz-range-track {
    background: var(--banned-topics-color-40);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-5::-moz-range-track {
    background: var(--banned-topics-color-50);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-6::-moz-range-track {
    background: var(--banned-topics-color-60);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-7::-moz-range-track {
    background: var(--banned-topics-color-70);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-8::-moz-range-track {
    background: var(--banned-topics-color-80);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-9::-moz-range-track {
    background: var(--banned-topics-color-90);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_banned_topics_threshold.slider-value-10::-moz-range-track {
    background: var(--banned-topics-color-100);
    height: 8px;
    border: none;
    border-radius: 4px;
}

/* Thumb styling will be inherited from the base input[type="range"] styles */

/* Toxicity Threshold Slider */
.respectify-toxicity-slider {
    margin-left: 3.5rem; /* Align under checkbox text (2rem padding + checkbox width) */
    margin-top: 0.25rem;
    margin-bottom: 0;
}

#respectify_toxicity_threshold {
    -webkit-appearance: none;
    width: 150px;
    background: transparent;
    height: 8px;
    border-radius: 4px;
}

#respectify_toxicity_threshold::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #2271b1;
    border: none;
    cursor: pointer;
    margin-top: -4px;
}

#respectify_toxicity_threshold::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #2271b1;
    border: none;
    cursor: pointer;
    position: relative;
    top: 2px;
}

/* Toxicity slider colors - smooth gradient from green (strict) to red (lenient) */
#respectify_toxicity_threshold.slider-value-1::-webkit-slider-runnable-track {
    background: var(--toxicity-color-10);
    height: 8px;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-2::-webkit-slider-runnable-track {
    background: var(--toxicity-color-20);
    height: 8px;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-3::-webkit-slider-runnable-track {
    background: var(--toxicity-color-30);
    height: 8px;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-4::-webkit-slider-runnable-track {
    background: var(--toxicity-color-40);
    height: 8px;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-5::-webkit-slider-runnable-track {
    background: var(--toxicity-color-50);
    height: 8px;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-6::-webkit-slider-runnable-track {
    background: var(--toxicity-color-60);
    height: 8px;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-7::-webkit-slider-runnable-track {
    background: var(--toxicity-color-70);
    height: 8px;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-8::-webkit-slider-runnable-track {
    background: var(--toxicity-color-80);
    height: 8px;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-9::-webkit-slider-runnable-track {
    background: var(--toxicity-color-90);
    height: 8px;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-10::-webkit-slider-runnable-track {
    background: var(--toxicity-color-100);
    height: 8px;
    border-radius: 4px;
}

/* Firefox support for toxicity slider */
#respectify_toxicity_threshold.slider-value-1::-moz-range-track {
    background: var(--toxicity-color-10);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-2::-moz-range-track {
    background: var(--toxicity-color-20);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-3::-moz-range-track {
    background: var(--toxicity-color-30);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-4::-moz-range-track {
    background: var(--toxicity-color-40);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-5::-moz-range-track {
    background: var(--toxicity-color-50);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-6::-moz-range-track {
    background: var(--toxicity-color-60);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-7::-moz-range-track {
    background: var(--toxicity-color-70);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-8::-moz-range-track {
    background: var(--toxicity-color-80);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-9::-moz-range-track {
    background: var(--toxicity-color-90);
    height: 8px;
    border: none;
    border-radius: 4px;
}

#respectify_toxicity_threshold.slider-value-10::-moz-range-track {
    background: var(--toxicity-color-100);
    height: 8px;
    border: none;
    border-radius: 4px;
}

.respectify-radio-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-left: 2rem;  /* Add indentation */
}

#banned-topics-threshold-slider {
    margin-left: 3.5rem;
    margin-top: 10px;
    transition: opacity 0.3s ease;
}

#banned-topics-threshold-slider .description {
    display: block;
    margin-top: 1.5rem;
    margin-left: 0.35rem;
}

#banned-topics-threshold-slider br {
    display: none;
}

/* Add spacing between settings sections */
.respectify-settings-section {
    margin-bottom: 2em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #eee;
}

.respectify-settings-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
body.settings_page_respectify .form-table > tbody > tr {
    margin-bottom: 1em;
}

body.settings_page_respectify .form-table > tbody > tr > th,
body.settings_page_respectify .form-table > tbody > tr > td {
    padding-bottom: 1em;
    padding-top: 0.5em;
}

/* Remove spacing from the last row in each section */
body.settings_page_respectify .form-table > tbody > tr:last-child > th,
body.settings_page_respectify .form-table > tbody > tr:last-child > td {
    padding-bottom: 0;
}

/* Align description text with headings in specific rows */
body.settings_page_respectify .form-table > tbody > tr:nth-child(3) > td .description,
body.settings_page_respectify .form-table > tbody > tr:nth-child(4) > td .description {
    margin-top: 0;
    padding-top: 0;
    vertical-align: top;
}

/* Adjust Healthy Comments row content */
body.settings_page_respectify .form-table > tbody > tr:nth-child(1) > td > .respectify-settings-column {
    margin-top: -0.6em;
}

body.settings_page_respectify .form-table > tbody > tr:nth-child(3) > td > .respectify-settings-column {
    margin-top: 0;
}

/* Style for checkbox rows */
body.settings_page_respectify .respectify-checkbox-row {
    margin-bottom: 0.5em;
    padding: 0.5em 0;
}

/* Add thick left border to all table header cells except checkbox rows */
body.settings_page_respectify .form-table > tbody > tr:not(.respectify-checkbox-row) > th[scope="row"] {
    position: relative;
    padding-left: 1.5rem;
}

body.settings_page_respectify .form-table > tbody > tr:not(.respectify-checkbox-row) > th[scope="row"]::before {
    content: '';
    position: absolute;
    left: 6px; /* Indent by half a checkbox width */
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #2271b1;
}

body.settings_page_respectify .respectify-checkbox-row label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: 600;
    flex-wrap: nowrap;
    white-space: nowrap;
}

body.settings_page_respectify .respectify-checkbox-row th {
    width: auto;
    min-width: 350px;
}

body.settings_page_respectify .respectify-checkbox-row input[type="checkbox"] {
    margin: 0;
}

/* Ensure checkbox rows take up both columns */
body.settings_page_respectify .form-table > tbody > tr.respectify-checkbox-row {
    display: table-row;
}

body.settings_page_respectify .form-table > tbody > tr.respectify-checkbox-row > th,
body.settings_page_respectify .form-table > tbody > tr.respectify-checkbox-row > td {
    padding-left: 0;
    padding-right: 0;
}

/* Remove any indentation from the checkbox rows */
body.settings_page_respectify .form-table > tbody > tr.respectify-checkbox-row > th {
    padding-left: 0;
    width: 0;
}

/* Add spacing between checkbox and its settings section */
body.settings_page_respectify .respectify-settings-column + .respectify-settings-column {
    margin-top: 1rem;
}

/* Style for checkboxes in field titles */
body.settings_page_respectify .form-table th label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

body.settings_page_respectify .form-table th input[type="checkbox"] {
    margin: 0;
}

body.settings_page_respectify .form-table th label:hover {
    color: #2271b1;
}

/* Style for settings checkboxes */
body.settings_page_respectify .respectify-settings-column label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

body.settings_page_respectify .respectify-settings-column input[type="checkbox"] {
    margin: 0;
}

body.settings_page_respectify .respectify-settings-column label:hover {
    color: #2271b1;
}

/* Style for section description */
body.settings_page_respectify .respectify-section-description {
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}

/* Remove spacing from the first row */
body.settings_page_respectify .form-table > tbody > tr:first-child {
    margin-bottom: 0;
}

body.settings_page_respectify .form-table > tbody > tr:first-child > th,
body.settings_page_respectify .form-table > tbody > tr:first-child > td {
    padding-bottom: 0;
    padding-top: 0;
}

/* Hide completely empty table rows */
body.settings_page_respectify .form-table > tbody > tr:empty,
body.settings_page_respectify .form-table > tbody > tr > th:empty + td:empty {
    display: none;
}

/* Hide rows with empty th[scope="row"] and td */
body.settings_page_respectify .form-table > tbody > tr > th[scope="row"]:not(:has(label)) + td:empty,
body.settings_page_respectify .form-table > tbody > tr > th[scope="row"]:not(:has(label)) + td:blank {
    display: none;
}

/* Hide the entire row */
body.settings_page_respectify .form-table > tbody > tr:has(> th[scope="row"]:not(:has(label)) + td:empty),
body.settings_page_respectify .form-table > tbody > tr:has(> th[scope="row"]:not(:has(label)) + td:blank) {
    display: none !important;
}

/* Alternative approach using parent selector */
body.settings_page_respectify tr:has(> th[scope="row"]:not(:has(label)) + td:empty) {
    display: none !important;
}

/* Hide empty rows that appear before checkbox rows */
body.settings_page_respectify .form-table > tbody > tr:has(> th[scope="row"]:empty + td:empty) + tr.respectify-checkbox-row,
body.settings_page_respectify .form-table > tbody > tr:has(> th[scope="row"]:empty + td:empty) {
    display: none !important;
}

/* Hide empty rows before any checkbox row */
body.settings_page_respectify .form-table > tbody > tr:has(+ tr.respectify-checkbox-row):has(> th[scope="row"]:empty) {
    display: none !important;
}

/* Hide empty rows that come before rows containing checkboxes */
body.settings_page_respectify .form-table > tbody > tr:has(+ tr:has(input[type="checkbox"])):has(> th[scope="row"]:empty) {
    display: none !important;
}

/* Target the specific pattern we're seeing */
body.settings_page_respectify .form-table > tbody > tr:has(> th[scope="row"]:empty):has(+ tr:has(label:has(input[type="checkbox"]))) {
    display: none !important;
}

/* Add visual separation above checkbox rows with spacing */
body.settings_page_respectify .form-table > tbody > tr.respectify-checkbox-row-with-spacing {
    padding-top: 2rem;
}

body.settings_page_respectify .form-table > tbody > tr.respectify-checkbox-row-with-spacing > th {
    padding-top: 2rem;
}

body.settings_page_respectify .form-table > tbody > tr.respectify-checkbox-row-with-spacing > td {
    padding-top: 2rem;
}

/* Add spacing above section headers in settings */
body.settings_page_respectify .wrap h2:not(:first-child) {
    margin-top: 2.5rem;
}

/* Header and Logo */
.respectify-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccd0d4;
}

.respectify-logo {
    height: 40px;
    width: auto;
    margin-right: 15px;
    flex-shrink: 0;
}

.respectify-header .respectify-title {
    margin: 0;
    padding: 0;
    font-size: 23px;
    font-weight: 400;
    line-height: 1.3;
}