/* CabinetSense brand — buttons & form controls (same as customeraccountupdate / avatar) */
:root {
  --cs-brand: rgb(51, 82, 159);
  --cs-brand-hover: rgb(51, 82, 139);
  --cs-brand-hex: #33529f;
}

/* Primary buttons — web + SketchUp (Bootstrap .btn.btn-primary too) */
.btn-primary,
a.btn-primary,
button.btn-primary,
.btn.btn-primary,
a.btn.btn-primary,
button.btn.btn-primary,
input.btn.btn-primary,
input[type="submit"].btn-primary,
input[type="button"].btn-primary {
  background-color: var(--cs-brand) !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-color: var(--cs-brand) !important;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  transition: background-color 0.2s;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
a.btn-primary:hover,
button.btn-primary:hover,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
a.btn.btn-primary:hover,
button.btn.btn-primary:hover,
input.btn.btn-primary:hover {
  background-color: var(--cs-brand-hover) !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: var(--cs-brand-hover) !important;
}
.btn-primary:disabled,
button.btn-primary:disabled,
.btn.btn-primary:disabled,
input.btn.btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Danger buttons — web + SketchUp (Bootstrap .btn.btn-danger too) */
.btn-danger,
a.btn-danger,
button.btn-danger,
.btn.btn-danger,
a.btn.btn-danger,
button.btn.btn-danger {
  background-color: #b91c1c !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-color: #b91c1c !important;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  transition: background-color 0.2s;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
a.btn-danger:hover,
button.btn-danger:hover,
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active,
a.btn.btn-danger:hover,
button.btn.btn-danger:hover {
  background-color: #991b1b !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #991b1b !important;
}
.btn-danger:disabled,
button.btn-danger:disabled,
.btn.btn-danger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Secondary (outline) — matches customeraccountupdate */
.btn-secondary,
a.btn-secondary,
button.btn-secondary {
  background: #ffffff !important;
  color: var(--cs-brand) !important;
  border: 1px solid var(--cs-brand) !important;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  border-radius: 0;
}
.btn-secondary:hover,
a.btn-secondary:hover,
button.btn-secondary:hover {
  background: #f3f4f6 !important;
  color: var(--cs-brand) !important;
}

/*
 * Web self-service form controls only.
 * Do NOT style bare .form-control — that breaks SketchUp/Modus pages
 * (license.jsp, clientaccount.jsp, createaccount.jsp, etc.).
 */
.cs-web-form .form-control,
.cs-web-form input.form-control,
.cs-web-form select.form-control,
.cs-web-form textarea.form-control {
  padding: 0.5rem 0.75rem;
  border: 1px solid #d1d5db;
  font-size: 0.875rem;
  background: #f9fafb;
  border-radius: 0;
  box-shadow: none;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}
.cs-web-form .form-control:hover:not([readonly]):not(:disabled):not(:focus):not(.is-edited) {
  background: #f3f4f6;
}
.cs-web-form .form-control:focus {
  outline: none;
  border-color: var(--cs-brand);
  box-shadow: 0 0 0 1px var(--cs-brand);
  background: #fff;
}
.cs-web-form .form-control.is-edited {
  background: #fff7ed;
  border-color: #fdba74;
}
.cs-web-form .form-control.is-edited:focus {
  background: #fff7ed;
  border-color: #f97316;
  box-shadow: 0 0 0 1px #f97316;
}
.cs-web-form .form-control[readonly],
.cs-web-form .form-control:disabled {
  background: #f3f4f6;
  color: #6b7280;
}

/* Avatar circle brand (also in avatar-dropdown.css) */
.avatar-circle {
  background: var(--cs-brand) !important;
}
.avatar-circle:hover {
  background: var(--cs-brand-hover) !important;
}