/* Photo Gallery RB — admin pages outside the editor's shadow root. */

/* The editor fills the content area. */
.pgrb-editor-page #wpcontent { padding-left: 0; }
.pgrb-editor-page #wpbody-content { padding-bottom: 0; }
.pgrb-editor-page #wpfooter { display: none; }
.pgrb-editor-page .wrap.pgrb-wrap { margin: 0; }
.pgrb-editor-page .wrap.pgrb-wrap > .notice,
.pgrb-editor-page #wpbody-content > .notice,
.pgrb-editor-page #wpbody-content > .update-nag { margin: 10px 16px; }
@media (max-width: 782px) {
	.pgrb-editor-page #wpcontent { padding-left: 0; }
}

/* Galleries list */
.post-type-pgrb_gallery .column-pgrb_preview { width: 132px; }
.post-type-pgrb_gallery .column-pgrb_count { width: 70px; }
.post-type-pgrb_gallery .column-pgrb_shortcode { width: 240px; }
.pgrb-list-thumbs {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 2px;
	width: 112px;
	height: 76px;
	border-radius: 8px;
	overflow: hidden;
	background: #f0f0f1;
}
.pgrb-list-thumbs img { width: 100%; height: 100%; min-height: 0; object-fit: cover; display: block; }
.pgrb-list-thumbs img:only-child { grid-column: span 2; grid-row: span 2; }
.pgrb-list-empty { grid-column: span 2; grid-row: span 2; place-self: center; color: #a7aaad; font-size: 30px; width: 30px; height: 30px; }
.pgrb-code { font-family: Consolas, Monaco, monospace; font-size: 12px; max-width: 100%; background: #f6f7f7; }

/* Connections */
.pgrb-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; margin-top: 16px; }
.pgrb-card { padding: 16px 18px; background: #fff; border: 1px solid #dcdcde; border-radius: 10px; }
.pgrb-card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.pgrb-card-head h2 { margin: 0; font-size: 16px; }
.pgrb-brand svg { width: 26px; height: 26px; display: block; }
.pgrb-badge { padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; line-height: 18px; }
.pgrb-badge.pro { background: #1d2327; color: #fff; }
.pgrb-badge.ok { background: #d1fae5; color: #065f46; margin-left: auto; }
.pgrb-card input.regular-text { width: 100%; }
.pgrb-card-actions { display: flex; align-items: center; gap: 14px; }