/**
 * Enhanced WP User Dashboard - Styles V2.1.0 (Textarea/URL Input Fix)
 * Provides a modern, responsive, light/dark theme for the dashboard & auth forms.
 * Ensures consistent styling for all form inputs including textarea and url.
 * Supports RTL.
 */

/* --- CSS Variables (Light Mode Defaults) --- */
:root {
    --ewud-font-family: 'Tahoma', 'Helvetica Neue', Arial, sans-serif;
    --ewud-font-weight-normal: 400;
    --ewud-font-weight-bold: 600;
    --ewud-color-primary: #0073aa; --ewud-color-primary-dark: #005a87; --ewud-color-primary-light: #e5f1f7;
    --ewud-color-secondary: #6c757d; --ewud-color-secondary-dark: #5a6268;
    --ewud-color-success: #28a745; --ewud-color-success-light: #d4edda;
    --ewud-color-error: #dc3545; --ewud-color-error-light: #f8d7da;
    --ewud-color-danger: #dc3545; --ewud-color-danger-dark: #c82333;
    --ewud-text-color: #3c434a; --ewud-text-muted: #6c757d; --ewud-text-heading: #1d2327;
    --ewud-text-link: var(--ewud-color-primary); --ewud-text-link-hover: var(--ewud-color-primary-dark);
    --ewud-text-light: #ffffff; --ewud-text-button: var(--ewud-text-light);
    --ewud-text-success: #155724; --ewud-text-error: #721c24;
    --ewud-bg-primary: #ffffff; --ewud-bg-secondary: #f8f9fa; --ewud-bg-tertiary: #e9ecef;
    --ewud-bg-overlay: rgba(0, 0, 0, 0.05);
    --ewud-bg-success: var(--ewud-color-success-light); --ewud-bg-error: var(--ewud-color-error-light);
    --ewud-border-color: #dee2e6; --ewud-border-color-darker: #ced4da;
    --ewud-border-radius: 6px; --ewud-border-width: 1px;
    --ewud-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05); --ewud-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --ewud-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --ewud-spacing-xs: 0.25rem; --ewud-spacing-sm: 0.5rem; --ewud-spacing-md: 1rem; --ewud-spacing-lg: 1.5rem; --ewud-spacing-xl: 2rem; --ewud-spacing-xxl: 3rem;
    --ewud-transition-duration: 0.2s; --ewud-transition-timing: ease-in-out; --ewud-transition-base: all var(--ewud-transition-duration) var(--ewud-transition-timing);
}

/* --- Base & Container --- */
.ewud-dashboard-container { max-width: 960px; margin: var(--ewud-spacing-xl) auto; background-color: var(--ewud-bg-primary); color: var(--ewud-text-color); border-radius: var(--ewud-border-radius); box-shadow: var(--ewud-shadow-lg); font-family: var(--ewud-font-family); font-weight: var(--ewud-font-weight-normal); font-size: 1rem; line-height: 1.6; overflow: hidden; direction: rtl; border: var(--ewud-border-width) solid var(--ewud-border-color); transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; color-scheme: light; }
.ewud-dashboard-container.ewud-dark-mode { color-scheme: dark; }

/* --- Controls Area (Dark Mode Toggle) --- */
.ewud-controls-area { text-align: left; padding: var(--ewud-spacing-sm) var(--ewud-spacing-lg); background-color: var(--ewud-bg-secondary); border-bottom: var(--ewud-border-width) solid var(--ewud-border-color); transition: var(--ewud-transition-base); }
.ewud-dark-mode-toggle { background: none; border: none; color: var(--ewud-text-muted); font-size: 1.5rem; cursor: pointer; padding: var(--ewud-spacing-xs); line-height: 1; transition: color 0.3s ease, transform 0.3s ease; border-radius: 50%; }
.ewud-dark-mode-toggle:hover, .ewud-dark-mode-toggle:focus { color: var(--ewud-color-primary); transform: scale(1.1) rotate(10deg); outline: none; background-color: var(--ewud-bg-tertiary); }
.ewud-dark-mode-toggle .ewud-light-icon { display: inline; } .ewud-dark-mode-toggle .ewud-dark-icon { display: none; }

