/* All 500 rows remain available without an endless or truncated preview. */
.novelty-review-kpis { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0; }
.novelty-review-kpis>div { border:1px solid #d6e4e3;background:#f5faf8;border-radius:10px;padding:15px; }
.novelty-review-kpis span { display:block;font-size:12px;color:#49646c; }
.novelty-review-kpis strong { display:block;font-size:25px;line-height:1.4;color:#16464b;font-variant-numeric:tabular-nums; }
.novelty-review-filters { display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:15px; }
.novelty-review-filters label { flex:1 1 160px;display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;min-width:0; }
.novelty-review-filters input,.novelty-review-filters select { width:100%;min-height:44px;border:1px solid #b9cecf;border-radius:7px;background:white;color:#163d4c;font:inherit;font-weight:400;padding:9px 11px; }
.novelty-review-pager { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 0; }
.novelty-review-pager span { font-size:13px; }
#previewPanel .table-wrap { max-height:620px;overflow:auto; }
#previewPanel th,#noveltyIssuesPanel th { position:sticky;top:0;z-index:1; }
#previewPanel td { vertical-align:top; }
#previewPanel details { min-width:130px;max-width:320px; }
#previewPanel summary { cursor:pointer;min-height:40px;padding:7px 0;color:#08766f;font-weight:700; }
.novelty-row-fields { margin:8px 0;min-width:235px;max-width:320px; }
.novelty-row-fields dt { font-size:11px;font-weight:700;color:#456975;margin-top:9px; }
.novelty-row-fields dd { margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px; }
.novelty-unvalued { color:#73500d;background:#fffaf0; }
#noveltyIssuesPanel { padding:20px;border:1px solid #e1b8a4;background:#fffaf6;border-radius:12px;margin-top:20px; }
#noveltyIssuesPanel[hidden] { display:none!important; }
#noveltyIssuesPanel .table-wrap { margin-top:14px;max-height:460px;overflow:auto; }
#noveltyIssuesPanel td { white-space:normal;overflow-wrap:anywhere; }
#noveltyIssuesPanel p { font-size:13px;line-height:1.6; }
#noveltyIssuesPanel h3 { margin-top:0; }
.novelty-review-filters :focus-visible,#previewPanel summary:focus-visible { outline:3px solid #b27a24;outline-offset:3px; }
@media(max-width:700px) { .novelty-review-kpis {grid-template-columns:repeat(2,minmax(0,1fr));} .novelty-review-pager span {order:-1;flex-basis:100%;} #previewPanel {min-width:0;} }
@media print { .novelty-review-filters,.novelty-review-pager {display:none!important;} }

@media(max-width:700px) {
  body[data-mc-page="payroll-novelties"] .topbar {flex-wrap:wrap;}
  body[data-mc-page="payroll-novelties"] .top-actions {flex-wrap:wrap;max-width:100%;}
  .novelty-review-pager .button {min-height:44px;}
  #previewPanel header {flex-wrap:wrap;}
  #previewPanel header>div {flex:1 1 200px;min-width:0;}
  body[data-mc-page="payroll-novelties"] .field,
  body[data-mc-page="payroll-novelties"] .field input,
  body[data-mc-page="payroll-novelties"] .field select,
  body[data-mc-page="payroll-novelties"] .field textarea {min-width:0;}
}

/* Full-draft concept review stays separate from the filtered row preview. */
#previewPanel .novelty-control { min-width:0;max-width:none;width:100%;box-sizing:border-box;border:1px solid #c7dedd;border-radius:12px;padding:14px 16px;margin:14px 0 20px;background:#f5faf9; }
#previewPanel .novelty-control summary { min-height:44px;line-height:1.5;overflow-wrap:anywhere; }
#previewPanel .novelty-control .table-wrap { max-height:360px;max-width:100%;background:#fff;margin:12px 0; }
#previewPanel .novelty-control table { min-width:760px;width:100%; }
#previewPanel .novelty-control th,#previewPanel .novelty-control td { white-space:normal;vertical-align:top; }
#previewPanel .novelty-control caption { text-align:left;padding:12px;font-size:12px;color:#3e6268; }
#previewPanel .novelty-control .button { min-height:44px;white-space:normal; }
.novelty-control-totals { border-left:4px solid #197e76;background:#eef8f5;border-radius:6px;padding:12px 16px;line-height:1.6;font-size:13px;overflow-wrap:anywhere; }
#reviewControlDownload { margin-top:4px;max-width:100%; }
#reviewRange:focus { outline:3px solid #b27a24;outline-offset:4px; }
@media(max-width:400px) { #previewPanel .novelty-control { padding:10px; } #reviewControlDownload { width:100%; } }
@media print { #reviewControlDownload,[data-review-concept-open] { display:none!important; } }

/* Keep the per-concept action reachable in the first column on small screens. */
#reviewConceptRows th[scope="row"] { min-width:112px; }
#reviewConceptRows th[scope="row"] .button { margin-top:8px; font-size:12px; }
#previewPanel .novelty-control .table-wrap:focus-visible { outline:3px solid #b27a24; outline-offset:3px; }

/* Saved batches reuse the complete review; approval/export stay in the workbench. */
#savedReviewPanel { min-width:0; }
#savedReviewPanel[hidden] { display:none!important; }
#savedReviewPanel .table-wrap { max-height:620px;overflow:auto;max-width:100%; }
#savedReviewPanel th { position:sticky;top:0;z-index:1; }
#savedReviewPanel td { vertical-align:top; }
#savedReviewPanel details { max-width:320px; }
#savedReviewPanel summary { cursor:pointer;min-height:44px;padding:8px 0;color:#08766f;font-weight:700; }
#savedReviewPanel .novelty-control { max-width:none;min-width:0;border:1px solid #c7dedd;border-radius:12px;padding:14px 16px;margin:14px 0 20px;background:#f5faf9; }
#savedReviewPanel .novelty-control .table-wrap { max-height:360px;background:white;margin:12px 0; }
#savedReviewPanel .novelty-control table { min-width:760px; }
#savedReviewPanel .novelty-control :is(th,td) { white-space:normal; }
#savedReviewPanel caption { text-align:left;padding:12px;font-size:12px;color:#3e6268; }
#savedReviewPanel .button { min-height:44px;white-space:normal; }
#savedReviewConceptRows th[scope="row"] { min-width:112px; }
#savedReviewConceptRows th[scope="row"] .button { margin-top:8px;font-size:12px; }
#savedReviewPanel :is(summary,.table-wrap):focus-visible,#savedReviewRange:focus { outline:3px solid #b27a24;outline-offset:3px; }
@media(max-width:400px) { #savedReviewPanel .novelty-control { padding:10px; } }