.employee-card,.employee-card *{box-sizing:border-box}
.employee-id-layout{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:28px;padding:24px}.employee-id-form label,.id-select-label{display:block;font-size:12px;font-weight:600;margin-bottom:14px}.employee-id-form input,.employee-id-form textarea,.employee-id-form select,.id-select-label select{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #e2d6ca;background:white;border-radius:8px;padding:10px;font:14px Arial}.id-number-note{font-size:12px;color:#164966;background:#fff1e6;padding:12px;border-radius:8px}.id-preview{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.employee-card{position:relative;width:270px;height:428px;background:linear-gradient(145deg,#fff 15%,#f6f6f6 50%,#fff);overflow:hidden;flex-shrink:0;color:#164966;font-family:Arial,sans-serif;box-shadow:0 5px 22px #0001}.employee-card:after{content:'';position:absolute;inset:0;background:repeating-conic-gradient(from 30deg at 30% 60%,transparent 0 25deg,#dae0e51c 26deg 58deg);pointer-events:none}.id-shapes{position:absolute;inset:0;z-index:1;background:#ee7042;clip-path:polygon(0 0,57% 0,20% 22%,0 44%)}.id-shapes:before{content:'';position:absolute;inset:0;background:#ff9b0a;clip-path:polygon(0 0,20% 22%,11% 44%,0 38%)}.id-shapes:after{content:'';position:absolute;inset:0;background:#ffc500;clip-path:polygon(0 36%,20% 22%,11% 44%)}.employee-card-front:before{content:'';position:absolute;inset:0;background:linear-gradient(55deg,#ee7042 75%,#ffb900 75%);clip-path:polygon(100% 76%,100% 100%,67% 100%);z-index:1}.id-logo{position:absolute;object-fit:contain;width:120px;height:65px;right:13px;top:20px;z-index:2}.id-portrait{position:absolute;top:94px;left:55px;width:138px;height:138px;border:12px solid #164966;border-radius:50%;background:white;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:2}.id-portrait img{width:100%;height:100%;object-fit:cover}.employee-card-front h2{position:absolute;top:253px;left:18px;right:18px;margin:0;text-align:center;text-transform:uppercase;font-size:24px;line-height:1.08;overflow-wrap:anywhere;z-index:2}.id-position{position:absolute;top:325px;left:14px;right:14px;text-align:center;font-size:12px;z-index:2}.id-number{position:absolute;bottom:34px;left:12px;right:12px;text-align:center;font-size:12px;color:#147c91;z-index:2}.employee-card-back .id-shapes{transform:scaleX(-1)}.employee-card-back .id-logo{right:auto;left:12px;top:48px}.employee-card-back:before{content:'';position:absolute;inset:0;clip-path:polygon(0 74%,0 100%,29% 100%);background:linear-gradient(45deg,#ee7042 65%,#ffb900 65%);z-index:1}.id-contact{position:absolute;top:162px;left:32px;right:25px;z-index:2;font-size:14px}.id-contact strong{display:block}.id-contact p{margin:7px 0 15px 19px;line-height:1.3;white-space:pre-wrap;overflow-wrap:anywhere}.id-emergency{position:absolute;bottom:17px;left:15px;right:15px;text-align:center;z-index:2;font-size:12px}.id-emergency p{margin:10px 0;overflow-wrap:anywhere}.id-print-tools{text-align:center;margin-top:20px}.id-print-tools p{font-size:12px;color:#777}.employee-id-print{margin:20px;font-family:Arial}.employee-id-print .employee-card{width:54mm;height:85.6mm;zoom:.8}.employee-id-print .id-preview{justify-content:flex-start}.employee-id-print button{margin-top:20px;padding:12px}@media(max-width:950px){.employee-id-layout{grid-template-columns:1fr}.id-preview{gap:14px}}@media(max-width:480px){.employee-id-layout{padding:12px}.employee-card{zoom:.85}}@media print{.employee-id-print{margin:0}.employee-id-print .employee-card{width:270px;height:428px;zoom:.756;box-shadow:none;border:1px solid #ddd;print-color-adjust:exact;-webkit-print-color-adjust:exact}.employee-id-print .id-preview{gap:5mm;flex-wrap:nowrap}.employee-id-print>button,.employee-id-print>p{display:none}@page{size:A4;margin:12mm}}

.employee-section-tabs{display:flex;gap:10px;margin:0 0 18px;flex-wrap:wrap}
.id-photo-controls{margin:18px 0;font-size:14px}.id-photo-actions{display:flex;gap:8px;flex-wrap:wrap}.id-photo-actions .btn{min-height:42px}.id-photo-review{margin:12px 0;padding:12px;border:1px solid #e2d6ca;border-radius:10px;background:#fff8f2}.id-photo-review video,.id-photo-review img{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:8px;background:#222;margin-bottom:12px}.id-photo-review [hidden],.id-photo-controls [hidden]{display:none!important}.id-photo-status{font-size:14px;line-height:1.5}.id-photo-controls small{display:block;margin-top:10px;line-height:1.5;color:#666}
.id-files-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid #eee}.id-files-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;padding:24px}.id-file{border:1px solid #e2d6ca;border-radius:12px;padding:20px;background:#fff}.id-file h3{font-size:18px;overflow-wrap:anywhere;margin:12px 0 8px}.id-file p{font-size:14px;color:#555}.id-file-photo{width:88px;height:88px;border-radius:50%;overflow:hidden;background:#fff1e6;display:flex;align-items:center;justify-content:center;font-size:14px}.id-file-photo img{width:100%;height:100%;object-fit:cover}.employee-id-form .id-camera-choice{font-size:14px;width:100%;margin-bottom:4px}.employee-id-form .id-camera-choice select{max-width:220px}@media(max-width:480px){.id-files-grid{padding:12px}.id-files-tabs{padding:12px}}