/* Dark Theme for aMember - Variables from theme configuration */
:root {
    --am_logo_link: 1;
--am_bg: #0d0d1a;
--am_color: #0d0d1a;
--am_link_color: #f97316;
--am_btn_color: #8b5cf6;
--am_text_color: #e4e4e4;
--am_logo_align: left;
--am_max_width: 1100;
--am_max_width_px: 1100px;
--am_logo_width: auto;
--am_logo_width_px: auto;
--am_font_size: 14;
--am_font_size_px: 14px;
--am_font_family: Roboto;
--am_login_layout: layout-login-sidebar.phtml;
--am_login_bg: none;
--am_login_bg_color: none;
--am_login_no_header: 1;
--am_login_legend_bg: #1a1a2e;
--am_login_legend_padding_top: 1em;
--am_login_header_display: none;
--am_menu_color: #8b5cf6;
--am_login_sidebar: Hello and welcome;
--am_notifications_sidebar: Hello Doctor;
--am_link_color_a99: #f9731699;
--am_checkmark_background_image: url('');

    
    /* Dark Theme Color Palette */
    --dark-bg-primary: #0d0d1a;
    --dark-bg-secondary: #1a1a2e;
    --dark-bg-sidebar: #16213e;
    --dark-input-bg: #2d2d44;
    --dark-text-primary: #e4e4e4;
    --dark-text-secondary: #b8b8c8;
    --dark-text-muted: #7f7f9f;
    --dark-accent-purple: #8b5cf6;
    --dark-accent-purple-hover: #7c3aed;
    --dark-accent-orange: #f97316;
    --dark-border-color: #2d2d44;
    --dark-success: #10b981;
    --dark-error: #ef4444;
}
/* end: variables from theme configuration */

/* ===== BASE STYLES ===== */
body, html {
    font-size: var(--am_font_size_px, 14px);
    background: none;
    margin: 0;
    padding: 0;
}

html {
    background: var(--dark-bg-primary);
    min-height: 100vh;
}

body.am-page-login {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--dark-bg-primary);
}

body.am-page-login .am-layout {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.am-page-login .am-footer {
    height: auto;
}

body.am-dark-theme {
    background: var(--dark-bg-primary);
}

/* ===== COMMON ELEMENTS ===== */
.am-common {
    font-family: var(--am_font_family, 'Roboto'), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: var(--dark-text-primary);
}

.am-common legend {
    color: var(--dark-text-primary);
}

.am-common a {
    color: var(--dark-accent-orange);
    text-decoration: none;
    transition: color 0.2s ease;
}

.am-common a:hover {
    color: #fb923c;
}

/* ===== LAYOUT ===== */
.am-layout {
    min-height: initial;
    margin: 0;
    background: none;
}

.am-main {
    max-width: var(--am_max_width_px, 1200px);
}

/* ===== HEADER ===== */
.am-header {
    background: var(--dark-bg-secondary);
    border-bottom: 1px solid var(--dark-border-color);
}

.am-header .am-header-content-wrapper {
    border: none;
    background: none;
}

.am-header-line {
    border: none;
    background: none;
}

.am-page-login .am-header {
    display: var(--am_login_header_display, none);
}

ul.am-header-menu a {
    color: var(--dark-text-secondary);
}

ul.am-header-menu ul a {
    color: var(--dark-text-secondary);
}

ul.am-header-menu > li > a::after {
    background: var(--dark-text-muted);
    opacity: 0.4;
}

ul.am-header-menu li ul {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border-color);
}

/* ===== FOOTER ===== */
.am-footer {
    background: var(--dark-bg-secondary);
    border-top: 1px solid var(--dark-border-color);
}

.am-footer .am-footer-content-wrapper {
    background: none;
    color: var(--dark-text-muted);
    height: auto;
    font-size: 0.8rem;
}

.am-footer-content-content {
    padding: 1em 0;
}

