/* ورودی‌های هماهنگ با دکمه‌ها؛ تمرکز و خطا علاوه بر رنگ با حاشیه و متن مشخص می‌شوند. */
.ui-refresh .field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.ui-refresh .field select,.ui-refresh .field textarea,.ui-refresh .inline-form input:not([type=checkbox]):not([type=hidden]),.ui-refresh .inline-form select,.ui-refresh .remote-lookup input{
 background:#f3f8fc;color:#163a55;border:1px solid #bdd1e2;border-radius:12px;min-height:46px;padding:10px 13px;box-shadow:inset 0 1px 2px #17324d05;transition:border-color .15s,box-shadow .15s,background .15s;max-width:100%;font:inherit}
.ui-refresh select{cursor:pointer;background-color:#eef7fb}
.ui-refresh .field textarea{min-height:110px;resize:vertical}
.ui-refresh input:focus-visible,.ui-refresh select:focus-visible,.ui-refresh textarea:focus-visible{outline:3px solid #2780b640;outline-offset:2px;border-color:#2278ab!important;background:#fff!important}
.ui-refresh .field input[readonly]{background:#edf1f5;color:#4d6275}
.ui-refresh .field input.persian-datepicker{background:#eff7ff;color:#145580;cursor:pointer}
.ui-refresh input:disabled,.ui-refresh select:disabled,.ui-refresh textarea:disabled{background:#e9eef3;color:#6b7785;cursor:not-allowed;opacity:.8}
.ui-refresh .field .input-validation-error{border:2px solid #bb3349!important;background:#fff2f4!important}
.ui-refresh .field-validation-error{color:#9c2038;font-size:.85rem}
.ui-refresh .calendar-trigger{background:#d9eefe;color:#155b8b;border-radius:9px}
.persian-calendar-popup{background:#f5faff;border-color:#b7d0e5;border-radius:18px;width:min(340px,calc(100vw - 24px));box-shadow:0 16px 48px #173b5a26}
.pc-head button,.pc-actions button{background:#e2f0fa;color:#135985;min-height:40px;border-radius:10px}
.pc-days button{min-height:40px;background:#fff;border:1px solid #e0eaf4;border-radius:10px}
.pc-days button.selected{background:#126399;color:#fff;border-color:#126399}
.pc-days button:focus-visible,.calendar-trigger:focus-visible{outline:3px solid #d99418;outline-offset:2px}
.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.details-grid dt{font-size:.85rem;color:#567086}.details-grid dd{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.ui-refresh input,.ui-refresh select,.ui-refresh textarea{transition:none!important}}

/* انتخاب چند نفر بدون نیاز به Ctrl؛ هر نقش و هر انتخاب کلید مستقل دارد. */
[data-multi-employees]{min-width:0;border:1px solid #bdd1e2;border-radius:12px;padding:14px}
[data-selected],[data-results]{display:flex;gap:8px;flex-wrap:wrap;margin-block:10px;max-height:320px;overflow:auto}
.selected-person{display:inline-flex;gap:10px;align-items:center;background:#e4f2fa;border:1px solid #9ac5de;border-radius:10px;padding:5px 10px}
.selected-person button{border:0;background:transparent;color:#9c2038;min-width:40px;min-height:40px;cursor:pointer}

/* دکمه‌های هر ردیف هم‌اندازه و مستقل از تعداد افراد نقش‌ها هستند. */
.cost-center-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;min-width:150px}
.cost-center-actions form{margin:0;display:flex}
.cost-center-actions .btn{margin:0;min-width:64px;white-space:nowrap}
[data-multi-employees] select[data-results]{display:block;width:100%;min-height:44px;max-width:100%}