/* Minimal modern dashboard styles */
:root{
  --sidebar-width:240px;
  --muted:#6c757d;
  --card-bg:#ffffff;
}

.sidebar{
  width:var(--sidebar-width);
  min-height:calc(100vh - 56px); /* account for navbar height */
  box-shadow: 6px 0 18px rgba(30,40,60,0.03);
}

.sidebar .nav-link{
  color:var(--muted);
  border-radius:8px;
  padding:10px 12px;
  margin-bottom:6px;
}

.sidebar .nav-link.active{
  color:#fff;
  background:linear-gradient(90deg,#0062ff,#00c2ff);
  box-shadow:0 6px 18px rgba(0,100,255,0.08);
}

.card{
  border:0; background:var(--card-bg);
  border-radius:12px;
}

.card .card-body h5{font-weight:600}

/* responsive tweaks */
@media (max-width: 991px){
  .sidebar{display:none}
}

/* subtle placeholders */
.placeholder-glow{border-radius:8px}

/* Worklogs status tiles and badges */
.status-badge{
  width:64px;
  height:64px;
  border-radius:12px;
  color:#fff;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 20px rgba(15,20,40,0.08);
  font-size:1.25rem;
}
.status-active{background:linear-gradient(90deg,#0062ff,#00c2ff);}
.status-needing{background:linear-gradient(90deg,#ff9a00,#ff6a00);}
.status-invoiced{background:linear-gradient(90deg,#28a745,#20c997);}

.status-tile{border-radius:12px; background:#fff; padding:24px; min-height:160px; display:flex; flex-direction:column; align-items:center; justify-content:center}

.status-card{border-radius:12px; overflow:hidden}
.status-card .card-body{padding:20px}

.status-badge{width:72px; height:72px; border-radius:8px; color:#fff; font-weight:700; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 10px 30px rgba(10,20,40,0.08); font-size:1.35rem}

.status-card h6{font-weight:700}
.status-card p{opacity:0.85}

.status-cta{padding:8px 14px; border-radius:8px}

@media (max-width: 991px){
  .status-badge{width:64px;height:64px}
}

@media (max-width: 575px){
  .status-badge{width:56px;height:56px;font-size:1.05rem}
  .status-tile{min-height:140px}
}

/* sidebar dropdown styling */
.sidebar .dropdown-menu{position:static; border:0; box-shadow:none; margin-top:6px}
.sidebar .dropdown-item{padding-left:38px; color:var(--muted); border-radius:8px}
.sidebar .nav-link.dropdown-toggle{cursor:pointer}
.sidebar .nav-link.dropdown-toggle .bi{margin-right:8px}
.sidebar .dropdown-menu .dropdown-item:hover{background:rgba(0,0,0,0.03)}

/* make dropdown items stand out in the sidebar */
.sidebar .dropdown-menu{background:transparent}
.sidebar .dropdown-menu .dropdown-item{padding-top:6px; padding-bottom:6px}
.sidebar .dropdown-menu .dropdown-item + .dropdown-item{margin-top:6px}

/* nested sidebar (child) links */
.nav-child{list-style:none; padding-left:0; margin:0}
.nav-child .nav-link{padding-left:36px; font-size:.95rem; color:var(--muted); border-radius:8px; margin-bottom:6px; transition:all .15s ease}
.nav-child .nav-link:hover{background:rgba(0,0,0,0.03); color:var(--muted)}
.nav-child .nav-link.active{color:#0062ff; background:linear-gradient(90deg, rgba(0,98,255,0.07), rgba(0,194,255,0.04)); box-shadow:none; border-left:4px solid #0062ff; padding-left:32px}
/* worklogs nav cards */
.nav-card{border-radius:12px; overflow:hidden}
.nav-card .card-body{padding:20px}
.nav-icon{width:56px;height:56px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 6px 18px rgba(10,20,40,0.06)}
.nav-card h6{font-weight:700}
.nav-card p{opacity:0.85}
.nav-card .btn{padding:6px 12px}