.employee-edit-modal,.employee-edit-modal *,.employee-create-modal,.employee-create-modal *{font-family:Arial,sans-serif!important;font-synthesis:none!important;letter-spacing:0!important;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}.employee-edit-modal .employee-create-head h2,.employee-create-modal .employee-create-head h2{font-family:Arial,sans-serif!important;font-size:34px!important;line-height:1.15!important;font-weight:700!important}.employee-edit-modal .employee-create-head span,.employee-create-modal .employee-create-head span{font-family:Arial,sans-serif!important;font-size:15px!important;font-weight:400!important}.employee-edit-modal .employee-section-title h3,.employee-create-modal .employee-section-title h3{font-family:Arial,sans-serif!important;font-size:22px!important;line-height:1.25!important;font-weight:700!important}.employee-edit-modal .employee-section-title span,.employee-create-modal .employee-section-title span{font-family:Arial,sans-serif!important;font-size:15px!important;font-weight:400!important}.employee-edit-modal .employee-edit-grid label span,.employee-create-modal .employee-form-grid label span,.employee-edit-modal label>span,.employee-create-modal label>span{font-family:Arial,sans-serif!important;font-size:16px!important;line-height:1.35!important;font-weight:700!important}.employee-edit-modal .employee-edit-grid input,.employee-edit-modal .employee-edit-grid select,.employee-create-modal .employee-form-grid input,.employee-create-modal .employee-form-grid select{font-family:Arial,sans-serif!important;font-size:18px!important;line-height:1.35!important;font-weight:400!important}.employee-edit-modal .btn,.employee-create-modal .btn{font-family:Arial,sans-serif!important;font-size:16px!important;font-weight:700!important}.employee-photo-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;border:1px solid #dce9ec;border-radius:16px;padding:16px;background:linear-gradient(180deg,#fff,#fbfeff);margin-bottom:16px}.employee-photo-preview{width:138px;height:138px;border-radius:18px;border:1px dashed #8fd4da;background:#f1fafb;display:grid;place-items:center;overflow:hidden;color:#78939b;font-size:42px}.employee-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}.employee-photo-copy h4{margin:0 0 5px;font-family:Arial,sans-serif!important;font-size:18px!important;font-weight:700!important;color:#173b45}.employee-photo-copy p{margin:0 0 12px;font-family:Arial,sans-serif!important;color:#779098;font-size:14px!important;font-weight:400!important;line-height:1.55}.employee-photo-actions{display:flex;gap:8px;flex-wrap:wrap}.employee-photo-actions .btn{font-size:14px!important;min-height:40px;padding:9px 13px}.employee-photo-remove{background:#fff4f5!important;color:#b73d47!important;border:1px solid #f0d0d4!important}.employee-photo-input{display:none}.employee-photo-qr-backdrop{position:fixed;inset:0;z-index:9000;background:rgba(8,37,47,.48);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.employee-photo-qr-modal{width:min(430px,94vw);background:#fff;border:1px solid #d9e8ec;border-radius:20px;box-shadow:0 28px 80px rgba(15,55,67,.28);padding:22px;text-align:center;direction:rtl;font-family:Arial,sans-serif!important}.employee-photo-qr-modal h3{font-family:Arial,sans-serif!important;font-size:23px!important;font-weight:700!important;margin:0 0 7px;color:#173b45}.employee-photo-qr-modal p{font-family:Arial,sans-serif!important;font-size:14px!important;font-weight:400!important;color:#708990;line-height:1.6;margin:0 0 14px}.employee-photo-qr{width:236px;height:236px;margin:0 auto 12px;padding:8px;border:1px solid #deeaed;border-radius:14px;background:#fff;display:grid;place-items:center}.employee-photo-qr img,.employee-photo-qr canvas{max-width:100%;max-height:100%}.employee-photo-link{display:block;padding:9px 10px;background:#f6fafb;border:1px solid #e0ebee;border-radius:10px;color:#48717c;font-size:11px;word-break:break-all;margin-bottom:13px;direction:ltr}.employee-photo-qr-actions{display:flex;justify-content:center;gap:8px}.employee-photo-status{font-family:Arial,sans-serif!important;font-size:12px!important;font-weight:700!important;color:#0a939c;margin-top:9px}.employee-create-modal .employee-id-layout{align-items:stretch}.employee-create-modal .employee-photo-card{grid-column:1/-1;margin-top:12px}.employee-create-modal .employee-avatar-placeholder.photo-enhanced{display:none}.employee-photo-mobile-page{font-family:Arial,sans-serif!important}.employee-photo-confirm-backdrop{position:fixed;inset:0;z-index:9500;background:rgba(8,37,47,.48);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .14s ease}.employee-photo-confirm-backdrop.open{opacity:1}.employee-photo-confirm{width:min(430px,94vw);background:#fff;border:1px solid #d9e8ec;border-radius:22px;box-shadow:0 28px 80px rgba(15,55,67,.28);padding:26px 24px 22px;text-align:center;direction:rtl;position:relative;font-family:Arial,sans-serif!important;transform:translateY(6px) scale(.99);transition:transform .14s ease}.employee-photo-confirm-backdrop.open .employee-photo-confirm{transform:none}.employee-photo-confirm-close{position:absolute;top:14px;left:14px;width:36px;height:36px;border:0;border-radius:10px;background:#f1f7f8;color:#547079;font:700 22px Arial,sans-serif;cursor:pointer}.employee-photo-confirm-icon{width:56px;height:56px;border-radius:16px;margin:0 auto 14px;display:grid;place-items:center;background:#fff0f1;color:#df4854;font:700 28px Arial,sans-serif;border:1px solid #ffd5d8}.employee-photo-confirm h3{font:700 24px/1.3 Arial,sans-serif!important;color:#173b45;margin:0 0 8px}.employee-photo-confirm p{font:400 15px/1.6 Arial,sans-serif!important;color:#708990;margin:0 auto 20px;max-width:340px}.employee-photo-confirm-actions{display:flex;gap:10px;justify-content:center}.employee-photo-confirm-actions .btn{min-width:128px;min-height:46px;font:700 15px Arial,sans-serif!important}.employee-photo-confirm-remove{background:linear-gradient(180deg,#ef5b66,#df4854)!important;color:#fff!important;box-shadow:0 8px 18px rgba(223,72,84,.18)}
/* Device-aware photo actions: desktop uses QR, mobile uses the local camera. */
.photo-camera-btn{display:none!important}
.photo-qr-btn{display:inline-flex!important}
@media(max-width:700px){.employee-photo-card{grid-template-columns:1fr;text-align:center}.employee-photo-preview{margin:auto}.employee-photo-actions{justify-content:center}.employee-photo-qr{width:210px;height:210px}.employee-edit-modal .employee-create-head h2,.employee-create-modal .employee-create-head h2{font-size:30px!important}.employee-edit-modal .employee-edit-grid label span,.employee-create-modal .employee-form-grid label span{font-size:15px!important}.employee-edit-modal .employee-edit-grid input,.employee-edit-modal .employee-edit-grid select,.employee-create-modal .employee-form-grid input,.employee-create-modal .employee-form-grid select{font-size:17px!important}.employee-photo-confirm-actions{flex-direction:column-reverse}.employee-photo-confirm-actions .btn{width:100%}.photo-camera-btn{display:inline-flex!important}.photo-qr-btn{display:none!important}}