.media-appeal-workspace { min-width: 0; }
.media-appeal-panel { margin-block: var(--space-6); padding: var(--space-4); background: var(--primitive-white); border: 1px solid var(--color-border-subtle); border-radius: 20px; box-shadow: 0 12px 36px rgb(var(--primitive-deep-rgb) / 6%); }
.media-appeal-panel__media { display: flex; align-items: center; gap: var(--space-4); padding-bottom: var(--space-4); }
.media-appeal-panel__media img, .media-appeal-panel__placeholder { flex-shrink: 0; width: 80px; height: 100px; object-fit: cover; border-radius: var(--radius-md); background: var(--color-inverse); color: var(--color-accent); }
.media-appeal-panel__placeholder { display: grid; place-items: center; font-weight: 700; }
.media-appeal-eyebrow { margin: 0 0 var(--space-2); color: var(--color-copy-muted); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.media-appeal-panel__media h2 { margin: 0 0 var(--space-2); font-size: 24px; }
.media-appeal-panel h3 { margin: 0 0 var(--space-2); font-size: 14px; }
.media-appeal-badge { display: inline-flex; padding: 7px 10px; border-radius: var(--radius-pill); background: var(--color-field); color: var(--color-inverse); font-size: 12px; font-weight: 700; }
.media-appeal-badge--pending { background: color-mix(in srgb, var(--color-primary) 13%, white); }
.media-appeal-badge--approved { background: color-mix(in srgb, var(--color-accent) 28%, white); }
.media-appeal-badge--rejected { background: color-mix(in srgb, var(--color-danger) 7%, white); color: var(--color-danger); }
.media-appeal-refusal { padding: var(--space-4); margin-block: var(--space-3) var(--space-6); border-left: 3px solid var(--color-danger); border-radius: 0 var(--radius-md) var(--radius-md) 0; background: color-mix(in srgb, var(--color-danger) 4%, white); overflow-wrap: anywhere; }
.media-appeal-refusal ul { margin: 0; padding-left: var(--space-4); font-size: 14px; }
.media-appeal-form textarea { min-height: 180px; width: 100%; resize: vertical; border-radius: var(--radius-md); background: var(--primitive-white); }
.media-appeal-form__hint, .media-appeal-date { margin-top: var(--space-2); color: var(--color-copy-muted); font-size: 12px; line-height: 1.6; }
.media-appeal-note { padding: var(--space-4); border-radius: var(--radius-md); background: var(--color-field); color: var(--color-copy); font-size: 13px; line-height: 1.7; }
.media-appeal-progress { line-height: 1.7; }
.media-appeal-statement, .media-appeal-decision { border-top: 1px solid var(--color-border-subtle); padding-top: var(--space-4); margin-top: var(--space-4); }
.media-appeal-statement p, .media-appeal-decision p { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; }
.media-appeal-back { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: var(--space-6); text-decoration: underline; text-underline-offset: 4px; font-size: 14px; }
.media-appeal-action { display: flex; align-items: center; justify-content: center; min-height: 44px; margin-top: var(--space-2); padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); background: var(--primitive-white); color: var(--color-inverse); text-align: center; font-size: 12px; line-height: 1.4; font-weight: 700; text-decoration: none; }
.media-appeal-action:hover { background: var(--color-inverse); color: var(--primitive-white); }
.media-appeal-action[hidden], .media-appeal-decision[hidden] { display: none; }
.creator-existing-media-card:has(.media-appeal-action:not([hidden])) { height: auto; background: var(--primitive-white); }
.creator-media-picker__preview .creator-existing-media-card:has(.media-appeal-action:not([hidden])) > img,
.creator-existing-media-card:has(.media-appeal-action:not([hidden])) > .creator-existing-media-card__placeholder { height: 210px; }
.creator-existing-media-card:has(.media-appeal-action:not([hidden])) > .creator-existing-media-card__placeholder { background: var(--color-inverse); color: var(--color-accent); }
.creator-existing-media-card:has(.media-appeal-action:not([hidden])) > .moderation { position: static; display: block; max-height: none; border-radius: 0; }
.creator-existing-media-card > .media-appeal-action { margin: 0; border: 0; border-radius: 0; }
.media-appeal-list { margin-block: var(--space-6); padding: var(--space-4); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-md); background: rgb(255 255 255 / 35%); }
.media-appeal-list h2 { margin-top: 0; font-size: 17px; }
.media-appeal-list > p { color: var(--color-copy); font-size: 13px; line-height: 1.6; }
.media-appeal-list__manage { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; margin-top: var(--space-2); font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
@media (min-width: 600px) {
    .media-appeal-panel { padding: var(--space-6); }
    .media-appeal-panel__media img, .media-appeal-panel__placeholder { width: 96px; height: 120px; }
}