/* New Pre Check Logic DMS — Compact Enterprise UI Build 007.2
   Isolated exclusively to the pre-check modal. */
.modal-box:has(.pck-form){
  position:relative!important;
  width:min(1080px,94vw)!important;
  max-width:1080px!important;
  height:auto!important;
  max-height:92vh!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #d7e2ee!important;
  border-radius:16px!important;
  background:#f4f7fb!important;
  box-shadow:0 24px 64px rgba(7,29,58,.28)!important;
}
.modal-box:has(.pck-form)>#modalClose.close,
.modal-box:has(.pck-form)>.close{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  z-index:80!important;
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 0 2px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#24415f!important;
  font-size:20px!important;
  line-height:1!important;
  box-shadow:0 6px 16px rgba(4,25,54,.16)!important;
}
.modal-box:has(.pck-form)>#modalClose.close:hover,
.modal-box:has(.pck-form)>.close:hover{background:#edf5ff!important;color:#0b5fb8!important;transform:none!important}

.modal-box:has(.pck-form) .pck-form{
  max-width:none!important;
  max-height:92vh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:thin!important;
  scrollbar-color:#9cabbc transparent!important;
  padding:0 12px 0!important;
  background:#f4f7fb!important;
}
.modal-box:has(.pck-form) .pck-form::-webkit-scrollbar{width:8px!important;height:8px!important}
.modal-box:has(.pck-form) .pck-form::-webkit-scrollbar-track{background:transparent!important}
.modal-box:has(.pck-form) .pck-form::-webkit-scrollbar-thumb{background:#9cabbc!important;border-radius:999px!important}

.modal-box:has(.pck-form) .pck-form-head{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  min-height:72px!important;
  margin:0 -12px 10px!important;
  padding:13px 116px 13px 18px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border-radius:0!important;
  background:linear-gradient(115deg,#0a2d55,#0c477f)!important;
  box-shadow:0 6px 16px rgba(8,40,77,.13)!important;
}
.modal-box:has(.pck-form) .pck-form-head h2{margin:0 0 2px!important;font-size:19px!important;line-height:1.18!important;letter-spacing:-.02em!important;color:#fff!important}
.modal-box:has(.pck-form) .pck-form-head p{margin:0!important;font-size:10px!important;line-height:1.3!important;color:#d5e7f8!important}
.modal-box:has(.pck-form) .pck-result-large{
  flex:0 0 auto!important;
  min-width:132px!important;
  margin:0!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.modal-box:has(.pck-form) .pck-result-dot{width:8px!important;height:8px!important;margin-right:7px!important}

.modal-box:has(.pck-form) .pck-form section{
  margin:0 0 8px!important;
  padding:10px 12px!important;
  border:1px solid #d7e2ee!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.modal-box:has(.pck-form) .pck-form section h3{
  margin:0 0 8px!important;
  font-size:12px!important;
  line-height:1.2!important;
  letter-spacing:.04em!important;
  color:#153c67!important;
}
.modal-box:has(.pck-form) .pck-form .form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px 10px!important;
}
.modal-box:has(.pck-form) .pck-form .form-grid label{min-width:0!important;font-size:9px!important;line-height:1.2!important;letter-spacing:.02em!important;color:#4b647e!important}
.modal-box:has(.pck-form) .pck-form .form-grid input,
.modal-box:has(.pck-form) .pck-form .form-grid select,
.modal-box:has(.pck-form) .pck-form .form-grid textarea,
.modal-box:has(.pck-form) .pck-unit-trigger{
  width:100%!important;
  min-height:33px!important;
  height:33px!important;
  margin-top:3px!important;
  padding:6px 9px!important;
  border:1px solid #ccd9e6!important;
  border-radius:8px!important;
  background:#fbfcfe!important;
  font-size:11px!important;
  line-height:1.2!important;
}
.modal-box:has(.pck-form) .pck-form .form-grid input[readonly]{background:#edf3f9!important;color:#244562!important;font-weight:700!important}
.modal-box:has(.pck-form) .pck-notes-field{grid-column:1/-1!important}
.modal-box:has(.pck-form) .pck-unit-dropdown{z-index:100!important}

.modal-box:has(.pck-form) .pck-overview{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0 0 8px!important;
}
.modal-box:has(.pck-form) .pck-summary-card{
  min-height:52px!important;
  padding:7px 11px!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.modal-box:has(.pck-form) .pck-summary-card span{font-size:8px!important;line-height:1.1!important;letter-spacing:.05em!important}
.modal-box:has(.pck-form) .pck-summary-card strong{margin-top:3px!important;font-size:18px!important;line-height:1!important}

.modal-box:has(.pck-form) .pck-progress-wrap{
  margin:0 0 8px!important;
  padding:8px 11px!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.modal-box:has(.pck-form) .pck-progress-head{margin:0!important;font-size:10px!important;line-height:1.2!important}
.modal-box:has(.pck-form) .pck-progress-track{height:5px!important;margin:6px 0!important}
.modal-box:has(.pck-form) .pck-progress-meta{margin-top:0!important;font-size:8px!important;line-height:1.2!important}

.modal-box:has(.pck-form) .pck-section{margin:0 0 8px!important;border-radius:10px!important;box-shadow:none!important}
.modal-box:has(.pck-form) .pck-section-toggle{min-height:40px!important;padding:9px 12px!important;font-size:11px!important;line-height:1.2!important}
.modal-box:has(.pck-form) .pck-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:8px!important}
.modal-box:has(.pck-form) .pck-check-card{min-height:0!important;padding:9px!important;border-radius:9px!important;box-shadow:none!important;transform:none!important}
.modal-box:has(.pck-form) .pck-check-card:hover{transform:none!important;box-shadow:0 5px 14px rgba(20,50,82,.07)!important}
.modal-box:has(.pck-form) .pck-check-card-head{margin-bottom:6px!important}
.modal-box:has(.pck-form) .pck-check-card-head strong{font-size:10px!important}
.modal-box:has(.pck-form) .pck-state-chip{padding:3px 6px!important;font-size:8px!important}
.modal-box:has(.pck-form) .pck-status-options{gap:5px!important;margin-bottom:7px!important}
.modal-box:has(.pck-form) .pck-status-option span{min-height:29px!important;padding:6px 3px!important;font-size:9px!important;border-radius:7px!important}
.modal-box:has(.pck-form) .pck-card-field{margin-top:7px!important}
.modal-box:has(.pck-form) .pck-card-field>label{margin-bottom:3px!important;font-size:9px!important}
.modal-box:has(.pck-form) .pck-upload{min-width:86px!important;height:32px!important;font-size:9px!important;border-radius:7px!important}
.modal-box:has(.pck-form) .pck-thumb-wrap{width:62px!important;height:46px!important;border-radius:7px!important}
.modal-box:has(.pck-form) .pck-check-card textarea,
.modal-box:has(.pck-form) .pck-check-card input[type="text"]{min-height:32px!important;padding:6px 8px!important;font-size:10px!important;border-radius:7px!important}

/* Footer stays at the bottom without covering summary/progress content. */
.modal-box:has(.pck-form) .pck-actions{
  position:sticky!important;
  left:auto!important;
  right:auto!important;
  bottom:0!important;
  z-index:55!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  min-height:56px!important;
  margin:8px -12px 0!important;
  padding:8px 12px!important;
  overflow:visible!important;
  border-top:1px solid #d8e3ee!important;
  background:rgba(255,255,255,.98)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:0 -6px 18px rgba(15,39,71,.10)!important;
  visibility:visible!important;
  opacity:1!important;
}
.modal-box:has(.pck-form) .pck-autosave{margin-right:auto!important;min-width:0!important;font-size:9px!important;text-align:left!important;white-space:nowrap!important}
.modal-box:has(.pck-form) .pck-actions button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:35px!important;
  padding:7px 13px!important;
  border-radius:8px!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  visibility:visible!important;
  opacity:1!important;
}
.modal-box:has(.pck-form) #pck-save-next{
  display:inline-flex!important;
  background:linear-gradient(135deg,#0f766e,#0b5f59)!important;
  border-color:#0f766e!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:0 5px 13px rgba(15,118,110,.18)!important;
}

@media(max-width:980px){
  .modal-box:has(.pck-form){width:96vw!important;max-width:900px!important}
  .modal-box:has(.pck-form) .pck-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .modal{padding:6px!important}
  .modal-box:has(.pck-form){width:100%!important;max-height:98vh!important;border-radius:13px!important}
  .modal-box:has(.pck-form) .pck-form{max-height:98vh!important;padding-inline:8px!important}
  .modal-box:has(.pck-form) .pck-form-head{margin-inline:-8px!important;padding:12px 54px 12px 13px!important;min-height:68px!important;align-items:flex-start!important;flex-direction:column!important;gap:6px!important}
  .modal-box:has(.pck-form) .pck-result-large{min-width:0!important;padding:6px 10px!important}
  .modal-box:has(.pck-form) .pck-form .form-grid{grid-template-columns:1fr!important}
  .modal-box:has(.pck-form) .pck-notes-field{grid-column:auto!important}
  .modal-box:has(.pck-form) .pck-overview{grid-template-columns:1fr 1fr!important}
  .modal-box:has(.pck-form) .pck-actions{margin-inline:-8px!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .modal-box:has(.pck-form) .pck-actions .pck-autosave{grid-column:1/-1!important;width:100%!important;text-align:center!important}
  .modal-box:has(.pck-form) .pck-actions button{width:100%!important}
}
@media(max-width:460px){
  .modal-box:has(.pck-form) .pck-card-grid{grid-template-columns:1fr!important}
  .modal-box:has(.pck-form) .pck-actions{grid-template-columns:1fr!important}
  .modal-box:has(.pck-form) .pck-actions .pck-autosave{grid-column:1!important}
}

/* Build 007.4 - Record per tanggal dibagi Day Shift / Night Shift */
.pck-shift-page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:14px 16px;margin-bottom:14px}.pck-shift-page-head label{min-width:220px}.pck-shift-page-head label span{display:block;font-size:11px;font-weight:800;text-transform:uppercase;color:#52677f;margin-bottom:6px}.pck-shift-page-head input{width:100%;height:38px;border:1px solid #c7d3df;border-radius:9px;padding:0 11px}.pck-shift-pages{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:360px;background:#e8eef5;padding:5px;border-radius:12px}.pck-shift-pages button{height:40px;border:0;border-radius:9px;background:transparent;font-weight:800;color:#39516c;cursor:pointer}.pck-shift-pages button b{display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;margin-left:7px;border-radius:999px;background:#d3deea}.pck-shift-pages button.active{background:#0d5fd7;color:#fff;box-shadow:0 4px 12px rgba(13,95,215,.24)}.pck-shift-pages button.active b{background:rgba(255,255,255,.22)}@media(max-width:760px){.pck-shift-page-head{align-items:stretch;flex-direction:column}.pck-shift-pages{min-width:0;width:100%}.pck-shift-page-head label{min-width:0;width:100%}}

/* Build 007.5 — Record Pre Check compact enterprise refinement */
.pck-record-page{display:flex;flex-direction:column;gap:12px!important;padding-bottom:16px}
.pck-record-page>.panel{margin:0!important}
.pck-record-page .pck-module-head{
  min-height:0!important;padding:18px 22px!important;border-radius:16px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  background:linear-gradient(110deg,#0a2d57 0%,#0c477e 55%,#1469a7 100%)!important;
  box-shadow:0 10px 24px rgba(18,54,92,.12)!important
}
.pck-record-page .pck-module-head>div:first-child{min-width:0}
.pck-record-page .pck-module-head>div:first-child>span{font-size:9px!important;letter-spacing:.11em!important;line-height:1!important;margin-bottom:5px!important}
.pck-record-page .pck-module-head h2{font-size:22px!important;line-height:1.15!important;margin:0!important;white-space:nowrap!important}
.pck-record-page .pck-module-head p{font-size:11px!important;line-height:1.3!important;margin:5px 0 0!important;opacity:.86!important}
.pck-record-page .pck-page-tabs{flex:0 0 auto!important;padding:4px!important;border-radius:11px!important;gap:3px!important;white-space:nowrap!important}
.pck-record-page .pck-page-tabs button{min-height:34px!important;padding:7px 13px!important;border-radius:8px!important;font-size:10px!important;box-shadow:none!important}

.pck-record-page .pck-shift-page-head{
  min-height:0!important;padding:11px 14px!important;border-radius:14px!important;
  display:grid!important;grid-template-columns:minmax(190px,260px) minmax(360px,1fr)!important;align-items:end!important;gap:18px!important
}
.pck-record-page .pck-shift-page-head label span{display:block;margin-bottom:5px!important;font-size:9px!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.pck-record-page .pck-shift-page-head input{height:36px!important;padding:7px 11px!important;font-size:12px!important;border-radius:9px!important}
.pck-record-page .pck-shift-pages{justify-self:end!important;width:min(100%,440px)!important;padding:4px!important;border-radius:11px!important;gap:4px!important}
.pck-record-page .pck-shift-pages button{min-height:36px!important;padding:7px 18px!important;border-radius:8px!important;font-size:12px!important}
.pck-record-page .pck-shift-pages b{min-width:21px!important;height:21px!important;font-size:10px!important}

.pck-record-page .pck-record-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
.pck-record-page .pck-record-summary article{
  min-height:82px!important;padding:13px 15px!important;border-radius:14px!important;display:grid!important;
  grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:10px!important;box-shadow:none!important
}
.pck-record-page .pck-record-summary article span{font-size:9px!important;line-height:1.2!important;letter-spacing:.06em!important}
.pck-record-page .pck-record-summary article strong{grid-column:2!important;grid-row:1/3!important;font-size:27px!important;line-height:1!important;margin:0!important}
.pck-record-page .pck-record-summary article small{font-size:9px!important;line-height:1.2!important;margin-top:4px!important}

.pck-record-page .pck-record-toolbar{
  padding:12px 14px!important;border-radius:14px!important;display:grid!important;
  grid-template-columns:minmax(240px,2fr) minmax(150px,1fr) minmax(160px,1fr) auto auto!important;
  gap:9px!important;align-items:end!important
}
.pck-record-page .pck-record-toolbar label{min-width:0!important;margin:0!important}
.pck-record-page .pck-record-toolbar label>span{display:block!important;margin:0 0 5px!important;font-size:9px!important;line-height:1!important;letter-spacing:.06em!important}
.pck-record-page .pck-record-toolbar input,.pck-record-page .pck-record-toolbar select{height:36px!important;padding:7px 10px!important;border-radius:9px!important;font-size:11px!important}
.pck-record-page .pck-record-toolbar>button{height:36px!important;min-width:88px!important;padding:7px 14px!important;border-radius:9px!important;font-size:10px!important;box-shadow:none!important}

.pck-record-page .pck-record-table-panel{border-radius:14px!important;overflow:hidden!important;box-shadow:none!important}
.pck-record-page .pck-table-scroll{overflow:auto!important;max-width:100%!important;scrollbar-width:thin}
.pck-record-page .pck-record-table{min-width:1030px!important;table-layout:auto!important}
.pck-record-page .pck-record-table th{height:38px!important;padding:9px 10px!important;font-size:8px!important;line-height:1.1!important;letter-spacing:.05em!important;white-space:nowrap!important}
.pck-record-page .pck-record-table td{height:54px!important;padding:8px 10px!important;font-size:10px!important;line-height:1.25!important;vertical-align:middle!important;white-space:nowrap!important}
.pck-record-page .pck-record-table tbody tr:hover{background:#f7faff!important}
.pck-record-page .pck-col-no{width:38px!important;text-align:center!important}
.pck-record-page .pck-col-doc{min-width:190px!important}
.pck-record-page .pck-doc-link{font-size:11px!important;line-height:1.1!important}
.pck-record-page .pck-col-doc small{display:block!important;margin-top:3px!important;font-size:8px!important;line-height:1.1!important;color:#8a9ab0!important}
.pck-record-page .pck-date-main{font-weight:700!important;color:#253d59!important}
.pck-record-page .pck-shift-tag{padding:4px 8px!important;border-radius:999px!important;font-size:9px!important}
.pck-record-page .pck-badge{display:inline-flex!important;max-width:112px!important;justify-content:center!important;padding:5px 9px!important;border-radius:999px!important;font-size:8px!important;line-height:1.15!important;white-space:normal!important;text-align:center!important}
.pck-record-page .pck-list-progress{display:grid!important;grid-template-columns:58px auto!important;align-items:center!important;gap:6px!important;min-width:90px!important}
.pck-record-page .pck-list-progress>div{height:5px!important;border-radius:999px!important;overflow:hidden!important}
.pck-record-page .pck-list-progress span{font-size:8px!important;white-space:nowrap!important}
.pck-record-page .pck-row-actions{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important}
.pck-record-page .pck-row-actions button{height:30px!important;min-width:0!important;padding:5px 8px!important;border-radius:7px!important;font-size:9px!important;white-space:nowrap!important;box-shadow:none!important}
.pck-record-page .pck-table-footer{min-height:46px!important;padding:9px 12px!important;font-size:9px!important}
.pck-record-page .pck-table-footer>div{display:flex!important;align-items:center!important;gap:8px!important}
.pck-record-page .pck-table-footer button{width:30px!important;height:30px!important;border-radius:8px!important;padding:0!important}

@media(max-width:1200px){
 .pck-record-page .pck-module-head h2{white-space:normal!important}
 .pck-record-page .pck-record-toolbar{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(135px,1fr)) auto auto!important}
}
@media(max-width:900px){
 .pck-record-page .pck-module-head{align-items:flex-start!important;flex-direction:column!important;padding:16px!important}
 .pck-record-page .pck-page-tabs{width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}
 .pck-record-page .pck-shift-page-head{grid-template-columns:1fr!important;gap:10px!important}
 .pck-record-page .pck-shift-pages{justify-self:stretch!important;width:100%!important}
 .pck-record-page .pck-record-summary{grid-template-columns:repeat(2,minmax(0,1fr))!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}
}
@media(max-width:560px){
 .pck-record-page{gap:9px!important}
 .pck-record-page .pck-module-head h2{font-size:18px!important}
 .pck-record-page .pck-page-tabs{grid-template-columns:1fr!important}
 .pck-record-page .pck-record-summary{grid-template-columns:1fr!important}
 .pck-record-page .pck-record-toolbar{grid-template-columns:1fr!important}
 .pck-record-page .pck-record-toolbar .search{grid-column:auto!important}
}

/* Record Pre Check KPI — compact, stable, no overlap — Build 007.5.2 */
.pck-record-page .pck-record-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  align-items:stretch!important;
}
.pck-record-page .pck-record-summary article{
  position:relative!important;
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:58px!important;
  height:auto!important;
  padding:9px 42px 9px 43px!important;
  border-radius:11px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  overflow:hidden!important;
  box-shadow:0 3px 10px rgba(21,52,88,.04)!important;
}
.pck-record-page .pck-record-summary article:before{
  position:absolute!important;
  left:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:25px!important;
  height:25px!important;
  border-radius:8px!important;
  display:grid!important;
  place-items:center!important;
  font-size:12px!important;
  line-height:1!important;
}
.pck-record-page .pck-record-summary article:after{display:none!important}
.pck-record-page .pck-record-summary article>span{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.pck-record-page .pck-record-summary article>small{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  color:#7f8fa3!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.pck-record-page .pck-record-summary article>strong{
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  padding:0!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
@media(max-width:1100px){
  .pck-record-page .pck-record-summary article{padding-right:38px!important}
  .pck-record-page .pck-record-summary article>small{display:none!important}
  .pck-record-page .pck-record-summary article>strong{right:10px!important;font-size:19px!important}
}
@media(max-width:820px){
  .pck-record-page .pck-record-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pck-record-page .pck-record-summary article>small{display:block!important}
}
@media(max-width:480px){
  .pck-record-page .pck-record-summary{grid-template-columns:1fr!important;gap:7px!important}
  .pck-record-page .pck-record-summary article{min-height:54px!important}
}

/* =========================================================
   Build 007.5.3 — Record Pre Check color & readability pass
   Scoped only to the Record Pre Check page.
   ========================================================= */
.pck-record-page{
  --pck-ink:#172033;
  --pck-muted:#667085;
  --pck-line:#dfe5ec;
  --pck-soft:#f5f7fa;
  --pck-blue:#1f5fbf;
  --pck-blue-soft:#eaf2ff;
  color:var(--pck-ink)!important;
}
.pck-record-page .panel{
  border-color:var(--pck-line)!important;
  background:#fff!important;
}

/* Header: clean white surface and clear hierarchy. */
.pck-record-page .pck-module-head{
  background:#fff!important;
  border:1px solid var(--pck-line)!important;
  box-shadow:0 2px 8px rgba(15,23,42,.05)!important;
}
.pck-record-page .pck-module-head>div:first-child>span{
  color:#1d4ed8!important;
  font-weight:800!important;
}
.pck-record-page .pck-module-head h2{
  color:#172033!important;
}
.pck-record-page .pck-module-head p{
  color:#667085!important;
  opacity:1!important;
}
.pck-record-page .pck-page-tabs{
  background:#f2f4f7!important;
  border:1px solid #e1e6ed!important;
}
.pck-record-page .pck-page-tabs button{
  color:#475467!important;
  background:transparent!important;
  border-color:transparent!important;
}
.pck-record-page .pck-page-tabs button:hover{
  color:#174ea6!important;
  background:#fff!important;
}
.pck-record-page .pck-page-tabs button.active{
  color:#fff!important;
  background:#1f5fbf!important;
  border-color:#1f5fbf!important;
}
.pck-record-page #pck-new,
.pck-record-page #pck-record-new,
.pck-record-page .pck-page-tabs button:last-child{
  color:#fff!important;
  background:#0f766e!important;
  border-color:#0f766e!important;
}

/* Date and shift navigation. */
.pck-record-page .pck-shift-page-head{
  background:#fff!important;
  border:1px solid var(--pck-line)!important;
  box-shadow:0 2px 8px rgba(15,23,42,.04)!important;
}
.pck-record-page .pck-shift-page-head label span{
  color:#475467!important;
  font-weight:800!important;
}
.pck-record-page .pck-shift-page-head input{
  color:#172033!important;
  background:#fff!important;
  border-color:#cfd7e3!important;
}
.pck-record-page .pck-shift-pages{
  background:#f2f4f7!important;
  border:1px solid #dfe5ec!important;
}
.pck-record-page .pck-shift-pages button{
  color:#475467!important;
  background:transparent!important;
  border-color:transparent!important;
}
.pck-record-page .pck-shift-pages button.active{
  color:#fff!important;
  background:#1f5fbf!important;
  border-color:#1f5fbf!important;
  box-shadow:0 2px 6px rgba(31,95,191,.20)!important;
}
.pck-record-page .pck-shift-pages button:not(.active) b{
  color:#344054!important;
  background:#fff!important;
  border:1px solid #d0d5dd!important;
}
.pck-record-page .pck-shift-pages button.active b{
  color:#174ea6!important;
  background:#fff!important;
}

/* Compact KPI cards with semantic colors and high contrast. */
.pck-record-page .pck-record-summary article{
  background:#fff!important;
  border:1px solid #dfe5ec!important;
  box-shadow:0 2px 8px rgba(15,23,42,.045)!important;
}
.pck-record-page .pck-record-summary article>span{
  color:#344054!important;
  font-weight:800!important;
}
.pck-record-page .pck-record-summary article>small{
  color:#667085!important;
}
.pck-record-page .pck-record-summary article>strong{
  color:#172033!important;
}
.pck-record-page .pck-record-summary article:nth-child(1){
  border-left:4px solid #2563eb!important;
  background:linear-gradient(90deg,#f4f8ff 0,#fff 42%)!important;
}
.pck-record-page .pck-record-summary article:nth-child(1):before{
  background:#dbeafe!important;
  color:#1d4ed8!important;
}
.pck-record-page .pck-record-summary article:nth-child(1)>strong{color:#1d4ed8!important}
.pck-record-page .pck-record-summary article:nth-child(2){
  border-left:4px solid #16a34a!important;
  background:linear-gradient(90deg,#f2fbf5 0,#fff 42%)!important;
}
.pck-record-page .pck-record-summary article:nth-child(2):before{
  background:#dcfce7!important;
  color:#15803d!important;
}
.pck-record-page .pck-record-summary article:nth-child(2)>strong{color:#15803d!important}
.pck-record-page .pck-record-summary article:nth-child(3){
  border-left:4px solid #dc2626!important;
  background:linear-gradient(90deg,#fff5f5 0,#fff 42%)!important;
}
.pck-record-page .pck-record-summary article:nth-child(3):before{
  background:#fee2e2!important;
  color:#b91c1c!important;
}
.pck-record-page .pck-record-summary article:nth-child(3)>strong{color:#b91c1c!important}
.pck-record-page .pck-record-summary article:nth-child(4){
  border-left:4px solid #d97706!important;
  background:linear-gradient(90deg,#fff9ed 0,#fff 42%)!important;
}
.pck-record-page .pck-record-summary article:nth-child(4):before{
  background:#fef3c7!important;
  color:#b45309!important;
}
.pck-record-page .pck-record-summary article:nth-child(4)>strong{color:#b45309!important}

/* Filter toolbar: grouped but not visually heavy. */
.pck-record-page .pck-record-toolbar{
  background:#f8fafc!important;
  border:1px solid var(--pck-line)!important;
  box-shadow:none!important;
}
.pck-record-page .pck-record-toolbar label>span{
  color:#475467!important;
  font-weight:800!important;
}
.pck-record-page .pck-record-toolbar input,
.pck-record-page .pck-record-toolbar select{
  color:#172033!important;
  background:#fff!important;
  border-color:#cfd7e3!important;
}
.pck-record-page .pck-record-toolbar input::placeholder{color:#98a2b3!important}
.pck-record-page .pck-record-toolbar input:focus,
.pck-record-page .pck-record-toolbar select:focus{
  border-color:#3b82f6!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.12)!important;
  outline:0!important;
}
.pck-record-page .pck-record-toolbar>button.primary,
.pck-record-page #pck-record-apply{
  color:#fff!important;
  background:#1f5fbf!important;
  border-color:#1f5fbf!important;
}
.pck-record-page #pck-record-reset,
.pck-record-page .pck-record-toolbar>button:not(.primary){
  color:#344054!important;
  background:#fff!important;
  border-color:#cfd7e3!important;
}

/* Table and actions. */
.pck-record-page .pck-record-table-panel{
  border:1px solid var(--pck-line)!important;
  background:#fff!important;
}
.pck-record-page .pck-record-table th{
  color:#344054!important;
  background:#f2f4f7!important;
  border-bottom-color:#d7dee8!important;
  font-weight:800!important;
}
.pck-record-page .pck-record-table td{
  color:#344054!important;
  border-bottom-color:#edf0f4!important;
}
.pck-record-page .pck-record-table tbody tr:nth-child(even){background:#fbfcfd!important}
.pck-record-page .pck-record-table tbody tr:hover{background:#eef5ff!important}
.pck-record-page .pck-doc-link{color:#174ea6!important}
.pck-record-page .pck-date-main{color:#172033!important}
.pck-record-page .pck-row-actions button{
  color:#344054!important;
  background:#fff!important;
  border-color:#d0d5dd!important;
}
.pck-record-page .pck-row-actions button:hover{
  color:#174ea6!important;
  background:#eef5ff!important;
  border-color:#9ec2f5!important;
}
.pck-record-page .pck-table-footer{
  color:#667085!important;
  background:#fafbfc!important;
  border-top-color:#e4e7ec!important;
}

/* Preserve legibility on narrower screens. */
@media(max-width:760px){
  .pck-record-page .pck-module-head,
  .pck-record-page .pck-shift-page-head,
  .pck-record-page .pck-record-toolbar{box-shadow:none!important}
  .pck-record-page .pck-record-summary article{
    background:#fff!important;
  }
}

/* =========================================================
   BUILD 007.5.4 — PRE CHECK DASHBOARD OUTPUT PDF
   Clear enterprise colors, compact spacing, dashboard scope only
   ========================================================= */
.pck-dashboard{
  --pck-d-text:#172033;
  --pck-d-muted:#667085;
  --pck-d-line:#d9e1ec;
  --pck-d-soft:#f6f8fb;
  --pck-d-blue:#174ea6;
  --pck-d-blue-2:#2563eb;
  --pck-d-green:#067647;
  --pck-d-red:#b42318;
  --pck-d-amber:#b54708;
  color:var(--pck-d-text)!important;
}
.pck-dashboard .panel{
  background:#fff!important;
  border:1px solid var(--pck-d-line)!important;
  box-shadow:0 2px 8px rgba(15,23,42,.045)!important;
}

/* Header: high contrast without a heavy blue block. */
.pck-dashboard .pck-module-head{
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:15px 18px!important;
  margin-bottom:12px!important;
  border-radius:14px!important;
  background:linear-gradient(100deg,#f7faff 0%,#fff 58%)!important;
  border-left:4px solid var(--pck-d-blue-2)!important;
}
.pck-dashboard .pck-module-head>div:first-child{min-width:0!important}
.pck-dashboard .pck-module-head>div:first-child>span{
  display:block!important;
  margin:0 0 4px!important;
  color:var(--pck-d-blue)!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  line-height:1.2!important;
}
.pck-dashboard .pck-module-head h2{
  margin:0!important;
  color:#101828!important;
  font-size:20px!important;
  font-weight:750!important;
  line-height:1.15!important;
}
.pck-dashboard .pck-module-head p{
  margin:4px 0 0!important;
  color:var(--pck-d-muted)!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.pck-dashboard .pck-page-tabs{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  flex:0 0 auto!important;
  padding:4px!important;
  background:#eef2f7!important;
  border:1px solid #d8e0ea!important;
  border-radius:10px!important;
}
.pck-dashboard .pck-page-tabs button{
  min-height:32px!important;
  padding:7px 12px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#475467!important;
  font-size:10px!important;
  font-weight:750!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.pck-dashboard .pck-page-tabs button:hover{
  color:var(--pck-d-blue)!important;
  background:#fff!important;
}
.pck-dashboard .pck-page-tabs button.active{
  color:#fff!important;
  background:var(--pck-d-blue)!important;
  border-color:var(--pck-d-blue)!important;
}
.pck-dashboard .pck-page-tabs button:last-child:not(.active){
  color:#fff!important;
  background:var(--pck-d-blue-2)!important;
  border-color:var(--pck-d-blue-2)!important;
}

/* Filters: compact, clearly grouped and readable. */
.pck-dashboard .pck-output-filter,
.pck-dashboard .pck-d-filter{
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) minmax(130px,.8fr) minmax(130px,.8fr) auto auto!important;
  align-items:end!important;
  gap:9px!important;
  padding:12px!important;
  margin-bottom:12px!important;
  border-radius:12px!important;
  background:var(--pck-d-soft)!important;
  box-shadow:none!important;
}
.pck-dashboard .pck-d-filter label{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
  color:#475467!important;
  font-size:10px!important;
  font-weight:750!important;
}
.pck-dashboard .pck-d-filter input,
.pck-dashboard .pck-d-filter select{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 10px!important;
  color:#172033!important;
  background:#fff!important;
  border:1px solid #cfd7e3!important;
  border-radius:8px!important;
  font-size:11px!important;
  box-shadow:none!important;
}
.pck-dashboard .pck-d-filter input:focus,
.pck-dashboard .pck-d-filter select:focus{
  outline:0!important;
  border-color:#3b82f6!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.12)!important;
}
.pck-dashboard .pck-d-filter>button{
  height:34px!important;
  min-height:34px!important;
  padding:0 15px!important;
  border-radius:8px!important;
  font-size:10px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.pck-dashboard .pck-d-filter>button.primary{
  color:#fff!important;
  background:var(--pck-d-blue)!important;
  border-color:var(--pck-d-blue)!important;
}
.pck-dashboard .pck-d-filter>button:not(.primary){
  color:#344054!important;
  background:#fff!important;
  border-color:#cfd7e3!important;
}

/* PDF output card and table. */
.pck-dashboard .pck-record-table-panel{
  overflow:hidden!important;
  border-radius:14px!important;
}
.pck-dashboard .pck-record-table-panel>.panel-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:54px!important;
  padding:11px 14px!important;
  background:linear-gradient(90deg,#f8fbff,#fff)!important;
  border-bottom:1px solid var(--pck-d-line)!important;
}
.pck-dashboard .pck-record-table-panel>.panel-head h3{
  margin:0!important;
  color:#101828!important;
  font-size:14px!important;
  font-weight:800!important;
}
.pck-dashboard .pck-record-table-panel>.panel-head small{
  display:inline-flex!important;
  margin-top:3px!important;
  padding:3px 7px!important;
  color:var(--pck-d-blue)!important;
  background:#eaf2ff!important;
  border-radius:999px!important;
  font-size:9px!important;
  font-weight:750!important;
}
.pck-dashboard .pck-table-scroll{overflow:auto!important}
.pck-dashboard .pck-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  font-size:11px!important;
}
.pck-dashboard .pck-table th{
  padding:9px 11px!important;
  color:#344054!important;
  background:#eef2f6!important;
  border-bottom:1px solid #d5dde8!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.pck-dashboard .pck-table td{
  padding:9px 11px!important;
  color:#344054!important;
  border-bottom:1px solid #edf0f4!important;
  vertical-align:middle!important;
  line-height:1.3!important;
}
.pck-dashboard .pck-table tbody tr:nth-child(even){background:#fbfcfd!important}
.pck-dashboard .pck-table tbody tr:hover{background:#f1f6ff!important}
.pck-dashboard .pck-table tbody tr:last-child td{border-bottom:0!important}
.pck-dashboard .pck-table td:first-child b{color:#174ea6!important;font-weight:800!important}
.pck-dashboard .pck-table td:nth-child(4)>b{color:#101828!important;font-size:12px!important}
.pck-dashboard .pck-table td:nth-child(4)>small{
  display:inline-flex!important;
  margin-left:5px!important;
  padding:2px 6px!important;
  color:#175cd3!important;
  background:#eff8ff!important;
  border-radius:999px!important;
  font-size:8px!important;
  font-weight:800!important;
}
.pck-dashboard .pck-shift-tag{
  display:inline-flex!important;
  align-items:center!important;
  padding:4px 8px!important;
  color:#344054!important;
  background:#f2f4f7!important;
  border:1px solid #d0d5dd!important;
  border-radius:999px!important;
  font-size:9px!important;
  font-weight:800!important;
}
.pck-dashboard .pck-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:120px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  font-size:8px!important;
  font-weight:850!important;
  line-height:1.15!important;
  text-align:center!important;
}
.pck-dashboard .pck-badge.ok,
.pck-dashboard .pck-badge.ready{color:#05603a!important;background:#ecfdf3!important;border:1px solid #abefc6!important}
.pck-dashboard .pck-badge.bad,
.pck-dashboard .pck-badge.not-ready{color:#b42318!important;background:#fef3f2!important;border:1px solid #fecdca!important}
.pck-dashboard .pck-badge.incomplete{color:#b54708!important;background:#fffaeb!important;border:1px solid #fedf89!important}
.pck-dashboard .pck-print{
  min-height:30px!important;
  padding:6px 10px!important;
  color:#fff!important;
  background:var(--pck-d-blue)!important;
  border:1px solid var(--pck-d-blue)!important;
  border-radius:7px!important;
  font-size:9px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.pck-dashboard .pck-print:hover{background:#123f88!important;border-color:#123f88!important}
.pck-dashboard .empty{padding:30px!important;color:#667085!important;text-align:center!important}

@media(max-width:1100px){
  .pck-dashboard .pck-module-head{align-items:flex-start!important;flex-direction:column!important}
  .pck-dashboard .pck-output-filter,
  .pck-dashboard .pck-d-filter{grid-template-columns:repeat(3,minmax(0,1fr)) auto auto!important}
}
@media(max-width:760px){
  .pck-dashboard .pck-module-head{padding:14px!important}
  .pck-dashboard .pck-module-head h2{font-size:18px!important}
  .pck-dashboard .pck-page-tabs{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .pck-dashboard .pck-page-tabs button{padding:7px 6px!important}
  .pck-dashboard .pck-output-filter,
  .pck-dashboard .pck-d-filter{grid-template-columns:1fr 1fr!important}
  .pck-dashboard .pck-d-filter>button{width:100%!important}
}
@media(max-width:480px){
  .pck-dashboard .pck-page-tabs,
  .pck-dashboard .pck-output-filter,
  .pck-dashboard .pck-d-filter{grid-template-columns:1fr!important}
}

/* =========================================================
   Build 007.5.5 — Unified Dashboard & Record Pre Check
   Scope: .pck-dashboard and .pck-record-page only
   ========================================================= */
:root{
  --pck-ui-bg:#f4f7fb;
  --pck-ui-card:#ffffff;
  --pck-ui-text:#172033;
  --pck-ui-muted:#667085;
  --pck-ui-line:#dfe5ee;
  --pck-ui-soft:#f8fafc;
  --pck-ui-blue:#1f5fbf;
  --pck-ui-blue-dark:#174a96;
  --pck-ui-blue-soft:#edf4ff;
  --pck-ui-green:#067647;
  --pck-ui-green-soft:#ecfdf3;
  --pck-ui-red:#b42318;
  --pck-ui-red-soft:#fef3f2;
  --pck-ui-orange:#b54708;
  --pck-ui-orange-soft:#fffaeb;
}

.pck-dashboard,
.pck-record-page{
  color:var(--pck-ui-text)!important;
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.4!important;
}
.pck-dashboard *,
.pck-record-page *{box-sizing:border-box!important}

.pck-dashboard .panel,
.pck-record-page .panel{
  background:var(--pck-ui-card)!important;
  border:1px solid var(--pck-ui-line)!important;
  border-radius:12px!important;
  box-shadow:0 2px 8px rgba(16,24,40,.045)!important;
}

/* Shared page header */
.pck-dashboard .pck-module-head,
.pck-record-page .pck-module-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:88px!important;
  margin-bottom:12px!important;
  padding:16px 18px!important;
  background:linear-gradient(135deg,#fff 0%,#f7faff 100%)!important;
  border-left:4px solid var(--pck-ui-blue)!important;
}
.pck-dashboard .pck-module-head>div:first-child,
.pck-record-page .pck-module-head>div:first-child{min-width:0!important}
.pck-dashboard .pck-module-head>div:first-child>span,
.pck-record-page .pck-module-head>div:first-child>span{
  display:block!important;
  margin:0 0 3px!important;
  color:var(--pck-ui-blue)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  line-height:1.2!important;
}
.pck-dashboard .pck-module-head h2,
.pck-record-page .pck-module-head h2{
  margin:0!important;
  color:var(--pck-ui-text)!important;
  font-size:20px!important;
  font-weight:750!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
.pck-dashboard .pck-module-head p,
.pck-record-page .pck-module-head p{
  margin:4px 0 0!important;
  color:var(--pck-ui-muted)!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.35!important;
}

/* Shared tabs */
.pck-dashboard .pck-page-tabs,
.pck-record-page .pck-page-tabs{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:6px!important;
  padding:4px!important;
  background:#eef2f7!important;
  border:1px solid #dde3ec!important;
  border-radius:10px!important;
}
.pck-dashboard .pck-page-tabs button,
.pck-record-page .pck-page-tabs button{
  min-height:32px!important;
  padding:6px 11px!important;
  color:#475467!important;
  background:transparent!important;
  border:0!important;
  border-radius:7px!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.pck-dashboard .pck-page-tabs button:hover,
.pck-record-page .pck-page-tabs button:hover{background:#fff!important;color:var(--pck-ui-blue)!important}
.pck-dashboard .pck-page-tabs button.active,
.pck-record-page .pck-page-tabs button.active{
  color:#fff!important;
  background:var(--pck-ui-blue)!important;
  box-shadow:0 1px 3px rgba(31,95,191,.22)!important;
}
.pck-dashboard .pck-page-tabs button:last-child:not(.active),
.pck-record-page .pck-page-tabs button:last-child:not(.active){color:var(--pck-ui-blue)!important;background:#fff!important}

/* Shared filters */
.pck-dashboard .pck-d-filter,
.pck-dashboard .pck-output-filter,
.pck-record-page .pck-record-toolbar{
  display:grid!important;
  align-items:end!important;
  gap:10px!important;
  margin-bottom:12px!important;
  padding:12px!important;
  background:var(--pck-ui-soft)!important;
}
.pck-dashboard .pck-d-filter,
.pck-dashboard .pck-output-filter{grid-template-columns:minmax(160px,1fr) minmax(140px,.8fr) minmax(140px,.8fr) auto auto!important}
.pck-record-page .pck-record-toolbar{grid-template-columns:minmax(240px,1.8fr) minmax(140px,.8fr) minmax(160px,.9fr) auto auto!important}
.pck-dashboard .pck-d-filter label,
.pck-dashboard .pck-output-filter label,
.pck-record-page .pck-record-toolbar label{
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  gap:5px!important;
  margin:0!important;
  color:#344054!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1.2!important;
}
.pck-dashboard .pck-d-filter input,
.pck-dashboard .pck-d-filter select,
.pck-dashboard .pck-output-filter input,
.pck-dashboard .pck-output-filter select,
.pck-record-page .pck-record-toolbar input,
.pck-record-page .pck-record-toolbar select{
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  padding:6px 10px!important;
  color:#344054!important;
  background:#fff!important;
  border:1px solid #cfd7e3!important;
  border-radius:8px!important;
  outline:none!important;
  font-family:inherit!important;
  font-size:11px!important;
  line-height:1.2!important;
}
.pck-dashboard .pck-d-filter input:focus,
.pck-dashboard .pck-d-filter select:focus,
.pck-record-page .pck-record-toolbar input:focus,
.pck-record-page .pck-record-toolbar select:focus{
  border-color:#77a6e8!important;
  box-shadow:0 0 0 3px rgba(31,95,191,.10)!important;
}
.pck-dashboard .pck-d-filter button,
.pck-dashboard .pck-output-filter button,
.pck-record-page .pck-record-toolbar button{
  min-width:76px!important;
  min-height:34px!important;
  padding:6px 12px!important;
  border:1px solid #cfd7e3!important;
  border-radius:8px!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.pck-dashboard .pck-d-filter button.primary,
.pck-dashboard .pck-output-filter button.primary,
.pck-record-page .pck-record-toolbar button.primary{
  color:#fff!important;
  background:var(--pck-ui-blue)!important;
  border-color:var(--pck-ui-blue)!important;
}
.pck-dashboard .pck-d-filter button:not(.primary),
.pck-dashboard .pck-output-filter button:not(.primary),
.pck-record-page .pck-record-toolbar button:not(.primary){color:#475467!important;background:#fff!important}

/* Record date and shift selector */
.pck-record-page .pck-shift-page-head{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:10px!important;
  padding:11px 12px!important;
}
.pck-record-page .pck-shift-page-head label{
  display:flex!important;
  width:min(230px,100%)!important;
  min-width:0!important;
  flex-direction:column!important;
  gap:5px!important;
  color:#344054!important;
  font-size:10px!important;
  font-weight:750!important;
}
.pck-record-page .pck-shift-page-head input{
  width:100%!important;
  height:34px!important;
  padding:6px 10px!important;
  border:1px solid #cfd7e3!important;
  border-radius:8px!important;
  font:500 11px/1.2 inherit!important;
}
.pck-record-page .pck-shift-pages{display:flex!important;gap:7px!important;flex-wrap:nowrap!important}
.pck-record-page .pck-shift-pages button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:6px 12px!important;
  color:#475467!important;
  background:#fff!important;
  border:1px solid #cfd7e3!important;
  border-radius:8px!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
.pck-record-page .pck-shift-pages button b{
  display:inline-grid!important;
  min-width:20px!important;
  height:20px!important;
  place-items:center!important;
  padding:0 5px!important;
  color:inherit!important;
  background:#eef2f7!important;
  border-radius:999px!important;
  font-size:9px!important;
}
.pck-record-page .pck-shift-pages button.active{color:#fff!important;background:var(--pck-ui-blue)!important;border-color:var(--pck-ui-blue)!important}
.pck-record-page .pck-shift-pages button.active b{background:rgba(255,255,255,.18)!important}

/* Record KPI cards — fixed non-overlapping layout */
.pck-record-page .pck-record-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0 0 10px!important;
}
.pck-record-page .pck-record-summary article{
  position:relative!important;
  display:grid!important;
  min-width:0!important;
  min-height:68px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  align-content:center!important;
  padding:10px 12px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid var(--pck-ui-line)!important;
  border-left:3px solid var(--pck-ui-blue)!important;
  border-radius:10px!important;
  box-shadow:0 1px 4px rgba(16,24,40,.035)!important;
}
.pck-record-page .pck-record-summary article.ready{border-left-color:var(--pck-ui-green)!important}
.pck-record-page .pck-record-summary article.not-ready{border-left-color:var(--pck-ui-red)!important}
.pck-record-page .pck-record-summary article.incomplete{border-left-color:var(--pck-ui-orange)!important}
.pck-record-page .pck-record-summary article span{
  min-width:0!important;
  overflow:hidden!important;
  color:#344054!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.pck-record-page .pck-record-summary article strong{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  min-width:30px!important;
  color:var(--pck-ui-blue)!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:right!important;
}
.pck-record-page .pck-record-summary article.ready strong{color:var(--pck-ui-green)!important}
.pck-record-page .pck-record-summary article.not-ready strong{color:var(--pck-ui-red)!important}
.pck-record-page .pck-record-summary article.incomplete strong{color:var(--pck-ui-orange)!important}
.pck-record-page .pck-record-summary article small{
  display:block!important;
  min-width:0!important;
  margin-top:4px!important;
  overflow:hidden!important;
  color:var(--pck-ui-muted)!important;
  font-size:9px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Shared table template */
.pck-dashboard .pck-record-table-panel,
.pck-record-page .pck-record-table-panel{overflow:hidden!important;margin-bottom:12px!important}
.pck-dashboard .pck-record-table-panel>.panel-head,
.pck-record-page .pck-record-table-panel>.panel-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:48px!important;
  padding:10px 12px!important;
  background:#fff!important;
  border-bottom:1px solid var(--pck-ui-line)!important;
}
.pck-dashboard .pck-record-table-panel>.panel-head h3,
.pck-record-page .pck-record-table-panel>.panel-head h3{margin:0!important;color:var(--pck-ui-text)!important;font-size:13px!important;font-weight:800!important}
.pck-dashboard .pck-record-table-panel>.panel-head small,
.pck-record-page .pck-record-table-panel>.panel-head small{
  display:inline-flex!important;
  margin-top:3px!important;
  padding:3px 7px!important;
  color:var(--pck-ui-blue)!important;
  background:var(--pck-ui-blue-soft)!important;
  border-radius:999px!important;
  font-size:9px!important;
  font-weight:750!important;
}
.pck-dashboard .pck-table-scroll,
.pck-record-page .pck-table-scroll{width:100%!important;overflow:auto!important}
.pck-dashboard .pck-table,
.pck-record-page .pck-table{width:100%!important;min-width:900px!important;border-collapse:collapse!important;font-family:inherit!important;font-size:10px!important}
.pck-record-page .pck-record-table{min-width:1180px!important}
.pck-dashboard .pck-table th,
.pck-record-page .pck-table th{
  padding:8px 10px!important;
  color:#475467!important;
  background:#f2f5f9!important;
  border-bottom:1px solid #d9e0e9!important;
  font-size:8.5px!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  line-height:1.2!important;
  text-align:left!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.pck-dashboard .pck-table td,
.pck-record-page .pck-table td{
  max-width:240px!important;
  padding:8px 10px!important;
  overflow:hidden!important;
  color:#344054!important;
  border-bottom:1px solid #edf1f5!important;
  font-size:10px!important;
  line-height:1.3!important;
  text-overflow:ellipsis!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}
.pck-dashboard .pck-table tbody tr:nth-child(even),
.pck-record-page .pck-table tbody tr:nth-child(even){background:#fbfcfe!important}
.pck-dashboard .pck-table tbody tr:hover,
.pck-record-page .pck-table tbody tr:hover{background:#f3f7fd!important}
.pck-dashboard .pck-badge,
.pck-record-page .pck-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:132px!important;
  min-height:24px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  font-size:8px!important;
  font-weight:850!important;
  line-height:1.1!important;
  text-align:center!important;
  white-space:normal!important;
}
.pck-dashboard .pck-badge.ok,.pck-dashboard .pck-badge.ready,
.pck-record-page .pck-badge.ok,.pck-record-page .pck-badge.ready{color:var(--pck-ui-green)!important;background:var(--pck-ui-green-soft)!important;border:1px solid #abefc6!important}
.pck-dashboard .pck-badge.bad,.pck-dashboard .pck-badge.not-ready,
.pck-record-page .pck-badge.bad,.pck-record-page .pck-badge.not-ready{color:var(--pck-ui-red)!important;background:var(--pck-ui-red-soft)!important;border:1px solid #fecdca!important}
.pck-dashboard .pck-badge.incomplete,
.pck-record-page .pck-badge.incomplete{color:var(--pck-ui-orange)!important;background:var(--pck-ui-orange-soft)!important;border:1px solid #fedf89!important}
.pck-dashboard .pck-print,
.pck-record-page .pck-print,
.pck-record-page .pck-row-actions button{
  min-height:28px!important;
  padding:5px 8px!important;
  border-radius:7px!important;
  font-family:inherit!important;
  font-size:8.5px!important;
  font-weight:800!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.pck-dashboard .pck-print,
.pck-record-page .pck-print{color:#fff!important;background:var(--pck-ui-blue)!important;border:1px solid var(--pck-ui-blue)!important}
.pck-record-page .pck-row-actions{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important}
.pck-record-page .pck-list-progress{display:flex!important;align-items:center!important;gap:7px!important;min-width:90px!important}
.pck-record-page .pck-list-progress>div{width:58px!important;height:5px!important;overflow:hidden!important;background:#e7ecf3!important;border-radius:999px!important}
.pck-record-page .pck-list-progress i{display:block!important;height:100%!important;background:var(--pck-ui-blue)!important;border-radius:999px!important}
.pck-record-page .pck-list-progress span{font-size:8.5px!important;font-weight:750!important;color:#475467!important}
.pck-record-page .pck-table-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:44px!important;
  padding:8px 12px!important;
  color:var(--pck-ui-muted)!important;
  border-top:1px solid var(--pck-ui-line)!important;
  font-size:9px!important;
}
.pck-record-page .pck-table-footer>div{display:flex!important;align-items:center!important;gap:7px!important}
.pck-record-page .pck-table-footer button{width:28px!important;height:28px!important;padding:0!important;border:1px solid #cfd7e3!important;border-radius:7px!important;background:#fff!important;color:#475467!important}

@media(max-width:1180px){
  .pck-dashboard .pck-module-head,
  .pck-record-page .pck-module-head{align-items:flex-start!important}
  .pck-dashboard .pck-d-filter,
  .pck-dashboard .pck-output-filter{grid-template-columns:repeat(3,minmax(0,1fr)) auto auto!important}
  .pck-record-page .pck-record-toolbar{grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(140px,1fr)) auto auto!important}
  .pck-record-page .pck-record-summary article small{display:none!important}
}
@media(max-width:900px){
  .pck-dashboard .pck-module-head,
  .pck-record-page .pck-module-head{flex-direction:column!important;min-height:auto!important}
  .pck-dashboard .pck-page-tabs,
  .pck-record-page .pck-page-tabs{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .pck-record-page .pck-record-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pck-record-page .pck-record-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pck-dashboard .pck-d-filter,
  .pck-dashboard .pck-output-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pck-dashboard .pck-d-filter button,
  .pck-record-page .pck-record-toolbar button{width:100%!important}
}
@media(max-width:600px){
  .pck-dashboard .pck-module-head,
  .pck-record-page .pck-module-head{padding:13px!important}
  .pck-dashboard .pck-module-head h2,
  .pck-record-page .pck-module-head h2{font-size:18px!important}
  .pck-dashboard .pck-page-tabs,
  .pck-record-page .pck-page-tabs{grid-template-columns:1fr!important}
  .pck-record-page .pck-shift-page-head{align-items:stretch!important;flex-direction:column!important}
  .pck-record-page .pck-shift-page-head label{width:100%!important}
  .pck-record-page .pck-shift-pages{display:grid!important;grid-template-columns:1fr 1fr!important}
  .pck-record-page .pck-record-summary,
  .pck-record-page .pck-record-toolbar,
  .pck-dashboard .pck-d-filter,
  .pck-dashboard .pck-output-filter{grid-template-columns:1fr!important}
  .pck-record-page .pck-table-footer{align-items:flex-start!important;flex-direction:column!important}
}

/* Build 007.5.6 — Unified + New Pre Check primary action
   Keep the same blue action style on Dashboard and Record Pre Check. */
.pck-dashboard .pck-page-tabs #pck-d-new,
.pck-dashboard .pck-page-tabs #pck-new,
.pck-record-page .pck-page-tabs #pck-new,
.pck-dashboard #pck-d-new,
.pck-record-page #pck-new{
  min-height:32px!important;
  padding:6px 12px!important;
  border:1px solid #2563eb!important;
  border-radius:7px!important;
  background:#2563eb!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  box-shadow:0 2px 5px rgba(37,99,235,.22)!important;
}
.pck-dashboard .pck-page-tabs #pck-d-new:hover,
.pck-dashboard .pck-page-tabs #pck-new:hover,
.pck-record-page .pck-page-tabs #pck-new:hover,
.pck-dashboard #pck-d-new:hover,
.pck-record-page #pck-new:hover{
  border-color:#1d4ed8!important;
  background:#1d4ed8!important;
  color:#fff!important;
  box-shadow:0 3px 8px rgba(29,78,216,.26)!important;
}
.pck-dashboard .pck-page-tabs #pck-d-new:focus-visible,
.pck-dashboard .pck-page-tabs #pck-new:focus-visible,
.pck-record-page .pck-page-tabs #pck-new:focus-visible{
  outline:3px solid rgba(37,99,235,.22)!important;
  outline-offset:2px!important;
}
.pck-dashboard .pck-page-tabs #pck-d-new:active,
.pck-dashboard .pck-page-tabs #pck-new:active,
.pck-record-page .pck-page-tabs #pck-new:active{
  background:#1e40af!important;
  border-color:#1e40af!important;
  transform:translateY(1px)!important;
}

/* Build 007.5.7 — Unified Dashboard / Record Pre Check page rhythm
   Equal header height, typography, tabs and vertical spacing when switching pages. */
.pck-dashboard,
.pck-record-page{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding-bottom:16px!important;
}
.pck-dashboard>.panel,
.pck-record-page>.panel{margin:0!important}

.pck-dashboard .pck-module-head,
.pck-record-page .pck-module-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
  min-height:92px!important;
  margin:0!important;
  padding:16px 18px!important;
  border:1px solid var(--pck-ui-line)!important;
  border-left:4px solid var(--pck-ui-blue)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#fff 0%,#f7faff 100%)!important;
  box-shadow:0 2px 8px rgba(16,24,40,.045)!important;
}
.pck-dashboard .pck-module-head>div:first-child,
.pck-record-page .pck-module-head>div:first-child{
  display:grid!important;
  align-content:center!important;
  min-width:0!important;
  min-height:58px!important;
}
.pck-dashboard .pck-module-head>div:first-child>span,
.pck-record-page .pck-module-head>div:first-child>span{
  display:block!important;
  margin:0 0 4px!important;
  color:var(--pck-ui-blue)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  line-height:1.2!important;
}
.pck-dashboard .pck-module-head h2,
.pck-record-page .pck-module-head h2{
  margin:0!important;
  color:var(--pck-ui-text)!important;
  font-size:20px!important;
  font-weight:750!important;
  letter-spacing:-.02em!important;
  line-height:1.2!important;
  white-space:normal!important;
}
.pck-dashboard .pck-module-head p,
.pck-record-page .pck-module-head p{
  min-height:15px!important;
  margin:4px 0 0!important;
  color:var(--pck-ui-muted)!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
.pck-dashboard .pck-page-tabs,
.pck-record-page .pck-page-tabs{
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  gap:5px!important;
  min-height:42px!important;
  margin:0!important;
  padding:4px!important;
  border:1px solid #dde3ec!important;
  border-radius:10px!important;
  background:#eef2f7!important;
  white-space:nowrap!important;
}
.pck-dashboard .pck-page-tabs button,
.pck-record-page .pck-page-tabs button{
  min-height:32px!important;
  padding:6px 11px!important;
  border-radius:7px!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1.2!important;
}

@media(max-width:900px){
  .pck-dashboard .pck-module-head,
  .pck-record-page .pck-module-head{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    min-height:0!important;
  }
  .pck-dashboard .pck-module-head>div:first-child,
  .pck-record-page .pck-module-head>div:first-child{min-height:0!important}
  .pck-dashboard .pck-page-tabs,
  .pck-record-page .pck-page-tabs{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:600px){
  .pck-dashboard .pck-module-head,
  .pck-record-page .pck-module-head{padding:13px!important}
  .pck-dashboard .pck-module-head h2,
  .pck-record-page .pck-module-head h2{font-size:18px!important}
  .pck-dashboard .pck-page-tabs,
  .pck-record-page .pck-page-tabs{grid-template-columns:1fr!important}
}

/* Build 007.5.8 — Dashboard Evidence Gallery */
.pck-evidence-panel{padding:0;overflow:hidden}
.pck-gallery-head{padding:16px 18px;border-bottom:1px solid #e5e7eb;background:#fff}
.pck-gallery-head h3{margin:0;color:#111827;font-size:16px;font-weight:700}
.pck-gallery-head small{display:block;margin-top:3px;color:#64748b;font-size:12px}
.pck-evidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px;background:#f8fafc}
.pck-evidence-card{min-width:0;overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.05);transition:transform .18s ease,box-shadow .18s ease}
.pck-evidence-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.10)}
.pck-evidence-image{position:relative;display:block;width:100%;height:160px;padding:0;border:0;border-radius:0;background:#e2e8f0;overflow:hidden;cursor:zoom-in}
.pck-evidence-image img{display:block;width:100%;height:100%;object-fit:contain;background:#0f172a}
.pck-evidence-count{position:absolute;right:9px;bottom:9px;padding:4px 7px;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:11px;font-weight:700}
.pck-evidence-info{padding:12px}
.pck-evidence-info>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pck-evidence-info strong{color:#0f172a;font-size:14px}
.pck-evidence-info p{margin:8px 0 4px;color:#334155;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pck-evidence-info small{display:block;color:#64748b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pck-evidence-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #eef2f7}
.pck-evidence-footer .small{height:30px;padding:0 10px;font-size:11px}
.pck-gallery-empty{grid-column:1/-1;display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed #cbd5e1;border-radius:12px;background:#fff;color:#64748b;text-align:center}
.pck-gallery-empty strong{color:#334155;font-size:14px}
.pck-gallery-empty span{font-size:12px}
.pck-evidence-lightbox{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,6,23,.82);backdrop-filter:blur(4px)}
.pck-evidence-lightbox-dialog{position:relative;width:min(1080px,96vw);max-height:94vh;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.pck-lightbox-close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(15,23,42,.82);color:#fff;font-size:25px;line-height:1}
.pck-lightbox-stage{position:relative;display:flex;height:min(72vh,720px);align-items:center;justify-content:center;background:#0f172a}
.pck-lightbox-stage img{width:100%;height:100%;object-fit:contain}
.pck-lightbox-nav{position:absolute;top:50%;z-index:2;width:42px;height:52px;padding:0;transform:translateY(-50%);border:0;border-radius:8px;background:rgba(15,23,42,.70);color:#fff;font-size:32px}
.pck-lightbox-nav.prev{left:14px}.pck-lightbox-nav.next{right:14px}
.pck-lightbox-caption{display:flex;flex-direction:column;gap:3px;padding:13px 16px;background:#fff}
.pck-lightbox-caption strong{color:#0f172a;font-size:14px}.pck-lightbox-caption span{color:#64748b;font-size:12px}
@media(max-width:1200px){.pck-evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.pck-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.pck-evidence-image{height:145px}}
@media(max-width:520px){.pck-evidence-grid{grid-template-columns:1fr}.pck-evidence-image{height:190px}.pck-evidence-lightbox{padding:8px}.pck-lightbox-stage{height:68vh}}

/* Build 007.5.8 — Dashboard Evidence Gallery */
.pck-evidence-panel{padding:0;overflow:hidden}.pck-gallery-head{padding:16px 18px;border-bottom:1px solid #e5e7eb;background:#fff}.pck-gallery-head h3{margin:0;color:#111827;font-size:16px;font-weight:700}.pck-gallery-head small{display:block;margin-top:3px;color:#64748b;font-size:12px}.pck-evidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px;background:#f8fafc}.pck-evidence-card{min-width:0;overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.05);transition:transform .18s ease,box-shadow .18s ease}.pck-evidence-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.10)}.pck-evidence-image{position:relative;display:block;width:100%;height:160px;padding:0;border:0;border-radius:0;background:#e2e8f0;overflow:hidden;cursor:zoom-in}.pck-evidence-image img{display:block;width:100%;height:100%;object-fit:contain;background:#0f172a}.pck-evidence-count{position:absolute;right:9px;bottom:9px;padding:4px 7px;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:11px;font-weight:700}.pck-evidence-info{padding:12px}.pck-evidence-info>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.pck-evidence-info strong{color:#0f172a;font-size:14px}.pck-evidence-info p{margin:8px 0 4px;color:#334155;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pck-evidence-info small{display:block;color:#64748b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pck-evidence-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #eef2f7}.pck-evidence-footer .small{height:30px;padding:0 10px;font-size:11px}.pck-gallery-empty{grid-column:1/-1;display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed #cbd5e1;border-radius:12px;background:#fff;color:#64748b;text-align:center}.pck-gallery-empty strong{color:#334155;font-size:14px}.pck-gallery-empty span{font-size:12px}.pck-evidence-lightbox{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,6,23,.82);backdrop-filter:blur(4px)}.pck-evidence-lightbox-dialog{position:relative;width:min(1080px,96vw);max-height:94vh;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.35)}.pck-lightbox-close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(15,23,42,.82);color:#fff;font-size:25px;line-height:1}.pck-lightbox-stage{position:relative;display:flex;height:min(72vh,720px);align-items:center;justify-content:center;background:#0f172a}.pck-lightbox-stage img{width:100%;height:100%;object-fit:contain}.pck-lightbox-nav{position:absolute;top:50%;z-index:2;width:42px;height:52px;padding:0;transform:translateY(-50%);border:0;border-radius:8px;background:rgba(15,23,42,.70);color:#fff;font-size:32px}.pck-lightbox-nav.prev{left:14px}.pck-lightbox-nav.next{right:14px}.pck-lightbox-caption{display:flex;flex-direction:column;gap:3px;padding:13px 16px;background:#fff}.pck-lightbox-caption strong{color:#0f172a;font-size:14px}.pck-lightbox-caption span{color:#64748b;font-size:12px}@media(max-width:1200px){.pck-evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.pck-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.pck-evidence-image{height:145px}}@media(max-width:520px){.pck-evidence-grid{grid-template-columns:1fr}.pck-evidence-image{height:190px}.pck-evidence-lightbox{padding:8px}.pck-lightbox-stage{height:68vh}}

/* Build 007.5.9 — Dashboard shift selector, compact and aligned */
.pck-dashboard .pck-output-filter{
  display:grid!important;
  grid-template-columns:minmax(170px,.75fr) minmax(360px,1.45fr) minmax(160px,.65fr) auto!important;
  align-items:end!important;
  gap:12px!important;
  padding:14px 16px!important;
}
.pck-output-filter label,.pck-filter-shift{min-width:0!important;margin:0!important}
.pck-output-filter label>span,.pck-filter-label{
  display:block!important;
  margin:0 0 6px!important;
  color:#475569!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
.pck-output-filter input,.pck-output-filter select{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  border:1px solid #cbd5e1!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-size:12px!important;
}
.pck-shift-segment{
  display:grid!important;
  grid-template-columns:.72fr 1fr 1fr!important;
  height:38px!important;
  padding:3px!important;
  gap:3px!important;
  border:1px solid #cbd5e1!important;
  border-radius:9px!important;
  background:#f1f5f9!important;
}
.pck-shift-segment button{
  min-width:0!important;
  height:30px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#475569!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:30px!important;
  white-space:nowrap!important;
}
.pck-shift-segment button:hover{background:#e2e8f0!important;color:#0f172a!important}
.pck-shift-segment button.is-active{background:#2563eb!important;color:#fff!important;box-shadow:0 1px 3px rgba(37,99,235,.25)!important}
.pck-shift-segment button.is-active.is-day{background:#2563eb!important}
.pck-shift-segment button.is-active.is-night{background:#0f172a!important}
.pck-filter-actions{display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}
.pck-filter-actions button{height:38px!important;min-height:38px!important;padding:0 14px!important;border-radius:8px!important;font-size:11px!important;font-weight:700!important}
@media(max-width:1100px){
 .pck-dashboard .pck-output-filter{grid-template-columns:1fr 1.7fr 1fr!important}
 .pck-filter-actions{grid-column:1/-1;justify-content:flex-end!important}
}
@media(max-width:760px){
 .pck-dashboard .pck-output-filter{grid-template-columns:1fr!important;align-items:stretch!important}
 .pck-filter-actions{grid-column:auto;justify-content:stretch!important}
 .pck-filter-actions button{flex:1!important}
}
@media(max-width:430px){
 .pck-shift-segment{grid-template-columns:1fr!important;height:auto!important}
 .pck-shift-segment button{width:100%!important}
}

/* Build 007.5.10 — Shift selector no-overlap and unified active state */
.pck-dashboard .pck-filter-shift{
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
}
.pck-dashboard .pck-filter-shift>.pck-filter-label{
  flex:0 0 auto!important;
  height:auto!important;
  margin:0 0 6px!important;
  padding:0!important;
  line-height:14px!important;
}
.pck-dashboard .pck-shift-segment{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  padding:3px!important;
  gap:3px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:1px solid #cbd5e1!important;
  border-radius:9px!important;
  background:#f1f5f9!important;
}
.pck-dashboard .pck-shift-segment button{
  display:flex!important;
  min-width:0!important;
  width:100%!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 8px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#475569!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.pck-dashboard .pck-shift-segment button>span{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  color:inherit!important;
  font-size:12px!important;
  line-height:1!important;
}
.pck-dashboard .pck-shift-segment button:hover{
  background:#e2e8f0!important;
  color:#0f172a!important;
}
.pck-dashboard .pck-shift-segment button.is-active,
.pck-dashboard .pck-shift-segment button.is-active.is-day,
.pck-dashboard .pck-shift-segment button.is-active.is-night{
  background:#2563eb!important;
  color:#fff!important;
  box-shadow:0 1px 3px rgba(37,99,235,.28)!important;
}
.pck-dashboard .pck-shift-segment button.is-active:hover{
  background:#1d4ed8!important;
  color:#fff!important;
}
@media(max-width:760px){
  .pck-dashboard .pck-shift-segment{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    height:38px!important;
  }
  .pck-dashboard .pck-shift-segment button{
    width:100%!important;
    padding:0 5px!important;
    font-size:10px!important;
  }
}
@media(max-width:430px){
  .pck-dashboard .pck-shift-segment{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    height:38px!important;
    overflow:hidden!important;
  }
  .pck-dashboard .pck-shift-segment button{
    width:100%!important;
    height:30px!important;
    padding:0 3px!important;
    font-size:9px!important;
  }
  .pck-dashboard .pck-shift-segment button>span{font-size:10px!important}
}

/* Build 007.6.2 — Record Pre Check functional stabilization */
#content .pck-record-controlbar{display:flex;align-items:end;gap:12px;padding:14px 16px;margin-bottom:12px;flex-wrap:wrap}
#content .pck-date-nav{display:grid;gap:6px;min-width:250px}
#content .pck-date-nav>span{font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.04em}
#content .pck-date-nav>div{display:grid;grid-template-columns:38px minmax(150px,1fr) 38px;height:38px;border:1px solid #cbd5e1;border-radius:9px;overflow:hidden;background:#fff}
#content .pck-date-nav button{border:0;border-radius:0;background:#fff;color:#1e3a5f;font-weight:700;padding:0 10px;min-width:0}
#content .pck-date-nav button+button{border-left:1px solid #e2e8f0}
#content .pck-date-nav button:hover{background:#eff6ff;color:#1d4ed8}
#content .pck-shift-pages{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;background:#eef2f7;border:1px solid #dbe3ec;border-radius:9px;height:38px;min-width:240px}
#content .pck-shift-pages button{height:30px;padding:0 16px;border:0;border-radius:7px;background:transparent;color:#475569;font-size:12px;font-weight:700;white-space:nowrap}
#content .pck-shift-pages button.active{background:#2563eb;color:#fff;box-shadow:0 1px 3px rgba(15,23,42,.16)}
#content .pck-export-pdf{height:38px;margin-left:auto;padding:0 16px;border:1px solid #b91c1c;border-radius:9px;background:#fff;color:#b91c1c;font-size:12px;font-weight:750}
#content .pck-export-pdf:hover{background:#b91c1c;color:#fff}
#content .pck-page-tabs button.active{pointer-events:none}
@media(max-width:760px){#content .pck-record-controlbar{align-items:stretch}#content .pck-date-nav,#content .pck-shift-pages{width:100%;min-width:0}#content .pck-export-pdf{width:100%;margin-left:0}}