/* LittleFoot action-button visibility standard.
   Command buttons are colored; tabs, cards, icon controls, and normalization
   ellipsis buttons retain their neutral control styling. */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.lf-button {
    border-color: #087e8b !important;
    background: #087e8b !important;
    color: #fff !important;
}

button:hover:not(:disabled),
input[type="button"]:hover:not(:disabled),
input[type="submit"]:hover:not(:disabled),
input[type="reset"]:hover:not(:disabled),
.lf-button:hover:not(:disabled) {
    border-color: #056c76 !important;
    background: #056c76 !important;
    color: #fff !important;
}

button.secondary,
button.is-secondary,
.lf-button.secondary {
    border-color: #72aeb5 !important;
    background: #dff1f3 !important;
    color: #174c5b !important;
}

.lf-icon-button,
.ltf-workflow-card,
button[class*="-card"],
.lf-tab,
[role="tab"],
.lf-normalized-control > button,
.lf-normalized-select > button,
.lf-filter-control > button,
.lf-panel-combo > button,
.lf-ellipsis-button,
[class*="-tabs"] button,
.tabs button,
[class*="-cards"] button,
[class*="-card-list"] button,
[class*="-browser"] > button,
[class*="-directory"] > button,
.wg-browser > button,
.lf-template-list > button,
.lf-deficiency-list > button,
.lf-itr-list > button,
.lf-doc-list > button,
.lf-equipment-list > button,
.lf-record-list > button,
.lf-device-list > button,
.lf-itr-document-list > button,
.lf-tree > button,
.lf-cause-group > button,
.lf-user-list > button,
.lf-admin-switch button,
.lf-admin-workspace nav button,
.lf-phase-grid > button,
.lf-template-version-list button,
.lf-soft-phase-readiness button,
.lf-soft-report-list > button,
.lf-document-readiness-filters button,
.lf-body-block-designer button,
section > nav > button,
.lf-document-viewer nav button,
.lf-matrix-tools button,
.lf-hierarchy-context button,
.lf-pm-toolbar nav button,
.lf-dtc-dialog > nav button,
.lf-evidence-check-summary {
    border-color: #b8cbd6 !important;
    background: #fff !important;
    color: #244b63 !important;
}

/* Shared workflow and selectable card controls are surfaces, not commands.
   Keep their fill neutral; primary is reserved for the selected accent and
   explicit action buttons. */
.ltf-workflow-card,
button[class*="-card"] {
    border-color: #c8d8e0 !important;
    background: #fff !important;
    color: #244b63 !important;
}

.ltf-workflow-card:hover:not(:disabled),
.ltf-workflow-card:focus-visible,
button[class*="-card"]:hover:not(:disabled),
button[class*="-card"]:focus-visible {
    border-color: #78aeb7 !important;
    background: #f4f8fa !important;
    color: #244b63 !important;
}

.ltf-workflow-item.is-active .ltf-workflow-card,
button[class*="-card"]:is(.selected, .is-selected, .active, .is-active) {
    border-color: #78aeb7 !important;
    background: #eaf7f8 !important;
    color: #244b63 !important;
    box-shadow: inset 4px 0 #087e8b;
}

.lf-normalized-control > button:hover:not(:disabled),
.lf-normalized-select > button:hover:not(:disabled),
.lf-filter-control > button:hover:not(:disabled),
.lf-panel-combo > button:hover:not(:disabled),
.lf-ellipsis-button:hover:not(:disabled) {
    border-color: #8296a4 !important;
    background: #edf3f6 !important;
    color: #244b63 !important;
}

/* Site-wide selectable-card standard.
   Cards remain neutral and readable; teal is reserved for the selected accent,
   never used as a solid card fill. */
[class*="-cards"] button,
[class*="-card-list"] button,
[class*="-browser"] > button,
[class*="-directory"] > button,
.wg-browser > button,
.lf-template-list > button,
.lf-deficiency-list > button,
.lf-itr-list > button,
.lf-doc-list > button,
.lf-equipment-list > button,
.lf-record-list > button,
.lf-device-list > button,
.lf-itr-document-list > button,
.lf-tree > button,
.lf-cause-group > button {
    border-color: #d7e3e9 !important;
    background: #fff !important;
    color: #31536a !important;
}

/* Page navigation and selectable summary rows are neutral controls.
   This also covers older workspaces whose tab bars do not yet use role="tab". */
section > nav > button,
.lf-document-viewer nav button,
.lf-matrix-tools button,
.lf-hierarchy-context button,
.lf-pm-toolbar nav button,
.lf-dtc-dialog > nav button {
    border-color: transparent !important;
    border-bottom-color: transparent !important;
    background: #fff !important;
    color: #607588 !important;
}

.lf-evidence-check-summary {
    border-color: #d7e3e9 !important;
    background: #fff !important;
    color: #31536a !important;
}

.lf-evidence-check-summary:hover {
    background: #f4fafb !important;
    color: #244b63 !important;
}

