.training-shell{display:grid;gap:18px}.training-create-card{padding:0;overflow:hidden;border:1px solid #dfe7f7;background:#fff;box-shadow:0 16px 38px rgba(28,52,107,.08)}.training-create-heading{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid #edf1fb;background:linear-gradient(90deg,#fff,#f8faff)}.training-create-heading .section-kicker{margin:0 0 2px}.training-create-heading h2{margin:0;color:#172b5c;font-size:1.2rem}.training-create-heading .section-subtitle{margin:3px 0 0;font-size:.84rem}.training-create-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef1ff;color:#3159f6;font-size:27px;line-height:1;box-shadow:inset 0 0 0 1px #dce4ff}.training-create-form{display:grid;gap:18px;padding:20px 24px}.training-form-section h3,.training-assignment legend{margin:0;padding:0;color:#1c3268;font-size:.9rem;font-weight:800}.training-form-section h3:before{content:"▣";margin-right:8px;color:#395cff}.training-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:13px}.training-create-form label{display:grid;gap:7px;font-weight:700;color:#385184;font-size:.79rem}.training-create-form label>b{color:#e14a5d}.training-create-form input,.training-create-form select{box-sizing:border-box;width:100%;min-height:42px;border-color:#d9e2f5;font-size:.86rem}.training-input-suffix{position:relative}.training-input-suffix input{padding-right:28px}.training-input-suffix i{position:absolute;right:12px;top:13px;font-style:normal;color:#7685aa}.training-upload-field{min-height:78px;align-content:start;border:1px dashed #bfcff5;border-radius:10px;padding:10px 13px;background:#fbfcff}.training-upload-field input{min-height:0;border:0;padding:4px 0;background:transparent;font-size:.77rem;max-width:100%}.training-upload-field small{font-size:.68rem;color:#7183ac}.training-assignment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:16px;border:1px solid #e1e8f8;border-radius:13px;background:#fbfcff}.training-assignment legend{grid-column:1/-1;padding:0 0 5px}.training-target-card{display:flex!important;align-items:flex-start;gap:10px;min-height:72px;padding:13px;border:1px solid #e1e7f5;border-radius:11px;background:#fff;color:#233c72!important;cursor:pointer;transition:.16s ease}.training-target-card:hover{border-color:#9cacff;box-shadow:0 5px 15px rgba(38,74,173,.07)}.training-target-card:has(input:checked){border-color:#7c8cff;box-shadow:inset 0 0 0 1px #7c8cff;background:#f8f9ff}.training-target-card input[type=radio]{width:15px;min-height:auto;margin:2px 0 0;accent-color:#3b55ff}.training-target-card span{display:grid;gap:3px}.training-target-card small{font-weight:500;line-height:1.28;color:#7180a3}.training-assignment select{grid-column:1/-1;max-width:340px}.training-employee-picker{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:300px;overflow:auto;padding:13px;border:1px solid #dce5fb;border-radius:11px;background:#fff}.training-employee-picker-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-bottom:2px;color:#304876;font-size:.82rem}.training-employee-picker-head span{padding:5px 8px;border-radius:99px;color:#4f67a0;background:#eef3ff;font-size:.7rem;font-weight:800}.training-employee-picker>input{grid-column:1/-1;min-height:40px!important;padding:9px 12px!important;border:1px solid #b9c9f3!important;border-radius:9px!important;background:#fbfcff!important}.training-employee-picker label{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #e0e8f8;border-radius:9px;background:#fff;font-size:.76rem;cursor:pointer}.training-employee-picker label:has(input:checked){border-color:#8292ff;background:#f5f7ff}.training-employee-picker label strong{display:block;font-size:.77rem;line-height:1.25}.training-employee-picker label small{display:block;margin-top:4px;color:#6275a9}.training-employee-picker input[type=checkbox]{width:auto;min-height:auto;margin-top:2px;accent-color:#395cff}.training-create-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf1fa;padding-top:15px}.training-create-actions .primary-button,.training-create-actions .secondary-button{min-height:41px;padding:0 20px}.training-detail .table-wrap,.training-shell .table-wrap{border:1px solid #cedbfd;border-radius:12px;overflow:auto}.training-shell .data-table{border-collapse:collapse}.training-shell .data-table td,.training-shell .data-table th{border-right:1px solid #dce5f8;border-bottom:1px solid #dce5f8}.training-shell .data-table td:last-child,.training-shell .data-table th:last-child{border-right:0}.training-shell .data-table small{display:block;margin-top:3px;color:#6578aa}.training-history-card{padding:22px}.training-history-card .form-heading{align-items:center;margin-bottom:16px}.training-history-card .section-subtitle{margin:4px 0 0}.training-history-count{padding:7px 10px;border-radius:99px;background:#eef3ff;color:#405e9d;font-size:.74rem;font-weight:800;white-space:nowrap}.training-history-wrap{background:#fff}.training-history-table{width:100%;min-width:860px;table-layout:fixed}.training-history-table th{padding:12px 13px;background:#f1f5ff;color:#526b9d;font-size:.73rem;text-transform:uppercase;letter-spacing:.025em}.training-history-table td{padding:13px;vertical-align:middle;color:#20365f;font-size:.84rem}.training-history-table th:nth-child(1){width:21%}.training-history-table th:nth-child(2){width:21%}.training-history-table th:nth-child(3),.training-history-table th:nth-child(4){width:9%;text-align:center}.training-history-table th:nth-child(5){width:10%;text-align:center}.training-history-table th:nth-child(6){width:12%}.training-history-table th:nth-child(7){width:18%}.training-history-table td:nth-child(3),.training-history-table td:nth-child(4),.training-history-table td:nth-child(5){text-align:center}.training-number-cell{font-weight:800;color:#2b4e9a}.training-score-chip{display:inline-flex;padding:5px 9px;border-radius:99px;background:#eef8f1;color:#187746;font-size:.75rem;font-weight:800}.training-row-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.training-row-actions form{margin:0}.training-row-actions .table-action,.training-row-actions .danger-button{min-height:32px;padding:6px 10px;border-radius:8px;font-size:.75rem;font-weight:800}.employee-training-row{align-items:center}.employee-receipt-status.is-warning{background:#fff3da;color:#a76700}.training-evaluation{width:min(880px,calc(100% - 32px));max-width:880px;margin:42px auto}.training-question{display:grid;gap:8px;margin:17px 0;padding:15px;border:1px solid #d6e0f6;border-radius:12px}.training-question legend{padding:0 5px;color:#152d63;font-weight:800}.training-question label{padding:8px 10px;border-radius:8px;background:#f8faff;color:#20396d}.training-question.is-correct{border-color:#9bdcb2;background:#f3fcf6}.training-question.is-wrong{border-color:#ffc5c9;background:#fff8f8}.training-question small{color:#b12e38}.employee-sign-page canvas{display:block;width:100%;height:auto;touch-action:none;border:2px dashed #b9c9ee;border-radius:12px;background:#fff}.employee-sign-page .employee-portal-login-card{width:min(880px,calc(100% - 32px));max-width:880px;margin:42px auto}@media(max-width:1000px){.training-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.training-employee-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.training-history-card{padding:18px}}@media(max-width:640px){.training-fields,.training-assignment,.training-employee-picker{grid-template-columns:1fr}.training-assignment select{grid-column:auto;max-width:none}.training-employee-picker>input,.training-employee-picker-head{grid-column:auto}.training-create-heading{align-items:flex-start;padding:15px}.training-create-form{padding:15px}.training-create-actions{justify-content:stretch}.training-create-actions>*{flex:1}.training-evaluation,.employee-sign-page .employee-portal-login-card{width:calc(100% - 20px);margin:16px auto}.training-history-card{padding:15px}.training-history-card .form-heading{align-items:flex-start;flex-direction:column}.training-history-table{min-width:780px}}
