/* =========================================================
   IT HYGIENE — 
========================================================= */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

#page-hygiene{

  --ha:#1a73e8;
  --had:#1557b0;

  --hb:#dfe5ef;
  --hb2:#eef2f6;

  --ht:#1f2937;
  --ht2:#344054;
  --ht3:#667085;

  --hbg:#f5f7fa;
  --hcard:#ffffff;

  --hg:#54B399;
  --hbl:#6092C0;
  --hp:#9170B8;
  --ho:#DA8B45;
  --hr:#E7664C;

  --hs:
    0 1px 2px rgba(16,24,40,.04),
    0 1px 3px rgba(16,24,40,.08);

  background:var(--hbg);

  color:var(--ht);

  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;

  font-size:14px;

  line-height:1.5;

  min-height:100vh;

  padding:14px 18px;
}

/* =========================================================
   HEADER
========================================================= */

#page-hygiene .h-header{

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:16px;

  background:#fff;

  border:1px solid var(--hb);

  border-radius:10px;

  padding:14px 18px;

  box-shadow:var(--hs);

  margin-bottom:14px;
}

#page-hygiene .h-title{

  font-size:24px;

  font-weight:700;

  letter-spacing:-0.03em;

  color:var(--ht);
}

#page-hygiene .h-sub{

  margin-top:4px;

  font-size:13px;

  color:var(--ht3);
}

#page-hygiene .h-actions{

  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* =========================================================
   BUTTONS
========================================================= */

#page-hygiene .hbtn{

  display:inline-flex;
  align-items:center;
  justify-content:center;

  gap:6px;

  height:36px;

  padding:0 14px;

  border-radius:8px;

  border:1px solid transparent;

  cursor:pointer;

  font-size:13px;

  font-weight:600;

  transition:all .18s ease;
}

#page-hygiene .hbtn-p{

  background:var(--ha);

  color:#fff;
}

#page-hygiene .hbtn-p:hover{

  background:var(--had);
}

#page-hygiene .hbtn-s{

  background:#fff;

  border-color:var(--hb);

  color:var(--ht);
}

#page-hygiene .hbtn-s:hover{

  border-color:var(--ha);

  color:var(--ha);
}

/* =========================================================
   MAIN TABS
========================================================= */

#page-hygiene .h-tabs{

  display:flex;
  align-items:center;

  gap:2px;

  background:#fff;

  border:1px solid var(--hb);

  border-radius:10px 10px 0 0;

  padding:0 8px;

  overflow:auto;
}

#page-hygiene .h-tab{

  position:relative;

  border:none;
  background:none;

  cursor:pointer;

  padding:14px 16px;

  color:var(--ht3);

  font-size:14px;

  font-weight:600;

  transition:all .18s ease;
}

#page-hygiene .h-tab:hover{

  color:var(--ha);
}

#page-hygiene .h-tab.active{

  color:var(--ha);
}

#page-hygiene .h-tab.active::after{

  content:"";

  position:absolute;

  left:0;
  right:0;
  bottom:0;

  height:3px;

  background:var(--ha);

  border-radius:3px 3px 0 0;
}

/* =========================================================
   SUB TABS
========================================================= */

#page-hygiene .h-stabs{

  display:flex;
  align-items:center;

  gap:2px;

  background:#fff;

  border-left:1px solid var(--hb);
  border-right:1px solid var(--hb);
  border-bottom:1px solid var(--hb);

  padding:0 8px;

  margin-bottom:14px;

  overflow:auto;
}

#page-hygiene .h-stab{

  position:relative;

  border:none;
  background:none;

  cursor:pointer;

  padding:12px 14px;

  font-size:13px;

  font-weight:600;

  color:var(--ht3);
}

#page-hygiene .h-stab.active{

  color:var(--ha);
}

#page-hygiene .h-stab.active::after{

  content:"";

  position:absolute;

  left:0;
  right:0;
  bottom:0;

  height:2px;

  background:var(--ha);
}

/* =========================================================
   FILTER ROW
========================================================= */

#page-hygiene .h-frow{

  display:flex;
  align-items:center;

  gap:10px;

  flex-wrap:wrap;

  background:#fff;

  border:1px solid var(--hb);

  border-radius:10px;

  padding:14px;

  margin-bottom:14px;
}