/* --- Tabs --- */
.ewud-tabs { display: flex; flex-wrap: wrap; background-color: var(--ewud-bg-secondary); border-bottom: var(--ewud-border-width) solid var(--ewud-border-color); padding: 0; margin: 0; transition: var(--ewud-transition-base); }
.ewud-tablink { flex: 1 1 auto; padding: var(--ewud-spacing-md) var(--ewud-spacing-lg); border: none; border-left: var(--ewud-border-width) solid var(--ewud-border-color); background: transparent; cursor: pointer; font-weight: var(--ewud-font-weight-bold); color: var(--ewud-text-muted); transition: var(--ewud-transition-base); font-size: 0.95rem; text-align: center; position: relative; white-space: nowrap; appearance: none; }
.ewud-tablink:first-child { border-left: none; border-right: var(--ewud-border-width) solid var(--ewud-border-color); } .ewud-tablink:last-child { border-left: none; }
.ewud-tablink:hover, .ewud-tablink:focus { background-color: var(--ewud-bg-tertiary); color: var(--ewud-text-link-hover); outline: none; }
.ewud-tablink.active { background-color: var(--ewud-bg-primary); color: var(--ewud-color-primary); border-bottom-color: transparent; margin-bottom: -1px; z-index: 1; box-shadow: inset 0 -3px 0 var(--ewud-color-primary); }
.ewud-tablink.active + .ewud-tablink { border-left-color: transparent; } .ewud-tabs > .ewud-tablink:nth-last-child(2).active { border-left: none; } .ewud-tabs > .ewud-tablink:first-child.active { border-right-color: transparent; }

/* --- Tab Content --- */
.ewud-tabcontent-wrapper { position: relative; }
.ewud-tabcontent { padding: var(--ewud-spacing-xl) var(--ewud-spacing-lg); background-color: var(--ewud-bg-primary); color: var(--ewud-text-color); transition: var(--ewud-transition-base); box-sizing: border-box; min-height: 300px; animation: ewudFadeIn 0.5s var(--ewud-transition-timing); }
.ewud-tabcontent[hidden] { display: none; }
@keyframes ewudFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.ewud-tabcontent .ewud-tab-title { margin-top: 0; margin-bottom: var(--ewud-spacing-xl); color: var(--ewud-text-heading); border-bottom: 2px solid var(--ewud-color-primary); padding-bottom: var(--ewud-spacing-sm); display: inline-block; font-size: 1.6rem; font-weight: var(--ewud-font-weight-bold); transition: color 0.3s ease, border-color 0.3s ease; }
.ewud-tabcontent h4 { margin-top: var(--ewud-spacing-xl); margin-bottom: var(--ewud-spacing-lg); color: var(--ewud-text-muted); border-bottom: var(--ewud-border-width) dashed var(--ewud-border-color); padding-bottom: var(--ewud-spacing-sm); font-size: 1.25rem; font-weight: var(--ewud-font-weight-bold); transition: color 0.3s ease, border-color 0.3s ease; }
.ewud-tabcontent h4:first-of-type, .ewud-tabcontent .ewud-section-spacer:first-child + h4 { margin-top: 0; } .ewud-tabcontent .ewud-section-spacer { margin-top: var(--ewud-spacing-xxl); }

/* --- Profile Tab Specifics --- */
.ewud-profile-info { text-align: center; margin-bottom: var(--ewud-spacing-xl); padding: var(--ewud-spacing-lg) 0; background-color: var(--ewud-bg-secondary); border-radius: var(--ewud-border-radius); transition: var(--ewud-transition-base); }
.ewud-profile-info .ewud-avatar-img { border-radius: 50%; box-shadow: var(--ewud-shadow-md); margin-bottom: var(--ewud-spacing-lg); width: 130px; height: 130px; border: 5px solid var(--ewud-bg-primary); background-color: var(--ewud-bg-tertiary); object-fit: cover; display: inline-block; transition: border-color 0.3s ease, background-color 0.3s ease; }
.ewud-profile-info .ewud-profile-greeting { margin-bottom: var(--ewud-spacing-sm); color: var(--ewud-text-heading); font-size: 1.75rem; font-weight: var(--ewud-font-weight-bold); transition: color 0.3s ease; }
.ewud-profile-info p { color: var(--ewud-text-color); font-size: 1rem; margin-bottom: var(--ewud-spacing-sm); line-height: 1.7; transition: color 0.3s ease; }
.ewud-profile-info .ewud-label { color: var(--ewud-text-heading); margin-left: var(--ewud-spacing-xs); font-weight: var(--ewud-font-weight-bold); transition: color 0.3s ease; }
.ewud-profile-info .ewud-user-role { font-weight: var(--ewud-font-weight-bold); color: var(--ewud-color-primary); background-color: var(--ewud-color-primary-light); padding: 0.25em 0.6em; border-radius: var(--ewud-border-radius); display: inline-block; font-size: 0.9em; margin-right: 5px; vertical-align: middle; transition: color 0.3s ease, background-color 0.3s ease; }

