/* POS-X HF05DX. Move the two existing summary cards into the main header.
   Only layout changes for FIN / Product Guarantee. No RPC or form changes. */
.guarantee-v2.guarantee-dashboard-hf05dv{gap:12px!important}
.guarantee-dashboard-hf05dv .gvd-header{
  display:grid!important;
  grid-template-columns:minmax(290px,1.05fr) minmax(495px,1.8fr) max-content;
  align-items:center;column-gap:17px;row-gap:10px;
  padding:4px 3px 8px!important;
  min-height:98px!important;
  width:100%;
  overflow:visible!important;
}
.guarantee-dashboard-hf05dv .gvd-header-copy{min-width:0;align-self:center}
.guarantee-dashboard-hf05dv .gvd-header h1{
  font-size:27px!important;line-height:1.2!important;margin:3px 0 4px!important;
}
.guarantee-dashboard-hf05dv .gvd-header p{font-size:11.5px!important;line-height:1.45!important}
.guarantee-dashboard-hf05dv .gvd-header .gvd-metrics{
  min-width:0;align-self:center;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;
}
.guarantee-dashboard-hf05dv .gvd-header .gvd-metric{
  min-width:0;min-height:83px;padding:12px 14px;
  gap:12px;border-radius:12px;box-shadow:none;
}
.guarantee-dashboard-hf05dv .gvd-header .gvd-metric-icon{
  flex:0 0 45px;height:45px;width:45px;font-size:24px;
}
.guarantee-dashboard-hf05dv .gvd-header .gvd-metric-copy{gap:3px}
.guarantee-dashboard-hf05dv .gvd-header .gvd-metric-copy b{font-size:12px;line-height:1.25}
.guarantee-dashboard-hf05dv .gvd-header .gvd-metric-copy strong{font-size:22px;line-height:1.15;white-space:nowrap}
.guarantee-dashboard-hf05dv .gvd-header .gvd-metric-copy small{font-size:10px;line-height:1.25}
.guarantee-dashboard-hf05dv .gvd-header .gvd-add{
  min-width:170px;max-width:200px;height:43px;
  align-self:center;justify-self:end;padding:0 14px!important;
}
.guarantee-dashboard-hf05dv .gvd-toolbar{padding:10px 12px}
.guarantee-dashboard-hf05dv .gvd-table-scroll{max-height:min(73vh,900px)}
@media (max-width:1260px){
  .guarantee-dashboard-hf05dv .gvd-header{grid-template-columns:minmax(240px,0.9fr) minmax(380px,1.4fr) max-content;column-gap:11px}
  .guarantee-dashboard-hf05dv .gvd-header .gvd-metric{padding:10px 9px;gap:9px;min-height:78px}
  .guarantee-dashboard-hf05dv .gvd-header .gvd-metric-icon{flex-basis:38px;width:38px;height:38px;font-size:21px}
  .guarantee-dashboard-hf05dv .gvd-header .gvd-metric-copy b{font-size:11px}
  .guarantee-dashboard-hf05dv .gvd-header .gvd-metric-copy strong{font-size:19px}
  .guarantee-dashboard-hf05dv .gvd-header .gvd-metric-copy small{font-size:9px}
  .guarantee-dashboard-hf05dv .gvd-header .gvd-add{min-width:155px;height:41px;font-size:12px}
}
@media (max-width:1040px){
  .guarantee-dashboard-hf05dv .gvd-header{grid-template-columns:minmax(0,1fr) max-content;padding:3px 2px 7px!important;min-height:0!important}
  .guarantee-dashboard-hf05dv .gvd-header .gvd-metrics{grid-column:1/-1;grid-row:2}
  .guarantee-dashboard-hf05dv .gvd-header .gvd-add{grid-column:2;grid-row:1}
  .guarantee-dashboard-hf05dv .gvd-header .gvd-metric{min-height:70px}
  .guarantee-dashboard-hf05dv .gvd-header .gvd-metric-copy small{font-size:10px}
}
@media (max-width:600px){
  .guarantee-dashboard-hf05dv .gvd-header{grid-template-columns:1fr;gap:8px!important}
  .guarantee-dashboard-hf05dv .gvd-header h1{font-size:23px!important}
  .guarantee-dashboard-hf05dv .gvd-header .gvd-metrics{grid-column:1;grid-row:2;grid-template-columns:1fr;gap:7px}
  .guarantee-dashboard-hf05dv .gvd-header .gvd-metric{min-height:67px;padding:9px 12px}
  .guarantee-dashboard-hf05dv .gvd-header .gvd-metric-copy strong{font-size:20px}
  .guarantee-dashboard-hf05dv .gvd-header .gvd-add{grid-column:1;grid-row:3;width:100%;max-width:none;justify-self:stretch}
  .guarantee-v2.guarantee-dashboard-hf05dv{gap:10px!important}
}

/* Empty-table state stays centered on narrow screens instead of sitting offscreen
   in the horizontally-scrollable 1000px data table. */
@media (max-width:740px){
  .guarantee-dashboard-hf05dv .gvd-table-scroll.gvd-has-empty .guarantee-table{min-width:100%!important;width:100%!important;table-layout:fixed}
  .guarantee-dashboard-hf05dv .gvd-table-scroll.gvd-has-empty thead{display:none}
  .guarantee-dashboard-hf05dv .gvd-table-scroll.gvd-has-empty .gv2-empty{min-height:225px}
}