#page-hygiene .h-fsel,
#page-hygiene .h-finp{

  height:38px;

  min-width:220px;

  border:1px solid #d0d5dd;

  border-radius:8px;

  background:#fff;

  padding:0 12px;

  font-size:13px;

  color:var(--ht);

  transition:border-color .18s ease;
}

#page-hygiene .h-fsel:focus,
#page-hygiene .h-finp:focus{

  outline:none;

  border-color:var(--ha);

  box-shadow:0 0 0 3px rgba(26,115,232,.12);
}

/* =========================================================
   GRID LAYOUTS
========================================================= */

#page-hygiene .g2{

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:16px;

  margin-bottom:16px;
}

#page-hygiene .g3{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:16px;

  margin-bottom:16px;
}

#page-hygiene .g4{

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:16px;

  margin-bottom:16px;
}

/* =========================================================
   CARDS
========================================================= */

#page-hygiene .h-card{

  background:#fff;

  border:1px solid var(--hb);

  border-radius:10px;

  overflow:hidden;

  box-shadow:var(--hs);
}

#page-hygiene .h-card-head{

  padding:14px 16px;

  border-bottom:1px solid #e4e7ec;

  background:#f8fafc;

  font-size:14px;

  font-weight:700;

  color:var(--ht);
}

#page-hygiene .h-card-body{

  padding:14px 16px;

  min-height:220px;
}

/* =========================================================
   CHARTS
========================================================= */

#page-hygiene .h-chart{

  width:100%;

  min-height:220px;
}

#page-hygiene .h-bar-wrap{

  padding-top:4px;
}

#page-hygiene .h-bar-row{

  display:grid;

  grid-template-columns:140px 1fr 36px;

  align-items:center;

  gap:12px;

  margin-bottom:12px;
}

#page-hygiene .h-bar-label{

  overflow:hidden;

  text-overflow:ellipsis;

  white-space:nowrap;

  font-size:12px;

  color:#475467;
}

#page-hygiene .h-bar-track{

  width:100%;

  height:12px;

  background:transparent;

  border-radius:0;

  overflow:visible;
}

#page-hygiene .h-bar-fill{

  height:12px;

  border-radius:3px;

  transition:width .25s ease;
}

#page-hygiene .h-bar-value{

  text-align:right;

  font-size:12px;

  font-weight:700;

  color:#1f2937;
}

/* REMOVE EXTRA LINES */

#page-hygiene .h-bar-track::before,
#page-hygiene .h-bar-track::after,
#page-hygiene .h-bar-fill::before,
#page-hygiene .h-bar-fill::after{

  display:none !important;

  content:none !important;
}

/* =========================================================
   METRICS
========================================================= */

#page-hygiene .h-metric{

  font-size:48px;

  font-weight:700;

  line-height:1;

  letter-spacing:-0.04em;

  color:#1f2937;
}

#page-hygiene .h-mlabel{

  margin-top:10px;

  font-size:14px;

  color:#667085;
}

/* =========================================================
   TABLE TOOLBAR
========================================================= */

#page-hygiene .h-tbar{

  display:flex;
  align-items:center;

  gap:14px;

  flex-wrap:wrap;

  background:#fff;

  border:1px solid var(--hb);

  border-bottom:none;

  border-radius:10px 10px 0 0;

  padding:12px 14px;

  font-size:13px;
}

#page-hygiene .h-tbar button{

  border:none;
  background:none;

  cursor:pointer;

  color:var(--ha);

  font-size:13px;

  font-weight:500;
}

/* =========================================================
   TABLES
========================================================= */

#page-hygiene .h-tscroll{

  overflow:auto;

  max-height:520px;

  background:#fff;

  border:1px solid var(--hb);

  border-radius:0 0 10px 10px;
}

#page-hygiene .h-tscroll::-webkit-scrollbar{

  width:8px;
  height:8px;
}

#page-hygiene .h-tscroll::-webkit-scrollbar-thumb{

  background:#cbd5e1;

  border-radius:8px;
}

#page-hygiene .h-tscroll::-webkit-scrollbar-track{

  background:#f8fafc;
}

#page-hygiene .h-tbl{

  width:100%;

  border-collapse:collapse;

  table-layout:auto;

  font-size:13px;
}

