body {
    background-color: #efefef !important;
}

.card-body {
    background-color: whitesmoke !important;
}

.item-details-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.item-detail-row {
    border-top: 1px solid #e1e1e1;
    padding: 0.5rem 0;
    margin: 0;
}

.item-detail-row:first-child {
    border-top: 0;
    padding-top: 0;
}

.item-detail-label,
.item-detail-value {
    margin: 0;
}

.item-detail-label {
    font-weight: normal;
    font-size: 0.875rem;
    opacity: 0.65;
}

.item-detail-value {
    font-weight: 600;
}

.image-sort-card.is-dragging {
    opacity: 0.6;
    cursor: grabbing;
}

.image-sort-card .card-img-top {
    cursor: grab;
}

.image-drop-zone {
    border: 2px dashed #adb5bd;
    border-radius: 0.375rem;
    padding: 1.25rem 1rem;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.15s, background-color 0.15s;
    background: transparent;
}
.image-drop-zone:hover,
.image-drop-zone.drag-over {
    border-color: #0d6efd;
    background-color: rgba(13, 110, 253, 0.05);
}
.image-drop-zone .drop-zone-text {
    color: #6c757d;
    pointer-events: none;
}

.image-card-removed {
    opacity: 0.6;
}

.form-control,
.form-select,
textarea,
input:not([type="checkbox"]):not([type="radio"]),
select {
    background-color: #fff !important;
}

.form-control:disabled,
.form-select:disabled,
textarea:disabled,
input:not([type="checkbox"]):not([type="radio"]):disabled,
select:disabled {
    background-color: #fff !important;
    opacity: 1;
}

.modal-content {
    border: 1px solid #d9e2ef;
    box-shadow: 0 12px 30px rgba(30, 52, 79, 0.15);
}

.modal .modal-header {
    position: relative;
    overflow: hidden;
    /* Fallback for browsers without color-mix support */
    background: linear-gradient(115deg, #666 0%, #d9d9d9 100%) !important;
    background: linear-gradient(115deg, #666 0%, color-mix(in srgb, #666 25%, white 75%) 100%) !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.modal .modal-header::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent 60%);
}

.modal .modal-title {
    position: relative;
    z-index: 1;
    color: inherit !important;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.modal .modal-header .btn-close {
    position: relative;
    z-index: 1;
    filter: none;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293A1 1 0 0 1 .293 14.293L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    opacity: 0.9;
}

.modal .modal-header .btn-close:hover {
    opacity: 1;
}