/* T6 独立样式，避免与其他会话 v3.css 写入冲突。全站令牌支持双皮肤/明暗。 */
.dbi-page { display:grid; gap:18px; min-inline-size:0; color:var(--text); }
.dbi-top { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.dbi-top h1,.dbi-dialog h2 { font-family:var(--display); text-transform:uppercase; margin:0; }
.dbi-path { flex-basis:100%; overflow-wrap:anywhere; color:var(--muted); font-family:var(--mono); margin:0; }
.dbi-layout { display:grid; grid-template-columns:minmax(200px,260px) minmax(0,1fr); gap:18px; }
.dbi-panel,.dbi-grid,.dbi-dialog { background:var(--surface-solid); color:var(--text); border:2px solid var(--ink); border-radius:var(--r-card); box-shadow:5px 5px 0 var(--ink); padding:14px; min-inline-size:0; }
.dbi-panel summary,.dbi-shot summary,.dbi-tree summary { cursor:pointer; padding-block:6px; }
.dbi-main { display:grid; align-content:start; gap:14px; min-inline-size:0; }
.dbi-bar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.dbi-page input { background:var(--surface-2); color:var(--text); border:1px solid var(--line-strong); border-radius:var(--r-ctl); padding:10px; min-inline-size:0; max-inline-size:100%; }
.dbi-bar input { flex:1 1 160px; }
.dbi-table-pick { display:grid; gap:3px; text-align:start; inline-size:100%; padding:9px; margin-block:5px; background:var(--surface-2); color:var(--text); border:1px solid var(--line); border-radius:var(--r-ctl); cursor:pointer; }
.dbi-table-pick small { color:var(--muted); }
.dbi-table-pick[aria-current=true] { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 12%,var(--surface-solid)); }
.dbi-grid { overflow:auto; max-inline-size:100%; max-block-size:68vh; padding:0; }
.dbi-table { border-collapse:separate; border-spacing:0; min-inline-size:100%; font-family:var(--mono); font-size:12px; }
.dbi-table caption { text-align:start; padding:12px; color:var(--muted); }
.dbi-table th,.dbi-table td { padding:9px; border-block-end:1px solid var(--line); border-inline-end:1px solid var(--line); text-align:start; min-inline-size:110px; max-inline-size:320px; overflow-wrap:anywhere; }
.dbi-table thead { position:sticky; inset-block-start:0; z-index:1; background:var(--surface-2); }
.dbi-table tbody tr { cursor:pointer; }
.dbi-table tbody tr:hover { background:var(--surface-2); }
.dbi-page :focus-visible,.dbi-dialog :focus-visible,.dbi-shot :focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.dbi-dialog { inline-size:min(1000px,94vw); max-block-size:88vh; overflow:auto; }
.dbi-fields { display:grid; grid-template-columns:minmax(100px,180px) minmax(0,1fr); gap:0; margin-block:8px; }
.dbi-fields dt,.dbi-fields dd { margin:0; padding:8px; border-block-end:1px solid var(--line); overflow-wrap:anywhere; white-space:pre-wrap; }
.dbi-fields dt { color:var(--muted); font-family:var(--mono); }
.dbi-value { overflow-wrap:anywhere; white-space:pre-wrap; }
.dbi-shot { padding:10px; border:1px solid var(--line-strong); border-radius:var(--r-ctl); }
.dbi-shot details { margin-block:8px; }
.dbi-health[data-status=red] { color:var(--st-fail); }
.dbi-health[data-status=yellow] { color:var(--st-run); }
.dbi-health[data-status=green] { color:var(--st-done); }
:root[data-style=classic] .dbi-panel,:root[data-style=classic] .dbi-grid,:root[data-style=classic] .dbi-dialog { border:1px solid var(--line-strong); box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 12%,transparent); }
@media(max-width:640px) {
  .dbi-layout { grid-template-columns:minmax(0,1fr); }
  .dbi-layout>aside { max-block-size:32vh; overflow:auto; }
  .dbi-fields { grid-template-columns:minmax(75px,30%) minmax(0,1fr); }
  .dbi-dialog { inline-size:94vw; padding:10px; }
}
@media(prefers-reduced-motion:reduce) { .dbi-page *,.dbi-dialog *,.dbi-shot * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
