:root {
    --utv-green-950: #062f21;
    --utv-green-900: #0b3d2b;
    --utv-green-800: #11543b;
    --utv-green-700: #16764f;
    --utv-green-600: #1f9a62;
    --utv-green-500: #2fbf78;
    --utv-green-100: #ddf7ea;
    --utv-green-50: #f0fbf5;
    --utv-ink: #172033;
    --utv-muted: #637083;
    --utv-line: #dbe4ee;
    --utv-panel: #ffffff;
    --utv-soft: #f5f8fb;
    --utv-shadow: 0 18px 45px rgba(15, 31, 51, 0.12);
}

body[class*="unlock-to-view"] #wpcontent,
body.toplevel_page_unlock-to-view #wpcontent {
    background:
        radial-gradient(circle at top right, rgba(47, 191, 120, 0.18), transparent 34rem),
        linear-gradient(180deg, #f7fafc 0%, #eef3f7 100%);
}

.wrap {
    max-width: 1440px;
    margin: 24px 28px 48px 8px;
    color: var(--utv-ink);
}

.unlocktoview-rentals-wrap {
    max-width: none;
}

.wrap a {
    color: var(--utv-green-700);
}

.wrap > p {
    max-width: 920px;
    margin: 16px 0 26px;
    color: var(--utv-muted);
    font-size: 15px;
    line-height: 1.65;
}

.unlocktoview-page-title {
    margin: 28px 0 18px;
    color: #26313f;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0;
}

.unlocktoview-generator-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 28px 0 22px;
    padding: 24px 28px;
    border: 1px solid rgba(31, 154, 98, 0.2);
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(240, 251, 245, 0.9)),
        linear-gradient(135deg, rgba(47, 191, 120, 0.13), rgba(23, 32, 51, 0));
    box-shadow: 0 16px 34px rgba(15, 31, 51, 0.08);
}

.unlocktoview-generator-copy {
    min-width: 0;
}

.unlocktoview-heading-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    padding: 0 11px;
    border: 1px solid rgba(31, 154, 98, 0.22);
    border-radius: 999px;
    background: #fff;
    color: var(--utv-green-800);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.unlocktoview-heading-kicker span {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    margin-left: -8px;
    border-radius: 999px;
    background: var(--utv-green-700);
    color: #fff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 11px;
}

.unlocktoview-generator-heading .unlocktoview-page-title {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 8px;
    color: #172033;
    font-size: 34px;
    line-height: 1.05;
}

.unlocktoview-generator-heading .unlocktoview-page-title span:last-child {
    color: var(--utv-green-700);
}

.unlocktoview-generator-heading p {
    margin: 0;
    color: var(--utv-muted);
    font-size: 15px;
    line-height: 1.55;
}

.unlocktoview-generator-preview {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 210px;
    padding: 16px 18px;
    border: 1px solid rgba(23, 32, 51, 0.1);
    border-radius: 16px;
    background: #172033;
    color: #fff;
    box-shadow: 0 14px 28px rgba(15, 31, 51, 0.16);
}

.unlocktoview-generator-preview span {
    color: #baf5d2;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 14px;
    white-space: nowrap;
}

.unlocktoview-generator-preview strong {
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
}

/* Header */
.unlocktoview-logo {
    min-height: 100px;
    display: flex;
    align-items: center;
    margin: 0 0 18px;
    padding: 30px 34px;
    border: none;
    border-radius: 24px;
    background:
        linear-gradient(135deg, var(--utv-green-950) 0%, var(--utv-green-700) 58%, #baf5d2 100%);
    box-shadow: var(--utv-shadow);
    overflow: hidden;
    position: relative;
}

.unlocktoview-logo::after {
    content: "";
    position: absolute;
    inset: auto -8% -80% auto;
    width: 44%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
}

.unlocktoview-logo img {
    width: min(330px, 74vw);
    height: auto;
    filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.18));
    position: relative;
    z-index: 1;
}

/* Tabs */
.unlocktoview-tab-wrapper,
h2.unlocktoview-tab-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    margin: 28px 0;
    padding: 0 !important;
}