.am-footer-text {
    text-align: center;
}

.am-footer .am-footer-content .am-footer-sm a {
    color: var(--am_sm_color, var(--dark-text-muted));
    font-size: var(--am_sm_size_px, 18px);
}

.am-footer-actions {
    display: none;
}

.am-credits {
    color: var(--dark-text-muted);
}

/* ===== BODY ===== */
.am-body {
    background: none;
}

.am-body .am-body-content-wrapper {
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: none;
}

/* Login page specific body styles */
.am-page-login .am-body,
.am-page-login .am-body .am-body-content-wrapper,
.am-page-login .am-body-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
    margin: 0;
}

.am-body-content {
    min-height: 300px;
}

/* ===== LOGIN PAGE LAYOUT ===== */
.am-login-layout-with-sidebar {
    display: flex;
    align-items: stretch;
    min-height: calc(100vh - 60px);
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
    gap: 60px;
}

.am-login-layout-with-sidebar_form {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 520px;
    padding: 0;
}

.am-login-layout-with-sidebar_sidebar {
    flex: 0 0 320px;
    background: var(--dark-bg-sidebar);
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border: 1px solid rgba(139, 92, 246, 0.2);
}

.am-login-layout-with-sidebar_clear {
    display: none;
}

/* Legacy class support */
.am-dark-login-container {
    display: flex;
    min-height: calc(100vh - 100px);
    max-width: 1200px;
    margin: 0 auto;
    padding: 2em;
    box-sizing: border-box;
    gap: 40px;
}

.am-dark-form-section {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 520px;
    padding: 0;
}

