/* Feinh Pro (UI v2): the drill-down drawer (public/js/fp-drill.js), shared by Today and Dashboards. Tokens only. */
.fd { overflow: hidden; }
.fd-body { overflow-y: auto; flex: 1; min-block-size: var(--space-0); padding: var(--space-4) var(--space-6) var(--space-6); gap: var(--space-4); }
.fd-skel { display: flex; flex-direction: column; gap: var(--space-3); }
.fd-def { margin: var(--space-0); color: var(--text-secondary); font-size: var(--text-table-size); line-height: var(--text-table-lh); }
.fd-facts { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); margin: var(--space-0); }
.fd-facts div { display: flex; flex-direction: column; gap: var(--space-half); min-inline-size: var(--space-0); }
.fd-facts dt { color: var(--text-tertiary); font-size: var(--text-meta-size); line-height: var(--text-meta-lh); }
.fd-facts dd { margin: var(--space-0); font-family: var(--font-num); font-size: var(--text-body-size); line-height: var(--text-body-lh); font-weight: var(--weight-strong); color: var(--text-primary); }
.fd-list { list-style: none; margin: var(--space-0); padding: var(--space-0); border-block-start: var(--border-w) solid var(--border-subtle); }
.fd-row { display: flex; flex-direction: column; gap: var(--space-half); padding-block: var(--space-3); border-block-end: var(--border-w) solid var(--border-subtle); min-inline-size: var(--space-0); }
.fd-line { display: flex; align-items: center; gap: var(--space-2); min-inline-size: var(--space-0); }
.fd-title { display: inline-flex; align-items: center; min-block-size: var(--control-sm); min-inline-size: var(--space-0); max-inline-size: 100%; padding: var(--space-0); border: var(--border-w) solid transparent; background: transparent;
  color: var(--text-link); font: inherit; font-size: var(--text-body-size); line-height: var(--text-body-lh); font-weight: var(--weight-strong); text-align: start; cursor: pointer; text-decoration: none; }
.fd-title:hover { text-decoration: underline; color: var(--text-link-hover); }
.fd-title.is-plain { color: var(--text-primary); cursor: default; }
.fd-title.is-plain:hover { text-decoration: none; }
.fd-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-inline-size: var(--space-0); }
.fd-sub { margin: var(--space-0); color: var(--text-secondary); font-size: var(--text-table-size); line-height: var(--text-table-lh); }
.fd-meta { margin: var(--space-0); color: var(--text-tertiary); font-size: var(--text-meta-size); line-height: var(--text-meta-lh); overflow-wrap: anywhere; }
.fd-erp { align-self: flex-start; display: inline-flex; align-items: center; min-block-size: var(--control-sm); color: var(--text-link); font-size: var(--text-meta-size); line-height: var(--text-meta-lh); }
.fd-pager { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.fd-fields { display: flex; flex-direction: column; gap: var(--space-3); margin: var(--space-0); }
.fd-fields div { display: grid; grid-template-columns: minmax(var(--space-0), 2fr) minmax(var(--space-0), 3fr); gap: var(--space-3); }
.fd-fields dt { color: var(--text-secondary); font-size: var(--text-table-size); line-height: var(--text-table-lh); }
.fd-fields dd { margin: var(--space-0); color: var(--text-primary); font-size: var(--text-table-size); line-height: var(--text-table-lh); overflow-wrap: anywhere; }
.fd-acts { display: flex; align-items: center; gap: var(--space-3); margin: var(--space-0); }
@media (max-width: 760px) {
  .fd { inline-size: 100vw; }
  .fd-body { padding: var(--space-4); }
  .fd-title, .fd-erp { min-block-size: var(--control-touch); }
  .fd .fp-btn-sm { block-size: var(--control-touch); min-inline-size: var(--control-touch); }
}

/* a name in the other script keeps the page's alignment and truncates at its own end */
html:not([dir="rtl"]) :is(.fd, .td, .db, .ll) [dir="auto"] { text-align: left; }
html[dir="rtl"] :is(.fd, .td, .db, .ll) [dir="auto"] { text-align: right; }