/* Product Edition: fixed image frames that always show the complete uploaded image. */
.item-image-stack img.item-image,
.bulk-match-card img {
    object-fit: contain !important;
    object-position: center center !important;
    background: #ffffff !important;
    padding: 4px !important;
    box-sizing: border-box !important;
}
.item-image-stack img.item-image {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
}
.bulk-match-card img {
    width: 100% !important;
    height: 110px !important;
}
@media (max-width: 640px) {
    .item-image-stack img.item-image,
    .bulk-match-card img { padding: 3px !important; }
}


/* Admin page Main Setting + Page Passwords modal and mobile action cleanup. */
.admin-settings-mobile-note{display:none}
.admin-main-preview{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.admin-main-preview img,.admin-main-preview-fallback{width:68px;height:68px;border-radius:20px;object-fit:cover;border:1px solid #e5e7eb;background:#f8fafc;display:grid;place-items:center;font-weight:1000;color:#0f172a}
.admin-ms-section{border:1px solid #e5e7eb;border-radius:22px;background:#fff;padding:14px;margin-bottom:14px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.admin-ms-section h4{margin:0 0 12px;color:#0f172a}
.admin-password-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-password-box{border:1px solid #e5e7eb;border-radius:18px;background:#f8fafc;padding:11px}
.admin-password-box .label{font-size:12px;margin-bottom:6px}
#adminMainSettingsModal.open,#adminPagePasswordsModal.open{display:flex!important;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.64);backdrop-filter:blur(9px);overflow:auto}
#adminMainSettingsModal .floating-modal-card,#adminPagePasswordsModal .floating-modal-card{width:min(1120px,96vw)!important;max-width:1120px!important;max-height:92vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;border-radius:28px!important;background:#fff!important}
#adminMainSettingsModal .floating-modal-body,#adminPagePasswordsModal .floating-modal-body{overflow:auto!important;max-height:calc(92vh - 80px)!important;-webkit-overflow-scrolling:touch!important;padding:18px!important}
@media (max-width:900px){
    .admin-action-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
    .admin-action-tile{min-height:58px!important;border-radius:16px!important;padding:10px 9px!important;font-size:12px!important;line-height:1.15!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex-direction:column!important}
    .admin-action-tile span{width:28px!important;height:28px!important;min-width:28px!important;border-radius:10px!important;font-size:15px!important;margin:0!important}
    .admin-password-grid{grid-template-columns:1fr!important}
}
@media (max-width:640px){
    #adminMainSettingsModal.open,#adminPagePasswordsModal.open{align-items:flex-start!important;padding:10px!important}
    #adminMainSettingsModal .floating-modal-card,#adminPagePasswordsModal .floating-modal-card{width:100%!important;max-height:94vh!important;border-radius:22px!important}
    #adminMainSettingsModal .floating-modal-head,#adminPagePasswordsModal .floating-modal-head{padding:13px!important;position:sticky!important;top:0!important;z-index:5!important}
    #adminMainSettingsModal .floating-modal-head h3,#adminPagePasswordsModal .floating-modal-head h3{font-size:18px!important}
    #adminMainSettingsModal .floating-modal-head .ghost-btn,#adminPagePasswordsModal .floating-modal-head .ghost-btn{min-height:36px!important;padding:0 12px!important;border-radius:12px!important;font-size:12px!important}
    #adminMainSettingsModal .floating-modal-body,#adminPagePasswordsModal .floating-modal-body{max-height:calc(94vh - 62px)!important;padding:12px!important}
    #adminMainSettingsModal .form-grid,#adminPagePasswordsModal .form-grid{grid-template-columns:1fr!important}
    #adminMainSettingsModal .inline-actions,#adminPagePasswordsModal .inline-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
    #adminMainSettingsModal .inline-actions .solid-btn,#adminMainSettingsModal .inline-actions .ghost-btn,#adminMainSettingsModal .inline-actions .danger-btn,#adminPagePasswordsModal .inline-actions .solid-btn,#adminPagePasswordsModal .inline-actions .ghost-btn{width:100%!important;justify-content:center!important;font-size:12px!important;padding:0 10px!important;min-height:42px!important}
}