/* Record Pre Check — UI Finishing Fix54
   Scope is isolated to .pck-record-page. No behavior changes. */
.pck-record-page{
  --pck-navy:#123d69;
  --pck-blue:#1769d2;
  --pck-blue-soft:#edf5ff;
  --pck-text:#203247;
  --pck-muted:#66788d;
  --pck-border:#d8e2ee;
  --pck-surface:#ffffff;
  --pck-surface-soft:#f7f9fc;
  --pck-green:#147a45;
  --pck-green-soft:#eaf8f0;
  --pck-red:#b42318;
  --pck-red-soft:#fff0ef;
  --pck-amber:#9a5b00;
  --pck-amber-soft:#fff6db;
  gap:14px!important;
  color:var(--pck-text)!important;
}
.pck-record-page *{box-sizing:border-box}
.pck-record-page>.panel,
.pck-record-page .pck-record-table-panel{
  border:1px solid var(--pck-border)!important;
  background:var(--pck-surface)!important;
  box-shadow:0 4px 16px rgba(25,53,84,.055)!important;
}

/* Header */
.pck-record-page .pck-module-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:22px!important;
  padding:18px 20px!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.pck-record-page .pck-module-head>div:first-child>span{
  color:#4a6a8a!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
}
.pck-record-page .pck-module-head h2{
  color:var(--pck-navy)!important;
  font-size:23px!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
.pck-record-page .pck-module-head p{
  color:var(--pck-muted)!important;
  font-size:12px!important;
  max-width:720px!important;
}
.pck-record-page .pck-page-tabs{
  display:flex!important;
  align-items:center!important;
  padding:4px!important;
  border:1px solid #d7e3ef!important;
  background:#f1f5fa!important;
}
.pck-record-page .pck-page-tabs button{
  color:#405a74!important;
  background:transparent!important;
  font-weight:700!important;
}
.pck-record-page .pck-page-tabs button.active{
  color:var(--pck-navy)!important;
  background:#fff!important;
  box-shadow:0 1px 5px rgba(22,53,86,.12)!important;
}
.pck-record-page #pck-new{
  color:#fff!important;
  background:var(--pck-blue)!important;
  border-color:var(--pck-blue)!important;
}

