/* A single focus indicator belongs to the complete date control, never its children. */
#rows .backlog-date{min-width:178px;max-width:220px}
#rows .backlog-date .tl-date-entry{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:0;align-items:center;position:relative;width:180px;max-width:100%;min-height:42px;padding:2px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;outline:none;box-shadow:none}
#rows .backlog-date .tl-date-entry:focus-within{outline:none;box-shadow:inset 0 0 0 2px #ee8024}
#rows .backlog-date .tl-date-entry>input[type=text],#rows .backlog-date .tl-date-entry>input[type=text]:hover,#rows .backlog-date .tl-date-entry>input[type=text]:focus,#rows .backlog-date .tl-date-entry>input[type=text]:focus-visible{width:100%;min-width:0;max-width:100%;margin:0;padding:9px 7px;border:0;border-radius:5px;background:transparent;outline:none;box-shadow:none;font-variant-numeric:tabular-nums}
#rows .backlog-date .tl-date-entry>button,#rows .backlog-date .tl-date-entry>button:focus,#rows .backlog-date .tl-date-entry>button:focus-visible{display:grid;place-items:center;width:36px;min-width:0;min-height:36px;margin:0;padding:0;border:0;border-radius:5px;background:transparent;color:#173d75;font-size:21px;line-height:1;outline:none;box-shadow:none}
#rows .backlog-date .tl-native-calendar{min-width:0!important}
#rows .backlog-date .tl-native-calendar.tl-calendar-fallback{grid-column:1/-1;outline:none;box-shadow:none;border:0}
#rows .backlog-date>button{margin-top:7px;font-size:12px;padding:7px 9px}
#rows .backlog-date>button:focus-visible{outline:2px solid #ee8024;outline-offset:-2px}
#rows .backlog-date small{display:block;margin-top:7px;font-size:11px;white-space:normal}
#rows .backlog-date-error{color:#b42318}
.backlog-open{color:#173d75;font-weight:700}.backlog-open:focus-visible{outline:2px solid #ee8024;outline-offset:2px}


#rows .backlog-date.has-date-error .tl-date-entry{border-color:#b42318;box-shadow:inset 0 0 0 1px #b42318}