#page-hygiene .h-tbl thead{

  position:sticky;

  top:0;

  z-index:10;

  background:#f8fafc;
}

#page-hygiene .h-tbl th{

  padding:12px 14px;

  text-align:left;

  font-size:12px;

  font-weight:700;

  color:#667085;

  border-bottom:1px solid #e4e7ec;

  white-space:nowrap;
}

#page-hygiene .h-tbl td{

  padding:11px 14px;

  border-bottom:1px solid #f1f5f9;

  font-size:13px;

  color:#344054;

  white-space:nowrap;

  vertical-align:middle;
}

#page-hygiene .h-tbl tbody tr:hover{

  background:#f8fbff;
}

/* =========================================================
   BADGES / PILLS
========================================================= */

#page-hygiene .h-pill{

  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:64px;

  padding:3px 10px;

  border-radius:999px;

  font-size:11px;

  font-weight:700;

  text-transform:uppercase;
}

/* =========================================================
   LOADING
========================================================= */

#page-hygiene .h-loading{

  height:220px;

  display:flex;
  align-items:center;
  justify-content:center;

  gap:10px;

  color:#667085;

  font-size:14px;
}

#page-hygiene .h-spin{

  width:18px;
  height:18px;

  border:2px solid #dbe4f0;

  border-top-color:var(--ha);

  border-radius:50%;

  animation:hspin .7s linear infinite;
}

@keyframes hspin{

  to{
    transform:rotate(360deg);
  }
}

/* =========================================================
   EMPTY STATES
========================================================= */

#page-hygiene .h-empty-chart{

  height:180px;

  display:flex;
  align-items:center;
  justify-content:center;

  flex-direction:column;

  color:#98a2b3;

  font-size:13px;
}

#page-hygiene .h-empty-chart b{

  color:#475467;

  font-size:14px;

  margin-bottom:6px;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1200px){

  #page-hygiene .g4{
    grid-template-columns:repeat(2,1fr);
  }

  #page-hygiene .g3{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:768px){

  #page-hygiene{

    padding:10px;
  }

  #page-hygiene .g2,
  #page-hygiene .g3,
  #page-hygiene .g4{

    grid-template-columns:1fr;
  }

  #page-hygiene .h-header{

    flex-direction:column;

    align-items:flex-start;
  }

  #page-hygiene .h-tabs,
  #page-hygiene .h-stabs{

    overflow:auto;
  }

  #page-hygiene .h-fsel,
  #page-hygiene .h-finp{

    min-width:100%;
  }
}
/* =========================================================
   HYGIENE AGENT MODAL
========================================================= */

#hyg-agent-modal{

  position:fixed;

  inset:0;

  background:rgba(0,0,0,.45);

  z-index:99999;

  display:none;

  align-items:center;

  justify-content:center;

  padding:24px;
}

/* THIS WAS MISSING */

#hyg-agent-modal.open{

  display:flex !important;
}

#hyg-agent-modal .hyg-modal{

  width:760px;

  max-width:95vw;

  max-height:88vh;

  overflow:hidden;

  background:#fff;

  border-radius:12px;

  border:1px solid #d0d5dd;

  box-shadow:
    0 20px 40px rgba(0,0,0,.25);

  display:flex;

  flex-direction:column;
}

#hyg-agent-modal .hyg-modal-head{

  display:flex;

  align-items:center;

  justify-content:space-between;

  padding:16px 18px;

  border-bottom:1px solid #e4e7ec;

  background:#f8fafc;
}

#hyg-agent-modal .hyg-modal-head h3{

  margin:0;

  font-size:16px;

  font-weight:700;

  color:#1f2937;
}

#hyg-agent-modal .hyg-modal-close{

  width:34px;

  height:34px;

  border:none;

  background:none;

  border-radius:8px;

  cursor:pointer;

  font-size:24px;

  line-height:1;

  color:#667085;

  transition:all .15s ease;
}

#hyg-agent-modal .hyg-modal-close:hover{

  background:#eef2f6;

  color:#111827;
}

#hyg-agent-modal .hyg-modal-search{

  padding:14px 18px;

  border-bottom:1px solid #eef2f6;

  background:#fff;
}