/* Date, shift, export */
.pck-record-page .pck-record-controlbar{
  display:grid!important;
  grid-template-columns:minmax(230px,auto) minmax(270px,1fr) auto!important;
  align-items:end!important;
  gap:16px!important;
  padding:14px 16px!important;
  border-radius:14px!important;
}
.pck-record-page .pck-date-nav>span{
  display:block!important;
  margin:0 0 6px!important;
  color:#536b84!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
.pck-record-page .pck-date-nav>div{
  display:grid!important;
  grid-template-columns:38px minmax(140px,1fr) 38px!important;
  overflow:hidden!important;
  border:1px solid #cbd8e6!important;
  border-radius:10px!important;
  background:#fff!important;
}
.pck-record-page .pck-date-nav button{
  height:38px!important;
  min-width:0!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:0!important;
  color:#294d72!important;
  background:#fff!important;
  font-weight:800!important;
}
.pck-record-page .pck-date-nav button+button{border-left:1px solid #e1e8f0!important}
.pck-record-page #pck-date-today{font-size:12px!important}
.pck-record-page .pck-shift-pages{
  width:min(100%,390px)!important;
  justify-self:start!important;
  border:1px solid #d6e2ee!important;
  background:#f2f6fb!important;
}
.pck-record-page .pck-shift-pages button{
  color:#50677f!important;
  font-weight:750!important;
}
.pck-record-page .pck-shift-pages button.active{
  color:#fff!important;
  background:var(--pck-blue)!important;
  box-shadow:none!important;
}
.pck-record-page .pck-export-pdf{
  height:38px!important;
  min-width:112px!important;
  padding:0 16px!important;
  border:1px solid #d44b4b!important;
  border-radius:9px!important;
  color:#a91919!important;
  background:#fff!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.pck-record-page .pck-export-pdf:hover{background:#fff4f4!important}

/* KPI */
.pck-record-page .pck-record-summary{
  gap:12px!important;
}
.pck-record-page .pck-record-summary article{
  min-height:86px!important;
  padding:15px 17px!important;
  border:1px solid var(--pck-border)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(25,53,84,.04)!important;
}
.pck-record-page .pck-record-summary article>span{
  color:#51667d!important;
  font-size:10px!important;
  font-weight:800!important;
}
.pck-record-page .pck-record-summary article>strong{
  font-size:28px!important;
  font-weight:850!important;
}
.pck-record-page .pck-record-summary article>small{
  color:#718096!important;
  font-size:10px!important;
}
.pck-record-page .pck-record-summary article:nth-child(1){background:linear-gradient(135deg,#f6f9ff,#fff)!important}
.pck-record-page .pck-record-summary article.ready{background:linear-gradient(135deg,var(--pck-green-soft),#fff)!important}
.pck-record-page .pck-record-summary article.not-ready{background:linear-gradient(135deg,var(--pck-red-soft),#fff)!important}
.pck-record-page .pck-record-summary article.incomplete{background:linear-gradient(135deg,var(--pck-amber-soft),#fff)!important}

/* Filters */
.pck-record-page .pck-record-toolbar{
  display:grid!important;
  grid-template-columns:minmax(260px,2fr) minmax(160px,.9fr) minmax(175px,1fr) auto auto!important;
  align-items:end!important;
  gap:12px!important;
  padding:14px 16px!important;
  border-radius:14px!important;
}
.pck-record-page .pck-record-toolbar label>span{
  color:#405870!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
}
.pck-record-page .pck-record-toolbar input,
.pck-record-page .pck-record-toolbar select{
  height:40px!important;
  color:#23384e!important;
  background:#fff!important;
  border:1px solid #cbd8e6!important;
  font-size:12px!important;
  font-weight:600!important;
}
.pck-record-page .pck-record-toolbar input::placeholder{color:#91a0b2!important;font-weight:500!important}
.pck-record-page .pck-record-toolbar input:focus,
.pck-record-page .pck-record-toolbar select:focus{
  border-color:#4e93e6!important;
  box-shadow:0 0 0 3px rgba(23,105,210,.12)!important;
}
.pck-record-page .pck-record-toolbar>button{
  height:40px!important;
  min-width:82px!important;
  color:#334e68!important;
  background:#fff!important;
  border:1px solid #cbd8e6!important;
  font-weight:800!important;
}
.pck-record-page .pck-record-toolbar>button.primary{
  color:#fff!important;
  background:var(--pck-blue)!important;
  border-color:var(--pck-blue)!important;
}

/* Bulk actions */
.pck-record-page .pck-bulk-actions{
  display:grid!important;
  grid-template-columns:auto auto auto minmax(180px,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  padding:10px 14px!important;
  margin:0!important;
  border-radius:14px!important;
  background:#f8fafc!important;
}
.pck-record-page .pck-bulk-actions strong{
  min-width:82px!important;
  color:#29435d!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
.pck-record-page .pck-bulk-actions button{
  min-height:36px!important;
  padding:7px 13px!important;
  border-radius:8px!important;
  font-size:10px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.pck-record-page .pck-bulk-actions #pck-delete-selected{
  color:#a61b1b!important;
  border:1px solid #efb5b5!important;
  background:#fff!important;
}
.pck-record-page .pck-bulk-actions #pck-delete-filtered{
  color:#fff!important;
  border:1px solid #b42318!important;
  background:#b42318!important;
}
.pck-record-page .pck-bulk-actions button:disabled{opacity:.45!important;cursor:not-allowed!important}
.pck-record-page .pck-bulk-actions small{
  margin-left:0!important;
  justify-self:end!important;
  color:#6d7f92!important;
  font-size:10px!important;
  line-height:1.35!important;
  text-align:right!important;
}

/* Table */
.pck-record-page .pck-record-table-panel{border-radius:14px!important}
.pck-record-page .pck-record-table th{
  color:#36516c!important;
  background:#eef3f8!important;
  border-bottom:1px solid #d5e0eb!important;
  font-size:9px!important;
  font-weight:850!important;
}
.pck-record-page .pck-record-table td{
  color:#2d4054!important;
  border-bottom:1px solid #e6edf4!important;
  font-size:10px!important;
}
.pck-record-page .pck-record-table tbody tr:nth-child(even){background:#fbfcfe!important}
.pck-record-page .pck-record-table tbody tr:hover{background:#f0f6ff!important}
.pck-record-page .pck-col-select{width:42px!important;min-width:42px!important;text-align:center!important}
.pck-record-page input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  margin:0!important;
  accent-color:var(--pck-blue)!important;
  cursor:pointer!important;
}
.pck-record-page .pck-doc-link{color:#0756b5!important;font-weight:850!important}
.pck-record-page .pck-col-doc small{color:#8494a7!important}
.pck-record-page .pck-row-actions{display:flex!important;gap:6px!important;align-items:center!important}
.pck-record-page .pck-row-actions button{
  min-height:30px!important;
  padding:5px 9px!important;
  border-radius:7px!important;
  font-size:9px!important;
  font-weight:800!important;
}
.pck-record-page .pck-badge.ok{color:#0d6b3b!important;background:#e8f8ef!important;border-color:#91d7ae!important}
.pck-record-page .pck-badge.bad{color:#a51d16!important;background:#fff0ef!important;border-color:#efb2ae!important}
.pck-record-page .pck-badge.warn{color:#8d5300!important;background:#fff4cf!important;border-color:#f2d17d!important}
.pck-record-page .pck-table-footer{color:#66788d!important;background:#fafbfd!important}

@media(max-width:1180px){
  .pck-record-page .pck-record-controlbar{grid-template-columns:minmax(230px,1fr) minmax(260px,1fr) auto!important}
  .pck-record-page .pck-record-toolbar{grid-template-columns:minmax(230px,2fr) minmax(145px,1fr) minmax(160px,1fr) auto auto!important}
  .pck-record-page .pck-bulk-actions{grid-template-columns:auto auto auto 1fr!important}
}
@media(max-width:900px){
  .pck-record-page .pck-module-head{grid-template-columns:1fr!important;gap:13px!important}
  .pck-record-page .pck-page-tabs{justify-self:stretch!important}
  .pck-record-page .pck-page-tabs button{flex:1!important}
  .pck-record-page .pck-record-controlbar{grid-template-columns:1fr 1fr!important}
  .pck-record-page .pck-export-pdf{grid-column:1/-1!important;width:100%!important}
  .pck-record-page .pck-record-toolbar{grid-template-columns:1fr 1fr!important}
  .pck-record-page .pck-record-toolbar .search{grid-column:1/-1!important}
  .pck-record-page .pck-record-toolbar>button{width:100%!important}
  .pck-record-page .pck-bulk-actions{grid-template-columns:1fr 1fr!important}
  .pck-record-page .pck-bulk-actions strong{align-self:center!important}
  .pck-record-page .pck-bulk-actions small{grid-column:1/-1!important;justify-self:start!important;text-align:left!important}
}
@media(max-width:620px){
  .pck-record-page{gap:10px!important}
  .pck-record-page .pck-module-head{padding:15px!important}
  .pck-record-page .pck-module-head h2{font-size:20px!important}
  .pck-record-page .pck-record-controlbar{grid-template-columns:1fr!important}
  .pck-record-page .pck-shift-pages{width:100%!important}
  .pck-record-page .pck-record-summary{grid-template-columns:1fr 1fr!important}
  .pck-record-page .pck-record-toolbar{grid-template-columns:1fr!important}
  .pck-record-page .pck-record-toolbar .search{grid-column:auto!important}
  .pck-record-page .pck-bulk-actions{grid-template-columns:1fr!important}
  .pck-record-page .pck-bulk-actions button{width:100%!important}
  .pck-record-page .pck-bulk-actions small{grid-column:auto!important}
}
@media(max-width:420px){
  .pck-record-page .pck-record-summary{grid-template-columns:1fr!important}
}

/* Fix55 — hard reset KPI card layout against legacy compact rules */
.pck-record-page .pck-record-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  min-width:0!important;
}
.pck-record-page .pck-record-summary article{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  row-gap:5px!important;
  align-items:center!important;
  min-width:0!important;
  min-height:92px!important;
  padding:15px 17px!important;
  overflow:hidden!important;
}
.pck-record-page .pck-record-summary article::before{
  content:""!important;
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:50%!important;
  background:#e8f0ff!important;
  align-self:center!important;
  justify-self:center!important;
  opacity:1!important;
}
.pck-record-page .pck-record-summary article.ready::before{background:#dcf6e7!important}
.pck-record-page .pck-record-summary article.not-ready::before{background:#ffe3e1!important}
.pck-record-page .pck-record-summary article.incomplete::before{background:#fff0cf!important}
.pck-record-page .pck-record-summary article>span{
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#243b53!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:850!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow:visible!important;
  order:initial!important;
  flex:none!important;
}
.pck-record-page .pck-record-summary article>small{
  grid-column:2!important;
  grid-row:2!important;
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#6b7f93!important;
  font-size:10px!important;
  line-height:1.3!important;
  white-space:normal!important;
  overflow:visible!important;
  order:initial!important;
  flex:none!important;
}
.pck-record-page .pck-record-summary article>strong{
  grid-column:3!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:end!important;
  min-width:30px!important;
  margin:0!important;
  padding:0!important;
  color:#154fc4!important;
  font-size:29px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:right!important;
  order:initial!important;
  flex:none!important;
}
.pck-record-page .pck-record-summary article.ready>strong{color:#087a43!important}
.pck-record-page .pck-record-summary article.not-ready>strong{color:#c1261b!important}
.pck-record-page .pck-record-summary article.incomplete>strong{color:#bd5b00!important}

@media(max-width:1180px){
  .pck-record-page .pck-record-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .pck-record-page .pck-record-summary{grid-template-columns:1fr!important}
  .pck-record-page .pck-record-summary article{min-height:84px!important}
}