:root{font-family:Inter,system-ui,sans-serif;color:#2c2023;background:#f4f1ef}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#32121b;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,.14)}header div{display:flex;gap:10px;align-items:baseline}header span{color:#d9c3c8;font-size:.9rem}main{width:min(1180px,100%);margin:0 auto;padding:20px}.panel{background:white;border-radius:22px;padding:22px;box-shadow:0 10px 40px rgba(54,27,34,.08);margin-bottom:20px}.login{max-width:460px;margin:70px auto}.login input{margin:10px 0 14px}.tabs{display:flex;gap:8px;overflow:auto;padding:6px 2px 16px}.tabs button{white-space:nowrap;background:#e9e2e4;color:#5a1a2a}.tabs button.active{background:#5a1a2a;color:white}button{border:0;border-radius:12px;padding:11px 15px;font:inherit;font-weight:750;background:#5a1a2a;color:white;cursor:pointer}.ghost{background:#eee4e7;color:#5a1a2a}.section-title{display:flex;align-items:center;justify-content:space-between}

/* Grade previsível: todos os cards ocupam a mesma altura. */
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:390px;gap:16px;align-items:stretch}
.media-card{height:100%;min-width:0;border:1px solid #eadfe2;border-radius:17px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 4px 14px rgba(54,27,34,.05)}

/* Área de preview fixa. Em moderação, contain é melhor que cover: mostra a foto inteira. */
.media-card__preview{height:210px;min-height:210px;max-height:210px;overflow:hidden;background:#211b1d;display:grid;place-items:center;color:#d9c9cd;position:relative}
.media-card__preview img,.media-card__preview video{display:block;position:absolute;inset:0;margin:auto;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center center;background:#211b1d;box-sizing:border-box;padding:6px}
.media-card__preview-status{font-size:.82rem;opacity:.8;text-align:center;padding:12px}
.media-card__preview[data-state="error"]{font-size:.82rem;color:#e8d8dc;padding:12px;text-align:center}

.media-card__body{padding:14px;display:flex;flex:1;min-height:0;flex-direction:column}.media-card h3{font-size:1rem;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card p{font-size:.9rem;color:#705e62;margin:5px 0;overflow:hidden}.media-card__body p:first-of-type{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;min-height:2.55em}.media-card__body p:nth-of-type(2){white-space:nowrap;text-overflow:ellipsis}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px}.actions button{flex:1}.actions .reject{background:#8c2837}.actions .restore{background:#36664a}.actions .delete{background:#6f101d;color:#fff}.actions .delete:hover{filter:brightness(.92)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid label{display:grid;gap:6px;font-weight:700}.form-grid .wide{grid-column:1/-1}input,textarea,select{border:1px solid #d9cacc;border-radius:11px;padding:12px;font:inherit;width:100%}.campaign-list{display:grid;gap:10px;margin-top:20px}.campaign-row{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid #eadfe2;padding:14px;border-radius:14px}.campaign-row small{color:#806e73}.status{min-height:1.2em;color:#35604a}

@media(max-width:700px){main{padding:12px}.panel{padding:16px;border-radius:16px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.media-grid{grid-template-columns:1fr 1fr;grid-auto-rows:365px}.media-card__preview{height:185px;min-height:185px;max-height:185px}}
@media(max-width:470px){.media-grid{grid-template-columns:1fr;grid-auto-rows:390px}.media-card__preview{height:210px;min-height:210px;max-height:210px}.tabs{margin:0 -12px;padding-left:12px;padding-right:12px}}