#panel-start { align-items: stretch; justify-content: flex-start; overflow-y: auto;
  overflow-x: hidden; overscroll-behavior-x: none; }

 
.sa-grid { display: grid; grid-template-columns: 1fr; gap: 14px; align-items: start; flex-shrink: 0; }
.sa-left, .sa-right { min-width: 0; }
@media (min-width: 1200px) {
  .sa-grid { grid-template-columns: minmax(0, 780px) minmax(0, 1fr); }
}
 
#panel-start #panel-addlog { display: flex; flex-direction: column; overflow: visible; }
#panel-start .addlog-grid { grid-template-columns: minmax(0, 1fr); }  
 
.start-card { display: flex; flex-direction: column; flex-shrink: 0; width: 100%; max-width: 980px; margin: 0 auto; }
.start-intro { margin: -2px 0 10px; }

.start-list { display: flex; flex-direction: column; }

 
.start-section-heading {
  font-size: var(--fs-base); font-weight: 700; color: var(--muted);
  margin: 4px 0 6px;
}
.start-section-heading + .start-list { margin-top: 0; }
h3.start-section-heading ~ h3.start-section-heading { margin-top: 18px; }

.start-row {
  display: flex; align-items: center; gap: 14px;
  padding: 9px 6px; border-bottom: 1px solid var(--border); border-radius: var(--radius-md);
}
.start-row:hover { background: var(--bg); }
.start-row:last-child { border-bottom: 0; }

 
.start-rail { width: 4px; align-self: stretch; border-radius: 2px; background: var(--muted); flex: 0 0 auto; }

.start-row-main { flex: 1 1 auto; min-width: 0; }
 
.start-label {
  font-weight: 600; font-size: var(--fs-base); line-height: 1.3;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
 
.start-flag { font-size: 1.15em; }

 
.start-row-when {
  flex: 0 1 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 3px;
  min-width: 90px; max-width: 58%; font-size: var(--fs-md); line-height: 1.3;
}
.start-lastdone { font-weight: 600; color: var(--text); }

 
.start-chip {
  display: inline-block; font-size: var(--fs-sm); font-weight: 700; border-radius: var(--radius-pill); padding: 2px 9px; white-space: nowrap;
}
.start-chip.grey { background: var(--muted-soft); color: var(--muted); }
.start-chip.green { background: var(--good-soft); color: var(--good); }
.start-chip.amber { background: var(--warn-soft); color: var(--warn-text); }
.start-chip.red { background: var(--danger-soft); color: var(--accent-2); }

 
.start-chip-row { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
 
.start-chip.start-pph { background: var(--muted-soft); color: var(--muted); font-weight: 600; }
 
.start-chip.start-ws, .start-chip.start-ws-pct { background: var(--muted-soft); color: var(--muted); font-weight: 600; }
 
.start-chip.start-due { background: var(--warn-soft); color: var(--warn-text); font-weight: 700; }

 
.start-go {
  flex: 0 0 auto; padding: 6px 14px; font-size: var(--fs-md);
  opacity: 0; transition: opacity .12s ease;
   
}
.start-row:hover .start-go, .start-row:focus-within .start-go, .start-go:focus { opacity: 1; }

@media (max-width: 640px) {
  .start-row { flex-wrap: wrap; row-gap: 4px; }
  .start-row-main { flex-basis: calc(100% - 20px); }
  .start-row-when { align-items: flex-start; min-width: 0; }
  .start-label, .start-sub { white-space: normal; }
   
  .start-go { opacity: 1; }
}

 
#silvana-quicklog-row { margin-bottom: 10px; }
#yt-status, #sp-status { font-size: var(--fs-md); }
#addlog-manual-card { display: flex; flex-direction: column; min-height: 0; }
#form-r-compr-line, #form-l-compr-line { font-size: var(--fs-md); margin: 4px 0; }