.am-dark-sidebar-section {
    flex: 0 0 400px;
    background: var(--dark-bg-sidebar);
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

/* ===== DARK THEME WELCOME HEADER ===== */
.am-dark-form-box {
    background: var(--dark-bg-secondary);
    border-radius: 16px;
    border: 1px solid rgba(139, 92, 246, 0.2);
    padding: 40px;
}

.am-dark-form-header {
    margin-bottom: 2em;
}

.am-dark-welcome-title {
    font-size: 2em;
    font-weight: 700;
    color: var(--dark-text-primary);
    margin: 0 0 0.5em 0;
}

.am-dark-welcome-subtitle {
    font-size: 1em;
    color: var(--dark-text-muted);
    margin: 0;
}

/* ===== DARK SIDEBAR CONTENT ===== */
.dark-sidebar-content {
    text-align: left;
}

.dark-sidebar-icon {
    margin-bottom: 1.5em;
}

.dark-sidebar-icon svg {
    width: 48px;
    height: 48px;
}

.dark-sidebar-title {
    font-size: 1.75em;
    font-weight: 600;
    color: var(--dark-text-primary);
    margin: 0 0 0.75em 0;
    line-height: 1.3;
}

.dark-sidebar-text {
    font-size: 0.95em;
    color: var(--dark-text-muted);
    line-height: 1.6;
    margin: 0 0 2em 0;
}

.dark-sidebar-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

/* ===== LOGIN FORM STYLES ===== */
.am-login-form-wrapper,
.am-sendpass-form-wrapper {
    margin-top: 0;
}

.am-auth-form {
    margin: 0;
    max-width: 100%;
}

/* Remove all default form backgrounds */
.am-page-login .am-auth-form,
.am-page-login .am-auth-form form,
.am-page-login .am-form,
.am-page-login .am-login-form,
.am-page-login .am-sendpass-form,
.am-page-login form.am-login-form-form,
.am-page-login .am-login-form-wrapper .am-form,
.am-page-login .am-sendpass-form-wrapper .am-form {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.am-auth-form form,
.am-page-login form {
    border: none;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.am-auth-form form legend,
.am-page-login form legend {
    display: none;
}

.am-auth-form form fieldset,
.am-page-login form fieldset {
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
}

/* Form Rows */
.am-page-login .am-auth-form div.am-row {
    background: transparent !important;
    padding: 0;
    margin-bottom: 1.5em;
    border: none !important;
    display: block;
}

.am-page-login .am-auth-form div.am-row-wide {
    background: transparent !important;
}

.am-auth-form div.am-row div.am-element,
.am-auth-form div.am-row div.am-element-title {
    padding: 0;
    float: none;
    width: 100%;
    margin: 0;
}

/* Labels */
.am-page-login .am-auth-form div.am-row div.am-element-title {
    margin-bottom: 8px;
}

.am-page-login .am-auth-form div.am-row div.am-element-title label,
.am-page-login .am-auth-form label.am-element-title {
    display: block;
    font-size: 0.9em;
    font-weight: 500;
    color: var(--dark-text-primary);
    margin-bottom: 0;
}

/* Input Fields */
.am-page-login .am-body-content input[type="text"],
.am-page-login .am-body-content input[type="password"],
.am-page-login .am-body-content input[type="email"],
.am-page-login .am-body-content select,
.am-page-login .am-body-content textarea {
    width: 100%;
    padding: 0.875em 1em;
    background: var(--dark-input-bg);
    border: 1px solid var(--dark-border-color);
    border-radius: 8px;
    color: var(--dark-text-primary);
    font-size: 1em;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.am-page-login .am-body-content input[type="text"]:focus,
.am-page-login .am-body-content input[type="password"]:focus,
.am-page-login .am-body-content input[type="email"]:focus,
.am-page-login .am-body-content select:focus,
.am-page-login .am-body-content textarea:focus {
    border-color: var(--dark-accent-purple);
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
    outline: none;
    background: var(--dark-input-bg);
}

.am-page-login .am-body-content input::placeholder {
    color: var(--dark-text-muted);
    opacity: 0.6;
}

/* Password field with reveal button */
.am-page-login .am-pass-reveal-wrapper {
    position: relative;
}

.am-page-login .am-pass-reveal-btn {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--dark-text-muted);
    cursor: pointer;
    padding: 0;
}

/* Remember Me Checkbox */
.am-page-login #am-form-login-remember {
    display: flex;
    align-items: center;
    gap: 0.5em;
    color: var(--dark-text-secondary);
    font-size: 0.9em;
    margin-top: 1em;
}

.am-page-login #am-form-login-remember input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.1em;
    height: 1.1em;
    border: 2px solid var(--dark-accent-purple);
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    position: relative;
}

.am-page-login #am-form-login-remember input[type="checkbox"]:checked {
    background: var(--dark-accent-purple);
}

.am-page-login #am-form-login-remember input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 0px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Submit Button */
.am-page-login .am-body-content input[type="submit"],
.am-page-login .am-body-content button[type="submit"] {
    width: 100%;
    padding: 0.875em 1.5em;
    background: var(--dark-accent-purple);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 1em;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    margin-top: 0.5em;
}

.am-page-login .am-body-content input[type="submit"]:hover,
.am-page-login .am-body-content button[type="submit"]:hover {
    background: var(--dark-accent-purple-hover);
}

.am-page-login .am-body-content input[type="submit"]:active,
.am-page-login .am-body-content button[type="submit"]:active {
    transform: translateY(1px);
}

/* Forgot Password Link */
.am-page-login .am-form-login-switch-wrapper {
    display: block;
    text-align: center;
    margin-top: 1.5em;
}

.am-form-login-switch {
    color: var(--dark-accent-orange) !important;
    font-size: 0.9em;
}

.am-form-login-switch:hover {
    color: #fb923c !important;
}

/* Buttons row layout */
.am-page-login .am-row-buttons {
    margin-top: 1em;
}

.am-page-login .am-row-buttons .am-element {
    display: block;
}

.am-page-login .am-row-buttons .am-element input[type="submit"] {
    margin-bottom: 0;
}