#hyg-agent-modal .hyg-modal-search input{

  width:100%;

  height:40px;

  border:1px solid #d0d5dd;

  border-radius:8px;

  padding:0 12px;

  font-size:13px;

  background:#fff;

  color:#111827;
}

#hyg-agent-modal .hyg-modal-search input:focus{

  outline:none;

  border-color:#1a73e8;

  box-shadow:
    0 0 0 3px rgba(26,115,232,.12);
}

#hyg-agent-modal .hyg-modal-list{

  overflow:auto;

  max-height:65vh;

  background:#fff;
}

#hyg-agent-modal .ag-item{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:14px;

  padding:14px 18px;

  cursor:pointer;

  border-bottom:1px solid #eef2f6;

  transition:background .15s ease;
}

#hyg-agent-modal .ag-item:hover{

  background:#f8fbff;
}

#hyg-agent-modal .ag-item.sel{

  background:#eef6ff;
}

#hyg-agent-modal .ag-name{

  font-size:13px;

  font-weight:600;

  color:#111827;
}

#hyg-agent-modal .ag-meta{

  font-size:11px;

  color:#6b7280;

  margin-top:4px;
}

#hyg-agent-modal .ag-status{

  font-size:11px;

  font-weight:600;

  padding:4px 10px;

  border-radius:999px;

  flex-shrink:0;
}

/* =========================================================
   GLOBAL PAGINATION
========================================================= */

.h-pager{

  display:flex;

  justify-content:flex-end;

  align-items:center;

  width:100%;

  padding:14px 6px 6px;

  margin-top:4px;
}

.h-pg-buttons{

  display:flex;

  align-items:center;

  gap:2px;

  user-select:none;
}

.h-pg-btn{

  min-width:30px;

  height:30px;

  padding:0 8px;

  border:none;

  background:transparent;

  border-radius:6px;

  color:#344054;

  font-size:13px;

  font-weight:500;

  cursor:pointer;

  transition:
    background .15s ease,
    color .15s ease;

  display:flex;

  align-items:center;

  justify-content:center;
}

.h-pg-btn:hover{

  background:#eef2f7;

  color:#111827;
}

.h-pg-btn.active{

  color:#1a73e8;

  font-weight:700;

  background:transparent;
}

.h-pg-btn.active:hover{

  background:#eef4ff;
}

.h-pg-dot{

  padding:0 4px;

  color:#98a2b3;

  font-size:13px;

  display:flex;

  align-items:center;

  justify-content:center;
}


/* =========================================================
   DARK MODE SUPPORT
========================================================= */

body.dark .h-pg-btn{

  color:#d1d5db;
}

body.dark .h-pg-btn:hover{

  background:#1f2937;

  color:#fff;
}

body.dark .h-pg-btn.active{

  color:#60a5fa;
}

body.dark .h-pg-dot{

  color:#6b7280;
}

Add this CSS at the VERY END of your stylesheet 


/* =========================================================
   DASHBOARD LAYOUT IMPROVEMENTS
========================================================= */

/* TOP 2 LARGE CARDS SMALLER + INLINE */

#page-hygiene #hyg-pane-dashboard .g31{

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:16px;

  margin-bottom:22px;
}

/* THIRD CARD FULL WIDTH */

#page-hygiene #hyg-pane-dashboard .g31 .h-card:nth-child(3){

  grid-column:1 / span 2;
}

/* SMALLER TOP CARD HEIGHT */

#page-hygiene #hyg-pane-dashboard .g31 .h-card-body{

  min-height:120px !important;

  padding:14px 16px;
}

/* SPACE BETWEEN UNDERLINED SECTIONS */

#page-hygiene #hyg-pane-dashboard .g4{

  margin-top:20px;

  gap:18px;
}

#page-hygiene #hyg-pane-dashboard .g3{

  margin-top:20px;

  gap:18px;
}

/* EXTRA SPACE BELOW CARDS */

#page-hygiene #hyg-pane-dashboard .h-card{

  margin-bottom:8px;
}

/* CLEANER BAR CHART SPACING */

#page-hygiene #hyg-pane-dashboard .h-bar-row{

  margin-bottom:14px !important;
}

/* SMALLER BAR HEIGHT */

#page-hygiene #hyg-pane-dashboard .h-bar-track{

  height:10px;
}

