/* V1.7.1 - Compact Gallery Manager thumbnails */
.gallery-cover{margin:24px 0 22px}
.gallery-cover-card{max-width:420px}
.gallery-cover-card img{aspect-ratio:4/3}

.gallery-add-top{margin-top:18px!important;padding:18px 0 22px!important}

.gallery-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 12px}
.gallery-toolbar .muted{margin-right:auto}

.gallery-thumb-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
    margin-top:12px;
}

.gallery-admin-card,
.gallery-admin-card.layout-small,
.gallery-admin-card.layout-medium,
.gallery-admin-card.layout-wide,
.gallery-admin-card.layout-tall{
    position:relative;
    min-width:0;
    grid-column:auto;
    grid-row:auto;
    height:auto;
    border:1px solid #e7e7e7;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
    box-shadow:none;
    cursor:grab;
    transition:transform .15s,box-shadow .15s;
}

.gallery-admin-card:hover{
    transform:translateY(-2px);
    box-shadow:0 5px 16px rgba(0,0,0,.07);
}

.gallery-admin-card.dragging{opacity:.55;transform:scale(.98)}

.gallery-admin-card>img{
    width:100%;
    height:auto;
    aspect-ratio:4/3;
    min-height:0;
    object-fit:cover;
    display:block;
}

.gallery-admin-body{
    height:auto;
    min-height:74px;
    padding:7px 8px;
    background:#fff;
}

.gallery-card-meta{
    display:flex;
    justify-content:space-between;
    gap:6px;
    font-size:10px;
    color:#777;
    white-space:nowrap;
    overflow:hidden;
}
.gallery-card-meta span:first-child{overflow:hidden;text-overflow:ellipsis}

.gallery-actions{
    display:flex;
    gap:4px;
    margin-top:6px;
    flex-wrap:wrap;
}
.gallery-actions form{display:inline;margin:0}
.gallery-actions .btn{
    padding:4px 6px;
    margin:0;
    font-size:10px;
    border-radius:6px;
}
.gallery-actions .danger{color:#b00020}

.drag-handle{
    position:absolute;
    top:6px;
    left:6px;
    z-index:2;
    width:24px;
    height:24px;
    border-radius:6px;
    background:rgba(255,255,255,.94);
    display:grid;
    place-items:center;
    font-size:14px;
    color:#555;
    box-shadow:0 2px 5px rgba(0,0,0,.12);
}
.gallery-number{
    position:absolute;
    top:6px;
    right:6px;
    z-index:2;
    background:rgba(17,17,17,.82);
    color:#fff;
    border-radius:5px;
    padding:4px 6px;
    font-size:9px;
}

.gallery-edit-box{margin-top:28px}
.gallery-edit-thumb{width:200px;height:150px;object-fit:cover;border-radius:7px}
.multi-upload-note{padding:11px 13px;background:#f7f7f7;border-radius:8px;color:#555;line-height:1.65;margin-bottom:12px}
.multi-upload-help{font-size:12px;color:#777;margin:7px 0 10px}

@media(max-width:1050px){
    .gallery-thumb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
    .gallery-thumb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    .gallery-actions .btn{font-size:9px;padding:4px 5px}
    .gallery-admin-body{min-height:68px;padding:6px}
}
@media(max-width:480px){
    .gallery-thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
}