/*
  ListFlowIQ Batch Shell Display Guard
  This file intentionally controls the batch listing shell grid/list layout.
  Keep it separate from app.css so later UI updates do not break this screen.
*/

.view-toggle {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
}

/* Explicit grid view */
.listing-shell-grid-view {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 16px !important;
}

.listing-shell-card {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 14px;
    background: #ffffff;
    overflow: hidden;
}

.listing-shell-card h3,
.listing-shell-row h3 {
    margin: 0 0 8px;
    font-size: 17px;
    line-height: 1.25;
}

.listing-shell-header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.listing-shell-title-block {
    min-width: 0;
}

.button-row-tight {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

/* Explicit list view */
.listing-shell-list-view {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.listing-shell-row {
    display: grid !important;
    grid-template-columns: minmax(240px, 1.1fr) minmax(260px, 2fr) auto !important;
    gap: 14px !important;
    align-items: center !important;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px 14px;
    background: #ffffff;
}

.listing-row-main {
    min-width: 0;
}

.listing-row-main .muted,
.listing-shell-card .muted {
    margin: 0;
}

.listing-row-photos {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center !important;
}

.listing-row-actions {
    justify-self: end;
}

/* Read-only thumbnails on batch screen */
.shell-photo-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: flex-start !important;
}

.shell-thumb {
    position: relative;
    display: inline-block;
    width: 54px !important;
    height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
    border-radius: 8px;
    overflow: hidden;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    vertical-align: top;
}

.shell-thumb img {
    width: 54px !important;
    height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
    object-fit: cover !important;
    display: block;
}

.shell-thumb span {
    position: absolute;
    left: 3px;
    bottom: 3px;
    background: rgba(17, 24, 39, 0.78);
    color: #ffffff;
    border-radius: 999px;
    padding: 1px 5px;
    font-size: 10px;
    line-height: 1.2;
}

.shell-thumb em {
    position: absolute;
    right: 3px;
    top: 3px;
    background: #2563eb;
    color: #ffffff;
    border-radius: 999px;
    padding: 1px 5px;
    font-style: normal;
    font-size: 9px;
    line-height: 1.2;
}

/* Make sure old batch photo edit controls stay hidden if any stale markup remains */
.shell-photo-card form,
.shell-photo-card select,
.shell-photo-card button,
.shell-photo-card .checkbox-line,
.shell-thumb form,
.shell-thumb select,
.shell-thumb button {
    display: none !important;
}

/* Manual layout helper */
.manual-helper-note {
    margin: 10px 0 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 13px;
    line-height: 1.4;
}

.split-actions .mini-card {
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    border-radius: 12px;
    padding: 12px;
}

.split-actions .mini-card h4 {
    margin: 0 0 4px;
}

/* Edit Listing photo role controls */
.photo-role-grid {
    gap: 12px !important;
}

.photo-role-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.photo-role-card label {
    font-size: 12px;
    gap: 4px;
}

.photo-role-card select {
    padding: 7px;
    font-size: 12px;
}

.edit-photo-grid.photo-role-grid img {
    width: 110px !important;
    height: 110px !important;
    max-width: 110px !important;
    max-height: 110px !important;
    object-fit: cover !important;
}

@media (max-width: 900px) {
    .listing-shell-row {
        grid-template-columns: 1fr !important;
        align-items: start !important;
    }

    .listing-row-actions {
        justify-self: start;
    }

    .listing-shell-header {
        flex-direction: column;
    }
}


/* Package 4.6 readiness check */
.readiness-badge {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 10px;
}

.readiness-badge.ready {
    background: #dcfce7;
    color: #166534;
}

.readiness-badge.not-ready {
    background: #fee2e2;
    color: #991b1b;
}

.readiness-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.readiness-list li {
    border-bottom: 1px solid #e5e7eb;
    padding: 8px 0;
}

.readiness-list li:last-child {
    border-bottom: 0;
}

.readiness-list li strong {
    display: block;
}

.readiness-list li span {
    display: block;
    color: #6b7280;
    font-size: 12px;
    margin-top: 2px;
}

.readiness-list li.ok strong::before {
    content: "✓ ";
    color: #166534;
}

.readiness-list li.warn strong::before {
    content: "! ";
    color: #991b1b;
}

.listing-shell-card .status-ready,
.listing-shell-row .status-ready {
    background: #dcfce7;
    color: #166534;
}


/* Package 4.7 Schedule Queue */
.compact-form {
    align-items: end;
}

.schedule-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin: 14px 0;
}

