.time-input { position: relative; display: inline-block; }
.field .time-input { display: block; }
.stint-table .time-input { display: inline-block; }
.time-input-popover { position: absolute; top: calc(100% + 4px); left: 0; display: none; flex-direction: column; gap: 4px; background: #1d1d22; border: 1px solid #3a3a40; border-radius: 4px; padding: 4px 6px; z-index: 100; box-shadow: 0 2px 8px rgba(0,0,0,0.4); white-space: nowrap; }
.time-input:focus-within .time-input-popover { display: flex; }
.time-input-row { display: flex; align-items: center; gap: 4px; }

.time-input-popover button, .date-entry-quick button { background: var(--bg-input, #25252a); border: 1px solid #3a3a40; color: var(--text-secondary, #ccc); padding: 3px 8px; border-radius: 3px; cursor: pointer; font-size: 11px; font-family: inherit; }

.time-input-popover button:hover, .date-entry-quick button:hover { background: var(--bg-hover, #2a2a32); border-color: var(--border-strong, #444); color: var(--text, #e0e0e0); }

.date-entry-quick button { background: #333; border-color: var(--text-faint, #555); }
.date-entry-quick button:hover { background: #444; border-color: var(--text-faint, #555); }
.date-entry-quick { display: flex; flex-direction: column; gap: 4px; margin-top: 4px; }

.date-entry-quick .time-input-row button { flex: 1; padding: 3px 4px; white-space: nowrap; }