:root{--xn1-yellow:#ffd500;--xn1-ink:#15191d;--xn1-paper:#f6f3e8;--xn1-muted:#697078;--xn1-border:#d9d5c8}
body{background:#f4f5f7;color:var(--xn1-ink)}#blazor-error-ui{display:none}.xn1media-loader{padding:4rem;text-align:center;font-weight:700}
.xn1media-nav{display:grid;gap:.35rem;padding:.75rem}.xn1media-nav a{display:block;padding:.8rem 1rem;border-radius:.5rem;color:inherit;font-weight:650}.xn1media-nav a.active{background:var(--xn1-yellow);color:#111}
.media-page{padding:1.5rem;max-width:1440px;margin:auto}.media-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.media-title{margin:0!important}.media-card{background:white;border:1px solid #e4e6e8;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.media-pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin:1rem 0}.media-step{padding:.8rem;border:1px solid var(--xn1-border);border-radius:.5rem;background:white;font-size:.84rem}.media-step.done{border-color:#85b78f;background:#f3fbf4}.media-step.active{border-color:#d8b000;background:#fff9d8}.media-step strong{display:block}.media-status{display:inline-block;border-radius:999px;padding:.22rem .65rem;background:#eceff1;font-size:.78rem;font-weight:700}.media-status.Approved,.media-status.Published,.media-status.Succeeded{background:#dff3e4;color:#216633}.media-status.PendingReview,.media-status.Queued,.media-status.Ready{background:#fff1bd;color:#765b00}.media-status.ChangesRequested,.media-status.Failed{background:#fee1e1;color:#912d2d}.media-list{width:100%;border-collapse:collapse}.media-list th,.media-list td{padding:.8rem;border-bottom:1px solid #e8eaec;text-align:left}.media-list tr{cursor:pointer}.media-list tr:hover{background:#faf9f3}.media-section{margin-top:1rem}.media-section h2{font-size:1.15rem}.media-form{display:grid;gap:.75rem}.media-form label{font-weight:700}.media-form input,.media-form textarea,.media-form select{width:100%;padding:.7rem;border:1px solid #cfd3d7;border-radius:.4rem}.media-form textarea{min-height:110px}.media-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.media-button{border:1px solid #bbb;background:white;border-radius:.4rem;padding:.65rem 1rem;font-weight:700;cursor:pointer}.media-button.primary{background:var(--xn1-yellow);border-color:#d6b200}.media-button.approve{background:#227a3a;color:white;border-color:#227a3a}.media-button.reject{color:#9a2727;border-color:#d69b9b}.media-button:disabled{opacity:.45;cursor:not-allowed}.media-tabs{display:flex;gap:.35rem;margin-bottom:1rem}.media-tabs button{padding:.55rem 1rem;border:1px solid #ccc;background:#fff;border-radius:.35rem}.media-tabs button.active{background:var(--xn1-ink);color:white}.media-message{padding:.8rem;border-radius:.4rem;background:#eef5ff;margin:.75rem 0}.media-error{background:#fee5e5;color:#831b1b}.media-preview{max-width:100%;max-height:420px;background:#111;border-radius:.5rem}.media-muted{color:var(--xn1-muted)}
@media(max-width:800px){.media-page{padding:.75rem}.media-pipeline{grid-template-columns:1fr}.media-list th:nth-child(2),.media-list td:nth-child(2){display:none}}