.inaba-module-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 25px;
}


.inaba-module-header h1 {
    margin-bottom: 4px;

    font-size: 30px;
}


.inaba-module-header p {
    margin: 0;

    color: var(--inaba-muted);
}


.inaba-crud-form-card {
    margin-bottom: 22px;
}


.inaba-form-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        0 18px;
}


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


.inaba-form-actions {
    display: flex;
    justify-content: flex-end;

    gap: 10px;

    margin-top: 10px;
}


.inaba-list-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 18px;
}


.inaba-list-toolbar h2 {
    margin-bottom: 2px;

    font-size: 16px;
}


.inaba-list-toolbar span {
    color: var(--inaba-muted);

    font-size: 11px;
}


.inaba-table-search {
    max-width: 300px;
}


.inaba-table td strong {
    display: block;

    font-size: 13px;
}


.inaba-table td small {
    display: block;

    margin-top: 3px;

    color: var(--inaba-muted);

    font-size: 11px;
}


.inaba-row-actions {
    display: flex;
    align-items: center;

    gap: 6px;
}


.inaba-inline-form {
    display: inline;
}


.inaba-btn-small {
    min-height: 34px;

    padding:
        6px 10px;

    font-size: 11px;
}


.inaba-empty-table {
    padding:
        35px !important;

    color:
        var(--inaba-muted);

    text-align: center !important;
}


@media (max-width: 700px) {

    .inaba-module-header {
        align-items: stretch;
        flex-direction: column;
    }


    .inaba-module-header .inaba-btn {
        width: 100%;
    }


    .inaba-form-grid {
        grid-template-columns:
            1fr;
    }


    .inaba-field-full {
        grid-column:
            auto;
    }


    .inaba-list-toolbar {
        align-items: stretch;
        flex-direction: column;
    }


    .inaba-table-search {
        max-width: none;
    }


    .inaba-form-actions {
        flex-direction: column-reverse;
    }


    .inaba-form-actions .inaba-btn {
        width: 100%;
    }

}


.inaba-check-option {
    min-height: 44px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 10px 12px;

    background: #F8FAFD;

    border:
        1px solid
        var(--inaba-border);

    border-radius: 9px;

    cursor: pointer;
}


.inaba-check-option input {
    width: 17px;
    height: 17px;

    margin: 0;

    accent-color:
        var(--inaba-blue);
}


.inaba-check-option span {
    font-size: 13px;
    font-weight: 500;
}

.inaba-hidden {
    display: none !important;
}

.inaba-product-table-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.inaba-product-table-info > div {
    min-width: 0;
}

.inaba-product-table-info strong,
.inaba-product-table-info small {
    display: block;
}

.inaba-product-table-image {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.08);
}


.inaba-product-table-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef4fb;
    color: #7a8aa0;
}

.inaba-product-table-placeholder .dashicons {
    width: 24px;
    height: 24px;
    font-size: 24px;
}


.inaba-product-images-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 12px;
}

.inaba-product-image-preview {
    position: relative;
    width: 110px;
    border-radius: 12px;
    overflow: hidden;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.inaba-product-image-preview img {
    display: block;
    width: 110px;
    height: 110px;
    object-fit: cover;
}

.inaba-product-image-preview span {
    display: block;
    padding: 7px 8px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    background: #ffffff;
    color: #334155;
}

.inaba-product-image-remove {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.82) !important;
    color: #ffffff !important;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    z-index: 2;
}

.inaba-product-image-remove:hover {
    background: rgba(15, 23, 42, 1) !important;
    color: #ffffff !important;
}

.inaba-product-image-remove:hover {
    background: rgba(15, 23, 42, 1);
}

.inaba-product-images-empty {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}