/* OR Divider */
.am-fb-login-button-wrapper.am-fb-login-form-after:before,
.am-fb-login-button-wrapper.am-fb-login-form-before:after {
    background: var(--dark-border-color);
    color: var(--dark-text-muted);
}

/* Social Login Buttons */
.am-page-login .am-oauth-button,
.am-page-login .am-fb-login-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75em;
    width: 100%;
    padding: 0.75em 1em;
    background: var(--dark-input-bg);
    border: 1px solid var(--dark-border-color);
    border-radius: 8px;
    color: var(--dark-text-primary);
    font-size: 0.95em;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.am-page-login .am-oauth-button:hover,
.am-page-login .am-fb-login-button:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--dark-text-muted);
}

/* Signup Link */
.am-signup-link {
    color: var(--dark-text-secondary);
    text-align: center;
    margin-top: 2em;
    font-size: 0.95em;
}

.am-signup-link a {
    color: var(--dark-accent-orange);
    font-weight: 500;
}

.am-signup-link a:hover {
    text-decoration: underline;
}

/* ===== FORM STYLING ===== */
.am-form form {
    background: var(--dark-bg-secondary);
    border-color: var(--dark-border-color);
    border-radius: 12px;
}

/* Override form styling specifically for login page */
.am-page-login .am-form form,
.am-page-login .am-login-form form,
.am-page-login .am-sendpass-form form,
.am-page-login .am-auth-form .am-form form,
.am-page-login .am-login-form-form {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.am-form fieldset legend {
    background: none;
    border-bottom: 1px solid var(--dark-border-color);
    color: var(--dark-text-primary);
}

/* ===== POPUP STYLES ===== */
.am-popup {
    background-color: var(--dark-bg-secondary);
    border-color: var(--dark-border-color);
}

.am-popup .am-popup-header {
    background: var(--dark-bg-primary);
    color: var(--dark-text-primary);
}

.am-popup .am-popup-close-icon:after {
    color: var(--dark-text-secondary);
}

/* ===== INFO BLOCKS ===== */
.am-info {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border-color);
}

/* ===== RESPONSIVE DESIGN ===== */
@media all and (max-width: 900px) {
    .am-login-layout-with-sidebar {
        flex-direction: column;
        padding: 20px;
        gap: 30px;
    }
    
    .am-login-layout-with-sidebar_form {
        max-width: 100%;
        padding: 0;
    }
    
    .am-login-layout-with-sidebar_sidebar {
        flex: none;
        width: 100%;
        order: -1;
        padding: 30px;
    }
    
    .am-dark-login-container {
        flex-direction: column;
        padding: 1.5em;
        gap: 30px;
    }
    
    .am-dark-form-section {
        max-width: 100%;
        padding: 20px;
    }
    
    .am-dark-sidebar-section {
        flex: none;
        width: 100%;
        order: -1;
        padding: 30px;
    }
}

@media all and (max-width: 600px) {
    .am-dark-welcome-title {
        font-size: 1.5em;
    }
    
    .am-dark-form-section,
    .am-login-layout-with-sidebar_form {
        padding: 15px;
    }
    
    .am-dark-sidebar-section,
    .am-login-layout-with-sidebar_sidebar {
        padding: 20px;
    }
    
    .dark-sidebar-title {
        font-size: 1.25em;
    }
    
    .am-login-layout-with-sidebar {
        padding: 15px;
    }
}

/* No label variant */
.am-page-login-no-label .am-auth-form,
.am-page-login-no-label .am-signup-link {
    max-width: 400px;
}

.am-page-login-no-label .am-auth-form div.am-row div.am-element-title {
    display: none;
}

/* ===== TABS / MENU STYLES ===== */
ul.am-tabs li.active,
ul.am-tabs li.normal:hover {
    background: var(--dark-accent-purple);
}

ul.am-tabs li.active > a,
ul.am-tabs li.normal > a:hover {
    border-color: var(--dark-accent-purple);
}