/* --- Stats Display --- */
.ewud-stats-display { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--ewud-spacing-lg); background-color: transparent; padding: 0; border-radius: var(--ewud-border-radius); margin: var(--ewud-spacing-xl) 0; text-align: center; transition: background-color 0.3s ease; }
.ewud-stat-item { background-color: var(--ewud-bg-secondary); padding: var(--ewud-spacing-lg); border-radius: var(--ewud-border-radius); border: 1px solid var(--ewud-border-color); transition: var(--ewud-transition-base); }
.ewud-stat-item:hover { transform: translateY(-3px); box-shadow: var(--ewud-shadow-md); border-color: var(--ewud-border-color-darker); }
.ewud-stats-display .ewud-stat-value { font-size: 2.2rem; font-weight: 700; color: var(--ewud-color-primary); display: block; margin-bottom: var(--ewud-spacing-xs); transition: color 0.3s ease; line-height: 1.2; }
.ewud-stats-display .ewud-stat-label { font-size: 0.9rem; color: var(--ewud-text-muted); text-transform: uppercase; letter-spacing: 0.5px; transition: color 0.3s ease; font-weight: var(--ewud-font-weight-normal); }

/* --- Avatar Upload Section --- */
.ewud-avatar-upload-section { margin-top: var(--ewud-spacing-xl); padding: var(--ewud-spacing-lg); background-color: var(--ewud-bg-primary); border: 2px dashed var(--ewud-border-color); border-radius: var(--ewud-border-radius); text-align: center; transition: border-color 0.3s ease, background-color 0.3s ease; }
.ewud-avatar-upload-section:hover { border-color: var(--ewud-color-primary); background-color: var(--ewud-bg-secondary); }
.ewud-avatar-upload-section h4 { margin-top: 0; margin-bottom: var(--ewud-spacing-lg); border: none; color: var(--ewud-text-heading); text-align: center; }
.ewud-avatar-form { max-width: 450px; margin: 0 auto; }
.ewud-avatar-form label { display: block; margin-bottom: var(--ewud-spacing-sm); font-weight: var(--ewud-font-weight-bold); color: var(--ewud-text-color); cursor: pointer; transition: color 0.3s ease; }
.ewud-avatar-form input[type='file'] { display: block; width: 100%; margin: 0 auto var(--ewud-spacing-md) auto; padding: var(--ewud-spacing-sm) var(--ewud-spacing-md); border: var(--ewud-border-width) solid var(--ewud-border-color); border-radius: var(--ewud-border-radius); background: var(--ewud-bg-primary); font-size: 0.95rem; color: var(--ewud-text-color); box-sizing: border-box; transition: var(--ewud-transition-base); }
.ewud-avatar-form input[type='file']:hover { border-color: var(--ewud-border-color-darker); }
.ewud-avatar-form .ewud-button { margin-top: var(--ewud-spacing-sm); }

/* --- Lists (Posts/Comments) --- */
.ewud-item-list { list-style: none; padding: 0; margin: var(--ewud-spacing-lg) 0 0 0; border: var(--ewud-border-width) solid var(--ewud-border-color); border-radius: var(--ewud-border-radius); overflow: hidden; transition: border-color 0.3s ease; background-color: var(--ewud-bg-primary); }
.ewud-item-list li { padding: var(--ewud-spacing-md) var(--ewud-spacing-lg); border-bottom: var(--ewud-border-width) solid var(--ewud-border-color); display: flex; justify-content: space-between; align-items: center; transition: background-color 0.2s ease, border-color 0.3s ease; flex-wrap: wrap; gap: var(--ewud-spacing-sm); }
.ewud-item-list li:last-child { border-bottom: none; } .ewud-item-list li:hover { background-color: var(--ewud-bg-secondary); }
.ewud-item-list .ewud-item-title, .ewud-item-list .ewud-item-excerpt { color: var(--ewud-text-link); text-decoration: none; font-weight: var(--ewud-font-weight-bold); transition: color 0.3s ease; flex-grow: 1; margin-left: var(--ewud-spacing-md); }
.ewud-item-list .ewud-item-title:hover, .ewud-item-list .ewud-item-excerpt:hover { text-decoration: underline; color: var(--ewud-text-link-hover); } .ewud-item-list .ewud-item-excerpt { color: var(--ewud-text-color); font-weight: var(--ewud-font-weight-normal); } .ewud-item-list .ewud-item-excerpt:hover { text-decoration: none; }
.ewud-item-list .ewud-item-meta, .ewud-item-list .ewud-item-context-link { color: var(--ewud-text-muted); font-size: 0.9em; white-space: nowrap; transition: color 0.3s ease; font-weight: var(--ewud-font-weight-normal); text-align: left; } .ewud-item-list .ewud-item-context-link { text-decoration: none; margin-right: var(--ewud-spacing-sm); } .ewud-item-list .ewud-item-context-link:hover { color: var(--ewud-text-link-hover); text-decoration: underline; }

