.personnel-feed { padding: 16px; font: 13px/1.55 Tahoma, Arial, sans-serif; }
.personnel-thread { border: 1px solid #bfc8d5; border-radius: 4px; margin-bottom: 18px; }
.personnel-comment { padding: 16px; }
.personnel-comment-header { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; margin-bottom: 10px; }
.personnel-comment-author { font-size: 13px; font-weight: bold; }
.personnel-comment-date { font-size: 11px; color: #596675; }
.personnel-comment-body { white-space: pre-wrap; overflow-wrap: break-word; line-height: 1.6; margin-bottom: 12px; }
.personnel-comment-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.personnel-action { font: 12px Tahoma, Arial, sans-serif; color: inherit; background: transparent; border: 1px solid #aeb8c7; border-radius: 3px; padding: 5px 10px; cursor: pointer; }
.personnel-action:hover, .personnel-action:focus { background: #edf2f8; border-color: #6d839f; }
.personnel-replies { margin: 0 16px 16px 28px; border-left: 3px solid #d4deec; }
.personnel-reply { border-top: 1px solid #d4deec; padding: 14px 16px; }
.personnel-reply:first-child { border-top: 0; }
.personnel-composer .x-form-item { margin-bottom: 8px; }
.personnel-composer textarea { font: 13px/1.5 Tahoma, Arial, sans-serif; padding: 8px; box-sizing: border-box; }
.personnel-mention { display: inline; border-radius: 3px; padding: 1px 3px; background: #e0eafd; color: #173e76; font-weight: bold; }
.personnel-mention-preview { font: 12px/1.6 Tahoma, Arial, sans-serif; white-space: pre-wrap; overflow-wrap: break-word; max-height: 48px; overflow: auto; }
.personnel-mention-menu { background: #fff; color: #172b45; border: 1px solid #8b9cb4; border-radius: 3px; width: 310px; max-height: 230px; overflow: auto; }
.personnel-mention-option { padding: 8px 12px; cursor: pointer; font: 13px/1.4 Tahoma, Arial, sans-serif; }
.personnel-mention-option[aria-selected="true"], .personnel-mention-option:hover { background: #e0eafd; }
.personnel-mention-department { font-size: 11px; color: #596675; }
.personnel-reply-label { font: 12px/1.4 Tahoma, Arial, sans-serif; }
.personnel-inline-reply { margin-top: 12px; border-top: 1px solid #d4deec; background: #f7f9fc; }
.personnel-comment-focused { box-shadow: inset 0 0 0 2px #597ba8; }

.personnel-employee-account-box { padding: 8px 10px; border: 1px solid #c9d4e2; border-radius: 3px; background: #f7f9fc; margin-bottom: 6px; }
.personnel-employee-account-off { color: #8a6d3b; }
.personnel-employee-recruitment { line-height: 1.9; }
.personnel-employee-recruitment-notes { white-space: pre-wrap; max-height: 160px; overflow: auto; }
.personnel-employee-history { border-collapse: collapse; font: 12px/1.5 Tahoma, Arial, sans-serif; width: 100%; }
.personnel-employee-history th, .personnel-employee-history td { border-bottom: 1px solid #dde4ee; padding: 5px 7px; text-align: left; vertical-align: top; }
.personnel-employee-history th { background: #eef3f9; font-weight: bold; }
.personnel-employee-matched ul { margin: 4px 0 10px 18px; }
.personnel-employee-matched li { margin-bottom: 3px; }

/* #724: accepted candidates wait in a yellow row; an inactive account turns the row grey. */
.x-grid3-row.personnel-row-future { background-color: #fff6c9; }
.x-grid3-row.personnel-row-future .x-grid3-cell-inner { background-color: #fff6c9; }
.x-grid3-row.personnel-row-future.x-grid3-row-over .x-grid3-cell-inner { background-color: #fdeaa8; }
.x-grid3-row.personnel-row-future.x-grid3-row-selected .x-grid3-cell-inner { background-color: transparent; }
.x-grid3-row.personnel-row-fired { background-color: #e6e6e6; }
.x-grid3-row.personnel-row-fired .x-grid3-cell-inner { background-color: #e6e6e6; color: #6b6b6b; }
.x-grid3-row.personnel-row-fired.x-grid3-row-over .x-grid3-cell-inner { background-color: #dcdcdc; }
.x-grid3-row.personnel-row-fired.x-grid3-row-selected .x-grid3-cell-inner { background-color: transparent; color: inherit; }

/* #724: closed candidates, paused and completed recruitments use the same signal colours. */
.x-grid3-row.personnel-row-closed,
.x-grid3-row.personnel-row-completed { background-color: #e6e6e6; }
.x-grid3-row.personnel-row-closed .x-grid3-cell-inner,
.x-grid3-row.personnel-row-completed .x-grid3-cell-inner { background-color: #e6e6e6; color: #6b6b6b; }
.x-grid3-row.personnel-row-closed.x-grid3-row-over .x-grid3-cell-inner,
.x-grid3-row.personnel-row-completed.x-grid3-row-over .x-grid3-cell-inner { background-color: #dcdcdc; }
.x-grid3-row.personnel-row-closed.x-grid3-row-selected .x-grid3-cell-inner,
.x-grid3-row.personnel-row-completed.x-grid3-row-selected .x-grid3-cell-inner { background-color: transparent; color: inherit; }
.x-grid3-row.personnel-row-paused { background-color: #fff6c9; }
.x-grid3-row.personnel-row-paused .x-grid3-cell-inner { background-color: #fff6c9; }
.x-grid3-row.personnel-row-paused.x-grid3-row-over .x-grid3-cell-inner { background-color: #fdeaa8; }
.x-grid3-row.personnel-row-paused.x-grid3-row-selected .x-grid3-cell-inner { background-color: transparent; }
.personnel-card-conversations .personnel-feed { background: #f4f7fb; }
.personnel-card-conversations .x-panel-body { background: #f4f7fb; }

/* #830: personnel overview stat cards inside an Ext 3 column layout. */
.personnel-stat-card { border: 1px solid #bfc8d5; border-radius: 4px; background: #f7f9fc; cursor: pointer; }
.personnel-stat-card:hover { background: #edf2f8; border-color: #6d839f; }
.personnel-stat-value { font: bold 28px/1.2 Tahoma, Arial, sans-serif; color: #173e76; }
.personnel-stat-title { font: bold 13px/1.4 Tahoma, Arial, sans-serif; color: #172b45; margin-top: 2px; }
.personnel-stat-hint { font: 11px/1.4 Tahoma, Arial, sans-serif; color: #596675; margin-top: 2px; }

/* 2026-10-24: section tidy-up — shared spacing and visible filters. */
.personnel-recruitment-tab { padding: 10px; }
.personnel-field { display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 6px 0; border-bottom: 1px solid #e4eaf2; line-height: 1.5; }
.personnel-field:last-child { border-bottom: 0; }
.personnel-field-label { flex: 0 0 185px; color: #596675; }
.personnel-field-value { flex: 1 1 auto; color: #172b45; overflow-wrap: break-word; }
.personnel-empty { color: #596675; }
.personnel-guide-link { color: var(--guide, #a4262c); font-size: 10px; font-weight: bold; letter-spacing: 0.02em; margin-right: 10px; text-decoration: underline; text-transform: uppercase; white-space: nowrap; }
.personnel-employee-account { margin-bottom: 6px; }

/* Tamsi tema: šviesūs modulio paviršiai pakeičiami temų kintamaisiais. */
body.delivera-dark .personnel-feed,
body.delivera-dark .personnel-card-conversations .personnel-feed { background: var(--surface); color: var(--text); }
body.delivera-dark .personnel-card-conversations .x-panel-body { background: var(--surface); }
body.delivera-dark .personnel-thread { border-color: var(--border); }
body.delivera-dark .personnel-replies { border-left-color: var(--border); }
body.delivera-dark .personnel-reply { border-top-color: var(--border); }
body.delivera-dark .personnel-comment-date,
body.delivera-dark .personnel-mention-department,
body.delivera-dark .personnel-field-label,
body.delivera-dark .personnel-empty { color: var(--text-muted); }
body.delivera-dark .personnel-field-value,
body.delivera-dark .personnel-stat-value,
body.delivera-dark .personnel-stat-title { color: var(--text); }
body.delivera-dark .personnel-stat-hint { color: var(--text-muted); }
body.delivera-dark .personnel-action { border-color: var(--border); }
body.delivera-dark .personnel-action:hover,
body.delivera-dark .personnel-action:focus { background: var(--hover); border-color: var(--border-strong); }
body.delivera-dark .personnel-mention { background: var(--accent-soft); color: var(--accent-text); }
body.delivera-dark .personnel-mention-menu { background: var(--flyout); color: var(--text); border-color: var(--border-strong); }
body.delivera-dark .personnel-mention-option[aria-selected="true"],
body.delivera-dark .personnel-mention-option:hover { background: var(--hover); }
body.delivera-dark .personnel-inline-reply { background: var(--surface-alt); border-top-color: var(--border); }
body.delivera-dark .personnel-comment-focused { box-shadow: inset 0 0 0 2px var(--focus-border); }
body.delivera-dark .personnel-employee-account-box,
body.delivera-dark .personnel-stat-card { background: var(--surface-alt); border-color: var(--border); }
body.delivera-dark .personnel-stat-card:hover { background: var(--hover); border-color: var(--border-strong); }
body.delivera-dark .personnel-field { border-bottom-color: var(--border-soft); }
body.delivera-dark .personnel-employee-history th { background: var(--band); }
body.delivera-dark .personnel-employee-history th,
body.delivera-dark .personnel-employee-history td { border-bottom-color: var(--border-soft); }
body.delivera-dark .personnel-employee-account-off { color: var(--warning-text, var(--text-muted)); }

body.delivera-dark .x-grid3-row.personnel-row-future,
body.delivera-dark .x-grid3-row.personnel-row-future .x-grid3-cell-inner,
body.delivera-dark .x-grid3-row.personnel-row-paused,
body.delivera-dark .x-grid3-row.personnel-row-paused .x-grid3-cell-inner { background-color: var(--st-yellow) !important; color: var(--text) !important; }
body.delivera-dark .x-grid3-row.personnel-row-future.x-grid3-row-over .x-grid3-cell-inner,
body.delivera-dark .x-grid3-row.personnel-row-paused.x-grid3-row-over .x-grid3-cell-inner { background-color: var(--st-yellow-soft) !important; }
body.delivera-dark .x-grid3-row.personnel-row-fired,
body.delivera-dark .x-grid3-row.personnel-row-fired .x-grid3-cell-inner,
body.delivera-dark .x-grid3-row.personnel-row-closed,
body.delivera-dark .x-grid3-row.personnel-row-closed .x-grid3-cell-inner,
body.delivera-dark .x-grid3-row.personnel-row-completed,
body.delivera-dark .x-grid3-row.personnel-row-completed .x-grid3-cell-inner { background-color: var(--band-soft) !important; color: var(--text-muted) !important; }
body.delivera-dark .x-grid3-row.personnel-row-fired.x-grid3-row-over .x-grid3-cell-inner,
body.delivera-dark .x-grid3-row.personnel-row-closed.x-grid3-row-over .x-grid3-cell-inner,
body.delivera-dark .x-grid3-row.personnel-row-completed.x-grid3-row-over .x-grid3-cell-inner { background-color: var(--hover) !important; }
body.delivera-dark .x-grid3-row.personnel-row-future.x-grid3-row-selected .x-grid3-cell-inner,
body.delivera-dark .x-grid3-row.personnel-row-paused.x-grid3-row-selected .x-grid3-cell-inner,
body.delivera-dark .x-grid3-row.personnel-row-fired.x-grid3-row-selected .x-grid3-cell-inner,
body.delivera-dark .x-grid3-row.personnel-row-closed.x-grid3-row-selected .x-grid3-cell-inner,
body.delivera-dark .x-grid3-row.personnel-row-completed.x-grid3-row-selected .x-grid3-cell-inner { background-color: transparent !important; color: inherit !important; }

/* #843 vacation balances */
.personnel-vacation-head { padding: 10px 14px 0; font-size: 14px; }
.personnel-vacation-stats { display: flex; gap: 10px; padding: 10px 14px 12px; }
.personnel-vacation-stats > div { flex: 1; border: 1px solid #bfc8d5; border-radius: 4px; background: #f7f9fc; padding: 8px 12px; }
.personnel-vacation-stats span { display: block; color: #5b6880; font-size: 12px; }
.personnel-vacation-stats b { display: block; font-size: 18px; margin-top: 4px; }
body.delivera-dark .personnel-vacation-stats > div { background: var(--surface-alt); border-color: var(--border); }
body.delivera-dark .personnel-vacation-stats span { color: var(--text-muted); }