/* StockUnit: scoped to the list and create/edit views. */
.stockunit-page { min-width: 0; }
.stockunit-details {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 24px;
    margin-bottom: 24px;
}
.stockunit-page .stockunit-card { margin: 0; }
.stockunit-page .card-body { padding: 24px; }
.stockunit-card h2 { margin: 0 0 6px; font-size: 16px; font-weight: 600; }
.stockunit-section-description { margin-bottom: 20px; color: var(--mkp-muted-foreground); }
.stockunit-status { margin-block: 16px 20px; }
.stockunit-integration { border-top: 1px solid var(--mkp-border); padding-top: 20px; }
.stockunit-page .form-text { font-size: 14px; }
.stockunit-address-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.stockunit-address-fields > .mb-3 { margin: 0 !important; min-width: 0; }
.stockunit-address-fields > .row { --bs-gutter-x: 0; gap: 16px; }
.stockunit-address-fields > .row:has(#Address_Street),
.stockunit-address-fields > .row:has(#Address_Country_select) { grid-column: 1 / -1; flex-wrap: nowrap; }
.stockunit-address-fields > .row > [class*="col-"] { min-width: 0; flex: 1 1 0; width: auto; }
.stockunit-address-fields > .row:has(#Address_Street) {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(90px, 1fr);
}
.stockunit-address-fields > .row:has(#Address_Street) > [class*="col-"] { max-width: none; }
.stockunit-address-fields .country-select { width: 100%; }
.stockunit-page .stockunit-region { min-width: 0; margin: 0; padding: 0; border: 0; }
.stockunit-page .stockunit-region + .stockunit-region { margin-top: 20px; padding-top: 0; }
.stockunit-page .stockunit-region legend { float: none; margin-bottom: 8px; font-size: 14px; font-weight: 600; }
.stockunit-country-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 8px 16px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.stockunit-country-list .form-check { display: flex; align-items: center; gap: 8px; min-height: 32px; padding: 0; margin: 0; }
.stockunit-country-list .form-check-input { float: none; flex-shrink: 0; margin: 0; }
.stockunit-country-list .form-check-label { display: flex; align-items: center; gap: 8px; min-height: 32px; cursor: pointer; }
.stockunit-country-list img { width: 20px; height: 20px; object-fit: contain; }
.stockunit-audit { margin: 16px 0 0; color: var(--mkp-muted-foreground); font-size: 13px; }
.stockunit-audit strong { font-weight: 500; }
.stockunit-final-actions { display: flex; justify-content: flex-end; margin-top: 20px; }
.stockunit-list > .card-body { padding: 0; }
.stockunit-search { width: min(100%, 360px); margin-bottom: 16px; }
.stockunit-list .k-grid { --mkp-grid-cell-x: 16px; }
.stockunit-list .k-grid .k-grid-header th,
.stockunit-list .k-grid .k-grid-header .k-column-title {
    color: var(--mkp-foreground);
    font-size: 14px;
    font-weight: 600;
}
.stockunit-list .k-grid .k-grid-header th { padding-inline: 16px; }
.stockunit-list .k-grid .k-grid-table td .btn-group { gap: 4px; }
.stockunit-list .k-grid .k-grid-table td .btn-group > .btn {
    min-width: 36px;
    min-height: 36px;
    margin: 0;
    border-radius: var(--mkp-radius-sm);
}
.stockunit-list .k-grid .k-grid-table td .btn-group .fa { font-size: 16px; }
.stockunit-list .k-grid .k-grid-pager,
.stockunit-list .k-grid .k-grid-pager .k-pager-info { font-size: 14px; color: var(--mkp-muted-foreground); }
.stockunit-list .k-grid .k-grid-norecords { width: 100%; justify-content: center; }
.stockunit-empty { display: grid; width: 100%; justify-items: center; gap: 8px; padding: 36px 16px; color: var(--mkp-muted-foreground); white-space: normal; }
.stockunit-empty strong { color: var(--mkp-foreground); font-weight: 600; }
.stockunit-empty .fa { font-size: 20px; }
@media (max-width: 1100px) {
    .stockunit-details { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575.98px) {
    .stockunit-page .card-body { padding: 16px; }
    .stockunit-details { gap: 16px; margin-bottom: 16px; }
    .stockunit-address-fields { grid-template-columns: minmax(0, 1fr); }
    .stockunit-address-fields > .row:has(#Address_Street) { grid-template-columns: minmax(0, 1fr); }
    .stockunit-address-fields > .row:has(#Address_Country_select) { flex-wrap: wrap; }
    .stockunit-address-fields > .row:has(#Address_Country_select) > [class*="col-"] { flex-basis: 100%; }
    .stockunit-country-list { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
    .stockunit-list > .card-body { padding: 0; }
}