.tlp{container:timeline-plan/inline-size}.tlp-track{gap:var(--space-2);grid-template-columns:minmax(0,.8fr) minmax(0,1.8fr) minmax(0,1fr);display:grid}.tlp-current-slot{min-width:0}.tlp-card{min-width:0;height:100%;color:var(--text);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius)}.tlp-card.is-current{border-color:var(--accent)}.tlp-card.is-due{border-color:var(--danger)}.tlp-card.is-muted{color:var(--muted)}.tlp-card-head{gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-direction:column;display:flex}.tlp-kicker{color:var(--muted);font-size:var(--font-tag);font-weight:var(--font-weight-strong);letter-spacing:.08em;text-transform:uppercase}.tlp-card-title{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;display:flex}.tlp-card-name{min-width:0;color:var(--heading);font-weight:var(--font-weight-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tlp-card.is-muted .tlp-card-name{color:var(--muted)}.tlp-card-date{align-items:center;gap:var(--space-2);grid-template-columns:minmax(4rem,auto) minmax(0,1fr);min-width:0;display:grid}.tlp-card-date-label,.tlp-empty,.tlp-dim{color:var(--muted)}.tlp-date-value,.tlp-last-change{font-variant-numeric:tabular-nums}.tlp-card-fields{padding:var(--space-3);border-top:1px solid var(--card-border)}.tlp-fields{min-width:0;container:timeline-plan-fields/inline-size}.tlp-fields .ui-field-grid.is-detail,.tlp-date-editor,.tlp-fields .ui-input-action{width:100%}.tlp-requirements,.tlp-last-change{white-space:nowrap}.tlp-table-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden}.tlp-table-head{min-height:var(--table-header-h);align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-bottom:1px solid var(--card-border);display:flex}.tlp-table-head h2{color:var(--heading);font-size:var(--font-h5);margin:0}.tlp-table-head span{color:var(--muted);font-size:var(--font-tag)}.tlp-table-panel .dt{border:0;border-radius:0}.tlp-table-panel .dt td:has(.tlp-date-editor){--dt-pad-y:var(--space-1)}.tlp-toggle{appearance:none;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1) 0;color:var(--accent);border-radius:var(--radius);font:inherit;font-size:var(--font-tag);cursor:pointer;background:0 0;border:0;display:inline-flex}.tlp-toggle:hover{color:var(--accent-hover);text-decoration:underline}.tlp-toggle:active{color:var(--text)}.tlp-toggle:focus-visible{box-shadow:0 0 0 .125rem var(--focus-inner), 0 0 0 .25rem var(--focus-ring);outline:none}@container timeline-plan-fields (width<=30rem){.tlp-fields .ui-field-grid.is-detail{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.tlp-fields .ui-field-grid.is-detail .ui-field-label{line-height:var(--line-height)}.tlp-fields .ui-field-grid.is-detail .ui-field-value+.ui-field-label{margin-top:var(--space-2)}}@container timeline-plan (width<=48rem){.tlp-track{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--card-border) transparent;grid-template-columns:none;grid-auto-columns:min(88%,38rem);grid-auto-flow:column;overflow-x:auto}.tlp-card,.tlp-current-slot{scroll-snap-align:start}}
