/* Hotel Kimininga Cloud v37.5 — HR navigation & dashboard polish */

/* Remove legacy stacked HR tab bars from the overview if any cached markup remains. */
.premium-hr-page .hr-tabbar { display:none !important; }

.premium-hr-page .premium-hr-kpis,
.premium-hr-page .hr-dashboard-kpi-grid {
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:14px 0 18px !important;
}

.premium-hr-page .hr-kpi {
  position:relative;
  min-height:88px;
  padding:15px 16px 13px !important;
  border-radius:15px !important;
  border:1px solid rgba(179,195,214,.35) !important;
  background:linear-gradient(145deg,#ffffff 0%,#f5f7fa 100%) !important;
  box-shadow:0 10px 24px rgba(5,18,36,.10) !important;
  overflow:hidden;
  color:#1b2940 !important;
}
.premium-hr-page .hr-kpi::before{
  content:'';
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,#b51655,#e1437d);
}
.premium-hr-page .hr-kpi span{
  display:block;
  color:#67758a !important;
  font-size:11px !important;
  font-weight:800 !important;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:6px;
}
.premium-hr-page .hr-kpi strong{
  display:block;
  color:#111e32 !important;
  font-size:23px !important;
  line-height:1.05;
  font-weight:900;
}
.premium-hr-page .hr-kpi small{
  display:block;
  margin-top:5px;
  color:#7c8798 !important;
  font-size:11px !important;
}

.premium-hr-page .hr-workspace-launcher{
  padding:20px !important;
  border-radius:20px !important;
  border:1px solid rgba(185,47,104,.28) !important;
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(249,246,248,.98)) !important;
  box-shadow:0 18px 42px rgba(4,18,36,.15) !important;
}
.premium-hr-page .hr-workspace-launcher .hr-section-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin-bottom:16px !important;
}
.premium-hr-page .hr-workspace-launcher .hr-section-head h3{
  margin:0 0 4px !important;
  color:#17243a !important;
  font-size:21px !important;
}
.premium-hr-page .hr-workspace-launcher .hr-section-head p{
  margin:0 !important;
  color:#6d7889 !important;
  font-size:13px !important;
}
.premium-hr-page .hr-workspace-count{
  flex:0 0 auto;
  padding:7px 11px;
  border-radius:999px;
  background:#f7e8ef;
  border:1px solid #efc8d8;
  color:#9e2857;
  font-size:11px;
  font-weight:800;
}

.premium-hr-page .hr-direct-task-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}

.premium-hr-page .hr-task-card{
  position:relative;
  min-height:172px !important;
  padding:18px !important;
  border-radius:18px !important;
  border:1px solid #d9dfe8 !important;
  background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%) !important;
  color:#16243a !important;
  text-align:left !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:7px !important;
  box-shadow:0 8px 22px rgba(13,35,62,.08) !important;
  cursor:pointer;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease !important;
}
.premium-hr-page .hr-task-card::before{
  content:'';
  position:absolute;
  left:0;top:0;right:0;
  height:4px;
  background:linear-gradient(90deg,#a41450,#d63873 60%,#ee7ca5);
}
.premium-hr-page .hr-task-card::after{
  content:'';
  position:absolute;
  width:115px;height:115px;
  border-radius:50%;
  right:-42px;top:-42px;
  background:radial-gradient(circle,rgba(207,50,111,.12),rgba(207,50,111,0) 70%);
  transition:transform .25s ease;
}
.premium-hr-page .hr-task-card:hover,
.premium-hr-page .hr-task-card:focus-visible{
  transform:translateY(-3px) !important;
  border-color:rgba(183,22,84,.52) !important;
  box-shadow:0 16px 34px rgba(13,35,62,.14) !important;
  background:linear-gradient(145deg,#fff 0%,#fff8fb 100%) !important;
  outline:none;
}
.premium-hr-page .hr-task-card:hover::after{transform:scale(1.15);}

.premium-hr-page .hr-task-number{
  position:absolute;
  top:15px;right:16px;
  font-size:24px;
  font-weight:900;
  color:#d9dee6 !important;
  line-height:1;
}
.premium-hr-page .hr-task-icon{
  width:42px;height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#b11655 !important;
  background:#f9e8ef;
  border:1px solid #efc8d9;
  box-shadow:0 6px 14px rgba(177,22,85,.08);
  transition:transform .22s ease,background .22s ease;
}
.premium-hr-page .hr-task-icon svg{
  width:23px;height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.premium-hr-page .hr-task-card:hover .hr-task-icon{
  transform:translateY(-1px) scale(1.05);
  background:#f6dce7;
}
.premium-hr-page .hr-task-card strong{
  color:#142238 !important;
  font-size:16px !important;
  line-height:1.25;
  margin-top:3px;
}
.premium-hr-page .hr-task-desc{
  color:#6b7789 !important;
  font-size:12px !important;
  line-height:1.45 !important;
  max-width:92%;
}
.premium-hr-page .hr-task-open{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#a91651 !important;
  font-size:12px !important;
  font-weight:900;
}
.premium-hr-page .hr-task-open b{
  color:inherit !important;
  font-size:15px;
  transition:transform .2s ease;
}
.premium-hr-page .hr-task-card:hover .hr-task-open b{transform:translateX(4px);}

.premium-hr-page .hr-task-return{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:10px 14px !important;
  margin:0 0 14px !important;
  border-radius:13px !important;
  border:1px solid rgba(185,47,104,.32) !important;
  background:linear-gradient(145deg,#fff,#f9f2f5) !important;
  color:#687589 !important;
  box-shadow:0 7px 18px rgba(10,29,53,.07) !important;
}
.premium-hr-page .hr-task-return button{
  border:0 !important;
  border-radius:10px !important;
  padding:9px 12px !important;
  background:#84123f !important;
  color:#fff !important;
  font-weight:800 !important;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease !important;
}
.premium-hr-page .hr-task-return button:hover{
  background:#a51651 !important;
  transform:translateX(-2px);
}
.premium-hr-page .hr-task-return span{
  font-weight:800;
  color:#34435a !important;
}

/* HR dashboard content underneath launcher */
.premium-hr-page .hr-workspace > .hr-section-head h2,
.premium-hr-page .hr-workspace > .hr-section-head h3{
  color:#f4f7fb !important;
}
.premium-hr-page .hr-workspace > .hr-section-head p{color:#aebccc !important;}

@media(max-width:1180px){
  .premium-hr-page .premium-hr-kpis,
  .premium-hr-page .hr-dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .premium-hr-page .hr-direct-task-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:720px){
  .premium-hr-page .premium-hr-kpis,
  .premium-hr-page .hr-dashboard-kpi-grid,
  .premium-hr-page .hr-direct-task-grid{grid-template-columns:1fr !important;}
  .premium-hr-page .hr-workspace-launcher{padding:14px !important;}
  .premium-hr-page .hr-workspace-launcher .hr-section-head{align-items:flex-start !important;flex-direction:column !important;}
}