/* MasterBinder 0.0.12a — diagnostica bulk, pannello carta e touch */

/* Il pannello di destra deve contenere anche i controlli Admin e lo stato immagine. */
.pokebinders-detail {
    height: min(735px, calc(100vh - 125px));
    min-height: 650px;
    padding-bottom: 22px;
}

.pokebinders-detail .detail-card-view {
    min-height: 0;
}

.pokebinders-detail .admin-image-refresh,
.pokebinders-detail .image-refresh-status,
.pokebinders-detail .preview-help {
    flex: 0 0 auto;
}

.pokebinders-detail .image-refresh-status {
    min-height: 16px;
    max-height: 54px;
    overflow-y: auto;
    padding-bottom: 2px;
}

/* Log scaricabile della sincronizzazione globale. */
.catalog-bulk-log-box {
    margin-top: 11px;
    padding: 11px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid #734650;
    border-radius: 7px;
    background: #24151b;
}
.catalog-bulk-log-box[hidden] { display: none !important; }
.catalog-bulk-log-box > div { min-width: 0; }
.catalog-bulk-log-box strong { display: block; color: #ffd3d8; font-size: 12px; }
.catalog-bulk-log-box span { display: block; margin-top: 3px; color: #c9a9ae; font-size: 11px; line-height: 1.35; }
.catalog-bulk-log-box .hunter-button { flex: 0 0 auto; min-width: 120px; }

/* Su touch il doppio tap è un comando MasterBinder, non zoom del browser. */
.binder-card-image-shell,
.card-zoom-image-stage {
    touch-action: manipulation;
}

@media (max-width: 1100px) {
    .pokebinders-detail { height: 660px; min-height: 620px; }
}

@media (max-width: 900px) {
    .pokebinders-detail {
        height: auto;
        min-height: 620px;
        overflow: visible;
    }
    .catalog-bulk-log-box { align-items: stretch; flex-direction: column; }
    .catalog-bulk-log-box .hunter-button { width: 100%; }
}