/* --- General Forms (Settings Tab) & Auth Forms --- */
.ewud-auth-form-container { max-width: 450px; margin: var(--ewud-spacing-xl) auto; padding: var(--ewud-spacing-xl); background-color: var(--ewud-bg-primary); border: var(--ewud-border-width) solid var(--ewud-border-color); border-radius: var(--ewud-border-radius); box-shadow: var(--ewud-shadow-md); direction: rtl; font-family: var(--ewud-font-family); color: var(--ewud-text-color); transition: var(--ewud-transition-base); }
.ewud-auth-form-container h3 { text-align: center; margin-top: 0; margin-bottom: var(--ewud-spacing-lg); color: var(--ewud-text-heading); font-size: 1.5rem; } .ewud-auth-form-container p { margin-bottom: var(--ewud-spacing-md); line-height: 1.6; font-size: 0.95rem; } .ewud-auth-form-container .ewud-instruction, .ewud-auth-form-container .ewud-password-hint { color: var(--ewud-text-muted); font-size: 0.9em; text-align: center; margin-bottom: var(--ewud-spacing-lg); } .ewud-auth-form-container .ewud-register-link, .ewud-auth-form-container .ewud-login-link, .ewud-auth-form-container .ewud-forgot-password-link { text-align: center; font-size: 0.9em; margin-top: var(--ewud-spacing-lg); } .ewud-auth-form-container .ewud-forgot-password-link { margin-top: 0; margin-bottom: var(--ewud-spacing-sm); } .ewud-auth-form-container a { color: var(--ewud-text-link); text-decoration: none; font-weight: var(--ewud-font-weight-bold); } .ewud-auth-form-container a:hover { color: var(--ewud-text-link-hover); text-decoration: underline; }

/* Dashboard Settings Forms */
.ewud-form { margin-top: var(--ewud-spacing-lg); padding: var(--ewud-spacing-lg); background: var(--ewud-bg-secondary); border: var(--ewud-border-width) solid var(--ewud-border-color); border-radius: var(--ewud-border-radius); transition: var(--ewud-transition-base); }
.ewud-auth-form-container .ewud-form { margin-top: 0; padding: 0; background: none; border: none; }
.ewud-form-group { margin-bottom: var(--ewud-spacing-lg); }
.ewud-form label { display: block; margin-bottom: var(--ewud-spacing-sm); font-weight: var(--ewud-font-weight-bold); color: var(--ewud-text-heading); font-size: 0.95rem; transition: color 0.3s ease; }
.ewud-rememberme label { display: inline-block; margin-bottom: 0; margin-right: var(--ewud-spacing-sm); font-weight: var(--ewud-font-weight-normal); cursor: pointer; }
.ewud-profile-name-group { display: flex; gap: 1rem; flex-wrap: wrap; } /* For First/Last name */
.ewud-profile-name-group .ewud-form-group { flex: 1; min-width: 150px; }

/* --- [UPDATED] Input Fields Styling (Includes URL and Textarea) --- */
.ewud-form input[type='text'],
.ewud-form input[type='password'],
.ewud-form input[type='email'],
.ewud-form input[type='url'],   /* ADDED */
.ewud-form textarea,           /* ADDED */
.ewud-form-input /* Class for auth forms */
{
    width: 100%;
    padding: var(--ewud-spacing-sm) var(--ewud-spacing-md);
    border: var(--ewud-border-width) solid var(--ewud-border-color);
    border-radius: var(--ewud-border-radius);
    font-size: 1rem;
    box-sizing: border-box;
    color: var(--ewud-text-color);
    background-color: var(--ewud-bg-primary);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.3s ease, color 0.3s ease;
    font-weight: var(--ewud-font-weight-normal); /* Consistent font weight */
    font-family: inherit;
    line-height: 1.5;
    box-shadow: var(--ewud-shadow-sm); /* Add subtle shadow */
}
/* Specific styles for textarea */
.ewud-form textarea {
    min-height: 120px; /* Default height */
    resize: vertical; /* Allow vertical resize */
}
/* Focus styles */
.ewud-form input[type='text']:focus,
.ewud-form input[type='password']:focus,
.ewud-form input[type='email']:focus,
.ewud-form input[type='url']:focus,    /* ADDED */
.ewud-form textarea:focus,            /* ADDED */
.ewud-form-input:focus
{
    border-color: var(--ewud-color-primary);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.25), var(--ewud-shadow-sm); /* Add existing shadow too */
}
.ewud-rememberme input[type="checkbox"] { width: auto; margin-left: var(--ewud-spacing-xs); vertical-align: middle; box-shadow: none; }

/* Math Captcha Input Specific */
.ewud-math-captcha input.ewud-math-input {
    width: 80px; /* Make math input smaller */
    display: inline-block;
    vertical-align: middle;
    margin-right: var(--ewud-spacing-sm); /* RTL space */
}
.ewud-math-captcha label {
     display: inline-block;
     margin-left: var(--ewud-spacing-sm);
     margin-bottom: 0;
}