.schedule-table td,
.schedule-table th {
    vertical-align: middle;
}

.small-badge {
    font-size: 12px;
    padding: 4px 8px;
    margin-bottom: 0;
}

.checkbox-line {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}


/* Package 4.8 Settings */
.section-card .help-text {
    color: #6b7280;
    font-size: 13px;
    line-height: 1.45;
}


/* Package 4.8.1 API settings language */
.alert.info {
    background: #e0f2fe;
    color: #075985;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 16px;
}

.field-help {
    display: block;
    color: #6b7280;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    margin-top: 4px;
}

.future-connect-card {
    border: 1px dashed #93c5fd;
    background: #f8fafc;
    border-radius: 14px;
    padding: 16px;
    max-width: 520px;
}

.future-connect-card h3 {
    margin-top: 0;
}


/* Package 4.9 eBay Account */
.connection-status-card {
    max-width: 760px;
}

.connection-status-card p {
    margin: 8px 0;
}


/* Package 5.0 Seller Settings */
.sync-result-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.sync-result-card {
    border-radius: 12px;
    padding: 12px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
}

.sync-result-card.ok {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.sync-result-card.warn {
    background: #fef2f2;
    border-color: #fecaca;
}

.sync-result-card h3 {
    margin: 0 0 8px;
}

.error-text {
    color: #991b1b;
    font-size: 12px;
}


/* Package 5.1 test inventory location */
.compact-form .field-help {
    display: block;
    color: #6b7280;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
}


/* Package 5.2 Test Business Policies */
.sync-result-card details {
    margin-top: 8px;
}

.sync-result-card pre {
    max-height: 240px;
    overflow: auto;
    background: #111827;
    color: #f9fafb;
    border-radius: 8px;
    padding: 10px;
    font-size: 12px;
}


/* Package 5.2.1 policy debug */
.sync-result-card details {
    margin-top: 8px;
}

.sync-result-card pre {
    max-height: 260px;
    overflow: auto;
    background: #111827;
    color: #f9fafb;
    border-radius: 8px;
    padding: 10px;
    font-size: 12px;
    white-space: pre-wrap;
}


/* Package 5.2.2 Business Policy Opt-In */
.two-action-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
}

.two-action-grid .mini-card {
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    border-radius: 12px;
    padding: 14px;
}

.two-action-grid .mini-card h3 {
    margin-top: 0;
}


/* Package 5.3 Policy dropdowns in profiles */
.form-section-title {
    grid-column: 1 / -1;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
}

.form-section-title h2 {
    margin: 0 0 4px;
    font-size: 18px;
}

.form-section-title p {
    margin: 0;
    color: #6b7280;
    font-size: 13px;
}

.alert.info {
    background: #e0f2fe;
    color: #075985;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 16px;
}

.field-help {
    display: block;
    color: #6b7280;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    margin-top: 4px;
}


/* Package 5.4 Category Lookup */
.copy-helper {
    min-height: 72px;
    font-size: 12px;
    font-family: monospace;
}

code {
    background: #f3f4f6;
    padding: 2px 5px;
    border-radius: 5px;
}


/* Package 5.5 category apply helpers */
.button-stack {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 120px;
}


/* Package 5.6 apply category to existing profile */
.apply-category-tools {
    min-width: 260px;
}

.inline-apply-form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px;
    align-items: center;
}

.inline-apply-form select {
    min-width: 170px;
    padding: 7px;
    font-size: 12px;
}