.unlocktoview-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 118px;
    padding: 0 20px;
    border: 1px solid var(--utv-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    color: #2b3748 !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    text-indent: 0 !important;
    white-space: nowrap;
    overflow: visible;
    box-shadow: 0 7px 18px rgba(15, 31, 51, 0.06);
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, color 0.16s ease;
}

.unlocktoview-tab:hover,
.unlocktoview-tab:focus {
    color: var(--utv-green-700) !important;
    background: var(--utv-green-50);
    box-shadow: 0 10px 24px rgba(15, 31, 51, 0.1);
    transform: translateY(-1px);
    outline: none;
}

.unlocktoview-tab-active,
.unlocktoview-tab-active:hover,
.unlocktoview-tab-active:focus {
    border-color: var(--utv-green-700);
    background: var(--utv-green-700);
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(22, 118, 79, 0.26);
    border-radius: 999px;
}

/* Panels */
.tab-content {
    display: none;
    padding: 30px 32px;
    border: 1px solid var(--utv-line);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 16px 36px rgba(15, 31, 51, 0.08);
}

.tab-content.active {
    display: block;
}

.tab-content > h2,
.wrap h2:not(.unlocktoview-tab-wrapper) {
    margin: 32px 0 16px;
    color: #26313f;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 0;
}

.tab-content table.form-table {
    margin-top: 0;
    max-width: 980px;
}

.tab-content table.form-table th {
    width: 220px;
    padding: 20px;
    color: #253040;
    font-size: 14px;
    vertical-align: top;
}
.info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    border-radius: 50%;
    border: 1px solid #8c8f94;
    color: #8c8f94;
    background: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    cursor: help;
}

.tab-content label:has(.info-icon),
.form-table label:has(.info-icon) {
    position: relative;
}

.info-icon + .tooltip-text {
    visibility: hidden;
    opacity: 0;
    width: 300px;
    max-width: min(360px, 80vw);
    padding: 10px 12px;
    border-radius: 12px;
    background: #142236;
    color: #fff;
    text-align: left;
    position: absolute;
    z-index: 999;
    left: 100%;
    top: 50%;
    transform: translate(10px, -50%);
    white-space: normal;
    transition: opacity 0.16s ease;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
    box-shadow: 0 14px 30px rgba(15, 31, 51, 0.24);
    pointer-events: none;
}

.info-icon:hover + .tooltip-text,
.info-icon:focus + .tooltip-text,
label:hover > .tooltip-text,
label:focus-within > .tooltip-text {
    visibility: visible;
    opacity: 1;
}
.tab-content table.form-table td {
    padding: 16px 0;
    color: var(--utv-muted);
    font-size: 14px;
}

td em,
.description,
p.description {
    display: block;
    margin-top: 8px;
    color: var(--utv-muted) !important;
    font-size: 13px;
    line-height: 1.55;
}

