/* dashboard.css: Custom styles for dashboard components in test templates */

.dashboard-card {
   background: #fff;
   border-radius: 0.5rem;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   padding: 2rem;
   margin-bottom: 2rem;
}

.dashboard-title {
   font-size: 2rem;
   font-weight: 700;
   color: #1a202c;
   margin-bottom: 1rem;
}

.dashboard-section {
   margin-bottom: 1.5rem;
}

.dashboard-btn {
   background: #2563eb;
   color: #fff;
   border: none;
   border-radius: 0.375rem;
   padding: 0.5rem 1.25rem;
   font-weight: 600;
   transition: background 0.2s;
}

.dashboard-btn:hover {
   background: #1d4ed8;
}

/* Signup Page Custom Styles */
.dashboard-signup-card {
   box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
   border-radius: 1.25rem;
   background: #fff;
   padding: 2.5rem 2rem;
   margin-top: 2rem;
}

.dashboard-signup-title {
   font-size: 2.25rem;
   font-weight: 800;
   color: #1e293b;
   margin-bottom: 0.5rem;
}

.dashboard-signup-subtitle {
   color: #64748b;
   font-size: 1rem;
   margin-bottom: 1.5rem;
}

.dashboard-signup-form input[type="text"],
.dashboard-signup-form input[type="email"],
.dashboard-signup-form input[type="password"] {
   width: 100%;
   padding: 0.75rem 1rem;
   border-radius: 0.5rem;
   border: 1px solid #cbd5e1;
   margin-bottom: 1rem;
   background: #f8fafc;
   font-size: 1rem;
   transition: border 0.2s;
}

.dashboard-signup-form input:focus {
   border-color: #2563eb;
   outline: none;
   background: #fff;
}

.dashboard-signup-btn {
   background: linear-gradient(90deg, #2563eb 0%, #6366f1 100%);
   color: #fff;
   font-weight: 700;
   border: none;
   border-radius: 0.5rem;
   transition: background 0.2s;
   box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08);
}

.dashboard-signup-btn:hover {
   background: linear-gradient(90deg, #1d4ed8 0%, #4f46e5 100%);
}

.dashboard-signup-checkbox {
   width: 1.1rem;
   height: 1.1rem;
   border-radius: 0.25rem;
   border: 1px solid #cbd5e1;
   accent-color: #2563eb;
}

.dashboard-signup-label {
   color: #1e293b;
   font-size: 0.95rem;
}

.dashboard-signup-link {
   color: #2563eb;
   text-decoration: underline;
   font-weight: 600;
}

.dashboard-signup-link:hover {
   color: #1d4ed8;
}

.dashboard-signup-logo {
   height: 3.5rem;
   margin-bottom: 0.5rem;
}