/* Vendor Dashbaord Styling */

table.wcv-table {
    background: #202020;
}
/* hide core add product button */
a.wcv-button[href*="product/download/edit/"] {
    display: none !important;
}

/* pagenation for dashbaord products page */
.wcvendors-table-product {
    position: relative;
}

.pagination-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: none;
    z-index: 1000;
}

.pagination-overlay.active {
    display: flex;
    justify-content: center;
    align-items: center;
}

#loading-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* remove product type from status collum */
span.product_type.simple-product {
    display: none;
}

/* reg form */
.wcv-grid h3 {
	color: #cdcdcd;
}

.wcv-grid h2, .wcv-grid h6 {
    color: #f1f1f1;
}

/* Dark Mode Input Styling */
.dark input:not([type='range']):not([type='button']):not([type='submit']):not([type='reset']):not([type='checkbox']):not([type='radio']) {
    background-color: #202020;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f1f1f1;
    padding: 10px 15px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.dark input:not([type='range']):not([type='button']):not([type='submit']):not([type='reset']):not([type='checkbox']):not([type='radio']):focus {
    border-color: rgba(255, 255, 255, 0.2);
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.05);
}

/* Vendor Agreement and Legal Disclaimer Checkboxes */
input#_wcv_agree_to_terms,
input#_cp_legal_ownership,
input#_cp_is_exclusive {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background: #202020;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
    margin-right: 8px;
}

input#_wcv_agree_to_terms:checked,
input#_cp_legal_ownership:checked,
input#_cp_is_exclusive:checked {
    background: #202020;
    border-color: rgba(255, 255, 255, 0.2);
}

input#_wcv_agree_to_terms:checked::after,
input#_cp_legal_ownership:checked::after,
input#_cp_is_exclusive:checked::after {
    content: "✓";
    position: absolute;
    color: #f1f1f1;
    font-size: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

input#_wcv_agree_to_terms:hover,
input#_cp_legal_ownership:hover,
input#_cp_is_exclusive:hover {
    border-color: rgba(255, 255, 255, 0.2);
}

.wcv-form .control-group .inline li label {
    color: #f1f1f1;
    margin-left: 8px;
    cursor: pointer;
}