/* Fields */
.tab-content input[type="text"],
.tab-content input[type="email"],
.tab-content input[type="number"],
.tab-content input[type="url"],
.tab-content input[type="password"],
.tab-content select,
.tab-content textarea,
.unlocktoview-shortcode-input {
    min-height: 44px;
    border: 1px solid var(--utv-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #1f2937 !important;
    box-shadow: inset 0 1px 0 rgba(15, 31, 51, 0.02);
    font-size: 14px;
    transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.tab-content input[type="text"]:focus,
.tab-content input[type="email"]:focus,
.tab-content input[type="number"]:focus,
.tab-content input[type="url"]:focus,
.tab-content input[type="password"]:focus,
.tab-content select:focus,
.tab-content textarea:focus,
.unlocktoview-shortcode-input:focus {
    border-color: var(--utv-green-600) !important;
    box-shadow: 0 0 0 4px rgba(31, 154, 98, 0.14) !important;
    outline: none !important;
}

.tab-content textarea {
    min-height: 140px;
    resize: vertical;
}

.regular-text,
input[name="unlocktoview_notifications_options[admin_email]"],
input[name="unlocktoview_notifications_options[buyer_subject]"],
input[name="unlocktoview_notifications_options[free_buyer_subject]"],
input[name="unlocktoview_notifications_options[buyer_sender]"] {
    width: min(520px, 100%);
}

textarea[name="unlocktoview_notifications_options[payment_info]"] {
    width: min(520px, 100%);
    height: 130px;
}

textarea[name="unlocktoview_notifications_options[buyer_message]"],
textarea[name="unlocktoview_notifications_options[reminder_email_template]"] {
    width: 100%;
}

.unlocktoview-fixed-price-input,
.unlocktoview-fixed-duration-input,
input[name="unlocktoview_general_options[price_per_video]"],
input[name="unlocktoview_general_options[duration_hours]"],
input[name="unlocktoview_general_options[currency]"],
#unlocktoview_video_price,
#unlocktoview_video_duration {
    width: 92px;
}

input[name="unlocktoview_general_options[currency]"] {
    text-transform: uppercase;
}

input[name="unlocktoview_button_settings[button_icon]"],
input[name="unlocktoview_button_settings[download_button_icon]"] {
    width: 72px;
}

.unlocktoview-button-settings-group {
    max-width: 760px;
    padding: 18px;
    border: 1px solid var(--utv-line);
    border-radius: 16px;
    background: var(--utv-soft);
}

.unlocktoview-button-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 16px 18px;
}

.unlocktoview-button-setting {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 0;
    color: #253040;
    font-weight: 800;
}

.unlocktoview-button-setting span {
    font-size: 13px;
}

.unlocktoview-button-setting em {
    margin-top: 0;
    font-weight: 400;
}

.unlocktoview-button-setting input[type="text"],
.unlocktoview-button-setting select {
    width: 100%;
}

.unlocktoview-button-setting-compact input[type="text"] {
    max-width: 92px;
}

.unlocktoview-button-setting-color input[type="color"] {
    width: 68px;
    height: 44px;
    padding: 4px;
    border: 1px solid var(--utv-line);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
    appearance: auto !important;
    width: auto !important;
    height: auto !important;
    margin-right: 6px;
    vertical-align: middle;
}

.unlocktoview-toggle-pill {
    display: inline-flex;
    align-items: center;
    gap: 0;
    cursor: pointer;
}

.unlocktoview-toggle-pill input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    pointer-events: none;
}

.unlocktoview-toggle-pill span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    min-width: 78px;
    padding: 0 16px;
    border: 1px solid var(--utv-line);
    border-radius: 999px;
    background: var(--utv-soft);
    color: #344054;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    box-shadow: 0 7px 18px rgba(15, 31, 51, 0.06);
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}

.unlocktoview-toggle-pill:hover span,
.unlocktoview-toggle-pill input[type="checkbox"]:focus + span {
    border-color: var(--utv-green-700);
    color: var(--utv-green-800);
    box-shadow: 0 0 0 4px rgba(31, 154, 98, 0.14);
}

.unlocktoview-toggle-pill input[type="checkbox"]:checked + span {
    border-color: var(--utv-green-700);
    background: var(--utv-green-700);
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(22, 118, 79, 0.26);
}

.unlocktoview-notify-admin-input {
    position: absolute;
    opacity: 0;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    pointer-events: none;
}

