.atd-wrap{
  --atd-surface-2:#ffffff;
  --atd-surface-1:#f6f5f2;
  --atd-border:#e3e1d9;
  --atd-text-primary:#2c2c2a;
  --atd-text-secondary:#5f5e5a;
  --atd-text-muted:#888780;
  --atd-radius:8px;

  font-family:'Segoe UI', Arial, sans-serif;
  color:var(--atd-text-primary);
  margin-left:20px;
  margin-right:20px;
  width:calc(100% - 40px);
  box-sizing:border-box;
  padding-top: 30px;
}

.atd-wrap *{ box-sizing:border-box; }

.atd-title{
  font-weight:500;
  font-size:16px;
  margin:0;
}

.atd-subtitle{
  margin:2px 0 0;
  font-size:13px;
  color:var(--atd-text-secondary);
}

/* ---------- Header card ---------- */
.atd-header-card{
  background:var(--atd-surface-2);
  border:0.5px solid var(--atd-border);
  border-left:3px solid #378ADD;
  border-radius:12px;
  padding:18px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:16px;
}

.atd-header-left{
  display:flex;
  align-items:center;
  gap:12px;
  margin-left:8px;
}

.atd-header-icon{
  width:42px;
  height:42px;
  border-radius:10px;
  background:#E6F1FB;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.atd-header-icon i{
  font-size:22px;
  color:#185FA5;
}

.atd-header-actions{
  display:flex;
  gap:8px;
}

.atd-btn{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  font-weight:500;
  padding:8px 16px;
  border-radius:var(--atd-radius);
  border:0.5px solid var(--atd-border);
  background:var(--atd-surface-2);
  color:var(--atd-text-primary);
  cursor:pointer;
}

.atd-btn:hover{ background:var(--atd-surface-1); }

.atd-btn-accent{
  background:#E6F1FB;
  color:#0C447C;
  border-color:#85B7EB;
}

.atd-btn-accent:hover{ background:#B5D4F4; }

.atd-btn-primary{
  background:#378ADD;
  color:#ffffff;
  border:none;
  padding:10px 22px;
}

.atd-btn-primary:hover{ background:#185FA5; }

/* ---------- Filter card ---------- */
.atd-filter-card{
  background:var(--atd-surface-2);
  border:0.5px solid var(--atd-border);
  border-radius:12px;
  padding:20px;
}

.atd-filter-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
  gap:16px;
}

.atd-field-label{
  font-size:12px;
  font-weight:500;
  margin:0 0 8px;
  display:flex;
  align-items:center;
  gap:6px;
}

.atd-field-label i{ font-size:14px; }

.atd-dates{ color:#185FA5; }
.atd-campaigns{ color:#993C1D; }
.atd-groups{ color:#0F6E56; }
.atd-shift{ color:#3C3489; }

.atd-filter-card input[type="text"],
.atd-filter-card select{
  width:100%;
  font-size:13px;
  font-family:inherit;
  color:var(--atd-text-primary);
  background:var(--atd-surface-2);
  border:0.5px solid var(--atd-border);
  border-radius:var(--atd-radius);
  padding:8px 10px;
}

.atd-filter-card input[type="text"]{ margin-bottom:10px; }

.atd-filter-card select[multiple]{ padding:4px; }
.atd-filter-card select[multiple] option{ padding:6px 8px; }

.atd-shift-select{ margin-bottom:12px; }

.atd-mini-label{
  font-size:11px;
  color:var(--atd-text-muted);
  display:block;
  margin-bottom:2px;
}

.atd-checkbox-row{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  margin-bottom:6px;
  color:var(--atd-text-secondary);
}

.atd-checkbox-row input{ margin:0; }

.atd-filter-footer{
  border-top:0.5px solid var(--atd-border);
  margin-top:20px;
  padding-top:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
}

.atd-display-as{
  display:flex;
  align-items:center;
  gap:8px;
}

.atd-display-as label{
  font-size:13px;
  color:var(--atd-text-secondary);
}

.atd-display-as select{ width:120px; }

/* ---------- Stat cards ---------- */
.atd-stats-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
  gap:12px;
  margin-top:14px;
}

.atd-stat-card{
  border-radius:var(--atd-radius);
  padding:16px;
}

.atd-stat-card p{ margin:0; }

.atd-stat-label{ font-size:13px; margin-bottom:4px; }
.atd-stat-value{ font-size:24px; font-weight:500; }

.atd-stat-purple{ background:#EEEDFE; }
.atd-stat-purple .atd-stat-label{ color:#534AB7; }
.atd-stat-purple .atd-stat-value{ color:#26215C; }

.atd-stat-coral{ background:#FAECE7; }
.atd-stat-coral .atd-stat-label{ color:#993C1D; }
.atd-stat-coral .atd-stat-value{ color:#4A1B0C; }

.atd-stat-green{ background:#EAF3DE; }
.atd-stat-green .atd-stat-label{ color:#3B6D11; }
.atd-stat-green .atd-stat-value{ color:#173404; }


.atd-label-badge {
    --label-badge-bg: #133368;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: var(--label-badge-bg);
    color: #fff;
    font-size: 14px;
    flex-shrink: 0;
}


.report-submit-button {
	background-color: #185FA5;
	color: #ffffff;
	border: 1px solid #185FA5;
}

.report-submit-button:hover {
	background-color: #124d87;
	border-color: #124d87;
	color: #ffffff;
}

.report-submit-button:focus,
.report-submit-button:active {
	background-color: #185FA5;
	border-color: #185FA5;
	color: #ffffff;
	box-shadow: 0 0 0 0.2rem rgba(24, 95, 165, 0.25);
}