/**
 * Tissue Bank — standard button styles (Bootstrap 3 + app theme).
 */
:root {
    --tb-btn-primary: #26464d;
    --tb-btn-primary-hover: #1e353a;
    --tb-btn-success: #5cb85c;
    --tb-btn-info: #5bc0de;
    --tb-btn-warning: #f0ad4e;
    --tb-btn-danger: #d9534f;
    --tb-btn-default-bg: #fff;
    --tb-btn-default-border: #ccc;
}

.btn {
    font-weight: 600;
    border-radius: 15px !important;
    padding: 6px 16px;
    line-height: 1.42857143;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.btn-sm {
    padding: 5px 12px;
    font-size: 12px;
    line-height: 1.5;
}

.btn-xs {
    padding: 3px 8px;
    font-size: 11px;
}

.btn-primary {
    background-color: var(--tb-btn-primary);
    border-color: var(--tb-btn-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--tb-btn-primary-hover);
    border-color: var(--tb-btn-primary-hover);
}

.btn-default {
    background-color: var(--tb-btn-default-bg);
    border-color: var(--tb-btn-default-border);
    color: #333 !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
    background-color: #f5f5f5 !important;
    border-color: #adadad !important;
    color: #333 !important;
}

.page-toolbar,
.culture-form-toolbar,
.toolbar.no-print {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
    margin: 16px 0;
}

.page-toolbar .btn,
.culture-form-toolbar .btn,
.toolbar.no-print .btn {
    min-width: 100px;
}

#modal .modal-header .modal-close-btn {
    min-width: 88px;
    color: #fff !important;
    background-color: var(--tb-btn-primary);
    border-color: var(--tb-btn-primary);
}

#modal .modal-header .modal-close-btn:hover,
#modal .modal-header .modal-close-btn:focus,
#modal .modal-header .modal-close-btn:active {
    color: #fff !important;
    background-color: var(--tb-btn-primary-hover) !important;
    border-color: var(--tb-btn-primary-hover) !important;
}

#appModalCloseBtn {
    min-width: 88px;
    color: #fff !important;
    background-color: var(--tb-btn-primary);
    border-color: var(--tb-btn-primary);
}

#appModalCloseBtn:hover,
#appModalCloseBtn:focus,
#appModalCloseBtn:active {
    color: #fff !important;
    background-color: var(--tb-btn-primary-hover) !important;
    border-color: var(--tb-btn-primary-hover) !important;
}

/* Legacy alias — same as btn btn-default btn-sm */
a.trnasbutton,
.trnasbutton {
    display: inline-block;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 15px !important;
    color: #333;
    background-color: var(--tb-btn-default-bg);
    border: 1px solid var(--tb-btn-default-border);
    text-decoration: none;
}

a.trnasbutton:hover,
a.trnasbutton:focus,
.trnasbutton:hover,
.trnasbutton:focus {
    color: #333;
    text-decoration: none;
    background-color: #f5f5f5;
    border-color: #adadad;
}

/* Standalone print/toolbar buttons without Bootstrap classes */
.toolbar button:not([class*="btn"]) {
    display: inline-block;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    border-radius: 15px !important;
    color: #fff;
    background-color: var(--tb-btn-primary);
    border: 1px solid var(--tb-btn-primary);
    cursor: pointer;
}

.toolbar button:not([class*="btn"]):hover,
.toolbar button:not([class*="btn"]):focus {
    background-color: var(--tb-btn-primary-hover);
    border-color: var(--tb-btn-primary-hover);
}

button.remove-row,
.remove-row {
    display: inline-block;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    border-radius: 15px !important;
    color: #fff;
    background-color: var(--tb-btn-danger);
    border: 1px solid var(--tb-btn-danger);
    cursor: pointer;
}

button.remove-row:hover,
.remove-row:hover {
    background-color: #c9302c;
    border-color: #ac2925;
}

@media print {
    .page-toolbar,
    .culture-form-toolbar,
    .toolbar.no-print {
        display: none !important;
    }
}

/* Batch list — Graft/Package column action buttons */
.batch-graft-package-col .btn,
table.table tr td.batch-graft-package-col a.btn {
    padding: 5px 12px !important;
    border-radius: 15px !important;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none !important;
    display: inline-block;
}

.batch-graft-package-col .btn-primary,
.batch-graft-package-col .btn-primary:hover,
.batch-graft-package-col .btn-primary:focus {
    color: #fff !important;
}

table.table tr td.batch-graft-package-col a.batch-package-btn,
.batch-graft-package-col a.batch-package-btn,
.batch-graft-package-col a.batch-package-btn:hover,
.batch-graft-package-col a.batch-package-btn:focus,
.batch-graft-package-col a.batch-package-btn:active {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
}

table.table tr td.batch-graft-package-col a.batch-package-btn:hover,
.batch-graft-package-col a.batch-package-btn:hover,
.batch-graft-package-col a.batch-package-btn:focus {
    background-color: #0069d9 !important;
    border-color: #0062cc !important;
}

.batch-graft-package-col .batch-package-disabled {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    opacity: 0.85;
    cursor: not-allowed;
    pointer-events: none;
}

/* List page tabs: white label on active blue pill (overrides style.css a { color:#000 !important }) */
.profile-card.formcolor .nav-pills > li.active > a,
.profile-card.formcolor .nav-pills > li.active > a:hover,
.profile-card.formcolor .nav-pills > li.active > a:focus {
    background-color: #007bff !important;
    color: #fff !important;
}

.profile-card.formcolor .nav-pills > li.active > a span,
.profile-card.formcolor .nav-pills > li.active > a .bulk-sold-tab-count {
    color: #fff !important;
}