.unlocktoview-mode-group {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.unlocktoview-mode-choice {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid var(--utv-line);
    border-radius: 999px;
    background: var(--utv-soft);
    color: #344054;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    user-select: none;
    box-shadow: none;
}

.unlocktoview-mode-choice:hover,
.unlocktoview-mode-choice:focus {
    border-color: var(--utv-green-700);
    color: var(--utv-green-800);
    outline: none;
    box-shadow: 0 0 0 4px rgba(31, 154, 98, 0.14);
}

.unlocktoview-mode-choice.is-selected {
    border-color: var(--utv-green-700);
    background: var(--utv-green-700);
    color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(22, 118, 79, 0.24);
}

.unlocktoview-inline-suffix {
    display: inline-block;
    margin-left: 10px;
    color: #314155;
    font-weight: 800;
}

.unlocktoview-inline-reset {
    margin-left: 10px !important;
    min-height: 38px !important;
    padding: 6px 14px !important;
}

/* Buttons */
.unlocktoview-btn,
button.unlocktoview-btn,
button.reset-btn,
button#reset-buyer-subject,
.tab-content .button-primary,
.tab-content input.button {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    height: auto !important;
    padding: 7px 18px !important;
    border: 1px solid var(--utv-green-700) !important;
    border-radius: 999px !important;
    background: var(--utv-green-700) !important;
    color: #fff !important;
    text-shadow: none !important;
    text-indent: 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    box-shadow: 0 12px 24px rgba(22, 118, 79, 0.22) !important;
    cursor: pointer !important;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease !important;
}

.tab-content p.submit {
    margin: 22px 0 0;
    padding: 0;
}

.tab-content button.unlocktoview-settings-save {
    min-width: 160px !important;
    border-radius: 999px!important;
}

.unlocktoview-btn:hover,
button.unlocktoview-btn:hover,
button.reset-btn:hover,
button#reset-buyer-subject:hover,
.tab-content .button-primary:hover,
.tab-content input.button:hover {
    color: #fff !important;
    background: var(--utv-green-800) !important;
    border-color: var(--utv-green-800) !important;
    box-shadow: 0 14px 28px rgba(17, 84, 59, 0.25) !important;
    transform: translateY(-1px);
}
#buyer-subject {
    width:400px;
}
.unlocktoview-btn:disabled,
button.unlocktoview-btn:disabled,
.tab-content input.button:disabled {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
}

.tab-content input.button,
.tab-content input[type="submit"].button {
    display: inline-block !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    min-width: 150px !important;
    text-align: center !important;
}

#unlocktoview-settings-form-unique p.submit {
    margin: 24px 0 0;
    padding: 0;
}

#unlocktoview-settings-form-unique p.submit input.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    min-width: 118px !important;
    padding: 0 20px !important;
    border: 1px solid var(--utv-green-700) !important;
    border-radius: 999px !important;
    background: var(--utv-green-700) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: 0 12px 28px rgba(22, 118, 79, 0.26) !important;
    cursor: pointer !important;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, color 0.16s ease !important;
}

#unlocktoview-settings-form-unique p.submit input.button:hover,
#unlocktoview-settings-form-unique p.submit input.button:focus {
    background: var(--utv-green-800) !important;
    border-color: var(--utv-green-800) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(17, 84, 59, 0.25) !important;
    transform: translateY(-1px);
    outline: none !important;
}

.tab-content .button:not(.unlocktoview-btn):not(.button-primary),
.widefat .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    height: auto;
    padding: 6px 12px;
    border-color: var(--utv-line);
    border-radius: 10px;
    color: #26313f;
    font-weight: 700;
    line-height: 1.2;
    vertical-align: middle;
    white-space: nowrap;
}

.widefat .button:hover {
    border-color: var(--utv-green-600);
    color: var(--utv-green-800);
}

.widefat .button.unlocktoview-icon-action {
    width: 38px;
    min-width: 38px;
    min-height: 38px;
    padding: 0;
    background: #fff;
}

.unlocktoview-icon-action + .unlocktoview-icon-action {
    margin-left: 6px;
}

.unlocktoview-icon-action img {
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
}

