/* TIAM v479 — root UI correction: number-inventory filters + selectable payment time. */

/* Payment time must be selected, never free-typed. */
.tiam-payment-time-select{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);
  align-items:center;
  gap:6px;
  direction:ltr;
}
.tiam-payment-time-select>select{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 28px 0 8px!important;
  border:1px solid #cbd9e4!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#183b55!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:42px!important;
  direction:ltr!important;
  text-align:center!important;
  text-align-last:center!important;
  font-variant-numeric:tabular-nums;
  box-shadow:none!important;
  cursor:pointer;
}
.tiam-payment-time-select>select:focus{
  border-color:#2e719d!important;
  outline:3px solid rgba(46,113,157,.13)!important;
  outline-offset:1px;
}
.tiam-payment-time-select>.tiam-payment-time-separator{
  display:grid;
  place-items:center;
  height:42px;
  color:#587184;
  font-size:18px;
  font-weight:900;
  line-height:1;
  user-select:none;
}

/* Number inventory: never squeeze six controls into the remaining workspace width. */
body[data-page="lead-import"] .lead-v370-inventory-card{
  container-type:inline-size;
  container-name:tiam-lead-inventory;
}
body[data-page="lead-import"] .lead-v370-filters.ui-filter-panel.is-open,
body.ui-compact-ready[data-page="lead-import"] .lead-v370-filters.ui-filter-panel.is-open{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:10px 12px!important;
  align-items:end!important;
  padding:12px 14px!important;
  margin-bottom:0!important;
  overflow:visible!important;
}
body[data-page="lead-import"] .lead-v370-filters>.field{
  min-width:0!important;
  margin:0!important;
}
body[data-page="lead-import"] .lead-v370-filters>.lead-v370-search{grid-column:span 4!important}
body[data-page="lead-import"] .lead-v370-filters>.field:nth-of-type(2){grid-column:span 3!important}
body[data-page="lead-import"] .lead-v370-filters>.lead-v370-batch{grid-column:span 5!important}
body[data-page="lead-import"] .lead-v370-filters>.field:nth-of-type(4),
body[data-page="lead-import"] .lead-v370-filters>.field:nth-of-type(5){grid-column:span 3!important}
body[data-page="lead-import"] .lead-v370-filters>.lead-v370-filter-actions{
  grid-column:span 6!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  align-self:end!important;
}
body[data-page="lead-import"] .lead-v370-filters label{
  display:block!important;
  margin:0 0 5px!important;
  color:#536f81!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.45!important;
  white-space:nowrap!important;
}
body[data-page="lead-import"] .lead-v370-filters :is(input,select),
body.ui-compact-ready[data-page="lead-import"] .lead-v370-filters :is(input,select){
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  padding-block:0!important;
  border-radius:11px!important;
  font-size:12px!important;
}
body[data-page="lead-import"] .lead-v370-filters .date-control{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  border-radius:11px!important;
}
body[data-page="lead-import"] .lead-v370-filters .date-control>input{
  height:40px!important;
  min-height:40px!important;
  line-height:40px!important;
  padding:0 10px!important;
}
body[data-page="lead-import"] .lead-v370-filters .date-control>.calendar-trigger{
  flex:0 0 40px!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
}
body[data-page="lead-import"] .lead-v370-filter-actions .btn,
body.ui-compact-ready[data-page="lead-import"] .lead-v370-filter-actions .btn{
  min-width:108px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 15px!important;
  border-radius:11px!important;
  font-size:12px!important;
  font-weight:850!important;
}
body[data-page="lead-import"] .lead-v370-filter-actions .btn-primary{
  background:#123e61!important;
  border-color:#123e61!important;
  color:#fff!important;
}
body[data-page="lead-import"] .lead-v370-filter-actions .btn-muted{
  background:#fff!important;
  border-color:#cbd9e4!important;
  color:#274f68!important;
}

@container tiam-lead-inventory (max-width:760px){
  body[data-page="lead-import"] .lead-v370-filters.ui-filter-panel.is-open,
  body.ui-compact-ready[data-page="lead-import"] .lead-v370-filters.ui-filter-panel.is-open{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-page="lead-import"] .lead-v370-filters>.lead-v370-search,
  body[data-page="lead-import"] .lead-v370-filters>.lead-v370-batch{grid-column:1/-1!important}
  body[data-page="lead-import"] .lead-v370-filters>.field:nth-of-type(2),
  body[data-page="lead-import"] .lead-v370-filters>.field:nth-of-type(4),
  body[data-page="lead-import"] .lead-v370-filters>.field:nth-of-type(5){grid-column:span 1!important}
  body[data-page="lead-import"] .lead-v370-filters>.lead-v370-filter-actions{grid-column:1/-1!important}
}
@container tiam-lead-inventory (max-width:500px){
  body[data-page="lead-import"] .lead-v370-filters.ui-filter-panel.is-open,
  body.ui-compact-ready[data-page="lead-import"] .lead-v370-filters.ui-filter-panel.is-open{
    grid-template-columns:1fr!important;
  }
  body[data-page="lead-import"] .lead-v370-filters>*{grid-column:1/-1!important}
  body[data-page="lead-import"] .lead-v370-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  body[data-page="lead-import"] .lead-v370-filter-actions .btn{min-width:0!important;width:100%!important}
  .tiam-payment-time-select{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:4px}
}
