.time-basis { display:flex; align-items:flex-start; gap:var(--space-4); padding:var(--space-5); margin:var(--space-4) 0; }
.time-basis__icon { color:var(--color-primary); flex-shrink:0; }
.time-basis__icon svg { width:24px; height:24px; }
.time-basis > div:nth-child(2) { flex:1; min-width:0; }
.time-basis h2,.time-panel h2 { font-size:1.125rem; font-weight:800; margin-bottom:var(--space-2); }
.time-basis p { font-size:.875rem; margin-bottom:var(--space-2); }
.time-basis > .badge { flex-shrink:0; }
.time-panel { padding:var(--space-5); margin:var(--space-4) 0; }
.time-panel .section-head { align-items:flex-start; gap:var(--space-3); flex-wrap:wrap; }
.time-control { margin-top:var(--space-3); padding-top:var(--space-3); border-top:1px solid var(--color-border); display:grid; gap:var(--space-2); min-width:0; }
.time-control__label { display:flex; align-items:center; gap:8px; font-size:.8125rem; font-weight:700; }
.time-control__label svg { width:16px; height:16px; }
.time-choices { display:flex; flex-wrap:wrap; gap:6px; }
.time-choices .chip { font-size:.75rem; padding:6px 10px; }
.time-queue { list-style:none; padding:0; margin-top:var(--space-4); }
.time-queue li { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); padding:var(--space-3) 0; border-bottom:1px solid var(--color-border); }
.time-queue li > div { min-width:0; }
.time-queue strong { display:block; font-size:.875rem; }
.time-queue span { display:block; font-size:.8125rem; color:var(--color-text-muted); margin-top:4px; }
.time-queue .btn { flex-shrink:0; }
.time-empty { margin-top:var(--space-3); font-size:.875rem; color:var(--color-text-muted); }
.time-notification { border-left:3px solid var(--color-primary); padding:var(--space-4); margin-top:var(--space-4); background:var(--color-bg); border-radius:8px; }
.time-notification h3 { font-size:1rem; font-weight:800; margin:8px 0; }
.time-notification p { margin-bottom:8px; overflow-wrap:anywhere; }
.exp-event__choices { width:320px; max-width:100%; flex-shrink:0; }
.ev__time small { font-size:.6875rem; color:var(--color-text-muted); margin-top:6px; display:block; }
@media(max-width:700px) {
  .time-basis { flex-wrap:wrap; padding:var(--space-4); }
  .time-basis > .badge { margin-left:40px; }
  .time-panel { padding:var(--space-4); }
  .time-queue li { align-items:flex-start; flex-direction:column; }
  .exp-event__choices { width:100%; }
}