.approval-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;padding:24px}.approval-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;min-width:0;background:#fff}.approval-card-info{padding:18px}.approval-card-info>p{font-size:11px;margin-bottom:14px}.approval-card-info h3{overflow-wrap:anywhere;font-weight:550}.approval-card-info>.button-group{margin-top:14px}.approval-preview{border:1px solid var(--border);border-radius:8px;margin:18px 0;overflow:hidden}.approval-card>.approval-preview{margin:0;border:0;border-radius:0}.approval-preview header{padding:15px;display:flex;justify-content:space-between;gap:12px;align-items:center}.approval-preview header strong{font-size:12px}.approval-preview header small{font-size:10px;color:#8a987f}.approval-preview p{padding:15px;color:#485e3f;font-size:12px}.approval-assets{display:flex;overflow:auto;scroll-snap-type:x mandatory;background:#f4f7ed}.approval-assets figure{margin:0;min-width:100%;width:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center}.approval-assets img,.approval-assets video{width:100%;max-height:460px;object-fit:contain}.approval-preview.compact .approval-assets img,.approval-preview.compact .approval-assets video{height:230px;object-fit:contain}.approval-preview.compact>p{max-height:100px;overflow:auto}.approval-assets a{padding:30px;font-size:12px;color:var(--green)}.approval-stories{padding:24px;border-bottom:1px solid var(--border)}.approval-stories>div{display:flex;overflow:auto;gap:18px;margin-top:18px}.story-card{min-width:240px;max-width:270px}.approval-decision-actions{margin:20px 0}.approval-messages{display:grid;gap:12px;margin:18px 0}.editor-approval{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 25px;border-top:1px solid var(--border);background:#f5f8ee;flex-wrap:wrap}.editor-approval strong{font-size:12px}.editor-approval p{font-size:11px;margin-top:5px}.editor-approval .form-error:empty{display:none}.editor-approval .form-error{width:100%}.badge.pending{background:#faf0d7;color:#9f7831}.badge.approved{background:#e9f5df;color:#608247}.badge.rejected,.badge.superseded{background:#f8ebe6;color:#ab7460}.badge.withdrawn{background:#edf0e9;color:#85917b}
@media(max-width:760px){.approval-grid{grid-template-columns:1fr;padding:16px}.approval-stories{padding:16px}.editor-approval{padding:18px}.approval-preview header{flex-wrap:wrap}}