[class*="-cards"] button:hover,
[class*="-card-list"] button:hover,
[class*="-browser"] > button:hover,
[class*="-directory"] > button:hover,
.wg-browser > button:hover,
.lf-template-list > button:hover,
.lf-deficiency-list > button:hover,
.lf-itr-list > button:hover,
.lf-doc-list > button:hover,
.lf-equipment-list > button:hover,
.lf-record-list > button:hover,
.lf-device-list > button:hover,
.lf-itr-document-list > button:hover,
.lf-tree > button:hover,
.lf-cause-group > button:hover {
    background: #f4fafb !important;
    color: #244b63 !important;
}

[class*="-cards"] button:is(.selected, .is-selected, .active, .is-active),
[class*="-card-list"] button:is(.selected, .is-selected, .active, .is-active),
[class*="-browser"] > button:is(.selected, .is-selected, .active, .is-active),
[class*="-directory"] > button:is(.selected, .is-selected, .active, .is-active),
.wg-browser > button:is(.selected, .is-selected, .active, .is-active),
.lf-template-list > button:is(.selected, .is-selected, .active, .is-active),
.lf-deficiency-list > button:is(.selected, .is-selected, .active, .is-active),
.lf-itr-list > button:is(.selected, .is-selected, .active, .is-active),
.lf-doc-list > button:is(.selected, .is-selected, .active, .is-active),
.lf-equipment-list > button:is(.selected, .is-selected, .active, .is-active),
.lf-record-list > button:is(.selected, .is-selected, .active, .is-active),
.lf-device-list > button:is(.selected, .is-selected, .active, .is-active),
.lf-itr-document-list > button:is(.selected, .is-selected, .active, .is-active),
.lf-tree > button:is(.selected, .is-selected, .active, .is-active),
.lf-cause-group > button:is(.selected, .is-selected, .active, .is-active) {
    border-color: #78aeb7 !important;
    background: #eaf7f8 !important;
    color: #244b63 !important;
    box-shadow: inset 4px 0 #087e8b;
}

/* Secondary and cancellation controls must remain visibly distinct from actions. */
button.secondary,
button.is-secondary,
button[data-confirm-action="cancel"],
.lf-confirm-dialog footer button:first-child {
    border-color: #b8cbd6 !important;
    background: #fff !important;
    color: #244b63 !important;
}

.lf-confirm-dialog footer button[data-confirm-action="confirm"].is-update {
    border-color: #087e8b !important;
    background: #087e8b !important;
    color: #fff !important;
}

/* Tabs and selectable cards are navigation controls, not action buttons. */
.lf-admin-switch button {
    border-color: transparent !important;
    background: transparent !important;
    color: #607588 !important;
}

.lf-admin-switch button.is-active {
    background: #fff !important;
    color: #087e8b !important;
}

.lf-user-list > button {
    border-color: transparent !important;
    background: #fff !important;
    color: #31536a !important;
}

.lf-user-list > button:hover {
    background: #f4fafb !important;
}

.lf-user-list > button.is-selected {
    background: #eaf7f8 !important;
    color: #31536a !important;
}

.lf-admin-workspace nav button {
    border-color: transparent !important;
    border-bottom-color: transparent !important;
    background: #fff !important;
    color: #607588 !important;
}

.lf-admin-workspace nav button.is-active {
    border-bottom-color: #087e8b !important;
    background: #fff !important;
    color: #087e8b !important;
}

button.primary,
button.is-primary,
.lf-button.primary,
input[type="submit"] {
    border-color: #087e8b !important;
    background: #087e8b !important;
    color: #fff !important;
}

/* Active tabs identify location; they are not action buttons. */
.lf-tab.is-active,
[role="tab"].is-active,
[role="tab"][aria-selected="true"],
[class*="-tabs"] button.active,
[class*="-tabs"] button.is-active,
.tabs button.active,
.tabs button.is-active,
.lf-itr-workspace > nav button.is-active,
section > nav > button:is(.active, .is-active, .selected, .is-selected),
.lf-document-viewer nav button:is(.active, .is-active, .selected, .is-selected),
.lf-matrix-tools button:is(.active, .is-active, .selected, .is-selected),
.lf-hierarchy-context button:is(.active, .is-active, .selected, .is-selected),
.lf-pm-toolbar nav button:is(.active, .is-active, .selected, .is-selected),
.lf-dtc-dialog > nav button:is(.active, .is-active, .selected, .is-selected) {
    border-color: transparent !important;
    border-bottom-color: #087e8b !important;
    background: #fff !important;
    color: #087e8b !important;
}

button.danger,
button.delete,
button.remove,
button.is-danger,
button.is-delete,
.lf-button.danger {
    border-color: #b52f2f !important;
    background: #b52f2f !important;
    color: #fff !important;
}

button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled,
.lf-button:disabled {
    border-color: #9eafb9 !important;
    background: #dce5ea !important;
    color: #52697d !important;
    opacity: .72;
}