.deadline-type-selector{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.type-card{font:inherit;color:inherit;padding:var(--space-6);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;background:var(--color-bg-elevated)}.type-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.type-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-primary-sm)}.type-card.selected{border-color:var(--color-primary);background:var(--color-primary-100);box-shadow:var(--shadow-primary-md)}.type-icon{border-radius:var(--radius-lg);width:56px;height:56px;margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex}.type-icon .icon{width:28px;height:28px}.type-icon-training{background-color:var(--color-primary-100);color:var(--color-primary-700)}.type-icon-medical{background-color:var(--color-purple-100);color:var(--color-purple-700)}.type-icon-vehicle{background-color:var(--color-success-100);color:var(--color-success-700)}.type-icon-equipment-tool{background-color:var(--color-warning-100);color:var(--color-warning-700)}.type-icon-generic{background-color:var(--color-info-100);color:var(--color-info-700)}.type-label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin-bottom:var(--space-2);color:var(--color-text-primary);text-align:center}.type-expiry-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}@media (max-width:768px){.deadline-type-selector{grid-template-columns:1fr}}