/* Buttons */
.ewud-button { display: inline-flex; align-items: center; justify-content: center; padding: var(--ewud-spacing-sm) var(--ewud-spacing-lg); border-radius: var(--ewud-border-radius); border: var(--ewud-border-width) solid transparent; cursor: pointer; font-weight: var(--ewud-font-weight-bold); transition: var(--ewud-transition-base), opacity 0.3s ease; font-size: 1rem; line-height: 1.5; text-decoration: none; white-space: nowrap; box-sizing: border-box; }
.ewud-button-primary { background-color: var(--ewud-color-primary); color: var(--ewud-text-button); border-color: var(--ewud-color-primary); } .ewud-button-primary:hover:not(:disabled) { background-color: var(--ewud-color-primary-dark); border-color: var(--ewud-color-primary-dark); color: var(--ewud-text-button); }
.ewud-button-secondary { background-color: var(--ewud-color-secondary); color: var(--ewud-text-button); border-color: var(--ewud-color-secondary); } .ewud-button-secondary:hover:not(:disabled) { background-color: var(--ewud-color-secondary-dark); border-color: var(--ewud-color-secondary-dark); color: var(--ewud-text-button); }
.ewud-button-danger { background-color: var(--ewud-color-danger); color: var(--ewud-text-button); border-color: var(--ewud-color-danger); } .ewud-button-danger:hover:not(:disabled) { background-color: var(--ewud-color-danger-dark); border-color: var(--ewud-color-danger-dark); color: var(--ewud-text-button); }
.ewud-auth-form-container .ewud-form-submit .ewud-button { width: 100%; margin-bottom: var(--ewud-spacing-md); }
.ewud-button:disabled { background-color: var(--ewud-color-secondary); border-color: var(--ewud-color-secondary); color: var(--ewud-text-button); cursor: not-allowed; opacity: 0.65; }
.ewud-spinner { display: inline-block; width: 1em; height: 1em; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top-color: var(--ewud-text-light); animation: ewudSpin 1s ease-in-out infinite; margin-right: 0.5em; vertical-align: middle; display: none; }
@keyframes ewudSpin { to { transform: rotate(360deg); } }

/* Form Feedback Messages */
.ewud-form-feedback, .ewud-auth-message { margin-top: var(--ewud-spacing-md); padding: var(--ewud-spacing-sm) var(--ewud-spacing-md); border-radius: var(--ewud-border-radius); font-size: 0.95em; display: none; border-width: var(--ewud-border-width); border-style: solid; transition: var(--ewud-transition-base); line-height: 1.5; } .ewud-auth-message { display: block; margin-bottom: var(--ewud-spacing-lg); } .ewud-auth-message ul { margin: var(--ewud-spacing-sm) var(--ewud-spacing-lg) 0 0; /* RTL indent */ padding: 0; list-style: disc; }
.ewud-form-feedback.success, .ewud-auth-message.success { background-color: var(--ewud-bg-success); color: var(--ewud-text-success); border-color: var(--ewud-color-success); display: block; } .ewud-form-feedback.error, .ewud-auth-message.error { background-color: var(--ewud-bg-error); color: var(--ewud-text-error); border-color: var(--ewud-color-error); display: block; } .ewud-auth-message.info { background-color: var(--ewud-color-primary-light); color: var(--ewud-color-primary-dark); border-color: var(--ewud-color-primary); display: block; }

/* --- Settings Tab - Other Action Links --- */
.ewud-settings-actions-wrapper { margin-top: var(--ewud-spacing-xxl); padding-top: var(--ewud-spacing-lg); border-top: var(--ewud-border-width) solid var(--ewud-border-color); transition: border-color 0.3s ease; text-align: center; } .ewud-settings-actions-wrapper h4 { margin-top: 0; margin-bottom: var(--ewud-spacing-lg); text-align: right; } .ewud-settings-actions-wrapper .ewud-button { display: block; width: fit-content; margin: 0 auto var(--ewud-spacing-md) auto; max-width: 90%; }

/* --- General Dashboard Message --- */
.ewud-dashboard-message { padding: var(--ewud-spacing-md) var(--ewud-spacing-lg); margin: var(--ewud-spacing-lg) var(--ewud-spacing-lg) var(--ewud-spacing-md); border-radius: var(--ewud-border-radius); text-align: center; font-weight: 500; border-width: var(--ewud-border-width); border-style: solid; transition: var(--ewud-transition-base); line-height: 1.5; } .ewud-dashboard-message.success { background-color: var(--ewud-bg-success); color: var(--ewud-text-success); border-color: var(--ewud-color-success); } .ewud-dashboard-message.error { background-color: var(--ewud-bg-error); color: var(--ewud-text-error); border-color: var(--ewud-color-error); }

