/* Featherwell: Media > Featherwell. */
/* WordPress styles buttons as inline-block, which would show [hidden] ones. */
.featherwell [hidden] { display: none !important; }
.featherwell-server { color: #50575e; margin: 12px 0; }
.featherwell-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; max-width: 1100px; margin: 12px 0 20px; }
.featherwell-card { margin: 0; padding: 14px 16px; background: #fff; border: 1px solid #c3c4c7; border-left-width: 4px; }
.featherwell-card.is-good { border-left-color: #00a32a; }
.featherwell-card.is-todo { border-left-color: #2271b1; }
.featherwell-number { display: block; font-size: 28px; font-weight: 600; line-height: 1.2; }
.featherwell-label { display: block; font-weight: 600; margin-top: 2px; }
.featherwell-note { display: block; margin-top: 4px; color: #50575e; }
.featherwell-panel { max-width: 1100px; background: #fff; border: 1px solid #c3c4c7; padding: 4px 18px 14px; margin-bottom: 16px; }
.featherwell-panel h2 { font-size: 16px; }
.featherwell-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.featherwell-progress { width: 100%; max-width: 640px; height: 18px; }
.featherwell-status { font-weight: 600; }
.featherwell-log { max-height: 260px; overflow: auto; margin: 8px 0 0 20px; font-size: 12px; }
.featherwell-log li { margin: 2px 0; }
.featherwell-log .is-skip { color: #646970; }
.featherwell-log .is-error { color: #b32d2e; }
.featherwell-facts { list-style: disc; margin-left: 20px; }
.featherwell-table { max-width: 1200px; }
.featherwell-image { display: flex; gap: 10px; align-items: center; }
.featherwell-image img { width: 48px; height: 48px; object-fit: cover; flex: none; }
.featherwell-badge { display: inline-block; padding: 1px 8px; border-radius: 10px; font-size: 12px; line-height: 18px; background: #f0f0f1; color: #1d2327; }
.featherwell-badge.is-converted, .featherwell-badge.is-modern { background: #edfaef; color: #00450c; }
.featherwell-badge.is-ready { background: #f0f6fc; color: #0a4b78; }
.featherwell-badge.is-skipped { background: #fcf9e8; color: #614200; }
.featherwell-reason { display: block; margin-top: 4px; color: #50575e; font-size: 12px; max-width: 360px; }
.featherwell-row-actions form { display: inline; }