:root{
  --ink:#002623;--pine:#054239;--sage:#428177;--olive:#988561;--dark-olive:#556b2f;--khaki:#b9a779;--ivory:#edebe0;--burgundy:#260f14;
  --paper:#f8f6ee;--line:#d8d1bd;--shadow:0 24px 70px rgba(0,38,35,.14);--radius:24px
}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,rgba(66,129,119,.22),transparent 32%),linear-gradient(145deg,var(--ivory),#fffaf0);font-family:'Tajawal',Tahoma,Arial,sans-serif;color:var(--ink);min-height:100vh}.app-shell{display:grid;grid-template-columns:292px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--ink),var(--pine) 62%,var(--burgundy));padding:24px;position:sticky;top:0;height:100vh;color:white;overflow:auto}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:white;margin-bottom:28px}.brand-mark{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--khaki),var(--olive));display:grid;place-items:center;font-size:1.6rem;font-weight:800;color:var(--ink);box-shadow:0 14px 30px rgba(0,0,0,.25)}.brand small,.user-chip small{display:block;opacity:.75;font-size:.75rem}.side-nav{display:grid;gap:9px}.nav-pill{color:#efe8d4;text-decoration:none;padding:12px 14px;border:1px solid rgba(237,235,224,.12);border-radius:16px;background:rgba(255,255,255,.045);transition:.2s}.nav-pill:hover{background:rgba(185,167,121,.18);transform:translateX(-3px);color:white}.content-area{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 34px;border-bottom:1px solid rgba(0,38,35,.08);background:rgba(248,246,238,.78);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.topbar h1{font-size:1.45rem;margin:4px 0 0;font-weight:800}.overline,.eyebrow{color:var(--olive);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:700}.user-chip{display:flex;align-items:center;gap:12px;background:white;border:1px solid rgba(0,38,35,.08);border-radius:999px;padding:8px 10px 8px 16px;box-shadow:0 10px 26px rgba(0,38,35,.08)}.avatar{width:39px;height:39px;border-radius:50%;background:linear-gradient(135deg,var(--pine),var(--sage));color:white;display:grid;place-items:center;font-weight:800}.page-container{padding:30px 34px}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--ink),var(--pine) 52%,var(--sage));color:white;border-radius:32px;padding:36px;box-shadow:var(--shadow);margin-bottom:24px}.hero:before{content:"";position:absolute;inset:auto -70px -90px auto;width:270px;height:270px;border-radius:50%;background:rgba(185,167,121,.30)}.hero:after{content:"";position:absolute;inset:22px auto auto 34px;width:110px;height:110px;border:1px solid rgba(237,235,224,.24);border-radius:34px;transform:rotate(18deg)}.hero h1{font-size:2rem;font-weight:900;margin:.3rem 0}.hero p{max-width:720px;color:#f5eed9;margin:0}.stat-card,.card,.login-card{background:rgba(255,255,255,.88);border:1px solid rgba(0,38,35,.08);border-radius:var(--radius);box-shadow:0 16px 45px rgba(0,38,35,.09)}.stat-card{padding:20px;position:relative;overflow:hidden}.stat-card span{color:#6d6654;font-size:.9rem}.stat-card b{display:block;font-size:2.1rem;color:var(--pine)}.stat-card:after{content:"";position:absolute;left:18px;bottom:18px;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--khaki),transparent)}.card{padding:22px}.login-wrap{min-height:calc(100vh - 140px);display:grid;place-items:center}.login-card{max-width:460px;width:100%;padding:34px}.form-control,.form-select{border-radius:14px;border-color:#d9d2bf;padding:.75rem .9rem}.form-control:focus,.form-select:focus{border-color:var(--sage);box-shadow:0 0 0 .25rem rgba(66,129,119,.16)}.btn{border-radius:14px;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--pine),var(--sage));border:0}.btn-primary:hover{filter:brightness(.95)}.btn-outline-primary{color:var(--pine);border-color:var(--sage)}.btn-outline-primary:hover{background:var(--pine);border-color:var(--pine)}.btn-ghost{background:var(--ivory);color:var(--pine);border:1px solid var(--line)}.evaluation-form-title{color:var(--ink);font-weight:900}.evaluation-narrative .form-label{color:var(--dark-olive);font-weight:800}.evaluation-section-title{background:var(--dark-olive);color:#fff;padding:.65rem 1rem;border-radius:16px;margin-bottom:12px}.card .table thead th{background:var(--dark-olive);color:#fff;border-bottom-color:var(--dark-olive)}.card .table thead th:first-child{border-top-right-radius:14px}.card .table thead th:last-child{border-top-left-radius:14px}.table{--bs-table-bg:transparent;vertical-align:middle;margin:0}.table thead th{color:#5d5849;font-size:.82rem;border-bottom:1px solid var(--line)}.table tbody tr{border-color:#eee6d3}.badge{border-radius:999px;font-weight:700;padding:.45rem .7rem}.soft-alert{border:0;border-radius:18px;box-shadow:0 10px 30px rgba(0,38,35,.08)}.section-title{font-weight:900;color:var(--ink);margin-bottom:14px}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.action-card{display:block;text-decoration:none;color:var(--ink);padding:18px;border-radius:20px;background:white;border:1px solid rgba(0,38,35,.08);box-shadow:0 12px 30px rgba(0,38,35,.06)}.action-card:hover{transform:translateY(-2px);color:var(--pine)}@media(max-width:900px){.app-shell{display:block}.sidebar{position:relative;height:auto}.topbar{position:relative;align-items:flex-start;gap:14px;flex-direction:column}.page-container{padding:20px}.user-chip{border-radius:20px;flex-wrap:wrap}.hero{padding:26px}}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f7f8fa}.auth-page{width:100%;display:grid;place-items:center}.auth-card{width:min(100%,420px);background:#fff;border:1px solid #e6e8ec;border-radius:18px;padding:32px;box-shadow:0 18px 45px rgba(15,23,42,.08)}.auth-brand{font-weight:800;color:var(--pine);margin-bottom:18px}.auth-card h1{font-size:1.55rem;font-weight:800;margin-bottom:8px}.auth-alert{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:min(92%,420px);z-index:10}

.employee-evaluation-profile{overflow:hidden}.evaluation-tabs{gap:.5rem}.evaluation-tabs .nav-link{border:1px solid rgba(0,38,35,.08);border-radius:16px;color:var(--pine);background:var(--paper);font-weight:800;padding:.75rem 1rem}.evaluation-tabs .nav-link.active{background:linear-gradient(135deg,var(--pine),var(--sage));color:#fff;box-shadow:0 12px 28px rgba(0,38,35,.16)}.evaluation-tabs .badge{background:rgba(185,167,121,.28);color:inherit;margin-right:.35rem}.btn-evaluate{background:linear-gradient(135deg,var(--khaki),var(--olive));border:0;color:var(--ink);box-shadow:0 8px 18px rgba(152,133,97,.22)}.btn-evaluate:hover{background:linear-gradient(135deg,var(--olive),var(--dark-olive));color:#fff}.evaluation-targets-table .badge.text-bg-light{background:var(--ivory)!important;color:var(--pine)!important;border:1px solid var(--line)}
.evaluation-narrative{background:var(--paper);border-color:var(--line)!important}.employee-profile-card .profile-header{display:flex;align-items:center;gap:14px}.profile-avatar{width:58px;height:58px;font-size:1.4rem}.profile-field{height:100%;padding:16px;border:1px solid rgba(0,38,35,.08);border-radius:18px;background:var(--paper)}.profile-field span{display:block;color:#6d6654;font-size:.85rem;margin-bottom:6px}.profile-field b{color:var(--pine)}

/* ——— تحسينات المرحلة الحالية: خط Tajawal ووضوح الرسائل والحالات (نفس لوحة الألوان) ——— */
.auth-shell,.btn,.form-control,.form-select,.badge,.table{font-family:'Tajawal',Tahoma,Arial,sans-serif}
.soft-alert{display:flex;align-items:center;gap:10px;font-weight:700;border-inline-start:5px solid transparent}
.soft-alert:before{font-size:1rem;line-height:1;font-weight:900}
.alert-success.soft-alert{border-inline-start-color:var(--sage)}.alert-success.soft-alert:before{content:'✓'}
.alert-danger.soft-alert{border-inline-start-color:#b02a37}.alert-danger.soft-alert:before{content:'✕'}
.alert-warning.soft-alert{border-inline-start-color:var(--khaki)}.alert-warning.soft-alert:before{content:'!'}
.alert-info.soft-alert{border-inline-start-color:var(--pine)}.alert-info.soft-alert:before{content:'i'}
.empty-state{text-align:center;padding:42px 24px;background:rgba(255,255,255,.88);border:1px dashed var(--line);border-radius:var(--radius);color:#6d6654}
.empty-state .empty-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:22px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(135deg,rgba(185,167,121,.25),rgba(66,129,119,.14));color:var(--pine)}
.empty-state b{display:block;font-size:1.05rem;color:var(--ink);margin-bottom:4px}
.empty-state p{margin:0;font-size:.9rem;max-width:520px;margin-inline:auto}
tr.target-done>td{background:rgba(66,129,119,.08)}
tr.target-done td b{color:var(--pine)}
.badge.text-bg-success{background:linear-gradient(135deg,var(--pine),var(--sage))!important}
.badge.text-bg-warning{background:rgba(185,167,121,.3)!important;color:var(--ink)!important;border:1px solid var(--khaki)}
.card .table-responsive{border-radius:14px}
@media(max-width:576px){.hero{padding:22px;border-radius:24px}.hero h1{font-size:1.4rem}.page-container{padding:16px}.topbar{padding:16px 18px}.stat-card b{font-size:1.7rem}.card{padding:16px}.empty-state{padding:30px 16px}}

/* ——— نظام موحّد للنماذج والجداول والأزرار (نفس لوحة الألوان) ——— */
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.page-head h1{margin-bottom:2px}
.card-section-title{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);border-inline-start:4px solid var(--khaki);padding-inline-start:12px;margin-bottom:16px}
.form-label{font-weight:700;color:var(--pine);font-size:.84rem;margin-bottom:.35rem}
.form-control,.form-select{border-radius:12px;border:1.5px solid var(--line);padding:.55rem .85rem;font-size:.93rem;background-color:#fff;transition:border-color .15s ease,box-shadow .15s ease}
.form-control::placeholder{color:#b3a98f}
.form-control[readonly]{background:var(--paper);color:#6d6654}
select[multiple].form-select{padding:.4rem}
select[multiple].form-select option{padding:.45rem .6rem;border-radius:8px;margin-bottom:2px}
select[multiple].form-select option:checked{background:linear-gradient(135deg,var(--pine),var(--sage));color:#fff}
.btn{border-radius:12px;font-weight:700;padding:.55rem 1.15rem;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}
.btn:active{transform:translateY(1px)}
.btn-sm{padding:.35rem .8rem;border-radius:10px;font-size:.82rem}
.btn-primary{box-shadow:0 8px 20px rgba(5,66,57,.22)}
.btn-success{background:linear-gradient(135deg,var(--sage),var(--pine));border:0;box-shadow:0 8px 20px rgba(66,129,119,.22)}
.btn-success:hover{filter:brightness(.95)}
.btn-outline-primary:hover{color:#fff}
.btn-outline-danger{border-color:#c9a0a6;color:#8f2d38}
.btn-outline-danger:hover{background:#8f2d38;border-color:#8f2d38;color:#fff}
.table-card{padding:0;overflow:hidden}
.table-card .table-responsive{border-radius:var(--radius)}
.table thead th{padding:.8rem .9rem;font-weight:800;white-space:nowrap}
.table tbody td{padding:.75rem .9rem}
.table-hover>tbody>tr:hover>*{background:rgba(66,129,119,.06)}
.table tbody tr:last-child{border-bottom:0}
.badge-type{background:rgba(185,167,121,.22);color:var(--ink);border:1px solid var(--khaki);font-weight:700}
.badge-published{background:linear-gradient(135deg,var(--pine),var(--sage));color:#fff}
.badge-editable{background:rgba(66,129,119,.14);color:var(--pine);border:1px solid var(--sage)}
.badge-locked{background:#eee7d6;color:#6d6654;border:1px solid var(--line)}
.row-inactive td{opacity:.55}
.row-edit-row>td{padding:0!important}
.row-edit-panel{background:var(--paper);border-block:1px solid var(--line);padding:20px 22px}
.target-mode-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.target-mode-option{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;cursor:pointer;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;margin:0}
.target-mode-option:hover{border-color:var(--sage)}
.target-mode-option:has(input:checked){border-color:var(--sage);box-shadow:0 0 0 .2rem rgba(66,129,119,.14);background:rgba(66,129,119,.05)}
.target-mode-option input{margin-top:4px;accent-color:var(--pine)}
.target-mode-option b{display:block;color:var(--ink)}
.target-mode-option small{display:block;color:#6d6654;margin-top:2px}
.template-items-table thead th{background:var(--paper)!important;color:var(--pine)!important;border-bottom:2px solid var(--line)!important}
.template-items-table .form-control{border-radius:10px;padding:.4rem .6rem}
@media(max-width:768px){.page-head{align-items:flex-start;flex-direction:column}.row-edit-panel{padding:14px}}

/* ——— القوائم القابلة للبحث (select.js-searchable) ——— */
.ss-wrap{position:relative}
.ss-wrap>select.js-searchable{display:none!important}
.ss-control{display:flex;flex-wrap:wrap;gap:6px;align-items:center;width:100%;min-height:44px;text-align:start;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:.45rem .85rem;padding-inline-end:2.1rem;position:relative;cursor:pointer;font:inherit;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}
.ss-control:hover{border-color:var(--sage)}
.ss-control:focus-visible{outline:none;border-color:var(--sage);box-shadow:0 0 0 .25rem rgba(66,129,119,.16)}
.ss-control:disabled{background:var(--paper);cursor:not-allowed;opacity:.65}
.ss-caret{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);color:var(--sage);font-size:.8rem}
.ss-placeholder{color:#b3a98f}
.ss-value{font-weight:700}
.ss-chip{background:rgba(185,167,121,.22);border:1px solid var(--khaki);border-radius:999px;padding:.12rem .6rem;font-size:.8rem;font-weight:700;color:var(--ink)}
.ss-panel{position:absolute;top:calc(100% + 6px);inset-inline:0;background:#fff;border:1.5px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(0,38,35,.16);padding:10px;z-index:40}
.ss-inline .ss-panel{position:static;box-shadow:none;margin-top:6px}
.ss-search{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:.45rem .75rem;margin-bottom:8px;font:inherit;background:var(--paper)}
.ss-search:focus{outline:none;border-color:var(--sage);box-shadow:0 0 0 .2rem rgba(66,129,119,.14);background:#fff}
.ss-list{max-height:250px;overflow:auto;display:grid;gap:2px}
.ss-item{display:flex;gap:10px;align-items:center;width:100%;text-align:start;background:none;border:0;border-radius:10px;padding:.5rem .6rem;cursor:pointer;font:inherit;color:var(--ink)}
.ss-item:hover{background:rgba(66,129,119,.08)}
.ss-item.is-selected{background:rgba(66,129,119,.06);font-weight:700}
.ss-check{width:18px;height:18px;border:1.5px solid var(--line);border-radius:6px;display:grid;place-items:center;font-size:.68rem;color:#fff;flex-shrink:0;background:#fff}
.ss-item.is-selected .ss-check{background:linear-gradient(135deg,var(--pine),var(--sage));border-color:var(--pine)}
.ss-item.is-selected .ss-check:before{content:'✓'}
.ss-empty{color:#6d6654;text-align:center;padding:14px;font-size:.88rem}