/* Package 5.7 Category Item Specifics */
.aspects-table td,
.aspects-table th {
    vertical-align: top;
}

.required-row {
    background: #fff7ed;
}

.aspects-table .copy-helper {
    min-width: 190px;
    min-height: 42px;
}


/* Package 5.8 Load category aspects into listings */
.aspect-loader-panel {
    border: 1px solid #dbeafe;
    background: #eff6ff;
    border-radius: 12px;
    padding: 14px;
    margin: 12px 0 18px;
}

.aspect-loader-panel h3 {
    margin: 0 0 6px;
}

.aspect-loader-panel p {
    margin: 0 0 12px;
    color: #374151;
    font-size: 13px;
}

.inline-aspect-loader {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: end;
}

.inline-aspect-loader label {
    min-width: 220px;
}


/* Package 5.8.1 profile apply hotfix */
.alert.small-info {
    padding: 10px 12px;
    font-size: 13px;
    margin-bottom: 12px;
}


/* Package 5.9 Usage + Feedback */
.usage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}
.metric-card { padding: 18px; }
.metric-card h2 { margin: 0 0 8px; font-size: 16px; }
.metric-number { font-size: 26px; font-weight: 800; margin: 0 0 6px; }
.full-width-field { grid-column: 1 / -1; }
.changelog-list { display: grid; gap: 12px; }
.changelog-item {
    border-left: 4px solid #2563eb;
    padding: 10px 12px;
    background: #f8fafc;
    border-radius: 8px;
}
.changelog-item p { margin: 6px 0; }


/* Package 5.10 Feedback Ticket System */
.ticket-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 18px;
    align-items: start;
}

.ticket-meta-grid {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 6px 12px;
    margin: 12px 0 18px;
}

.ticket-meta-grid span {
    color: #6b7280;
}

.ticket-message {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 14px;
    line-height: 1.5;
    white-space: normal;
}

.ticket-danger-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.button.danger {
    background: #dc2626;
    color: #ffffff;
}

@media (max-width: 900px) {
    .ticket-layout {
        grid-template-columns: 1fr;
    }
}


/* Package 5.10.1 Feedback dashboard links */
.ticket-status {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    background: #e5e7eb;
    color: #374151;
}

.ticket-status-new,
.ticket-status-open {
    background: #dbeafe;
    color: #1d4ed8;
}

.ticket-status-in_progress {
    background: #fef3c7;
    color: #92400e;
}

.ticket-status-complete {
    background: #dcfce7;
    color: #166534;
}

.ticket-status-archived {
    background: #f3f4f6;
    color: #6b7280;
}


/* Package 5.11 Required Item Specifics Validation */
.required-specific-row {
    border-left: 4px solid #f59e0b;
    padding-left: 8px;
    background: #fffbeb;
}

.missing-required-specific {
    border-left-color: #dc2626;
    background: #fef2f2;
}

.missing-required-specific input[name*="aspect_value"],
.missing-required-specific textarea[name*="aspect_value"] {
    border-color: #dc2626;
    background: #fff7f7;
}