/* --- Dark Mode Styles --- */
.ewud-dashboard-container.ewud-dark-mode { /* ... Dark Mode Variables ... */ --ewud-color-primary: #58a6ff; --ewud-color-primary-dark: #3b9dff; --ewud-color-primary-light: rgba(88, 166, 255, 0.15); --ewud-color-secondary: #8b949e; --ewud-color-secondary-dark: #adb5bd; --ewud-color-success: #3fb950; --ewud-color-success-light: rgba(63, 185, 80, 0.15); --ewud-color-error: #f85149; --ewud-color-error-light: rgba(248, 81, 73, 0.15); --ewud-color-danger: #f85149; --ewud-color-danger-dark: #e0413a; --ewud-text-color: #c9d1d9; --ewud-text-muted: #8b949e; --ewud-text-heading: #f0f6fc; --ewud-text-link: var(--ewud-color-primary); --ewud-text-link-hover: #79c0ff; --ewud-text-light: #f0f6fc; --ewud-text-button: #0d1117; --ewud-text-success: #56d364; --ewud-text-error: #ff7b72; --ewud-bg-primary: #161b22; --ewud-bg-secondary: #0d1117; --ewud-bg-tertiary: #21262d; --ewud-bg-overlay: rgba(255, 255, 255, 0.08); --ewud-bg-success: var(--ewud-color-success-light); --ewud-bg-error: var(--ewud-color-error-light); --ewud-border-color: #30363d; --ewud-border-color-darker: #404854; --ewud-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2); --ewud-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.3); --ewud-shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.4); }
/* Dark Mode Overrides */
.ewud-dark-mode .ewud-controls-area { background-color: var(--ewud-bg-secondary); border-bottom-color: var(--ewud-border-color); } .ewud-dark-mode .ewud-dark-mode-toggle { color: var(--ewud-text-muted); } .ewud-dark-mode .ewud-dark-mode-toggle:hover, .ewud-dark-mode .ewud-dark-mode-toggle:focus { color: var(--ewud-color-primary); background-color: var(--ewud-bg-tertiary); } .ewud-dark-mode .ewud-dark-mode-toggle .ewud-light-icon { display: none; } .ewud-dark-mode .ewud-dark-mode-toggle .ewud-dark-icon { display: inline; }
.ewud-dark-mode .ewud-tabs { background-color: var(--ewud-bg-secondary); border-bottom-color: var(--ewud-border-color); } .ewud-dark-mode .ewud-tablink { color: var(--ewud-text-muted); border-left-color: var(--ewud-border-color); } .ewud-dark-mode .ewud-tablink:first-child { border-right-color: var(--ewud-border-color); } .ewud-dark-mode .ewud-tablink:hover, .ewud-dark-mode .ewud-tablink:focus { background-color: var(--ewud-bg-tertiary); color: var(--ewud-text-link-hover); } .ewud-dark-mode .ewud-tablink.active { background-color: var(--ewud-bg-primary); color: var(--ewud-color-primary); box-shadow: inset 0 -3px 0 var(--ewud-color-primary); border-bottom-color: transparent; } .ewud-dark-mode .ewud-tablink.active + .ewud-tablink { border-left-color: transparent; } .ewud-dark-mode .ewud-tablink:first-child.active { border-right-color: transparent; }
.ewud-dark-mode .ewud-tabcontent { background-color: var(--ewud-bg-primary); color: var(--ewud-text-color); } .ewud-dark-mode .ewud-tabcontent .ewud-tab-title { color: var(--ewud-text-heading); border-bottom-color: var(--ewud-color-primary); } .ewud-dark-mode .ewud-tabcontent h4 { color: var(--ewud-text-muted); border-bottom-color: var(--ewud-border-color); }
.ewud-dark-mode .ewud-profile-info { background-color: var(--ewud-bg-tertiary); } .ewud-dark-mode .ewud-profile-info .ewud-avatar-img { border-color: var(--ewud-bg-primary); background-color: var(--ewud-bg-secondary); } .ewud-dark-mode .ewud-profile-info .ewud-profile-greeting { color: var(--ewud-text-heading); } .ewud-dark-mode .ewud-profile-info p { color: var(--ewud-text-color); } .ewud-dark-mode .ewud-profile-info .ewud-label { color: var(--ewud-text-heading); } .ewud-dark-mode .ewud-profile-info .ewud-user-role { color: var(--ewud-color-primary); background: var(--ewud-color-primary-light); }
.ewud-dark-mode .ewud-stat-item { background-color: var(--ewud-bg-secondary); border-color: var(--ewud-border-color); } .ewud-dark-mode .ewud-stat-item:hover { border-color: var(--ewud-border-color-darker); } .ewud-dark-mode .ewud-stats-display .ewud-stat-value { color: var(--ewud-color-primary); } .ewud-dark-mode .ewud-stats-display .ewud-stat-label { color: var(--ewud-text-muted); }
.ewud-dark-mode .ewud-avatar-upload-section { background-color: transparent; border-color: var(--ewud-border-color); } .ewud-dark-mode .ewud-avatar-upload-section:hover { border-color: var(--ewud-color-primary); background-color: rgba(88, 166, 255, 0.05); } .ewud-dark-mode .ewud-avatar-upload-section h4 { color: var(--ewud-text-heading); } .ewud-dark-mode .ewud-avatar-form label { color: var(--ewud-text-color); } .ewud-dark-mode .ewud-avatar-form input[type='file'] { background: var(--ewud-bg-secondary); color: var(--ewud-text-color); border-color: var(--ewud-border-color); }
.ewud-dark-mode .ewud-item-list { border-color: var(--ewud-border-color); background-color: var(--ewud-bg-primary); } .ewud-dark-mode .ewud-item-list li { border-bottom-color: var(--ewud-border-color); } .ewud-dark-mode .ewud-item-list li:hover { background-color: var(--ewud-bg-secondary); } .ewud-dark-mode .ewud-item-list .ewud-item-title { color: var(--ewud-text-link); } .ewud-dark-mode .ewud-item-list .ewud-item-title:hover { color: var(--ewud-text-link-hover); } .ewud-dark-mode .ewud-item-list .ewud-item-excerpt { color: var(--ewud-text-color); } .ewud-dark-mode .ewud-item-list .ewud-item-meta, .ewud-dark-mode .ewud-item-list .ewud-item-context-link { color: var(--ewud-text-muted); } .ewud-dark-mode .ewud-item-list .ewud-item-context-link:hover { color: var(--ewud-text-link-hover); }
.ewud-dark-mode .ewud-form { background: var(--ewud-bg-tertiary); border-color: var(--ewud-border-color); } .ewud-dark-mode .ewud-auth-form-container { background-color: var(--ewud-bg-secondary); border-color: var(--ewud-border-color); } .ewud-dark-mode .ewud-form label { color: var(--ewud-text-heading); }
/* --- [UPDATED] Dark Mode Input Styling --- */
.ewud-dark-mode .ewud-form input[type='text'], .ewud-dark-mode .ewud-form input[type='password'], .ewud-dark-mode .ewud-form input[type='email'], .ewud-dark-mode .ewud-form input[type='url'], .ewud-dark-mode .ewud-form textarea, .ewud-dark-mode .ewud-form-input { border-color: var(--ewud-border-color); color: var(--ewud-text-color); background-color: var(--ewud-bg-primary); box-shadow: var(--ewud-shadow-sm); }
.ewud-dark-mode .ewud-form input[type='text']:focus, .ewud-dark-mode .ewud-form input[type='password']:focus, .ewud-dark-mode .ewud-form input[type='email']:focus, .ewud-dark-mode .ewud-form input[type='url']:focus, .ewud-dark-mode .ewud-form textarea:focus, .ewud-dark-mode .ewud-form-input:focus { border-color: var(--ewud-color-primary); box-shadow: 0 0 0 3px var(--ewud-color-primary-light), var(--ewud-shadow-sm); background-color: var(--ewud-bg-secondary); }
.ewud-dark-mode .ewud-button-primary { background-color: var(--ewud-color-primary); color: var(--ewud-text-button); border-color: var(--ewud-color-primary); } .ewud-dark-mode .ewud-button-primary:hover:not(:disabled) { background-color: var(--ewud-text-link-hover); border-color: var(--ewud-text-link-hover); } .ewud-dark-mode .ewud-button-secondary { background-color: var(--ewud-color-secondary); color: var(--ewud-bg-primary); border-color: var(--ewud-color-secondary); } .ewud-dark-mode .ewud-button-secondary:hover:not(:disabled) { background-color: var(--ewud-color-secondary-dark); border-color: var(--ewud-color-secondary-dark); } .ewud-dark-mode .ewud-button-danger { background-color: var(--ewud-color-danger); color: var(--ewud-text-light); border-color: var(--ewud-color-danger); } .ewud-dark-mode .ewud-button-danger:hover:not(:disabled) { background-color: var(--ewud-color-danger-dark); border-color: var(--ewud-color-danger-dark); } .ewud-dark-mode .ewud-button:disabled { background-color: var(--ewud-color-secondary); border-color: var(--ewud-color-secondary); opacity: 0.5; color: var(--ewud-text-muted); } .ewud-dark-mode .ewud-spinner { border-top-color: var(--ewud-bg-secondary); }
.ewud-dark-mode .ewud-form-feedback.success, .ewud-dark-mode .ewud-dashboard-message.success, .ewud-dark-mode .ewud-auth-message.success { background-color: var(--ewud-bg-success); color: var(--ewud-text-success); border-color: var(--ewud-color-success); } .ewud-dark-mode .ewud-form-feedback.error, .ewud-dark-mode .ewud-dashboard-message.error, .ewud-dark-mode .ewud-auth-message.error { background-color: var(--ewud-bg-error); color: var(--ewud-text-error); border-color: var(--ewud-color-error); } .ewud-dark-mode .ewud-auth-message.info { background-color: var(--ewud-color-primary-light); color: #a6d5fa; border-color: var(--ewud-color-primary); }
.ewud-dark-mode .ewud-settings-actions-wrapper { border-top-color: var(--ewud-border-color); } .ewud-dark-mode .ewud-settings-actions-wrapper h4 { color: var(--ewud-text-heading); }

/* --- Removed Password Strength Meter Styles --- */
/* Ensure any styles targeting .ewud-password-strength-meter or .pw-strength-result are removed */

/* --- Responsive Adjustments --- */
@media (max-width: 768px) { /* ... responsive rules as before ... */ .ewud-dashboard-container { margin: var(--ewud-spacing-lg) var(--ewud-spacing-md); font-size: 0.95rem; } .ewud-tabcontent { padding: var(--ewud-spacing-lg) var(--ewud-spacing-md); min-height: 250px; } .ewud-tabs { justify-content: center; } .ewud-tablink { padding: var(--ewud-spacing-md) var(--ewud-spacing-md); font-size: 0.9rem; } .ewud-stats-display { gap: var(--ewud-spacing-md); grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } .ewud-stats-display .ewud-stat-value { font-size: 1.8rem; } .ewud-form { padding: var(--ewud-spacing-md); } .ewud-dashboard-message { margin: var(--ewud-spacing-md); } .ewud-controls-area { padding: var(--ewud-spacing-xs) var(--ewud-spacing-md); } .ewud-dark-mode-toggle { font-size: 1.4rem; } .ewud-profile-info .ewud-avatar-img { width: 100px; height: 100px; } .ewud-profile-info .ewud-profile-greeting { font-size: 1.5rem; } }
@media (max-width: 600px) { /* ... responsive rules as before ... */ .ewud-tabs { flex-direction: column; border-bottom: none; border-left: var(--ewud-border-width) solid var(--ewud-border-color); margin-left: var(--ewud-spacing-lg); width: 180px; float: right; margin-top: var(--ewud-spacing-lg); } .ewud-tablink { border-left: none; border-bottom: var(--ewud-border-width) solid var(--ewud-border-color); text-align: right; padding: var(--ewud-spacing-md); width: 100%; box-sizing: border-box; } .ewud-tablink:first-child { border-right: none; } .ewud-tablink:last-child { border-bottom: none; } .ewud-tablink.active { box-shadow: inset 4px 0 0 var(--ewud-color-primary); border-bottom-color: var(--ewud-border-color); background-color: var(--ewud-bg-primary); margin-bottom: 0; margin-left: -1px; position: relative; z-index: 1; } .ewud-dark-mode .ewud-tabs { border-left-color: var(--ewud-border-color); } .ewud-dark-mode .ewud-tablink { border-bottom-color: var(--ewud-border-color); } .ewud-dark-mode .ewud-tablink.active { box-shadow: inset 4px 0 0 var(--ewud-color-primary); border-bottom-color: var(--ewud-border-color); background-color: var(--ewud-bg-primary); } .ewud-tabcontent-wrapper { margin-right: 180px; margin-left: 0; overflow: hidden; border-right: var(--ewud-border-width) solid var(--ewud-border-color); } .ewud-tabcontent { padding: var(--ewud-spacing-lg); min-height: 350px; } .ewud-dark-mode .ewud-tabcontent-wrapper { border-right-color: var(--ewud-border-color); } .ewud-item-list li { flex-direction: column; align-items: flex-start; padding: var(--ewud-spacing-md); } .ewud-item-list .ewud-item-title, .ewud-item-list .ewud-item-excerpt { margin-left: 0; margin-bottom: var(--ewud-spacing-xs); width: 100%; } .ewud-item-list .ewud-item-meta, .ewud-item-list .ewud-item-context-link { text-align: right; white-space: normal; font-size: 0.85em; width: 100%; margin-right: 0; } .ewud-item-list .ewud-item-context-link { margin-bottom: var(--ewud-spacing-xs); display: block; } .ewud-auth-form-container { padding: var(--ewud-spacing-lg); } }
@media (max-width: 480px) { /* ... responsive rules as before ... */ .ewud-dashboard-container { margin: var(--ewud-spacing-md) var(--ewud-spacing-sm); } .ewud-tabcontent { padding: var(--ewud-spacing-md); font-size: 0.9rem; } .ewud-stats-display { grid-template-columns: 1fr; gap: var(--ewud-spacing-sm); } .ewud-form input[type='text'], .ewud-form input[type='password'], .ewud-form input[type='email'], .ewud-form input[type='url'], .ewud-form textarea { font-size: 0.95rem; } .ewud-button { font-size: 0.95rem; padding: var(--ewud-spacing-sm) var(--ewud-spacing-md); } .ewud-tabs { width: 150px; } .ewud-tabcontent-wrapper { margin-right: 150px; } .ewud-profile-info .ewud-avatar-img { width: 80px; height: 80px; } .ewud-profile-info .ewud-profile-greeting { font-size: 1.3rem; } }