/* Employee Verification - Admin Styles */
.ev-admin-wrap { max-width: 1200px; }

.ev-stats-row { display: flex; gap: 20px; margin: 20px 0; }
.ev-stat-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px 30px;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
}
.ev-stat-num  { display: block; font-size: 36px; font-weight: 700; color: #003366; }
.ev-stat-label { display: block; color: #666; margin-top: 4px; }

.ev-btn            { display: inline-block; padding: 8px 18px; background: #003366; color: #fff !important; border-radius: 4px; text-decoration: none; border: none; cursor: pointer; font-size: 14px; }
.ev-btn-secondary  { background: #666; margin-left: 8px; }
.ev-btn:hover      { background: #00509e; }

.ev-table-list th { background: #f0f4f8; }
.ev-thumb { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }

.ev-status { display: inline-block; padding: 2px 10px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.ev-status-active          { background: #d4edda; color: #155724; }
.ev-status-intern          { background: #cce5ff; color: #004085; }
.ev-status-former-employee { background: #f8d7da; color: #721c24; }
.ev-status-invalid         { background: #f8d7da; color: #721c24; }

.ev-actions { white-space: nowrap; }
.ev-actions .button { margin: 2px; }

.ev-form-admin .form-table th { width: 200px; }

.ev-csv-import { background: #fff8e1; border-left: 4px solid #ffc107; padding: 12px 16px; margin-bottom: 16px; border-radius: 4px; }

/* Modal */
.ev-modal {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,.5); z-index: 99999; display: flex;
    align-items: center; justify-content: center;
}
.ev-modal-content {
    background: #fff; padding: 30px; border-radius: 8px;
    min-width: 340px; box-shadow: 0 4px 24px rgba(0,0,0,.2);
}
.ev-modal-content h2 { margin-top: 0; }
.ev-modal-content label { display: block; margin-bottom: 4px; font-weight: 600; }
.ev-modal-content input[type="date"] { width: 100%; margin-bottom: 16px; padding: 6px; border: 1px solid #ddd; border-radius: 4px; }

/* Letter generation buttons */
.ev-btn-intern {
    background: #1a6fc4 !important;
    color: #fff !important;
    border-color: #1a6fc4 !important;
}
.ev-btn-intern:hover { background: #1558a0 !important; }

.ev-btn-exp {
    background: #2e7d32 !important;
    color: #fff !important;
    border-color: #2e7d32 !important;
}
.ev-btn-exp:hover { background: #1b5e20 !important; }

/* Modal improvements */
.ev-modal-content {
    min-width: 420px;
    max-width: 520px;
}
.ev-modal-content h2 { color: #003366; }

/* Letter status cells in employee list */
.ev-letter-cell { min-width: 140px; vertical-align: middle !important; padding: 10px 8px !important; }

.ev-letter-issued { display: flex; flex-direction: column; align-items: center; gap: 4px; }

.ev-issued-badge {
    display: inline-block;
    background: #d4edda; color: #155724;
    font-size: 11px; font-weight: 700;
    padding: 2px 10px; border-radius: 20px;
    border: 1px solid #c3e6cb;
}

.ev-letter-meta { font-size: 11px; color: #777; }

.ev-letter-actions { display: flex; gap: 4px; flex-wrap: wrap; justify-content: center; margin-top: 3px; }

.ev-link-btn {
    font-size: 11px !important;
    padding: 2px 7px !important;
    cursor: pointer;
    border-radius: 3px;
    background: #f0f0f0;
    border: 1px solid #ccc;
    color: #333 !important;
    text-decoration: none;
    line-height: 1.8;
    display: inline-block;
}
.ev-link-btn:hover { background: #e0e0e0; color: #000 !important; }
.ev-link-delete { color: #a00 !important; }
.ev-link-delete:hover { background: #ffeaea; border-color: #f5c6cb; }

.ev-no-photo { font-size: 24px; color: #ccc; }

/* Make table columns more balanced */
.ev-table-list th:nth-child(6),
.ev-table-list th:nth-child(7) { background: #f0f4ff; }
.ev-table-list td:nth-child(6),
.ev-table-list td:nth-child(7) { background: #fafbff; }

/* Card layout for import page */
.ev-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.ev-card h2 { color: #003366; font-size: 16px; border-bottom: 2px solid #e0e8f5; padding-bottom: 10px; margin-bottom: 16px; }

/* Settings page section titles */
h2.title { color: #003366; font-size: 15px; font-weight: 700; border-left: 4px solid #003366; padding-left: 10px; margin: 24px 0 8px; }

/* ── Employee form sections ── */
.ev-form-section {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px 24px;
    margin-bottom: 18px;
}
.ev-section-title {
    font-size: 14px;
    font-weight: 700;
    color: #003366;
    border-bottom: 2px solid #e0e8f5;
    padding-bottom: 8px;
    margin: 0 0 14px;
}

/* Search options on settings page */
.ev-search-opt {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 14px;
    background: #f9fafb;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    cursor: pointer;
    max-width: 420px;
}
.ev-search-opt:hover { background: #eef3ff; border-color: #b3c9f5; }
.ev-search-opt input[type="checkbox"] { margin-top: 3px; width: 16px; height: 16px; flex-shrink: 0; }
.ev-search-label { display: flex; flex-direction: column; gap: 2px; }
.ev-search-label strong { font-size: 13px; color: #1a202c; }
.ev-search-label small  { font-size: 12px; color: #718096; }

/* =========================================================================
   Tab navigation (Settings + Employee form pages)
   ========================================================================= */
.ev-tabs { display:flex; gap:0; margin-bottom:0; border-bottom:3px solid #003366; }
.ev-tab { padding:10px 22px; border:1px solid #ddd; border-bottom:none; background:#f7f7f7; cursor:pointer; font-size:13px; font-weight:600; border-radius:4px 4px 0 0; margin-right:3px; }
.ev-tab.active, .ev-tab:hover { background:#003366; color:#fff; border-color:#003366; }
.ev-tab-panel { display:none; padding:24px; background:#fff; border:1px solid #ddd; border-top:none; margin-bottom:20px; }
.ev-tab-panel.active { display:block; }
.ev-ph-box { background:#f0f5ff; border-left:4px solid #003366; padding:10px 14px; font-size:12px; border-radius:0 4px 4px 0; margin-bottom:16px; word-break:break-all; }
.ev-section-title { font-size:14px; font-weight:700; color:#003366; border-bottom:2px solid #e0e8f5; padding-bottom:6px; margin:20px 0 12px; }
.ev-help-text { background:#f0f4ff; border-left:4px solid #003366; padding:10px 14px; font-size:13px; color:#333; border-radius:0 4px 4px 0; max-width:100%; }

/* =========================================================================
   Utility classes replacing inline styles
   ========================================================================= */

/* Dashboard notices */
.evda-notice-box          { padding: 10px 15px; margin: 10px 0; }
.evda-notice-error-text   { color: red; }
.evda-migration-result    { margin-left: 10px; }

/* Employee table */
.evda-csv-hint            { display: block; margin-top: 4px; }
.evda-th-center           { text-align: center; }
.evda-td-center           { text-align: center; padding: 20px; }
.evda-td-position small   { color: #888; }
.evda-td-actions          { white-space: nowrap; }
.evda-delete-btn          { margin-top: 4px; }

/* Modal */
.evda-modal-desc          { color: #555; font-size: 13px; margin-bottom: 16px; }
.evda-modal-intern-box    { background: #e8f4ff; border: 1px solid #b3d4f5; border-radius: 6px; padding: 14px; margin-bottom: 14px; }
.evda-modal-leaving-box   { background: #fff8e1; border: 1px solid #ffe082; border-radius: 6px; padding: 14px; margin-bottom: 14px; }
.evda-modal-label         { font-weight: 600; display: block; margin-bottom: 6px; }
.evda-modal-date-input    { width: 100%; padding: 6px; border: 1px solid #ddd; border-radius: 4px; }
.evda-modal-date-input-mb { width: 100%; padding: 6px; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 10px; }
.evda-modal-hint          { color: #555; display: block; margin-top: 6px; }
.evda-modal-actions       { display: flex; gap: 10px; margin-top: 8px; }
.evda-modal-confirm       { flex: 1; padding: 10px; }
.evda-modal-cancel        { padding: 10px 20px; }
.evda-modal-result        { margin-top: 14px; }

/* Employee form */
.evda-photo-preview       { max-height: 80px; margin-top: 8px; border-radius: 4px; }
.evda-cf-label-wrap       { margin-left: 12px; }
.evda-form-hint           { color: #888; margin: 8px 0 16px; }
.evda-save-result         { margin-left: 14px; font-size: 14px; }

/* Documents table */
.evda-td-empty            { text-align: center; }

/* Settings page */
.evda-search-fields-desc  { margin-bottom: 10px; color: #555; font-size: 13px; }
.evda-search-fields-wrap  { display: flex; flex-direction: column; gap: 10px; }
.evda-keep-data-opt       { max-width: 500px; }
.evda-template-desc       { margin-bottom: 16px; }
.evda-template-textarea   { font-family: monospace; font-size: 13px; line-height: 1.6; }
.evda-section-mt          { margin-top: 24px; }
.evda-settings-th-top     { vertical-align: top; padding-top: 14px; }
.evda-preview-bar         { margin-top: 20px; }
.evda-preview-btn-ml      { margin-left: 8px; }
.evda-help-text-mt        { margin-top: 6px; }
.evda-grid-2col           { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.evda-form-table-0        { margin: 0; }
.evda-color-th            { width: 160px; }
.evda-color-input         { width: 50px; height: 32px; padding: 2px; border: 1px solid #ddd; border-radius: 4px; }
.evda-hex-input-field     { width: 90px; font-family: monospace; }
.evda-color-desc          { margin: 0; }
.evda-number-input-sm     { width: 70px; }

/* Import page */
.evda-import-desc         { color: #555; max-width: 700px; }
.evda-import-grid         { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 20px; }
.evda-import-h2           { margin-top: 0; }
.evda-import-table        { margin: 0; }
.evda-import-result       { margin-left: 12px; }
.evda-import-code         { display: block; background: #f9f9f9; padding: 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 12px; margin-bottom: 12px; }
.evda-import-note         { font-size: 12px; color: #666; margin-bottom: 12px; }
.evda-import-file         { display: block; margin-bottom: 10px; }
.evda-import-csv-result   { display: block; margin-top: 8px; }
.evda-import-hr           { margin: 20px 0; }
.evda-import-records-h2   { margin-top: 32px; }
.evda-import-none         { color: #888; }
.evda-import-notes-td     { font-size: 12px; color: #777; }

/* Additional utility classes */
.evda-form-section-bare   { background: transparent; border: none; padding: 0; }
.evda-italic-hint         { margin-top: 16px; color: #888; font-style: italic; }
.evda-grid-2col-wide      { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.evda-color-row           { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.evda-color-swatch        { width: 46px; height: 36px; padding: 2px; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; }
.evda-hex-field           { width: 80px; font-family: monospace; font-size: 12px; }
.evda-section-divider     { margin-top: 28px; border-top: 2px solid #e0e8f5; padding-top: 20px; }
.evda-sig-preview         { margin-top: 8px; }
.evda-th-200              { width: 200px; }
.evda-th-160              { width: 160px; }
.evda-section-title-0     { margin-top: 0; }
.evda-section-title-24    { margin-top: 24px; }
.evda-modal-hidden        { display: none; }

/* Final batch of utility classes */
.evda-subtext             { font-size: 13px; color: #555; margin-bottom: 12px; }
.evda-textarea-wide       { max-width: 680px; font-size: 13px; }
.evda-desc-mt             { margin-top: 5px; }
.evda-warning-box         { margin-top: 20px; padding: 14px 18px; background: #fff8e1; border: 1px solid #ffe082; border-radius: 6px; max-width: 620px; }
.evda-warning-text        { font-size: 13px; color: #555; margin: 6px 0 10px; }
.evda-patch-result        { margin-left: 10px; font-size: 13px; }
.evda-section-title-28    { margin-top: 28px; }
.evda-email-subtext       { font-size: 13px; color: #555; margin-bottom: 14px; }
.evda-color-row-email     { display: flex; align-items: center; gap: 10px; }
.evda-color-swatch-email  { width: 44px; height: 36px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; padding: 2px; }
.evda-hex-field-email     { width: 90px; font-family: monospace; }
.evda-test-email-btn      { margin-left: 6px; }
.evda-test-email-result   { margin-left: 10px; font-size: 13px; display: block; margin-top: 6px; }

/* =========================================================================
   Final remaining utility classes
   ========================================================================= */
.evda-cf-table            { max-width: 700px; }
.evda-cf-table-sm         { max-width: 620px; margin-top: 14px; }
.evda-cf-add-btn          { margin-top: 10px; }
.evda-cf-desc             { margin-top: 8px; }
.evda-submit-wrap         { margin-top: 4px; }
.evda-repair-btn          { margin-top: 8px; }
.evda-repair-result       { margin-left: 12px; }
.evda-import-actions      { margin-top: 16px; }
.evda-test-email-span     { margin-left: 10px; }
.evda-photo-img           { max-height: 80px; margin-top: 8px; border-radius: 4px; }
.evda-delete-mt           { margin-top: 4px; }
.evda-padding-input       { width: 160px; }
.evda-padding-input-wide  { width: 140px; }
.evda-lh-input            { width: 65px; }
.evda-th-200-dyn          { width: 200px; }

/* JS/PHP toggle visibility helpers */
.evda-hidden            { display: none; }
.evda-sig-fields        { margin-top: 4px; }
.evda-remove-sig-btn    { margin-left: 6px; }

/* Settings preview section */
.evda-preview-section     { margin-top: 24px; padding: 20px; border: 1px solid #ddd; border-radius: 8px; background: #f9f9f9; }
.evda-style-preview-box   { margin-top: 12px; padding: 20px; border-radius: 4px; background: #fff; border: 2px solid #003366; max-width: 500px; }
.evda-preview-header      { border-bottom: 3px solid #003366; padding-bottom: 10px; margin-bottom: 12px; font-weight: 700; font-size: 16px; color: #003366; }
.evda-preview-title       { text-align: center; font-size: 20px; font-weight: 700; color: #003366; text-transform: uppercase; text-decoration: underline; margin-bottom: 16px; }
.evda-preview-body        { font-size: 14px; line-height: 1.8; color: #222; }
.evda-preview-highlight   { color: #003366; }
.evda-settings-submit     { margin-top: 24px; padding: 16px 0; border-top: 1px solid #ddd; }

/* Employee table text helpers */
.evda-pos-text          { font-size: 13px; }
.evda-dept-text         { color: #888; }
.evda-color-label-desc  { font-size: 12px; color: #888; }
.evda-log-desc          { color: #555; }

/* =========================================================================
   Employee Filter Bar & Export — v1.3.2
   ========================================================================= */

/* Toolbar wrapper */
.evda-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 16px 0 10px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
}

/* Filter form */
.evda-filter-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    flex: 1;
}

.evda-filter-input {
    min-width: 180px;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 13px;
    color: #374151;
    background: #f9fafb;
    transition: border-color .15s, box-shadow .15s;
}
.evda-filter-input:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37,99,235,.15);
    background: #fff;
    outline: none;
}

.evda-filter-select {
    height: 34px;
    padding: 0 28px 0 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 13px;
    color: #374151;
    background: #f9fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 10px center;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    transition: border-color .15s;
}
.evda-filter-select:focus {
    border-color: #2563eb;
    outline: none;
    background-color: #fff;
}

.evda-filter-btn {
    height: 34px;
    padding: 0 16px;
    background: #2563eb !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
}
.evda-filter-btn:hover { background: #1d4ed8 !important; }

.evda-filter-reset {
    height: 34px;
    padding: 0 12px;
    background: #f3f4f6 !important;
    color: #6b7280 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
.evda-filter-reset:hover { background: #e5e7eb !important; color: #374151 !important; }

/* Right-side tools */
.evda-toolbar-tools {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.evda-export-btn {
    height: 34px;
    padding: 0 14px;
    background: #059669 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.evda-export-btn:hover  { background: #047857 !important; }
.evda-export-btn:disabled { background: #9ca3af !important; cursor: not-allowed; }

.evda-import-inline {
    display: flex;
    align-items: center;
    gap: 6px;
}
.evda-import-file-input { font-size: 12px; max-width: 160px; }

.evda-import-btn {
    height: 34px;
    padding: 0 12px;
    font-size: 13px !important;
    border-radius: 6px !important;
}

.evda-import-result-msg { font-size: 12px; color: #374151; }

/* Active filter badges */
.evda-active-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 10px;
    font-size: 12px;
}
.evda-filter-label  { color: #6b7280; font-weight: 600; }
.evda-filter-badge  {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 99px;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 500;
}
.evda-filter-badge--status { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.evda-filter-count  { color: #6b7280; font-size: 12px; margin-left: 4px; }

/* Import hint */
.evda-import-hint   { margin: 0 0 8px; color: #6b7280; }