/* Package 5.12 Item Specific Dropdown Values */
.specific-value-control {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.specific-value-control select {
    width: 100%;
    padding: 8px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
}

.specifics-row select {
    max-width: 100%;
}

.specifics-row .field-help {
    font-size: 11px;
    color: #6b7280;
}


/* Package 5.12.3 Item Specific Layout Cleanup */
.enhanced-specifics {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.enhanced-specifics .specifics-row {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.35fr) 90px 80px;
    gap: 8px;
    align-items: center;
    padding: 8px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #ffffff;
}

.enhanced-specifics .specifics-header {
    font-weight: 700;
    color: #374151;
    background: #f3f4f6;
    border-color: #d1d5db;
}

.enhanced-specifics input[type="text"],
.enhanced-specifics select {
    width: 100%;
    min-height: 36px;
    padding: 8px;
    font-size: 13px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    box-sizing: border-box;
}

.enhanced-specifics .specific-required {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    white-space: nowrap;
}

.enhanced-specifics .remove-specific-row {
    width: 100%;
    min-height: 32px;
    padding: 6px 8px;
    font-size: 12px;
}

.enhanced-specifics .specific-value-control {
    display: grid;
    gap: 3px;
}

.enhanced-specifics .field-help {
    display: none;
}

.enhanced-specifics .required-specific-row {
    border-left: 4px solid #f59e0b;
}

.enhanced-specifics .missing-required-specific {
    border-left: 4px solid #dc2626;
    background: #fff7f7;
}

@media (max-width: 800px) {
    .enhanced-specifics .specifics-row {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .enhanced-specifics .specifics-header {
        display: none;
    }
}


/* Package 5.12.4 Dropdown metadata backfill */
.aspect-loader-panel .button,
.inline-aspect-loader .button {
    white-space: nowrap;
}


/* Package 5.12.8 Restore batch manual photo grid */
.manual-layout-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.8fr);
    gap: 18px;
    align-items: start;
}

.manual-panel {
    min-width: 0;
}

.photo-select-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
    gap: 10px;
    align-items: start;
    margin-top: 12px;
}

.photo-select-grid.compact-scroll {
    max-height: 520px;
    overflow: auto;
    padding: 8px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
}

.photo-select-card {
    position: relative;
    display: block;
    width: 100%;
    min-height: 116px;
    padding: 6px;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    background: #f9fafb;
    cursor: pointer;
    box-sizing: border-box;
}

.photo-select-card:hover {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
}

.photo-select-card img {
    display: block;
    width: 100%;
    height: 86px;
    object-fit: cover;
    border-radius: 7px;
    background: #e5e7eb;
}

.photo-select-card .photo-number {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 2;
    display: inline-block;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.82);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
}

.photo-select-checkbox {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 3;
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #2563eb;
}

.photo-select-card:has(.photo-select-checkbox:checked) {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
    background: #eff6ff;
}

.manual-actions.split-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.manual-actions .mini-card {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px;
    background: #f9fafb;
}

.manual-actions .mini-card h4 {
    margin: 0 0 6px;
}

.manual-actions .mini-card p {
    margin: 0 0 10px;
    color: #6b7280;
    font-size: 13px;
}

.manual-actions .mini-card select {
    width: 100%;
    margin: 4px 0 10px;
}

@media (max-width: 900px) {
    .manual-layout-grid {
        grid-template-columns: 1fr;
    }

    .photo-select-grid {
        grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
    }
}


/* Package 5.12.9 Item Specific Dropdown Debug */
.dropdown-debug-box { margin-top: 10px; }
.dropdown-debug-box details { margin-top: 8px; }
.dropdown-debug-box ul { margin: 6px 0 0 18px; }
.specific-debug-meta {
    font-size: 11px;
    color: #6b7280;
    line-height: 1.25;
    margin-top: 2px;
}
.enhanced-specifics .specific-debug-meta { display: block; }


/* Package 5.12.10 Persistent Item Specific Metadata Debug */
.persistent-specific-debug {
    margin: 12px 0;
    font-size: 13px;
}

.specific-debug-meta {
    font-size: 11px;
    color: #6b7280;
    line-height: 1.25;
    margin-top: 2px;
}


/* Package 5.13 Batch Profile Workflow */
.profile-preview {
    grid-column: 1 / -1;
    padding: 12px;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 13px;
}

.batch-profile-card {
    border-left: 5px solid #2563eb;
}

.profile-default-grid {
    margin-top: 12px;
}

.profile-default-grid span {
    color: #6b7280;
}

.profile-default-grid strong {
    word-break: break-word;
}


/* Package 5.13.2 Create Batch Profile Selector */
.profile-preview {
    grid-column: 1 / -1;
    padding: 12px;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 13px;
}

.full-width-field {
    grid-column: 1 / -1;
}


