.register-clock{display:flex;align-items:center;gap:var(--space-inline);padding:8px 12px;border:1px solid var(--line);border-radius:var(--action-radius);color:var(--text-secondary);min-width:0;margin-block:8px;font-size:var(--type-body)}
.register-clock[data-state=soon],.register-clock[data-state=overdue]{border-color:var(--text-warning);background:var(--surface-warning);color:var(--text-warning)}
.register-clock-icon{display:flex;flex:0 0 18px}.register-clock-icon .icon{width:18px;height:18px}.register-clock-copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.register-clock-copy strong{font-size:var(--type-body);font-weight:600}.register-clock-copy small{font-size:var(--type-meta);color:var(--text-secondary);font-variant-numeric:tabular-nums}
.register-clock-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-fields)}
.register-clock-enable{display:flex;align-items:center;gap:var(--space-inline);min-height:var(--control-target);font-size:var(--type-body);color:var(--text-primary)}
.register-clock-enable input{width:18px;height:18px;min-height:0;padding:0;margin:0;flex:0 0 18px;accent-color:var(--accent)}
.register-item:has(.register-clock[data-state=overdue]){border-color:var(--text-warning)}
@media(max-width:700px){.register-clock-fields{grid-template-columns:minmax(0,1fr)}}