/* Vendor Dashboard Navigation */
.wcv-navigation ul.menu.black {
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.wcv-navigation ul.menu.black li {
    margin: 0.5rem 0;
}

.wcv-navigation ul.menu.black li a {
    color: #f1f1f1;
    text-decoration: none;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    display: block;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.wcv-navigation ul.menu.black li a:hover {
    background: #202020;
    border-color: rgba(255, 255, 255, 0.1);
}

.wcv-navigation ul.menu.black li.active a {
    background: #252525;
    border-color: rgba(255, 255, 255, 0.2);
    font-weight: 500;
}

/* Vendor Dashboard Tabs */

li#dashboard-menu-item-wcv_refund_request,
li#dashboard-menu-item-rating,
.all-40.small-100  {
    display: none;
}

.wcv-tabs .tabs-nav {
    display: flex;
    gap: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 0;
    margin-bottom: 2rem;
}

.wcv-tabs .tabs-nav li {
    margin: 0;
}

.wcv-tabs .tabs-nav li a {
    color: #888;
    text-decoration: none;
    padding: 0.75rem 1.5rem;
    border-radius: 4px 4px 0 0;
    border: 1px solid transparent;
    border-bottom: none;
    background: transparent;
    transition: all 0.2s ease;
    display: block;
    font-weight: 500;
}

.wcv-tabs .tabs-nav li:hover a {
    color: #f1f1f1;
    background: #202020;
    border-color: rgba(255, 255, 255, 0.1);
}

.wcv-tabs .tabs-nav li.active a {
    color: #f1f1f1;
    background: #252525;
    border-color: rgba(255, 255, 255, 0.2);
}

/* Vendor Dashboard Forms */
.wcv-form input[type="text"],
.wcv-form input[type="email"],
.wcv-form input[type="number"],
.wcv-form input[type="password"],
.wcv-form textarea,
.wcv-form select {
    background: #202020;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f1f1f1;
    padding: 10px 15px;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 1rem;
    transition: all 0.2s ease;
}

.wcv-form input[type="text"]:focus,
.wcv-form input[type="email"]:focus,
.wcv-form input[type="number"]:focus,
.wcv-form input[type="password"]:focus,
.wcv-form textarea:focus,
.wcv-form select:focus {
    border-color: rgba(255, 255, 255, 0.2);
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.05);
}

.wcv-form label {
    color: #f1f1f1;
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.wcv-form .control-group {
    margin-bottom: 1.5rem;
}

.wcv-form .control-group .control > input[type="checkbox"] {
    margin-right: 0.5rem;
}

.wcv-form .control-group .control {
    color: #f1f1f1;
}

/* Legal Disclaimer Styling */
.wcv-form .control-group.legal-disclaimer {
    background: #2a2020;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    padding: 1.25rem;
    margin: 1.5rem 0;
    position: relative;
    transition: all 0.2s ease;
}

.wcv-form .control-group.legal-disclaimer:hover {
    border-color: rgba(255, 255, 255, 0.25);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.wcv-form .control-group.legal-disclaimer::before {
    content: "⚠️";
    position: absolute;
    left: -10px;
    top: -10px;
    background: #2a2020;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.15);
    font-size: 16px;
}

.wcv-form .control-group.legal-disclaimer label {
    font-size: 1.1em;
    font-weight: 600;
    color: #f1f1f1;
    margin-bottom: 0.75rem;
    display: block;
}

.wcv-form .control-group.legal-disclaimer .control {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.wcv-form .control-group.legal-disclaimer input[type="checkbox"] {
    margin-top: 3px;
}

.wcv-form .control-group.legal-disclaimer .control > label {
    font-size: 0.95em;
    line-height: 1.4;
    font-weight: normal;
    color: #cdcdcd;
    margin: 0;
}

/* Product Submission Page */
.show_if_downloadable,
a.sale_schedule.right  {
    display: none !important;
}

/* Product after Submission Page */
.woocommerce-message {
    background-color: hsl(0deg 0% 5%)!important;
    color: #e5e5e5!important;
}

/* Vendor Dashboard Page */
.wcv-grid {
    background: #1a1a1a;
    border-radius: 8px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Table Styling */
table.wcv-table {
    background: #202020;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    margin-bottom: 1.5rem;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}

.wcv-table th {
    background: #252525;
    color: #f1f1f1;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    padding: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.wcv-table td {
    padding: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #f1f1f1;
    font-family: system-ui;
}

.wcv-table tr:last-child td {
    border-bottom: none;
}

/* Row Actions */
.wcv-grid table .row-actions {
    visibility: hidden;
    font-size: 13px;
}

.wcv-grid table tr:hover .row-actions {
    visibility: visible;
}

.wcv-grid table .row-actions a {
    color: #888 !important;
    text-decoration: none;
    margin-right: 8px;
    transition: color 0.2s ease;
}

.wcv-grid table .row-actions a:hover {
    color: #f1f1f1 !important;
}

/* Search Box */
input#wcv-search {
    background: #202020;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f1f1f1;
    padding: 10px 15px;
    border-radius: 4px;
    width: 300px;
 /*   margin-bottom: 1.5rem; */
    transition: all 0.2s ease;
}

input#wcv-search:focus {
    border-color: rgba(255, 255, 255, 0.2);
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.05);
}

/* Buttons */
.wcv-button,
button.wcv-button,
input#product_save_button,
input#draft_button,
input#store_save_button,
input#update_button,
input#clear_button_commission {
    background: #202020 !important;
    color: #f1f1f1 !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.2s ease !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 0.9rem !important;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.all-50.small-100.wcv-product-table-buttons-before {
    margin-top: 0px;
}


.wcv-button:hover,
button.wcv-button:hover,
input#product_save_button:hover,
input#draft_button:hover,
input#store_save_button:hover,
input#update_button:hover,
input#clear_button_commission:hover {
    background: #252525 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    color: #f1f1f1 !important;
}

.wcv-button:active,
button.wcv-button:active,
input#product_save_button:active,
input#draft_button:active,
input#store_save_button:active,
input#update_button:active,
input#clear_button_commission:active {
    transform: translateY(0);
    box-shadow: none;
}

/* Headings */
.wcv-grid h1,
.wcv-grid h2,
.wcv-grid h3,
.wcv-grid h4,
.wcv-grid h5,
.wcv-grid h6 {
    color: #f1f1f1 !important;
    font-weight: 500;
    margin-bottom: 1.5rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Button Groups */
.wcv-product-table-buttons-before,
.wcv-product-table-buttons-after {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1.5rem 0;
}

.wcv-navigation ul.menu.black li.active {
    background: #1a1a1a;
}
.wcv-navigation ul.menu.black li {
    padding: 5px;
}

/* Commission Tab */
.export-commission {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1.5rem;
}

input#update_button,
input#clear_button_commission {
   /* max-width:   50% !important;  */
   width: auto;
    margin-top: 1px;
    padding: 5px 10px !important;
    margin-left: 15px;
    position: absolute !important;
}

