/* One table-card system, with direction colours only on semantic IN/OUT columns. */
html[data-theme] body.ytms-app .ytms-data-card{min-width:0;border-radius:16px;border-color:var(--ytms-border);background:var(--ytms-surface);box-shadow:0 3px 12px #00151f0b}
html[data-theme] body.ytms-app .ytms-data-heading{display:flex;align-items:center;gap:11px;margin:0 0 14px;padding:0 0 13px;border-bottom:1px solid var(--ytms-border-soft);color:var(--ytms-text);font-size:15px;font-weight:700;line-height:1.6;overflow-wrap:anywhere}
html[data-theme] body.ytms-app .ytms-panel-symbol{display:inline-grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid var(--ytms-border);border-radius:10px;background:var(--ytms-in-tint);color:var(--ytms-in);pointer-events:none}
html[data-theme] body.ytms-app .ytms-panel-symbol>.ytms-glyph{width:18px;height:18px}
html[data-theme] body.ytms-app .ytms-data-card>.card-heading{align-items:center;gap:12px;margin-bottom:12px;border-bottom:1px solid var(--ytms-border-soft)}
html[data-theme] body.ytms-app .ytms-data-card>.card-heading>.ytms-data-heading{flex:1;border:0;margin:0}
html[data-theme] body.ytms-app .ytms-data-card>:is(.muted,.scope-note){font-size:12px;line-height:1.75}
html[data-theme] body.ytms-app .ytms-data-card>.muted{padding:10px 12px;border:1px solid var(--ytms-border-soft);border-radius:10px;background:var(--ytms-surface-raised)}
html[data-theme] body.ytms-app .ytms-table-wrap{max-width:100%;min-width:0;overflow-x:auto;border-radius:12px;scrollbar-width:thin;scrollbar-color:var(--ytms-border) var(--ytms-surface);overscroll-behavior-x:contain}
html[data-theme] body.ytms-app .ytms-data-table{width:100%;border-collapse:separate;border-spacing:0 5px;font-variant-numeric:tabular-nums}
html[data-theme] body.ytms-app .ytms-data-table.ytms-wide-table{min-width:640px}
html[data-theme] body.ytms-app .ytms-data-table :is(th,td){padding:11px 12px;border:0;font-size:12px;line-height:1.6;vertical-align:middle}
html[data-theme] body.ytms-app .ytms-data-table thead th{padding:10px 12px;color:var(--ytms-text-muted);background:var(--ytms-surface-raised);font-weight:650;border-bottom:1px solid var(--ytms-border);white-space:normal}
html[data-theme] body.ytms-app .ytms-data-table thead tr:first-child th:first-child{border-top-left-radius:10px}
html[data-theme] body.ytms-app .ytms-data-table thead tr:first-child th:last-child{border-top-right-radius:10px}
html[data-theme] body.ytms-app .ytms-data-table tbody tr{background:transparent}
html[data-theme] body.ytms-app .ytms-data-table tbody :is(th,td){border-top:1px solid var(--ytms-border-soft);border-bottom:1px solid var(--ytms-border-soft);color:var(--ytms-text);background:var(--ytms-surface);transition:background .14s}
html[data-theme] body.ytms-app .ytms-data-table tbody tr>:first-child{border-left:1px solid var(--ytms-border-soft);border-radius:10px 0 0 10px;background:var(--ytms-surface-raised);font-weight:600}
html[data-theme] body.ytms-app .ytms-data-table tbody tr>:last-child{border-right:1px solid var(--ytms-border-soft);border-radius:0 10px 10px 0}
html[data-theme] body.ytms-app .ytms-data-table tbody tr>:only-child{border-radius:10px;font-weight:400;color:var(--ytms-text-muted)}
html[data-theme] body.ytms-app .ytms-data-table .ytms-numeric-cell{text-align:right;font-weight:650}
html[data-theme] body.ytms-app .ytms-data-table thead .ytms-col-in{color:var(--ytms-in);background:var(--ytms-in-tint)}
html[data-theme] body.ytms-app .ytms-data-table thead .ytms-col-out{color:var(--ytms-out);background:var(--ytms-out-tint)}
html[data-theme] body.ytms-app .ytms-data-table tbody .ytms-col-in{color:var(--ytms-in);background:color-mix(in srgb,var(--ytms-in-tint) 30%,var(--ytms-surface))}
html[data-theme] body.ytms-app .ytms-data-table tbody .ytms-col-out{color:var(--ytms-out);background:color-mix(in srgb,var(--ytms-out-tint) 30%,var(--ytms-surface))}
html[data-theme] body.ytms-app .ytms-data-table tbody :is(.ytms-col-primary,.ytms-col-in.ytms-numeric-cell,.ytms-col-out.ytms-numeric-cell){font-size:14px;font-weight:700}
html[data-theme] body.ytms-app .ytms-data-table tbody tr:hover>:is(th,td){background:var(--ytms-surface-hover)}
html[data-theme] body.ytms-app .ytms-data-table tbody tr:hover>.ytms-col-in{background:var(--ytms-in-tint)}
html[data-theme] body.ytms-app .ytms-data-table tbody tr:hover>.ytms-col-out{background:var(--ytms-out-tint)}
html[data-theme] body.ytms-app .ytms-data-table tbody tr:is(.selected,[aria-selected=true])>:is(th,td){background:var(--ytms-selection)}
html[data-theme] body.ytms-app .ytms-data-table tbody tr:focus-within>:is(th,td){box-shadow:inset 0 1px var(--ytms-border),inset 0 -1px var(--ytms-border)}
html[data-theme] body.ytms-app .ytms-data-table .ytms-col-out{border-left:1px solid var(--ytms-border-soft)}
@media(max-width:600px){
 html[data-theme] body.ytms-app .ytms-data-card{padding:16px;border-radius:13px}
 html[data-theme] body.ytms-app .ytms-data-heading{font-size:14px;gap:9px;padding-bottom:11px}
 html[data-theme] body.ytms-app .ytms-panel-symbol{width:29px;height:29px;flex-basis:29px;border-radius:9px}
 html[data-theme] body.ytms-app .ytms-data-table :is(th,td){padding:10px 9px;font-size:11px}
 html[data-theme] body.ytms-app .ytms-data-table tbody :is(.ytms-col-primary,.ytms-col-in.ytms-numeric-cell,.ytms-col-out.ytms-numeric-cell){font-size:13px}
}
@media print{html[data-theme] body.ytms-app .ytms-data-card{box-shadow:none}html[data-theme] body.ytms-app .ytms-data-table{border-collapse:collapse;border-spacing:0}html[data-theme] body.ytms-app .ytms-data-table.ytms-wide-table{min-width:0}html[data-theme] body.ytms-app .ytms-data-table tbody :is(th,td){color:var(--ytms-text);background:transparent}}