/**
 * FlowContent Content Template Styles
 */
.flowcontent-tabs .tab-content { display: none; padding: 20px 0; }
.flowcontent-tabs .tab-content.active { display: block; }
.sync-status.synced { color: #46b450; }
.sync-status.not-synced { color: #999; }
.media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 15px; }
.media-item { border: 1px solid #ddd; border-radius: 5px; overflow: hidden; position: relative; }
.media-item.synced { border-color: #46b450; }
.media-thumbnail { height: 120px; overflow: hidden; background: #f0f0f0; }
.media-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.media-info { padding: 10px; font-size: 12px; }
.sync-badge { position: absolute; top: 5px; right: 5px; background: #46b450; color: #fff; border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }
.sync-badge .dashicons { font-size: 14px; width: 14px; height: 14px; }