.rentals-table .unlocktoview-rental-actions-col {
    width: 70px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.rentals-table .unlocktoview-rental-paid-col {
    width: 58px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
}

.unlocktoview-rental-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.unlocktoview-rental-status-free {
    border: 1px solid rgba(31, 154, 98, 0.28);
    background: var(--utv-green-50);
    color: var(--utv-green-800);
}

/* Tables */
.widefat,
.wp-list-table {
    overflow: hidden;
    border: 1px solid var(--utv-line) !important;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 30px rgba(15, 31, 51, 0.06);
}

.widefat thead th,
.wp-list-table thead th {
    background: var(--utv-green-50);
    color: #26313f;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
}

.widefat td,
.widefat th,
.wp-list-table td,
.wp-list-table th {
    padding: 14px 16px;
    border-bottom-color: #edf2f7;
    vertical-align: middle;
}

.widefat.striped > tbody > :nth-child(odd),
.striped > tbody > :nth-child(odd) {
    background-color: #fbfdff;
}

.unlocktoview-shortcode-input {
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-x: auto;
}

.copy-msg {
    margin-left: 10px;
    color: var(--utv-green-700);
    font-weight: 800;
}

/* Preview boxes */
.buyer-email-preview,
#buyer-email-preview {
    border: 1px solid var(--utv-line) !important;
    border-radius: 18px !important;
    background: var(--utv-soft) !important;
    color: #344054;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.buyer-email-preview pre,
#buyer-preview-message,
#unlocktoview_preview_message {
    color: #344054;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 13px;
}

#rental_button_preview,
#download_button_preview {
    border-radius: 12px !important;
    box-shadow: 0 12px 24px rgba(15, 31, 51, 0.14);
}
.rentalbuttonheader {
    display: block;
    margin: 0 0 12px;
    font-size: 1.2em;
    font-weight: 600;
    color: #1d2327;
}
.rentalbuttonheader,
.rentalbuttonheader label {
    font-size: 23px !important;
    font-weight: 400 !important;
    color: #1d2327;
    line-height: 1.3;
}
.rentalbuttonheader-row {
    background: var(--utv-green-50)!important;
     font-size: 2em !important;
    font-weight: 700 !important;
    color: #1d2327;
   padding:20px;
   border-radius:12px;
}
.unlocktoview-preview-download-icon {
    width: 1.35em;
    height: 1.35em;
    margin-right: 0.45rem;
    vertical-align: -0.14em;
}

/* Tooltips */
.tooltip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-left: 6px;
    border-radius: 999px;
    color: var(--utv-green-800);
    cursor: help;
    font-size: 12px;
}

.tooltip .tooltip-text {
    visibility: hidden;
    opacity: 0;
    width: 300px;
    max-width: min(360px, 80vw);
    padding: 10px 12px;
    border-radius: 12px;
    background: #142236;
    color: #fff;
    text-align: left;
    position: absolute;
    z-index: 999;
    left: 24px;
    top: 24px;
    white-space: normal;
    transition: opacity 0.16s ease;
    font-size: 12px;
    line-height: 1.45;
    box-shadow: 0 14px 30px rgba(15, 31, 51, 0.24);
}

.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

/* Pagination */
.unlocktoview-pagination-wrapper {
    margin-top: 16px;
}

.unlocktoview-pagination-wrapper .button {
    min-height: 36px !important;
    margin-right: 6px !important;
    border-radius: 10px !important;
    line-height: 2.1 !important;
    font-size: 12px !important;
}

.unlocktoview-pagination-wrapper .button.current-page {
    border-color: var(--utv-green-700) !important;
    background: var(--utv-green-700) !important;
    color: #fff !important;
    font-weight: 900;
}

/* Admin menu highlight */
#adminmenu .wp-submenu li a[href="admin.php?page=unlock-to-view-about"] {
    font-weight: 700;
}

/* Number input cleanup */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

input[type="number"] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

@media (max-width: 960px) {
    .wrap {
        margin-right: 18px;
    }

    .unlocktoview-button-settings-grid {
        grid-template-columns: 1fr;
    }

    .unlocktoview-logo {
        min-height: 120px;
        padding: 24px;
        border-radius: 20px;
    }

    .tab-content {
        padding: 22px;
    }

    .unlocktoview-generator-heading {
        align-items: flex-start;
        flex-direction: column;
        padding: 22px;
    }

    .unlocktoview-generator-heading .unlocktoview-page-title {
        font-size: 29px;
    }

    .unlocktoview-generator-preview {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .tab-content table.form-table th,
    .tab-content table.form-table td {
        display: block;
        width: 100%;
        padding: 12px 0;
    }

    .widefat,
    .wp-list-table {
        display: block;
        overflow-x: auto;
    }
}