:root{
  --zt-bg:#0b0f14; --zt-panel:#141a22; --zt-line:#2b3440; --zt-text:#e8eef6;
  --zt-muted:#93a0b0; --zt-accent:#3b82f6; --zt-ok:#3fb950; --zt-bad:#f85149;
  --zt-radius:12px;
}
body:has(.info-page) .info-page,
.info-page.zt-full-ready{
  display:flex !important; flex-direction:column !important; gap:12px !important;
  padding:12px 14px 18px !important; min-height:calc(100vh - 64px) !important;
  background:radial-gradient(900px 420px at 0% 0%, rgba(59,130,246,.10), transparent 60%),
    linear-gradient(180deg,#0b0f14,#0e1319 55%,#0b0f14) !important;
  color:var(--zt-text) !important; box-sizing:border-box !important;
}
.zt-left-cabin,.zt-right-cabin,.zt-future-rail,.zt-screen-slot,.zt-extra-ops,#zt-ops-modal{display:none !important;}
.zt-top-meta{
  width:100%; background:linear-gradient(180deg,rgba(20,26,34,.96),rgba(15,20,28,.98));
  border:1px solid var(--zt-line); border-radius:var(--zt-radius); padding:10px 12px;
}
.zt-top-meta .row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;}
.zt-top-meta .row + .row{margin-top:8px;}
.zt-pill{background:rgba(255,255,255,.03);border:1px solid rgba(43,52,64,.95);border-radius:10px;padding:8px 10px;min-height:48px;}
.zt-pill .k{display:block;font-size:11px;color:var(--zt-muted);margin-bottom:3px;}
.zt-pill .v{display:block;font-size:13px;font-weight:600;word-break:break-all;}
.zt-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--zt-bad);}
.zt-dot.on{background:var(--zt-ok);}
.zt-chipbar,.zt-card-ops{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;
  background:rgba(20,26,34,.9);border:1px solid var(--zt-line);border-radius:var(--zt-radius);padding:8px 10px;}
.zt-card-ops{margin-top:8px;}
.zt-chip{appearance:none;cursor:pointer;border:1px solid rgba(43,52,64,.95);background:rgba(255,255,255,.03);
  color:var(--zt-text);border-radius:999px;padding:6px 12px;font-size:12px;}
.zt-chip:hover{border-color:rgba(59,130,246,.55);}
.zt-chip.active{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:transparent;color:#fff;}
.zt-work{width:100%;min-width:0;flex:1;background:rgba(20,26,34,.88);border:1px solid var(--zt-line);
  border-radius:var(--zt-radius);padding:10px;}
.zt-main-view,.zt-inline-panel{width:100%;box-sizing:border-box;}
.zt-inline-panel{border:1px solid var(--zt-line);border-radius:10px;padding:12px;margin-bottom:12px;background:rgba(255,255,255,.02);}
.zt-inline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px;}
.zt-inline-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;}
.zt-inline-input{flex:1;min-width:140px;border:1px solid var(--zt-line);border-radius:8px;padding:6px 10px;
  background:#0f172a;color:var(--zt-text);}
.zt-inline-hint{color:var(--zt-muted);font-size:12px;margin:0 0 8px;}
.zt-inline-pre{white-space:pre-wrap;max-height:48vh;overflow:auto;background:#0b1220;border:1px solid var(--zt-line);
  border-radius:8px;padding:10px;font-size:12px;}
.zt-inline-ul{line-height:1.8;padding-left:18px;}
.zt-inline-err{color:var(--zt-bad);}
.zt-alb-grid{display:flex;flex-wrap:wrap;gap:10px;}
.zt-alb-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:104px;}
.zt-alb-thumb{width:96px;height:96px;object-fit:cover;border:1px solid var(--zt-line);border-radius:6px;}
.zt-perm-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 12px;}
.zt-perm-light{border:1px solid var(--zt-line);border-radius:10px;padding:10px;background:rgba(255,255,255,.02);font-size:12px;}
.zt-work #zt-native-host,.zt-work .n-tabs,.zt-work .n-tab-pane{width:100% !important;max-width:100% !important;}
.zt-work .n-tab-pane{min-height:420px;}
@media (max-width:1200px){
  .zt-top-meta .row{grid-template-columns:repeat(3,minmax(0,1fr));}
  .zt-perm-board{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px){
  .zt-top-meta .row{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* --- oplog clean / junk hide --- */
.zt-junk-hide,.zt-adb-ip-form,[class*="host_port"]{display:none !important;}
html.zt-inline-active #zt-native-host .n-tab-pane .n-button,
html.zt-inline-active #zt-native-host .n-tab-pane button,
html.zt-inline-active #zt-native-host .n-tab-pane .n-select,
html.zt-inline-active #zt-native-host .n-tab-pane .n-input,
html.zt-inline-active #zt-native-host .n-tab-pane .n-base-selection{
  /* native chrome under inline panel — keep container but reduce clash */
}
#zt-ops-modal,.zt-extra-ops{display:none !important;}
.zt-oplog-table-wrap{max-height:52vh;overflow:auto;border:1px solid var(--zt-line);border-radius:8px;}
.zt-oplog-table{width:100%;border-collapse:collapse;font-size:12px;color:var(--zt-text);}
.zt-oplog-table th,.zt-oplog-table td{border-bottom:1px solid rgba(43,52,64,.85);padding:8px 10px;text-align:left;vertical-align:top;}
.zt-oplog-table th{color:#58a6ff;position:sticky;top:0;background:#141a22;}

/* Fig2 unify: hide native pane chrome while our panel shows */
.zt-fig2-native-hide{display:none !important;}
#zt-native-host #main-view-container,
.n-tab-pane #main-view-container{
  display:block;
  width:100%;
  box-sizing:border-box;
  margin:0 0 12px;
}
.zt-fig2-extra .zt-fig2-tabchip{font-size:12px;}

/* --- oplog pager enlarge 20260714oplogfix --- */
.keylog-pagination{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;}
.keylog-pagination .n-button{min-height:34px;padding:0 14px;font-size:14px;}
.keylog-pagination .n-input-number,
.keylog-pagination .n-input{min-width:96px !important;width:110px !important;}
.keylog-pagination .n-input-number .n-input__input-el,
.keylog-pagination .n-input .n-input__input-el{font-size:15px;height:34px;line-height:34px;}
.keylog-pagination .n-input-number-suffix,
.keylog-pagination .n-button.n-button--tiny,
.keylog-pagination button{transform:scale(1.15);transform-origin:center;}