.td{container-type:inline-size;color:var(--bfj-text);font-family:var(--bfj-font-body);display:grid;gap:var(--bfj-space-6);transition:opacity var(--bfj-duration-base)}
.td.loading .td-tiles,.td.loading [data-td=coming],.td.loading [data-td=needs]{opacity:.72}
.td p{margin:0;max-width:none}
.td button{font:inherit}
.td :focus-visible{outline:2px solid var(--bfj-interactive);outline-offset:2px}
.td-h1{font-family:var(--bfj-font-display);font-weight:400;font-size:var(--bfj-text-h2);line-height:1.05;margin:0;letter-spacing:.01em}
.td-state{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem var(--bfj-space-3);color:var(--bfj-text-2);font-size:var(--bfj-text-small);margin-top:var(--bfj-space-2)!important}
.td-link{background:0 0;border:0;padding:0;color:var(--bfj-interactive-soft);cursor:pointer;font-size:var(--bfj-text-meta)}
.td-link:hover{text-decoration:underline}
.td-block{display:grid;gap:var(--bfj-space-3)}
.td-bh{display:flex;align-items:baseline;gap:var(--bfj-space-3)}
.td-bh h3{font-size:var(--bfj-text-h3);font-weight:600;margin:0}
.td-bh .td-link,.td-sub{margin-left:auto}
.td-sub{color:var(--bfj-text-3);font-size:var(--bfj-text-meta)}
.td-count{min-width:1.6rem;height:1.6rem;padding:0 .45rem;border-radius:var(--bfj-radius-pill);display:inline-flex;align-items:center;justify-content:center;font-size:var(--bfj-text-meta);font-weight:700;background:var(--bfj-warning-bg);border:1px solid var(--bfj-warning-border);color:var(--bfj-text)}
.td-count.red{background:var(--bfj-error-bg);border-color:var(--bfj-error-border)}
.td-lead{color:var(--bfj-text-2);font-size:var(--bfj-text-body)}
.td-lead.amber::before,.td-lead.green::before{content:"";display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-right:.55rem;vertical-align:.05em;background:var(--bfj-success)}
.td-lead.amber::before{background:var(--bfj-warning)}
.td-note{color:var(--bfj-text-2);font-size:var(--bfj-text-small);margin-top:var(--bfj-space-2)!important}
.td-list{list-style:none;margin:0;padding:0;background:var(--bfj-surface);border:1px solid var(--bfj-line);border-radius:var(--bfj-radius-lg);overflow:hidden}
.td-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--bfj-space-2) var(--bfj-space-4);padding:var(--bfj-space-3) var(--bfj-space-4)}
.td-row+.td-row{border-top:1px solid var(--bfj-line)}
.td-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--bfj-warning)}
.td-row.red .td-dot{background:var(--bfj-error)}
.td-title{font-weight:600;font-size:var(--bfj-text-body);line-height:1.35}
.td-detail{color:var(--bfj-text-2);font-size:var(--bfj-text-small);line-height:1.45;margin-top:.1rem!important}
.td-age{color:var(--bfj-text-3);font-size:var(--bfj-text-meta);white-space:nowrap}
.td-act{background:var(--bfj-interactive-bg);border:1px solid var(--bfj-interactive-border);color:var(--bfj-text);border-radius:var(--bfj-radius-md);padding:.45rem .85rem;font-size:var(--bfj-text-small);font-weight:600;cursor:pointer;white-space:nowrap;min-height:36px}
.td-act:hover{background:var(--bfj-interactive-bg-hover);border-color:var(--bfj-interactive-border-hover)}
.td-date{min-width:6.2rem;font-size:var(--bfj-text-meta);font-weight:600;color:var(--bfj-text);background:var(--bfj-surface-raised);border:1px solid var(--bfj-line-strong);border-radius:var(--bfj-radius-pill);padding:.2rem .6rem;text-align:center;white-space:nowrap}
.td-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--bfj-space-3)}
.td-tile{display:grid;gap:.3rem;text-align:left;background:var(--bfj-surface);border:1px solid var(--bfj-line);border-radius:var(--bfj-radius-lg);padding:var(--bfj-space-3) var(--bfj-space-4);color:var(--bfj-text);cursor:pointer;transition:border-color var(--bfj-duration-fast)}
.td-tile:hover{border-color:var(--bfj-line-strong)}
.td-lab{font-size:var(--bfj-text-meta);color:var(--bfj-text-2)}
.td-val{font-family:var(--bfj-font-display);font-size:var(--bfj-text-h2);line-height:1;min-height:1em}
.td-val.none{color:var(--bfj-text-3)}
.td-chg{font-size:var(--bfj-text-meta);color:var(--bfj-text-3);min-height:1.2em}
.td-chg.up{color:var(--bfj-success)}
.td-chg.down{color:var(--bfj-error)}
.td-skel{height:3.2rem;border-radius:var(--bfj-radius-md);background:linear-gradient(90deg,var(--bfj-surface) 0,var(--bfj-surface-raised) 50%,var(--bfj-surface) 100%);background-size:200% 100%;animation:td-shine 1.4s linear infinite;margin-bottom:var(--bfj-space-2)}
.td-skel.sm{display:inline-block;height:1.6rem;width:3rem;margin:0}
@keyframes td-shine{
to{background-position:-200% 0}
}
@media (prefers-reduced-motion:reduce){
.td-skel{animation:none}
}
@container (max-width:900px){
.td-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container (max-width:560px){
.td-tiles{grid-template-columns:1fr 1fr;gap:var(--bfj-space-2)}
.td-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"dot main main" ". age act";padding:var(--bfj-space-3)}
.td-row .td-date,.td-row .td-dot{grid-area:dot}
.td-row .td-main{grid-area:main}
.td-row .td-age{grid-area:age}
.td-row .td-act{grid-area:act}
.td-row.plain{grid-template-areas:"dot main main" ". age act"}
.td-row.plain .td-date{grid-area:dot;min-width:0}
}
.admin-groups.cc-rail{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;min-width:180px;flex:none;position:sticky;top:1rem;align-self:flex-start}
.cc-rail .cc-place{display:flex;align-items:center;gap:var(--bfj-space-3);width:100%;text-align:left;background:0 0;border:1px solid transparent;border-radius:var(--bfj-radius-md);color:var(--bfj-text-2);font:600 var(--bfj-text-small)/1.2 var(--bfj-font-body);padding:.6rem .75rem;cursor:pointer;min-height:40px}
.cc-rail .cc-place svg{width:18px;height:18px;flex:none;opacity:.85}
.cc-rail .cc-place:hover{background:var(--bfj-surface);color:var(--bfj-text)}
.cc-rail .cc-place.active{background:var(--bfj-surface-raised);border-color:var(--bfj-line-strong);color:var(--bfj-text)}
.cc-rail .cc-place.active svg{color:var(--bfj-interactive-soft);opacity:1}
.cc-rail .cc-place .xp-badge{margin-left:auto}
.cc-rail .cc-sep{height:1px;background:var(--bfj-line);margin:var(--bfj-space-3) .5rem}
@media (max-width:760px){
.admin-groups.cc-rail{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;min-width:0;width:100%;position:static;gap:var(--bfj-space-1);padding-bottom:var(--bfj-space-2);scrollbar-width:none}
.cc-rail::-webkit-scrollbar{display:none}
.cc-rail .cc-place{width:auto;flex:none;padding:.5rem .7rem;border-color:var(--bfj-line)}
.cc-rail .cc-sep{display:none}
}
.admin-inline-link{background:0 0;border:0;padding:0;font:inherit;color:var(--bfj-interactive-soft);text-decoration:underline;text-underline-offset:2px;cursor:pointer}