.gig-duration-input{display:flex;align-items:center;gap:.1rem;min-height:46px;padding:.65rem 1rem;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);cursor:text;transition:border-color .2s ease,box-shadow .2s ease}
.gig-duration-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-glow)}
.gig-duration-input input[type="text"]{flex:none;width:2.3ch;min-width:0;min-height:0;height:auto;margin:0;padding:0;border:0;border-radius:2px;background:transparent;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;line-height:1.4;text-align:center;box-shadow:none}
/* The shared 46px padded-input rule belongs to the outer box, not its segments. */
#gig-settings-form .gig-duration-input input[type="text"]{min-height:0!important;padding:0!important}
.gig-duration-input input[type="text"]:focus{background:var(--input-focus-bg);box-shadow:none;outline:0}
.gig-duration-input input::placeholder{color:var(--muted);opacity:1}
.gig-duration-separator{color:var(--text);font-size:1rem;font-weight:400;line-height:1.4;flex:none}
#gig-settings-form [data-gig-duration-help]{font-size:.75rem;line-height:1.4}
@media(prefers-reduced-motion:reduce){.gig-duration-input{transition:none}}