/* Desenvolvido por: DriveWeb | Rodrigo Soares | © DriveWeb */
/* DW Agenda Pro — estilo shortcodes (frontend) */

:root {
    --dwag-primary: #4f8ef7;
    --dwag-primary-dark: #3a7be8;
    --dwag-success: #00d68f;
    --dwag-warning: #f5b843;
    --dwag-danger:  #ef4444;
    --dwag-bg-1: #0f0f1a;
    --dwag-bg-2: #1a1a2e;
    --dwag-radius: 12px;
}

.dwag-app { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
.dwag-app .dwag-page { padding: 16px 0; }
.dwag-app .dwag-page-header h1 { font-weight: 700; }

/* Cards / KPIs */
.dwag-app .dwag-kpi {
    border: 1px solid #e9ecef;
    border-radius: var(--dwag-radius);
    transition: all .15s;
}
.dwag-app .dwag-kpi:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0,0,0,.06); }
.dwag-app .dwag-kpi .h3 { color: var(--dwag-primary); font-weight: 700; }

/* Botões custom além Bootstrap */
.dwag-app .dwag-btn-primary {
    background: linear-gradient(135deg, var(--dwag-primary), var(--dwag-primary-dark));
    color: #fff; border: none; padding: 8px 18px; border-radius: 8px;
    font-weight: 600; text-decoration: none; display: inline-block;
}
.dwag-app .dwag-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(79,142,247,.35); }

/* Steps booking */
.dwag-steps { gap: 8px; }
.dwag-step {
    flex: 1; text-align: center; padding: 8px 4px;
    background: #f8f9fa; border-radius: 6px; color: #6c757d;
}
.dwag-step.active { background: var(--dwag-primary); color: #fff; font-weight: 600; }

/* Calendar grid placeholder */
.dwag-calendar-grid { min-height: 400px; background: #fafafa; border: 1px dashed #dee2e6; border-radius: var(--dwag-radius); }

/* Empty states */
.dwag-empty { padding: 48px 16px; text-align: center; color: #6c757d; }

/* Mobile */
@media (max-width: 768px) {
    .dwag-app .btn-group .btn { padding: 6px 10px; font-size: 13px; }
    .dwag-app .dwag-page-header { flex-direction: column; align-items: stretch; }
    .dwag-app .dwag-page-header .btn { width: 100%; }
    .dwag-app .dwag-kpi .h3 { font-size: 1.4rem; }
}

/* Touch targets ≥44px no mobile */
@media (max-width: 768px) {
    .dwag-app input, .dwag-app select, .dwag-app textarea, .dwag-app .btn { min-height: 44px; font-size: 16px; }
}