/* Package 5.14 Batch Item Specific Template */
.batch-specific-template-card {
    border-left: 5px solid #7c3aed;
}

.inline-template-loader {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: end;
    margin-top: 14px;
}

.inline-template-loader label {
    min-width: 230px;
}

.template-preview {
    margin-top: 14px;
}

.template-preview summary {
    cursor: pointer;
    font-weight: 700;
}


/* Package 5.14.1 Existing Listing Backfill */
.batch-backfill-card {
    border-left: 5px solid #059669;
}

.backfill-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.backfill-actions .mini-card {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 14px;
    background: #f9fafb;
}

.backfill-actions .mini-card h4 {
    margin: 0 0 6px;
}

.backfill-actions .mini-card p {
    margin: 0 0 12px;
    color: #6b7280;
    font-size: 13px;
}

.backfill-actions .mini-card select {
    width: 100%;
    margin-bottom: 12px;
}


/* Package 5.14.2 Listing Item Specific UI Cleanup */
.item-specific-clean-note {
    margin-bottom: 12px;
}

.advanced-item-specific-tools,
.item-specific-debug-details {
    margin: 12px 0;
    border: 1px solid #d1d5db;
    border-radius: 12px;
    background: #f9fafb;
}

.advanced-item-specific-tools > summary,
.item-specific-debug-details > summary {
    cursor: pointer;
    padding: 12px 14px;
    font-weight: 800;
    color: #374151;
}

.advanced-item-specific-inner {
    padding: 0 14px 14px;
}

.advanced-item-specific-tools .aspect-loader-panel {
    margin-top: 0;
}

.item-specific-debug-details .persistent-specific-debug {
    margin: 0 14px 14px;
}

.enhanced-specifics .specific-debug-meta {
    display: none;
}

.enhanced-specifics .specific-value-control .field-help {
    display: none;
}


/* Package 5.14.3 Advanced Item Specific Tools wrapper fix */
.advanced-item-specific-tools-fixed {
    margin: 12px 0;
    border: 1px solid #d1d5db;
    border-radius: 12px;
    background: #f9fafb;
}

.advanced-item-specific-tools-fixed > summary {
    cursor: pointer;
    padding: 12px 14px;
    font-weight: 800;
    color: #374151;
}

.advanced-item-specific-tools-fixed .advanced-item-specific-inner {
    padding: 0 14px 14px;
}

.advanced-item-specific-tools-fixed .aspect-loader-panel,
.advanced-item-specific-tools-fixed .quick-specifics-panel {
    margin: 12px 0;
}


/* Package 5.15.3 Safe Batch Status Top Bar */
.batch-status-topbar {
    margin: 12px 0 18px;
    padding: 14px;
    border: 2px solid #0f766e;
    border-radius: 14px;
    background: #f0fdfa;
    box-shadow: 0 6px 18px rgba(15, 118, 110, 0.10);
}

.batch-status-main {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 12px;
    font-size: 16px;
}

