/* subslot.css - full verbatim content will be inserted */
.subs-wrap{padding:6px 0 0}
.subs-title{font-size:12px;color:#cfe3e7;margin:0 0 6px}

.sub-row{
  display:grid;
  grid-template-columns: 64px 150px 1.4fr 1fr 1fr 2fr 2fr auto;
  gap:6px;
  align-items:center;
  padding:6px 0;
  border-top:1px dashed #173239
}
.sub-row:first-of-type{border-top:none}

.move-controls{display:flex;gap:6px}

.icon-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border:2px solid var(--line);
  background:#0d1a20;
  color:#e7eef0;
  cursor:pointer
}
.icon-btn:hover{background:#13222a}
.icon-btn[disabled]{opacity:.45;cursor:not-allowed}

.sub-row.commercial{
  background:rgba(255, 210, 70, 0.10);
  border-left:3px solid #e6c34a;
  padding-left:9px
}
.sub-row.commercial select,
.sub-row.commercial input{
  border-color:#e6c34a
}

/* FLEX row highlight — cyan #00eaff mirroring commercial style */
.sub-row.flex-active{
  background:rgba(0, 234, 255, 0.10);
  border-left:3px solid #00eaff;
  padding-left:9px
}
.sub-row.flex-active select,
.sub-row.flex-active input,
.sub-row.flex-active .icon-btn{
  border-color:#00eaff !important
}

/* --- Tighten sub-slot row to keep Delete inside --- */
.sub-row .time-wrap{
  display:flex;
  align-items:center;
  gap:6px;
}
.sub-row .time-wrap input.time{
  width:120px !important;
  flex:0 0 120px !important;
}
.sub-row .time-wrap .stop-chip{
  white-space:nowrap;
  flex:0 0 auto;
  min-width:80px;
}

.sub-row .del-sub{
  width:70px !important;
  padding:4px 6px !important;
  margin-right:6px !important;
  text-align:center;
  box-sizing:border-box;
}