/*
 * Matsnakk.no – fase 3D medlemseid oppskriftsbilde
 * Styling for bildeopplasting i opprett/rediger-oppskrift.
 */
.mn-phase3d-member-image-panel {
    border-color: rgba(7, 86, 66, .28) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,250,241,.94)) !important;
}

.mn-phase3d-member-image-panel .mn-phase3d-image-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
    gap: 1rem;
    align-items: start;
}

.mn-phase3d-upload-box {
    border: 1.5px dashed rgba(7, 86, 66, .28);
    background: rgba(232, 244, 238, .44);
    border-radius: 18px;
    padding: 1rem;
}

.mn-phase3d-upload-box input[type="file"] {
    width: 100%;
    padding: .85rem;
    background: #fff !important;
    border: 1px solid rgba(7, 86, 66, .20) !important;
}

.mn-phase3d-image-policy {
    border: 1px solid rgba(168, 102, 58, .22);
    background: rgba(255, 250, 241, .82);
    border-radius: 18px;
    padding: 1rem;
    color: #4b382c;
}

.mn-phase3d-image-policy strong {
    display: block;
    color: #241913;
    margin-bottom: .35rem;
}

.mn-phase3d-image-policy ul {
    margin: .55rem 0 0 1.1rem;
    padding: 0;
}

.mn-phase3d-image-policy li {
    margin: .25rem 0;
}

.mn-phase3d-rights-checkbox {
    display: flex !important;
    align-items: flex-start !important;
    gap: .55rem !important;
    padding: .7rem .8rem !important;
    margin-top: .8rem;
    border-radius: 14px;
    background: rgba(7, 86, 66, .07);
    border: 1px solid rgba(7, 86, 66, .14);
}

.mn-phase3d-rights-checkbox input {
    margin-top: .18rem;
    flex: 0 0 auto;
}

.mn-phase3d-image-fields {
    display: grid;
    gap: .8rem;
}

.mn-phase3d-image-note {
    color: #6a594c;
    font-size: .92rem;
    line-height: 1.45;
}

@media (max-width: 900px) {
    .mn-phase3d-member-image-panel .mn-phase3d-image-grid {
        grid-template-columns: 1fr;
    }
}