body[data-view=log] #sg-log,body[data-view=log] #v-log{display:flex}
#v-log .hero{height:clamp(58px,9.5vh,92px)}
#v-log .lgbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#v-log .lgnote{flex:1;color:var(--mut);font-size:14px}
#v-log .lgstg{padding:14px}
#v-log .stt em{color:var(--mut)}
#v-log .stt.lgon{border-color:#a9d8bd;background:#f6fcf8}
#v-log .stt.lgon em{color:#14804a}
#v-log #lgBar{padding:12px 14px}
#v-log .lgscroll{max-height:calc(100vh - 290px);overflow:auto}
#v-log .lgt{width:max-content;min-width:100%;font-size:14px}
#v-log .lgt th,#v-log .lgt td{white-space:nowrap;padding:9px 12px}
#v-log .lgt thead th{position:sticky;top:0;z-index:2}
#v-log .lgt .lgs{position:sticky;left:0;z-index:1;background:#f4f7fc;font-weight:800;text-align:right}
#v-log .lgt thead .lgs{z-index:3}
#v-log .lgt tbody .lgs{background:#fff}
#v-log .lgt tbody tr:hover .lgs{background:#f7faff}
#v-log .lgt td{font-family:var(--mono,ui-monospace,Consolas,monospace)}
@media print{#v-log{display:none!important}}