.timecard-signature { position: relative; display: grid; grid-template-columns: minmax(140px, 1fr) auto; align-items: center; column-gap: 8px; max-width: 520px; padding: 8px 0; }
.timecard-signature input[type=text] { min-width: 0; height: 30px; width: 100%; box-sizing: border-box; padding: 5px 8px; border: 1px solid #b7c0d0; border-radius: 6px; }
.timecard-signature-actions { display: flex; align-items: center; gap: 8px; margin: 0; }
.timecard-signature button { height: 30px; padding: 5px 12px; margin: 0; border: 1px solid #14298c; border-radius: 5px; background: #14298c; color: #fff; font: 600 14px Arial,sans-serif; cursor: pointer; }
.timecard-signature .signature-reset { background: #fff; color: #42516a; border-color: #bcc7d7; }
.timecard-signature .signature-reset[hidden] { display: none !important; }
.timecard-signature img { grid-column: 1 / -1; position: static !important; display: block; width: 220px; height: 39.6px; object-fit: contain; margin-top: 12px; }
.timecard-signature button:focus-visible { outline: 3px solid #7095ee; outline-offset: 2px; }

@media (max-width: 480px) { .timecard-signature { grid-template-columns: minmax(0, 1fr); row-gap: 8px; } }