.pql-focus {
  position: fixed; inset: 0; z-index: 4000; display: flex;
  padding: 16px; background: var(--wp-scrim);
}
.pql-focus[hidden] { display: none; }
body.pql-focus-open { overflow: hidden; }
.pql-focus-panel {
  flex: 1; min-width: 0; display: flex; flex-direction: column;
  overflow: hidden; outline: none; margin: 0;
}
.pql-focus-head {
  flex: none; display: flex; align-items: center; justify-content: flex-start;
  gap: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--border-soft);
}
.pql-focus-body {
  flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden;
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px;
  align-content: start; padding-top: 12px;
}
.pql-focus-read, .pql-focus-look { min-width: 0; }
.pql-focus-read .preload-quicklog-card { margin-bottom: 0; }
.pql-focus .pql-sw-time { font-size: calc(var(--fs-xl) * 2); line-height: 1.1; }
.pql-focus .pql-sw { gap: 10px; }
.pql-focus .pql-focus-expand { display: none; }
.pql-focus-expand[hidden] { display: none; }
.pql-focus .xl-block { margin-top: 0; }
@media (min-width: 1000px) {
  .pql-focus-body { grid-template-columns: minmax(380px, 5fr) minmax(0, 7fr); align-items: start; }
}
@media (max-width: 600px) {
  .pql-focus { padding: 0; }
  .pql-focus-panel { border-radius: 0; border: 0; padding: 10px; }
  .pql-focus-hint { display: none; }
}
 
.hist-row-jump td { box-shadow: inset 0 2px 0 var(--accent), inset 0 -2px 0 var(--accent); }
 
.pql-focus-look { position: relative; }
.pql-focus-gate { z-index: 2; border-radius: var(--radius-card); }