/* Opt-in temporal layout only. Existing select/popover/search styles are reused. */
body.dpr-temporal-search #dpr-page .dpr-fields{
 grid-template-columns:1.4fr 1.3fr 1.35fr 1.08fr 1.5fr calc(100% / 6.53);
}
body.dpr-temporal-search #dpr-page .dpr-main-period{border-right:0}
body.dpr-temporal-search #dpr-page .dpr-filter-bottom>.dpr-ref{
 display:flex;align-items:center;flex:0 0 90px;width:90px;min-height:28px;
 margin:0;padding:2px 8px;border:0;border-right:1px solid #2740602b;
}
body.dpr-temporal-search #dpr-page .dpr-filter-bottom>.dpr-ref>span{display:flex;align-items:center;gap:7px}
body.dpr-temporal-search #dpr-page .dpr-filter-bottom>.dpr-ref small{margin:0;flex-shrink:0}
body.dpr-temporal-search #dpr-page .dpr-filter-bottom>.dpr-ref input{min-height:24px}
@media(min-width:768px) and (max-width:1023px){
 body.dpr-temporal-search #dpr-page .dpr-fields{grid-template-columns:1.2fr 1.3fr 1.4fr 1fr 1.65fr calc(100% / 6.55)}
}
body.dpr-temporal-search #dpr-page .dpr-main-period .dpr-select-toggle{padding-block:4px}
body.dpr-temporal-search #dpr-page .dpr-main-period [data-value-label]{white-space:normal;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:767px){
 body.dpr-temporal-search #dpr-page .dpr-fields,
 body.dpr-temporal-search #dpr-page .dpr-filter-shell.is-editing .dpr-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.dpr-temporal-search #dpr-page .dpr-main-period{border-right:1px solid #27406022;border-bottom:0}
 body.dpr-temporal-search #dpr-page .dpr-filter-bottom>.dpr-ref{min-height:30px}
 body.dpr-temporal-search #dpr-page .dpr-filter-bottom>.dpr-ref input{font-size:16px}
}
@media(max-width:359px){
 body.dpr-temporal-search #dpr-page .dpr-filter-bottom>.dpr-ref{flex-basis:80px;width:80px;padding-inline:6px}
 body.dpr-temporal-search #dpr-page .dpr-main-period .dpr-select-toggle{position:relative}
 body.dpr-temporal-search #dpr-page .dpr-main-period .dpr-select-toggle>svg:first-child{position:absolute;top:8px;left:8px;width:14px!important;height:14px!important}
 body.dpr-temporal-search #dpr-page .dpr-main-period small{padding-left:21px}
}