/* Basic Bootstrap-like styles for Monzo Agent Blazor UI */

/* Container and layout */
.container-fluid { width: 100%; padding: 0 15px; }
.row { display: flex; flex-wrap: wrap; margin: -15px; }
.col-md-3 { flex: 0 0 25%; max-width: 25%; padding: 15px; }
.col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; padding: 15px; }
.col-md-6 { flex: 0 0 50%; max-width: 50%; padding: 15px; }
.col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; padding: 15px; }
.col-md-12 { flex: 0 0 100%; max-width: 100%; padding: 15px; }

/* Cards */
.card { border: 1px solid #dee2e6; border-radius: 0.25rem; margin-bottom: 1rem; background: white; }
.card-header { padding: 0.75rem 1.25rem; background: #f8f9fa; border-bottom: 1px solid #dee2e6; }
.card-body { padding: 1.25rem; }
.card-title { margin-bottom: 0.75rem; font-size: 1.25rem; font-weight: 500; }
.card-text { margin-bottom: 1rem; }

/* Buttons */
.btn { display: inline-block; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; line-height: 1.5; text-align: center; text-decoration: none; border: 1px solid transparent; border-radius: 0.25rem; cursor: pointer; }
.btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; }
.btn-success { color: #fff; background-color: #28a745; border-color: #28a745; }
.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; }
.btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; }
.btn:disabled { opacity: 0.65; cursor: not-allowed; }

/* Forms */
.form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; }
.form-label { margin-bottom: 0.5rem; font-weight: 500; }
.mb-3 { margin-bottom: 1rem; }

/* Alerts */
.alert { padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }
.alert-danger { color: #721c24; background: #f8d7da; border-color: #f5c6cb; }
.alert-success { color: #155724; background: #d4edda; border-color: #c3e6cb; }

/* Badges */
.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; border-radius: 0.25rem; }
.bg-warning { background-color: #ffc107; color: #212529; }
.bg-success { background-color: #28a745; color: white; }
.bg-secondary { background-color: #6c757d; color: white; }

/* Spinners */
.spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border 0.75s linear infinite; }
.spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; }

@keyframes spinner-border {
  to { transform: rotate(360deg); }
}

/* Utilities */
.mt-3 { margin-top: 1rem; }
.ms-2 { margin-left: 0.5rem; }
.px-4 { padding-left: 1.5rem; padding-right: 1.5rem; }
.text-center { text-align: center; }
.text-muted { color: #6c757d; }