ul.am-tabs .has-children ul {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

ul.am-tabs {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border-color);
    border-radius: 8px;
}

ul.am-tabs > li {
    background: var(--dark-bg-secondary);
}

ul.am-tabs a {
    border-right: 1px solid var(--dark-border-color);
    color: var(--dark-text-primary);
}

/* ===== BUTTONS ===== */
.am-body-content a.button,
.am-body-content button,
.am-body-content input[type="button"],
.am-body-content input[type="submit"],
.am-popup a.button,
.am-popup button,
.am-popup input[type="button"],
.am-popup input[type="submit"] {
    color: white;
    background: var(--dark-accent-purple);
    border-radius: 8px;
    border: none;
    padding: 0.75em 1.5em;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

.am-body-content a.button:hover,
.am-body-content button:hover,
.am-body-content input[type="button"]:hover,
.am-body-content input[type="submit"]:hover,
.am-popup a.button:hover,
.am-popup button:hover,
.am-popup input[type="button"]:hover,
.am-popup input[type="submit"]:hover {
    background: var(--dark-accent-purple-hover);
}

.am-body-content input[type="button"]:disabled,
.am-body-content input[type="submit"]:disabled,
.am-body-content button:disabled {
    background: var(--dark-border-color);
    color: var(--dark-text-muted);
    cursor: not-allowed;
}

/* ===== INPUT FIELDS (General) ===== */
.am-body-content select,
.am-body-content textarea,
.am-body-content input[type="text"],
.am-body-content input[type="password"],
.am-popup select,
.am-popup textarea,
.am-popup input[type="text"],
.am-popup input[type="password"] {
    color: var(--dark-text-primary);
    border: 1px solid var(--dark-border-color);
    background-color: var(--dark-input-bg);
    border-radius: 6px;
    padding: 0.6em 0.8em;
}

.am-body-content textarea:focus,
.am-body-content input[type="text"]:focus,
.am-body-content input[type="password"]:focus,
.am-body-content select:focus,
.am-popup textarea:focus,
.am-popup input[type="text"]:focus,
.am-popup input[type="password"]:focus,
.am-popup select:focus {
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
    border-color: var(--dark-accent-purple);
    background-color: var(--dark-input-bg);
}

.am-body-content textarea::placeholder,
.am-body-content input[type="text"]::placeholder,
.am-body-content input[type="password"]::placeholder {
    opacity: 0.5;
    color: var(--dark-text-muted);
}

/* ===== CHECKBOXES & RADIOS ===== */
.am-form input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 0.2em 0 0;
    width: 1em;
    height: 1em;
    border: 2px solid var(--dark-border-color);
    background-color: var(--dark-input-bg);
    outline: 0;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle;
}

.am-form input[type=radio]:checked {
    border-color: var(--dark-accent-purple);
    border-width: 0.3em;
    background-color: #fff;
}

.am-form input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 0.2em 0 0;
    width: 1em;
    height: 1em;
    border: 2px solid var(--dark-border-color);
    background-color: var(--dark-input-bg);
    outline: 0;
    cursor: pointer;
    border-radius: 4px;
    vertical-align: middle;
}