.batch-status-form {
    display: grid;
    grid-template-columns: minmax(180px, 260px) minmax(220px, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.batch-status-form select,
.batch-status-form input[type="text"] {
    width: 100%;
    min-height: 38px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 8px;
}

.status-pill {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 13px;
    background: #e5e7eb;
    color: #374151;
}

.status-draft_setup { background: #dbeafe; color: #1d4ed8; }
.status-photo_grouping { background: #ede9fe; color: #6d28d9; }
.status-listing_review { background: #fef3c7; color: #92400e; }
.status-ready_to_publish { background: #dcfce7; color: #166534; }
.status-published { background: #ccfbf1; color: #0f766e; }
.status-archived { background: #f3f4f6; color: #6b7280; }

.batch-status-rules {
    margin-top: 12px;
}

.batch-status-rules summary {
    cursor: pointer;
    font-weight: 700;
}

.batch-status-rules ul {
    margin: 8px 0 0 20px;
}

.status-history-mini {
    margin-top: 10px;
}

@media (max-width: 900px) {
    .batch-status-form {
        grid-template-columns: 1fr;
    }
}


/* Package 5.15.4 Dashboard Workflow Status */
.status-pill {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 12px;
    background: #e5e7eb;
    color: #374151;
    white-space: nowrap;
}

.status-draft_setup { background: #dbeafe; color: #1d4ed8; }
.status-photo_grouping { background: #ede9fe; color: #6d28d9; }
.status-listing_review { background: #fef3c7; color: #92400e; }
.status-ready_to_publish { background: #dcfce7; color: #166534; }
.status-published { background: #ccfbf1; color: #0f766e; }
.status-archived { background: #f3f4f6; color: #6b7280; }

.tiny-status {
    font-size: 11px;
}


/* Package 5.16 eBay Publish Tracking */
.publish-panel { border-left: 5px solid #2563eb; }
.publish-summary-grid { margin-top: 12px; }
.publish-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}
.publish-pill {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 12px;
    background: #e5e7eb;
    color: #374151;
}
.publish-draft { background: #dbeafe; color: #1d4ed8; }
.publish-ready { background: #dcfce7; color: #166534; }
.publish-scheduled { background: #fef3c7; color: #92400e; }
.publish-publishing { background: #ede9fe; color: #6d28d9; }
.publish-published { background: #ccfbf1; color: #0f766e; }
.publish-failed { background: #fee2e2; color: #991b1b; }
.publish-ended { background: #f3f4f6; color: #6b7280; }
.publish-events { margin-top: 14px; }
.batch-publish-summary-card { border-left: 5px solid #2563eb; }
.publish-count-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 10px;
    margin-top: 12px;
}
.publish-count-grid div {
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #f8fafc;
    text-align: center;
}
.publish-count-grid strong {
    display: block;
    font-size: 24px;
}
.publish-count-grid span {
    display: block;
    margin-top: 4px;
    color: #6b7280;
    font-size: 12px;
}


/* Package 5.16.1 Force Batch Publish Summary */
.forced-publish-summary {
    border-left: 5px solid #2563eb;
}

.batch-publish-summary-card {
    border-left: 5px solid #2563eb;
}

.publish-count-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.publish-count-grid div {
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #f8fafc;
    text-align: center;
}

.publish-count-grid strong {
    display: block;
    font-size: 24px;
}

.publish-count-grid span {
    display: block;
    margin-top: 4px;
    color: #6b7280;
    font-size: 12px;
}


/* Package 5.17 Listing Payload Preview */
.payload-preview-cta {
    border-left: 5px solid #9333ea;
}

.payload-health-card {
    border-left: 5px solid #9333ea;
}

.payload-json {
    overflow: auto;
    max-height: 520px;
    padding: 14px;
    border-radius: 12px;
    background: #111827;
    color: #f9fafb;
    font-size: 13px;
    line-height: 1.45;
    white-space: pre;
}

.inline-form {
    margin-top: 14px;
}


/* Package 5.18 Sandbox Publish Attempt */
.payload-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.button.danger {
    background: #b91c1c;
    color: #ffffff;
}

.button.danger:hover {
    background: #991b1b;
}

.sandbox-publish-form {
    margin-top: 0;
}


/* Package 5.18.12 Restore Sandbox Publish Button */
.payload-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.button.danger {
    background: #b91c1c;
    color: #ffffff;
}

.button.danger:hover {
    background: #991b1b;
}

.sandbox-publish-form {
    margin-top: 0;
}

.button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}


/* Package 5.18.13 Forced Payload Preview Actions */
.payload-actions,
.forced-actions,
.button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 14px;
}

.button.danger {
    background: #b91c1c;
    color: #ffffff;
}

.button.danger:hover {
    background: #991b1b;
}

.sandbox-publish-form,
.inline-form {
    margin-top: 0;
}

.payload-health-card {
    border-left: 5px solid #9333ea;
}

.payload-json {
    overflow: auto;
    max-height: 520px;
    padding: 14px;
    border-radius: 12px;
    background: #111827;
    color: #f9fafb;
    font-size: 13px;
    line-height: 1.45;
    white-space: pre;
}


/* Package 5.18.14 Direct Publish Button on Edit Listing */
.direct-sandbox-publish-card {
    border-left: 5px solid #dc2626;
}

.payload-actions,
.forced-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 14px;
}

.button.danger {
    background: #b91c1c;
    color: #ffffff;
}

.button.danger:hover {
    background: #991b1b;
}

.sandbox-publish-form,
.inline-form {
    margin-top: 0;
}


/* Package 5.19 Publish Success UI Cleanup */
.publish-panel-success {
    border-left: 6px solid #0f766e;
}

.published-success-banner {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 12px 0;
    padding: 12px 14px;
    border: 1px solid #99f6e4;
    border-radius: 12px;
    background: #f0fdfa;
    color: #115e59;
}

.published-success-banner strong {
    font-size: 16px;
}

.button.success {
    background: #0f766e;
    color: #ffffff;
}

.button.success:hover {
    background: #115e59;
}

.direct-publish-locked {
    border-left-color: #0f766e;
    background: #ffffff;
}

.published-lock-note {
    display: inline-flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    background: #f0fdfa;
    color: #115e59;
    font-weight: 700;
}

.listing-published-badge {
    display: inline-block;
    margin-left: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #ccfbf1;
    color: #0f766e;
    font-size: 11px;
    font-weight: 800;
}

.publish-summary-grid a {
    font-weight: 800;
}


/* Package 5.20 Published Listing Lock + Archive Foundation */
.published-data-lock-banner {
    border-left: 5px solid #0f766e;
}

.published-lock-note {
    display: inline-flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    background: #f0fdfa;
    color: #115e59;
    font-weight: 700;
}

.publish-panel-success .publish-actions {
    align-items: center;
}

.publish-panel-success form.inline-form {
    margin-top: 0;
}


/* Package 5.21 Production / Sandbox Safety Gate */
.publish-environment-banner {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 12px 0 16px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 2px solid #d1d5db;
}

.publish-environment-banner strong {
    font-size: 15px;
}

.publish-environment-banner.sandbox-safe {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1e3a8a;
}

.publish-environment-banner.production-warning {
    background: #fef2f2;
    border-color: #f87171;
    color: #7f1d1d;
}

.production-confirm-field {
    display: block;
    min-width: 260px;
    font-weight: 800;
    color: #7f1d1d;
}

.production-confirm-field input {
    display: block;
    width: 100%;
    margin-top: 4px;
    min-height: 38px;
    border: 2px solid #f87171;
    border-radius: 8px;
    padding: 8px;
}


/* Package 5.22 Batch Publish Planning Foundation */
.batch-planning-card {
    border-left: 5px solid #7c3aed;
}

.batch-readiness-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.batch-readiness-grid div {
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #f8fafc;
    text-align: center;
}

.batch-readiness-grid strong {
    display: block;
    font-size: 24px;
}

.batch-readiness-grid span {
    display: block;
    margin-top: 4px;
    color: #6b7280;
    font-size: 12px;
}

.batch-planning-settings {
    margin-top: 14px;
}

.batch-planning-settings summary {
    cursor: pointer;
    font-weight: 800;
}

.batch-planning-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.batch-planning-form input,
.batch-planning-form select,
.batch-planning-form textarea {
    width: 100%;
    min-height: 38px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 8px;
}

.full-width-field {
    grid-column: 1 / -1;
}

.batch-planning-actions,
.apply-defaults-form {
    margin-top: 10px;
}

.batch-approval-card {
    border-left: 5px solid #0ea5e9;
}

.approval-pill {
    display: inline-block;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.approval-needs_review {
    background: #fef3c7;
    color: #92400e;
}

.approval-approved {
    background: #dcfce7;
    color: #166534;
}

.approval-blocked {
    background: #fee2e2;
    color: #991b1b;
}

.approval-inline-form {
    display: flex;
    gap: 8px;
    align-items: center;
}

.small-button {
    padding: 6px 10px;
    font-size: 12px;
}


/* Package 5.23 Batch Review Filtering and Warnings */
.batch-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0;
}

.filter-chip {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    padding: 7px 10px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #374151;
    text-decoration: none;
    font-weight: 800;
    font-size: 12px;
}

.filter-chip span {
    display: inline-block;
    min-width: 20px;
    padding: 2px 6px;
    border-radius: 999px;
    background: #e5e7eb;
    color: #111827;
    text-align: center;
}

.filter-chip.active {
    background: #dbeafe;
    color: #1d4ed8;
}

.filter-chip.active span {
    background: #bfdbfe;
    color: #1e3a8a;
}

.bulk-approval-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: end;
    margin: 12px 0;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #f8fafc;
}

.bulk-approval-form label {
    min-width: 220px;
    font-weight: 800;
}

.bulk-approval-form select {
    display: block;
    width: 100%;
    margin-top: 4px;
    min-height: 38px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 8px;
}

.warning-pill {
    display: inline-block;
    margin: 2px 4px 2px 0;
    padding: 4px 8px;
    border-radius: 999px;
    background: #fee2e2;
    color: #991b1b;
    font-size: 11px;
    font-weight: 800;
}

.warning-pill.ok {
    background: #dcfce7;
    color: #166534;
}

.row-has-warnings {
    background: #fff7ed;
}


/* Package 5.23.1 Batch Defaults and Status Hotfix */
.internal-status-note {
    display: inline-block;
    margin-top: 3px;
    font-size: 11px;
    color: #6b7280;
    font-weight: 700;
}

.batch-planning-actions .button,
.apply-defaults-form .button {
    font-weight: 800;
}


/* Package 5.23.2 Batch Save Apply + Status Display Fix */
.batch-apply-note {
    margin: 4px 0 0;
    color: #374151;
    font-weight: 700;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    padding: 10px;
}

.internal-status-note {
    display: inline-block;
    margin-top: 3px;
    font-size: 11px;
    color: #6b7280;
    font-weight: 700;
}


/* Package 5.23.3 Dynamic Batch Apply Diagnostics */
.batch-debug-card {
    border-left: 5px solid #64748b;
}

.batch-debug-card summary {
    cursor: pointer;
    font-weight: 800;
}

.batch-debug-card pre {
    max-height: 360px;
}


/* Package 5.23.4 Apply Verification */
.batch-sample-values-card {
    border-left: 5px solid #0891b2;
}

.batch-sample-values-card table td,
.batch-sample-values-card table th {
    font-size: 12px;
}


/* Package 5.24 Single Category Batch Publish Foundation */
.batch-publish-card {
    border-left: 5px solid #b91c1c;
}

.batch-publish-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 14px;
}

.batch-publish-form .button[disabled] {
    opacity: .55;
    cursor: not-allowed;
}

.batch-warning-details {
    margin-top: 14px;
}

.batch-warning-details summary {
    cursor: pointer;
    font-weight: 800;
}


/* Package 5.24.4 Batch Profile Selector */
.batch-profile-card {
    border-left: 5px solid #2563eb;
}

.batch-profile-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.batch-profile-form input,
.batch-profile-form select {
    width: 100%;
    min-height: 38px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 8px;
}

.checkbox-row {
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 800;
}

.checkbox-row input {
    width: auto;
    min-height: auto;
}


/* Package 5.24.5 Quick Profile Create */
.quick-profile-create {
    grid-column: 1 / -1;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    background: #eff6ff;
}

.quick-profile-create summary {
    cursor: pointer;
    font-weight: 900;
    color: #1d4ed8;
}

.quick-profile-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.quick-profile-form input {
    width: 100%;
    min-height: 38px;
    border: 1px solid #93c5fd;
    border-radius: 8px;
    padding: 8px;
}