#page-hygiene #hyg-pane-dashboard .h-bar-fill{

  height:10px;
}

/* CLEANER CARD HEADERS */

#page-hygiene #hyg-pane-dashboard .h-card-head{

  padding:12px 16px;

  font-size:14px;

  font-weight:700;
}

/* REDUCE EMPTY SPACE */

#page-hygiene #hyg-pane-dashboard .h-card-body{

  padding-top:12px;
}

/* RESPONSIVE */

@media(max-width:900px){

  #page-hygiene #hyg-pane-dashboard .g31{

    grid-template-columns:1fr;
  }

  #page-hygiene #hyg-pane-dashboard .g31 .h-card:nth-child(3){

    grid-column:auto;
  }

}

/* =========================================================
   FIX TOP DASHBOARD 2 BOXES INLINE
========================================================= */

#page-hygiene #hyg-pane-dashboard .g31{

  display:grid !important;

  grid-template-columns:1fr 1fr !important;

  gap:16px !important;

  align-items:start;

  margin-bottom:22px !important;
}

/* MAKE ONLY FIRST 2 CARDS INLINE */

#page-hygiene #hyg-pane-dashboard .g31 > .h-card{

  width:100%;
}

/* THIRD CARD FULL WIDTH */

#page-hygiene #hyg-pane-dashboard .g31 > .h-card:nth-child(3){

  grid-column:1 / span 2;
}

/* SMALLER HEIGHT */

#page-hygiene #hyg-pane-dashboard .g31 .h-card-body{

  min-height:120px !important;

  padding:12px 16px !important;
}

/* SPACE BETWEEN ALL DASHBOARD BLOCKS */

#page-hygiene #hyg-pane-dashboard .h-card{

  margin-bottom:18px !important;
}

/* EXTRA SPACE UNDER MEMORY SECTION */

#page-hygiene #hyg-pane-dashboard #hyg-d-topmem{

  padding-bottom:14px !important;
}

/* CLEANER GAP BETWEEN LOWER SECTIONS */

#page-hygiene #hyg-pane-dashboard .g4{

  margin-top:10px !important;

  gap:18px !important;
}

#page-hygiene #hyg-pane-dashboard .g3{

  margin-top:10px !important;

  gap:18px !important;
}

/* RESPONSIVE */

@media(max-width:900px){

  #page-hygiene #hyg-pane-dashboard .g31{

    grid-template-columns:1fr !important;
  }

  #page-hygiene #hyg-pane-dashboard .g31 > .h-card:nth-child(3){

    grid-column:auto;
  }

}

/* =========================================================
   EQUAL HEIGHT DASHBOARD BOXES
========================================================= */

/* MAKE ALL GRID CARDS SAME HEIGHT */

#page-hygiene #hyg-pane-dashboard .g4{

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:18px;

  align-items:stretch;
}

#page-hygiene #hyg-pane-dashboard .g4 .h-card{

  display:flex;

  flex-direction:column;

  height:100%;

  min-height:210px;
}

/* SAME FOR LOWER GRID */

#page-hygiene #hyg-pane-dashboard .g3{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:18px;

  align-items:stretch;
}

#page-hygiene #hyg-pane-dashboard .g3 .h-card{

  display:flex;

  flex-direction:column;

  height:100%;

  min-height:220px;
}

/* CARD BODY TAKES FULL SPACE */

#page-hygiene #hyg-pane-dashboard .h-card-body{

  flex:1;

  display:flex;

  flex-direction:column;

  justify-content:flex-start;
}

/* CLEANER INSIDE SPACING */

#page-hygiene #hyg-pane-dashboard .h-card-head{

  padding:14px 16px;

  font-size:14px;

  font-weight:700;
}

#page-hygiene #hyg-pane-dashboard .h-card-body{

  padding:14px 16px;
}

/* BETTER TABLE ROW SPACING */

#page-hygiene #hyg-pane-dashboard .h-bar-row{

  margin-bottom:12px;
}

/* BETTER VISUAL BALANCE */

#page-hygiene #hyg-pane-dashboard .h-card{

  border-radius:12px;

  overflow:hidden;
}

/* RESPONSIVE */

