html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Shared site styles (append to existing site.css or create this file and ensure it's included in _Layout) */

/* Progression "Assumed" button (shared)
   - Used by server-rendered buttons (.progression-btn) and dynamic modal choices (.progression-choice .btn-hold-warning)
*/
.btn-hold-warning {
    --assumed-bg: #D1C938;
    --assumed-border: #b9ae2b;
    background-color: var(--assumed-bg);
    border-color: var(--assumed-border);
    color: #000;
}

    .btn-hold-warning:hover,
    .btn-hold-warning:focus {
        background-color: #c8bf2f;
        border-color: #ab9f26;
        color: #000;
    }

    .btn-hold-warning:disabled,
    .btn-hold-warning[disabled] {
        opacity: .85;
        background-color: var(--assumed-bg);
        border-color: var(--assumed-border);
        color: #000;
    }

/* Ensure Confirmed/HOLD use Bootstrap defaults (no overrides here)
   If you have any page-local overrides for .btn-success or .btn-danger, remove them so Bootstrap's classes render identically across pages.
*/

/* Scoped overrides for VDC WP table buttons */
#wpTable .btn-outline-dark {
    /* make outline-dark buttons inside the WP table readable and consistent */
    color: #000000 !important;
    background-color: #ffffff !important; /* dark */
    border-color: #000000 !important;
}

    #wpTable .btn-outline-dark:hover,
    #wpTable .btn-outline-dark:focus {
        color: #ffffff !important;
        background-color: #000000 !important; /* slightly darker on hover */
        border-color: #ffffff !important;
    }