.history-filters{display:grid;grid-template-columns:minmax(150px,220px) minmax(150px,220px) minmax(280px,1fr) auto;align-items:end;gap:12px;margin:0;padding:18px 20px;border-bottom:1px solid #e4e9e5;background:#f8faf8}
.history-filters:has(#generationCompanyField[hidden]){grid-template-columns:minmax(150px,220px) minmax(280px,1fr) auto}
.history-filters label{display:grid;gap:7px;min-width:0;color:#64736b;font-size:10px;font-weight:600;letter-spacing:.2px}
.history-filters input,.history-filters select{width:100%;min-height:42px;padding:0 12px;border:1px solid #d7dfda;border-radius:9px;outline:0;background:#fff;color:#33463c;font-size:11px;box-shadow:0 2px 8px rgba(42,63,51,.025);transition:border-color .18s ease,box-shadow .18s ease}
.history-filters input:focus,.history-filters select:focus{border-color:#88a194;box-shadow:0 0 0 3px rgba(67,105,87,.08)}
.history-filters button{min-height:42px;padding-inline:19px;border-radius:9px;background:linear-gradient(145deg,#3d6b5b,#2b5145);box-shadow:0 7px 16px rgba(38,79,64,.16)}
.history-status{min-height:34px;margin:0;padding:12px 20px 5px;color:#819087;font-size:10px}
.generation-list{padding:0 20px 4px}
.history-record{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 160px 88px;gap:16px;align-items:center;min-height:112px;padding:17px 0;border-bottom:1px solid #e7ece8;transition:background .18s ease,transform .18s ease}
.history-record:last-child{border-bottom:0}
.history-record:hover{background:linear-gradient(90deg,rgba(240,246,242,.72),rgba(255,253,248,.45));transform:translateX(3px)}
.history-record-index{display:grid;width:30px;height:30px;place-items:center;border:1px solid #d9e2dc;border-radius:50%;background:#f7faf8;color:#819188;font:10px Georgia,serif}
.history-record-main{min-width:0}
.history-record-heading{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.history-record-heading strong{color:#315c4d;font-size:12px}
.history-record-heading>span{padding:3px 7px;border-radius:20px;background:#edf3ef;color:#71847a;font-size:9px}
.history-record-main>p{display:-webkit-box;overflow:hidden;margin:0;color:#435149;font-size:12px;line-height:1.75;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.history-record-owner{display:flex;align-items:center;gap:7px;margin-top:9px;color:#8a968f;font-size:9px}
.history-record-owner i{width:3px;height:3px;border-radius:50%;background:#b8c2bc}
.history-record-meta{display:grid;gap:7px;justify-items:start}
.history-record-meta time,.history-record-meta small{color:#849189;font-size:10px;overflow-wrap:anywhere}
.history-record-meta small{color:#99a49e}
.history-detail-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:35px;padding:0 10px;border:1px solid #d6dfd9;border-radius:8px;background:#fff;color:#567064;font-size:9px;white-space:nowrap;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.history-detail-button:hover{border-color:#9cb2a6;background:#f2f7f4;color:#2e5849;transform:translateY(-1px)}
.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:15px 20px;border-top:1px solid #e1e7e2;background:linear-gradient(145deg,#fbfcfa,#f2f6f2);color:#74837b;font-size:10px}
.history-page-summary{color:#7b8981;font-size:10px}
.history-page-controls,.history-page-numbers{display:flex;align-items:center;gap:6px}
.history-page-controls>label{display:flex;align-items:center;gap:7px;margin-right:6px;color:#7d8a82;font-size:9px}
.history-page-controls select{height:32px;padding:0 25px 0 9px;border:1px solid #d8e0da;border-radius:8px;outline:0;background:#fff;color:#52645a;font-size:9px}
.history-page-arrow,.history-page-number{display:grid;width:32px;height:32px;place-items:center;padding:0;border:1px solid #d8e0da;border-radius:9px;background:#fff;color:#65766d;font-size:9px;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.history-page-arrow:hover:not(:disabled),.history-page-number:hover{border-color:#9eb2a7;background:#f5f8f5;color:#31584b;transform:translateY(-1px)}
.history-page-number[aria-current='page']{border-color:#315c4f;background:linear-gradient(145deg,#3c6b5b,#2b5145);color:#fff;box-shadow:0 6px 14px rgba(39,81,67,.18)}
.history-page-arrow:disabled,.history-page-controls select:disabled{cursor:not-allowed;opacity:.38}
.history-page-ellipsis{display:grid;width:22px;place-items:center;color:#a0aaa4;font-size:8px;letter-spacing:1px}
.history-detail{width:min(820px,calc(100vw - 32px));max-height:85vh;padding:26px;border:1px solid #dce5dd;border-radius:18px;background:#fffefa;color:#34463b;overflow:auto}
.history-detail::backdrop{background:#1e302988}.history-detail header{display:flex;align-items:center;justify-content:space-between;gap:20px}.history-detail h2{font-size:21px}.history-detail h3{font-size:15px;margin-top:25px}.history-detail-meta,.history-detail-note{color:#7a877e;font-size:12px;line-height:1.8}
.history-full-copy{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.9;font-size:14px;background:#f3f7f3;padding:20px;border-radius:12px}
.history-detail-field{padding:12px 0;border-bottom:1px solid #edf0eb}.history-detail-field strong{font-size:12px;color:#7a877e}.history-detail-field p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;margin:7px 0 0}
@media(max-width:1000px){.history-filters,.history-filters:has(#generationCompanyField[hidden]){grid-template-columns:1fr 1fr}.history-filters .history-keyword{grid-column:1/-1}.history-filters button{justify-self:start}.history-record{grid-template-columns:38px minmax(0,1fr) 88px}.history-record-meta{display:none}}
@media(max-width:720px){.history-filters,.history-filters:has(#generationCompanyField[hidden]){grid-template-columns:1fr;padding:16px}.history-filters .history-keyword{grid-column:auto}.history-filters button{width:100%}.generation-list{padding-inline:16px}.history-record{grid-template-columns:30px minmax(0,1fr);gap:11px;padding:15px 0}.history-record-index{width:27px;height:27px}.history-detail-button{grid-column:2;justify-self:start}.history-pagination{align-items:flex-start;flex-direction:column;padding:14px 16px}.history-page-controls{width:100%;flex-wrap:wrap}.history-page-controls>label{flex-basis:100%;margin:0 0 3px}.history-page-number,.history-page-arrow{width:30px;height:30px}}

/* Generation history typography: readable at desktop working distance. */
.ops-home #generations .content-flow-nav a {
  grid-template-columns: 34px minmax(0,1fr);
  column-gap: 12px;
  min-height: 76px;
  padding: 13px 17px;
}
.ops-home #generations .content-flow-nav a > span {
  width: 34px;
  height: 34px;
  font-size: 11px;
}
.ops-home #generations .content-flow-nav a strong { font-size: 13px; }
.ops-home #generations .content-flow-nav a small { margin-top: 4px; font-size: 10px; }
.ops-home #generations .content-suite-section-head h3 { font-size: 23px; }
.ops-home #generations .content-suite-section-head p { font-size: 14px; }
.ops-home #generations .content-suite-section-head .ghost-button { min-height: 42px; padding-inline: 17px; font-size: 12px; }
.ops-home #generations .history-filters { gap: 14px; padding: 21px 24px; }
.ops-home #generations .history-filters label { gap: 8px; font-size: 12px; }
.ops-home #generations .history-filters input,
.ops-home #generations .history-filters select {
  min-height: 48px;
  padding-inline: 15px;
  border-radius: 11px;
  font-size: 14px;
}
.ops-home #generations .history-filters button { min-height: 48px; padding-inline: 22px; font-size: 13px; }
.ops-home #generations .history-status { min-height: 39px; padding: 14px 24px 6px; font-size: 12px; }
.ops-home #generations .generation-list { padding-inline: 24px; }
.ops-home #generations .history-record {
  grid-template-columns: 42px minmax(0,1fr) auto 108px;
  gap: 15px;
  min-height: 100px;
  padding: 14px 0;
}
.ops-home #generations .history-record-index { width: 34px; height: 34px; font-size: 11px; }
.ops-home #generations .history-record-heading { gap: 9px; margin-bottom: 6px; }
.ops-home #generations .history-record-heading strong { font-size: 14px; }
.ops-home #generations .history-record-heading > span { padding: 4px 8px; font-size: 11px; }
.ops-home #generations .history-record-main > p { font-size: 15px; line-height: 1.72; }
.ops-home #generations .history-record-owner { margin-top: 7px; font-size: 11px; }
.ops-home #generations .history-record-meta { display: flex; align-items: center; justify-content: flex-end; }
.ops-home #generations .history-record-meta time,
.ops-home #generations .history-record-meta small { font-size: 12px; }
.ops-home #generations .history-detail-button { min-height: 40px; padding-inline: 13px; font-size: 11px; }
.ops-home #generations .history-pagination,
.ops-home #generations .history-page-summary { font-size: 12px; }
.ops-home #generations .history-page-controls > label,
.ops-home #generations .history-page-controls select,
.ops-home #generations .history-page-arrow,
.ops-home #generations .history-page-number { font-size: 11px; }
.ops-home #generations .history-page-controls select,
.ops-home #generations .history-page-arrow,
.ops-home #generations .history-page-number { height: 36px; }
.ops-home #generations .history-page-arrow,
.ops-home #generations .history-page-number { width: 36px; }

@media(max-width:1000px) {
  .ops-home #generations .history-record { grid-template-columns: 42px minmax(0,1fr) 108px; }
  .ops-home #generations .history-record-meta { display: none; }
}

@media(max-width:720px) {
  .ops-home #generations .content-flow-nav a { grid-template-columns: 30px minmax(0,1fr); min-height: 68px; padding: 11px 10px; }
  .ops-home #generations .content-flow-nav a > span { width: 30px; height: 30px; }
  .ops-home #generations .content-flow-nav a strong { font-size: 12px; }
  .ops-home #generations .content-flow-nav a small { font-size: 9px; }
  .ops-home #generations .history-filters { padding: 18px; }
  .ops-home #generations .generation-list { padding-inline: 18px; }
  .ops-home #generations .history-record { grid-template-columns: 36px minmax(0,1fr); gap: 12px; min-height: 0; padding: 14px 0; }
  .ops-home #generations .history-record-main > p { font-size: 14px; }
}