.am-form input[type=checkbox]:checked {
    background-color: var(--dark-accent-purple);
    border-color: var(--dark-accent-purple);
    background-image: var(--am_checkmark_background_image);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* ===== BLOCKS ===== */
.am-block {
    background: var(--dark-bg-secondary);
    border-color: var(--dark-border-color);
    box-shadow: none;
    border-radius: 8px;
}

.am-block-nodata {
    background: var(--dark-bg-secondary);
}

/* ===== GRIDS ===== */
.am-grid-container {
    box-shadow: none;
    border: 1px solid var(--dark-border-color);
    border-radius: 8px;
    overflow: hidden;
}

.am-grid th,
.am-grid th:last-child {
    background: var(--dark-bg-secondary);
    border: none;
}

.am-grid th,
.am-grid th a {
    color: var(--dark-text-muted);
}

.am-grid tr.am-grid-row > td {
    background: var(--dark-bg-primary);
}

.am-grid tr.am-grid-row.odd td {
    background-color: rgba(255, 255, 255, 0.02);
}

/* ===== DASHBOARD LAYOUT ===== */
.am-layout-two-coll .am-layout-two-coll-top,
.am-layout-two-coll .am-layout-two-coll-bottom {
    display: none;
}

.am-layout-two-coll {
    background: none;
    box-shadow: none;
    border: none;
    overflow: hidden;
    margin-top: 2em;
}

/* ===== INVOICE/RECEIPT ===== */
.am-receipt {
    box-shadow: none;
    border: 1px solid var(--dark-border-color);
    background: var(--dark-bg-secondary);
    border-radius: 8px;
}

.am-receipt td {
    background: none;
    border: none;
}

.am-invoice-summary {
    box-shadow: none;
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border-color);
    border-radius: 8px;
}

.am-invoice-summary .am-invoice-summary-item {
    border-bottom: 1px solid var(--dark-border-color);
}

/* ===== ERRORS ===== */
div.am-errors ul, ul.am-error, ul.am-errors {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid var(--dark-error);
    border-radius: 6px;
    color: var(--dark-error);
}

/* ===== RECAPTCHA ===== */
.am-recaptcha-element {
    margin: 0.5em 0;
}

/* ===== USER IDENTITY ===== */
.am-user-identity-block {
    float: var(--am_identity_align, left);
}

/* ===== ACTIVE INVOICE ===== */
.am-active-invoice {
    border: 1px solid var(--dark-border-color);
    border-radius: 8px;
}

/* ===== HR ===== */
.am-common hr {
    background: var(--dark-border-color);
    border: none;
    height: 1px;
}

/* ===== HELPDESK ===== */
.am-helpdesk-message {
    box-shadow: none;
    border: 1px solid var(--dark-border-color);
    border-radius: 8px;
}

.am-helpdesk-message.am-helpdesk-message-outbound {
    background: none;
}

.am-helpdesk-message.am-helpdesk-message-inbound {
    background: var(--dark-bg-secondary);
}

.am-helpdesk-reply-panel {
    background: var(--dark-bg-secondary);
    border-radius: 8px;
}

/* ===== FILTER ===== */
.am-filter-wrap {
    border: 1px solid var(--dark-border-color);
    background: var(--dark-bg-secondary);
    color: var(--dark-text-secondary);
    border-radius: 8px;
}

.am-filter-wrap form.filter input,
.am-filter-wrap form.filter select {
    background-color: var(--dark-input-bg);
}

/* ===== AFFILIATE ===== */
.am-aff-banner-preview {
    box-shadow: none;
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border-color);
    border-radius: 8px;
}

/* ===== SHOPPING CART ===== */
.am-cart .am-cart-product.am-cart-product-brief,
.am-cart .am-cart-product.am-cart-product-brief:hover {
    box-shadow: none;
    border: 1px solid var(--dark-border-color);
    background: var(--dark-bg-secondary);
    border-radius: 8px;
}

#cart-basket {
    background-color: var(--dark-bg-secondary);
    border-color: var(--dark-border-color);
    border-radius: 8px;
}

.am-basket .am-basket-row-head {
    border-bottom: 2px solid var(--dark-border-color);
}

.am-basket .am-basket-row {
    border-bottom: 1px solid var(--dark-border-color);
}

/* ===== SELF SERVICE ===== */
.am-ss-product {
    box-shadow: none;
    border: 1px solid var(--dark-border-color);
    background: var(--dark-bg-secondary);
    border-radius: 8px;
}

.am-ss-product:hover {
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.15);
    border-color: var(--dark-accent-purple);
}