/* Vendor Media Upload Modal Styling */

/* Hide unnecessary elements */
a.edit-attachment {
    display: none !important;
}

.media-modal {
    bottom: 100px;
}

h2.media-attachments-filter-heading {
    padding-top: 13px;
}

table.compat-attachment-fields,
span.setting.alt-text.has-description,
p#alt-text-description,
a.edit-attachment,
button.button.button-small.copy-attachment-url,
span.required-field-message,
.attachment-details .setting, 
.media-sidebar .setting {
    display: none;
}

.media-frame {
    background: #1a1a1a;
    color: #f1f1f1;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.media-frame-title,
.media-frame-router,
.media-toolbar {
    background: #202020 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem;
}

.media-toolbar {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.media-frame-content {
    background: #252525;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #f1f1f1;
}

.attachments-wrapper {
    padding: 1.5rem;
    background: #252525;
    color: #f1f1f1;
    top: 15% !important;
}

.media-sidebar {
    background: #202020;
    color: #f1f1f1;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1.5rem;
}

/* Media Modal Buttons */
.media-button,
button#menu-item-browse,
button#menu-item-upload,
.media-button-select {
    background: #202020 !important;
    color: #f1f1f1 !important;
    padding: 8px 24px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.2s ease !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 0.9rem !important;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-family: inherit;
    margin: 0.5rem;
    line-height: 1.5 !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.media-button:hover,
button#menu-item-browse:hover,
button#menu-item-upload:hover,
.media-button-select:hover {
    background: #252525 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.media-button:active,
button#menu-item-browse:active,
button#menu-item-upload:active,
.media-button-select:active {
    transform: translateY(0);
    box-shadow: none;
}

/* Media Modal Inputs */
.media-frame input[type="text"],
.media-frame input[type="search"],
.media-frame select {
    background: #202020;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f1f1f1;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    font-family: inherit;
}

.media-frame input[type="text"]:focus,
.media-frame input[type="search"]:focus,
.media-frame select:focus {
    border-color: rgba(255, 255, 255, 0.2);
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.05);
}

/* Media Modal Labels and Text */
.media-frame label,
.media-frame .filename,
.media-frame-title h1,
.media-frame .is-open,
.media-frame .is-closed {
    color: #f1f1f1;
    font-family: inherit;
}

.upload-error-message,
.upload-error-filename {
    color: #ff4444;
    font-family: inherit;
}

/* Media Items */
.attachment {
    border-radius: 4px;
    transition: all 0.2s ease;
}

.attachment:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: translateY(-1px);
}

.attachment.selected {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}

.attachments-browser .media-toolbar {
    margin-top: 35px;
    right: 317px;
    height: 72px;
    background: #1a1a1a;
}

.filename {
    background: #202020 !important;
}

/* Multi-select Fields Styling */
.select2-container--default .select2-selection--multiple {
    background-color: #202020 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px;
    min-height: 40px;
    transition: all 0.2s ease;
    padding: 8px;
    position: relative;
    width: 100%;
    height: auto !important;
}

/* Ensure container expands with content */
.select2-container {
    height: auto !important;
    min-height: 40px;
}

.select2-container--default {
    width: 100% !important;
}

/* Force container to expand */
.select2-container--default .select2-selection--multiple {
    height: auto !important;
    min-height: 40px;
    display: flex !important;
    flex-direction: column !important;
}

.select2-container {
    display: block !important;
}

.select2-container .selection {
    display: block !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    position: static !important;
}

/* Reset any fixed heights */
.select2,
.select2-container,
.select2-container--default,
.select2-selection,
.select2-selection--multiple,
.select2-selection__rendered {
    min-height: 40px !important;
    height: auto !important;
}

.select2-container--default .select2-selection--multiple:hover {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.05);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px;
    padding: 4px !important;
    margin: 0;
    width: 100%;
    min-height: 36px;
    height: auto;
    box-sizing: border-box;
    line-height: 1.4;
    flex: 1;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    margin-bottom: 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li:last-child {
    margin-bottom: 0;
}

/* Webkit scrollbar styling */

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #2a2a2a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 3px;
    margin: 0;
    padding: 6px 10px;
    font-size: 13px;
    color: #f1f1f1;
    transition: all 0.2s ease;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 0 0 auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background-color: #303030 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    margin-right: 6px;
    font-weight: 500;
    transition: color 0.2s ease;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #f1f1f1;
    background: none;
}

.select2-container--default .select2-search--inline {
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0;
    padding: 0;
    width: 100%;
}

.select2-container--default .select2-search--inline .select2-search__field {
    color: #f1f1f1;
    font-family: inherit;
    padding: 3px 6px;
    margin: 0;
    min-height: 28px;
    width: auto !important;
    min-width: 150px;
    box-sizing: border-box;
    background: transparent;
}

.select2-container--default .select2-search--inline .select2-search__field::placeholder {
    color: #888;
    opacity: 1;
}

.select2-dropdown {
    background-color: #202020;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.select2-container--default .select2-results__option {
    padding: 8px 12px;
    color: #f1f1f1;
    transition: all 0.2s ease;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #2a2a2a;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #303030;
    color: #f1f1f1;
}

/* media upload button vendor media modal */
.media-toolbar-primary>.media-button, .media-toolbar-primary>.media-button-group {
    margin-right: 6rem !important;
    float: left;
    margin-top: 0px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 200px !important;
    display: inline-block !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.media-button,
.media-button-select {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-width: 120px !important;
    max-width: 200px !important;
}

/* Year select vendors dashboard */
.flatpickr-current-month {
    padding: 0px !important;
}
input.numInput.cur-year {
    padding: 0px !important;
}

/* remove top and botom tables from products page vendors dashboard */
.wcv_dashboard_table_header.wcv-cols-group.wcv-search.wcv-product-table-search-before {
    display: none;
}

.wcv_actions.wcv-cols-group.wcv-product-table-actions-after {
    display: none;
}

/* Change Log Styling */
.change-log {
    background: #1a1a1a;
    border-radius: 8px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.change-log h2 {
    color: #f1f1f1;
    font-weight: 500;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.change-log-date {
    cursor: pointer;
    background: #202020;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 2px;
    color: #f1f1f1;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.change-log-date:hover {
    background: #252525;
    border-color: rgba(255, 255, 255, 0.2);
}

.change-log-content {
    display: none;
    padding: 15px;
    background: #252525;
    color: #f1f1f1;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: none;
    margin-bottom: 10px;
    border-radius: 0 0 4px 4px;
}

.change-log-content ul {
    margin: 0;
    padding-left: 20px;
}

.change-log-content ul li {
    margin-bottom: 8px;
    color: #cdcdcd;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .change-log {
        padding: 1.5rem;
    }
    
    .change-log-date {
        padding: 12px;
    }
    
    .change-log-content {
        padding: 12px;
    }
}

/* Upgrade Announcement */
.wcv-upgrade-announcement {
    background: #202020;
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.wcv-upgrade-announcement h3 {
    color: #f1f1f1;
    font-weight: 500;
    margin-bottom: 1rem;
    font-size: 1.3rem;
}

.wcv-upgrade-announcement p {
    color: #cdcdcd;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.wcv-upgrade-notice {
    margin-bottom: 1.5rem;
}

.wcv-upgrade-notice p {
    color: #cdcdcd;
    margin-bottom: 0.75rem;
    padding-left: 1.5rem;
    position: relative;
}

.wcv-upgrade-notice p:before {
    content: "🔹";
    position: absolute;
    left: 0;
}

.wcv-support-notice {
    color: #cdcdcd;
    font-weight: 500;
    padding-left: 1.5rem;
    position: relative;
}

.wcv-support-notice:before {
    content: "📢";
    position: absolute;
    left: 0;
}

/* Vendor Dashboard Welcome Section */
.wcv-vendor-welcome {
    background: #1a1a1a;
    border-radius: 8px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.wcv-vendor-welcome h2 {
    color: #f1f1f1;
    font-weight: 500;
    margin-bottom: 1rem;
    font-size: 1.8rem;
}

.wcv-vendor-welcome h3 {
    color: #f1f1f1;
    font-weight: 500;
    margin: 1.5rem 0 1rem;
    font-size: 1.3rem;
}

.wcv-vendor-welcome p {
    color: #cdcdcd;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.wcv-vendor-welcome ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.wcv-vendor-welcome ul li {
    color: #cdcdcd;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.wcv-button-wrapper {
    margin: 1.5rem 0;
}

.wcv-vendor-welcome .wcv-button {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background: #202020;
    color: #f1f1f1;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}

.wcv-vendor-welcome .wcv-button:hover {
    background: #252525;
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.wcv-store-url {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.wcv-store-url p {
    font-size: 0.9rem;
    color: #888;
}

.wcv-store-url a {
    color: #cdcdcd;
    text-decoration: none;
    transition: color 0.2s ease;
}

.wcv-store-url a:hover {
    color: #f1f1f1;
    text-decoration: underline;
}