@media(max-width:1200px){

  #page-hygiene #hyg-pane-dashboard .g4{

    grid-template-columns:repeat(2,1fr);
  }

  #page-hygiene #hyg-pane-dashboard .g3{

    grid-template-columns:1fr;
  }

}

@media(max-width:768px){

  #page-hygiene #hyg-pane-dashboard .g4,
  #page-hygiene #hyg-pane-dashboard .g3{

    grid-template-columns:1fr;
  }

}

/* =========================================================
   FINAL DASHBOARD CLEANUP
   - Better spacing
   - Equal heights
   - Exactly 5 visible rows
========================================================= */

/* GRID LAYOUT */

#page-hygiene #hyg-pane-dashboard .g4{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  align-items:stretch;
}

#page-hygiene #hyg-pane-dashboard .g3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  align-items:stretch;
}

/* TOP 2 BOXES */

#page-hygiene #hyg-pane-dashboard .g31{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:20px;
}

#page-hygiene #hyg-pane-dashboard .g31 > .h-card:nth-child(3){
  grid-column:1 / span 2;
}

/* ALL CARDS SAME SIZE */

#page-hygiene #hyg-pane-dashboard .h-card{
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:280px;

  border-radius:12px;
  overflow:hidden;

  margin-bottom:10px;
}

/* CARD HEADER */

#page-hygiene #hyg-pane-dashboard .h-card-head{
  padding:14px 16px;
  font-size:14px;
  font-weight:700;
  border-bottom:1px solid #e5e7eb;
}

/* CARD BODY */

#page-hygiene #hyg-pane-dashboard .h-card-body{
  flex:1;
  padding:14px 16px;

  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

/* =========================================================
   FORCE 5 ROWS ONLY
========================================================= */

#page-hygiene #hyg-pane-dashboard .h-bar-wrap{

  display:flex;
  flex-direction:column;
  gap:10px;

  min-height:190px;
}

/* EACH ROW */

#page-hygiene #hyg-pane-dashboard .h-bar-row{

  display:grid;
  grid-template-columns:140px 1fr 42px;

  align-items:center;

  gap:12px;

  height:28px;

  margin-bottom:0 !important;
}

/* LABEL */

#page-hygiene #hyg-pane-dashboard .h-bar-label{

  font-size:12px;
  color:#475467;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* BAR */

#page-hygiene #hyg-pane-dashboard .h-bar-track{
  height:10px;
  border-radius:999px;
  overflow:hidden;

  background:#edf2f7;
}

#page-hygiene #hyg-pane-dashboard .h-bar-fill{
  height:10px;
  border-radius:999px;
}

/* VALUE */

#page-hygiene #hyg-pane-dashboard .h-bar-value{
  font-size:12px;
  font-weight:700;
  text-align:right;
}

/* =========================================================
   TABLE STYLE BOXES
========================================================= */

#page-hygiene #hyg-pane-dashboard .mini-table{

  display:flex;
  flex-direction:column;
  gap:10px;
}

/* EXACTLY 5 ROWS */

#page-hygiene #hyg-pane-dashboard .mini-row{

  display:grid;
  grid-template-columns:1fr auto;

  align-items:center;

  min-height:30px;

  border-bottom:1px solid #f1f5f9;

  font-size:13px;
}

/* REMOVE LAST BORDER */

#page-hygiene #hyg-pane-dashboard .mini-row:last-child{
  border-bottom:none;
}

/* =========================================================
   CLEAN SPACING
========================================================= */

#page-hygiene #hyg-pane-dashboard .g4,
#page-hygiene #hyg-pane-dashboard .g3{
  margin-top:12px;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1200px){

  #page-hygiene #hyg-pane-dashboard .g4{
    grid-template-columns:repeat(2,1fr);
  }

  #page-hygiene #hyg-pane-dashboard .g3{
    grid-template-columns:1fr;
  }

}

@media(max-width:900px){

  #page-hygiene #hyg-pane-dashboard .g31{
    grid-template-columns:1fr;
  }

  #page-hygiene #hyg-pane-dashboard .g31 > .h-card:nth-child(3){
    grid-column:auto;
  }

}

@media(max-width:768px){

  #page-hygiene #hyg-pane-dashboard .g4,
  #page-hygiene #hyg-pane-dashboard .g3{
    grid-template-columns:1fr;
  }

}