/* UAT polish fixes for the guided batch workflow and portal chrome. */

/* Keep the Ask Buddie card sized to its own content instead of stretching
   to match a longer Recent Activity card. */
.dashboard-support-row {
    align-items: flex-start;
}

.dashboard-support-row > [class*="col-"] {
    align-items: flex-start;
}

.buddie-dashboard-card {
    min-height: 0;
    align-self: flex-start;
}

.buddie-dashboard-card .btn {
    margin-top: 0;
}

/* Use the official HighK mark for the external site link. */
.sidebar-site-logo {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* Helper copy must remain readable in both themes. */
.form-text,
.form-check .form-text,
.card .form-text {
    color: var(--hk-muted) !important;
    opacity: 1;
}

:root[data-theme="dark"] .form-text,
:root[data-theme="dark"] .form-check .form-text,
:root[data-theme="dark"] .card .form-text {
    color: #b7c8bb !important;
}

/* Expandable batch summaries on the Products page. */
.product-name-cell {
    min-width: 210px;
}

.product-batch-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    color: var(--hk-text-strong);
    font: inherit;
    font-weight: 700;
    text-align: left;
    background: transparent;
    border: 0;
}

.product-batch-toggle:hover,
.product-batch-toggle:focus {
    color: var(--hk-green);
}

.product-batch-toggle .bi {
    color: var(--hk-green);
    transition: transform 0.16s ease;
}

.product-batch-toggle[aria-expanded="true"] .bi {
    transform: rotate(90deg);
}

.product-batch-count {
    color: var(--hk-muted);
    font-size: 0.78rem;
    font-weight: 650;
}

.batch-summary-row > td {
    padding: 0 !important;
    background: var(--hk-surface-soft) !important;
}

.batch-summary-panel {
    padding: 18px 20px 20px;
    border-top: 1px solid var(--hk-border);
    border-bottom: 1px solid var(--hk-border);
}

.batch-summary-panel h3 {
    margin: 0;
    color: var(--hk-text-strong);
    font-size: 1rem;
    font-weight: 760;
}

.batch-summary-table {
    margin-top: 12px;
}

.batch-summary-table th,
.batch-summary-table td {
    white-space: nowrap;
}

.batch-summary-empty {
    margin: 10px 0 0;
    color: var(--hk-muted);
}

@media (max-width: 991.98px) {
    .batch-summary-panel {
        padding: 14px;
    }
}