.output-center { min-width: 0; }
.output-layout { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 20px; align-items: start; }
.output-catalog,.output-records { padding: 20px; min-width: 0; }
.output-catalog h2,.output-records h2 { margin: 0 0 12px; font-size: 18px; }
.output-product-list { display: grid; gap: 8px; margin: 16px 0; }
.output-product { display: flex; align-items: start; gap: 10px; width: 100%; padding: 12px; text-align: left; white-space: normal; }
.output-product.is-selected { background: var(--green-soft,#edf6ef); border-color: var(--green,#205c3b); }
.output-product img { width: 44px; height: 44px; object-fit: contain; }
.output-product span { min-width: 0; overflow-wrap: anywhere; }
.output-product small,.output-records td small { display: block; margin-top: 5px; color: var(--muted,#59665e); font-size: 12px; }
.output-heading,.output-selection { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.output-selection { justify-content: flex-start; margin: 16px 0; }
.output-history,.output-content-check { display: flex; flex-direction: row; align-items: start; gap: 9px; }
.output-history input,.output-content-check input { width: auto; margin-top: 3px; }
.output-detail { min-width: 0; }
.output-player { display: block; width: 100%; max-height: 380px; margin: 16px 0; background: #14251b; }
.output-detail pre { max-height: 320px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
.output-review-results { padding-left: 22px; }
.output-review-results li { padding: 7px 0; overflow-wrap: anywhere; }
@media(max-width:1100px) { .output-layout { grid-template-columns: 220px minmax(0,1fr); gap: 14px; } .output-catalog,.output-records { padding: 16px; } }
@media(max-width:760px) { .output-layout { grid-template-columns: 1fr; } .output-product-list { grid-template-columns: repeat(2,minmax(0,1fr)); } .output-product { padding: 10px; } .output-selection .muted { flex-basis: 100%; } .output-catalog,.output-records { padding: 14px; } }

.output-center .cloud-filters .output-history { display: flex; flex-direction: row; align-items: center; align-self: end; gap: 8px; min-height: 40px; }
.output-center .cloud-filters .output-history input { width: auto; margin: 0; }

.output-lifecycle-results{max-height:18rem;overflow:auto;padding-inline-start:1.4rem}.output-lifecycle-results li{padding-block:.4rem;overflow-wrap:anywhere}

/* Output inventory: real file frames, with a compact table for bulk work. */
.output-view-actions,.output-view-toggle{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.output-view-toggle{gap:0;border:1px solid var(--line,#dfe5da);border-radius:9px;overflow:hidden}
.output-view-toggle button{border:0;border-radius:0;background:transparent;padding:8px 12px;min-height:36px}
.output-view-toggle button[aria-pressed=true]{background:var(--primary,#254e3b);color:#fff}
.output-center .output-heading{align-items:flex-start;margin-bottom:18px}
.output-center .output-heading p{margin-bottom:0;max-width:65ch}
.output-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-block:20px}
.output-video-card{min-width:0;overflow:hidden;border:1px solid var(--line,#dfe5da);border-radius:12px;background:var(--surface,#fff)}
.output-card-media{position:relative;aspect-ratio:4/3;background:#19372b;color:#e9f0e8;overflow:hidden}
.output-card-media video{display:block;width:100%;height:100%;object-fit:contain;background:#14251b}
.output-preview-entry{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;border:0;border-radius:0;background:transparent;color:#e9f0e8;font-size:13px}
.output-preview-entry:hover{background:rgba(0,0,0,.12);color:#fff}
.output-preview-entry svg{width:48px;height:48px;padding:12px;border:1px solid #a6b9ad;border-radius:50%;background:#254e3b}
.has-video .output-preview-entry{justify-content:flex-end;padding:16px 12px;background:linear-gradient(transparent 50%,rgba(7,26,17,.8))}
.has-video .output-preview-entry svg{position:absolute;top:calc(50% - 24px);background:rgba(25,63,50,.9)}
.output-card-duration{position:absolute;top:12px;right:12px;padding:3px 8px;border-radius:5px;background:#193f32;color:#fff;font-size:12px;pointer-events:none;font-variant-numeric:tabular-nums}
.output-card-body{padding:16px}
.output-card-title{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}
.output-card-title h3{margin:0;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.output-review-badge{flex-shrink:0;border-radius:5px;background:#fcf2df;color:#80591d;padding:3px 7px;font-size:12px;font-weight:600}
.output-review-badge.approved{background:#e8f1e3;color:#315d36}.output-review-badge.rejected{background:#f9eae6;color:#a03d38}
.output-card-id,.output-card-validity{color:var(--muted,#617064);font-size:12px;margin:8px 0 14px;overflow-wrap:anywhere}
.output-card-facts{margin:16px 0 12px;display:grid;gap:10px;font-size:13px}
.output-card-facts div{display:grid;gap:3px}.output-card-facts dt{color:var(--muted,#617064);font-size:12px}.output-card-facts dd{margin:0;font-weight:550;overflow-wrap:anywhere}
.output-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--line,#dfe5da)}
.output-card-actions label{display:flex;align-items:center;gap:7px;margin-right:auto;font-size:13px;cursor:pointer}.output-card-actions input{width:16px;height:16px;accent-color:var(--primary,#254e3b)}
.output-card-actions button{padding:7px 9px;font-size:12px;min-height:34px}
.output-card-empty{margin-block:24px}.output-card-empty h3{margin-top:0}
.output-center :focus-visible{outline:3px solid #355f78;outline-offset:3px}
.output-center .table-wrap{overflow-x:auto}.output-center .cloud-table{font-variant-numeric:tabular-nums}
@media(min-width:1680px){.output-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px) and (min-width:761px){.output-layout{grid-template-columns:190px minmax(0,1fr)}.output-card-grid{gap:12px}.output-card-body{padding:12px}.output-card-title{flex-wrap:wrap}}
@media(max-width:760px){.output-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.output-product-list{max-height:280px;overflow:auto}.output-view-actions{width:100%;justify-content:space-between}.output-card-body{padding:12px}.output-card-title{flex-wrap:wrap}.output-selection button{flex-grow:1}}
@media(max-width:520px){.output-card-grid{grid-template-columns:1fr}.output-card-media{aspect-ratio:4/3}.output-product-list{grid-template-columns:1fr}.output-center .cloud-filters{grid-template-columns:1fr}.output-card-title{flex-wrap:nowrap}}
.output-center .output-responsibility{max-width:360px;margin-block:18px 22px}
.output-table-hint{display:none;color:var(--muted,#617064);font-size:12px}@media(max-width:760px){.output-table-hint{display:block}}