.sac-container{
max-width:1100px;
margin:40px auto;
font-family:Arial, Helvetica, sans-serif;
}

.sac-title{
font-size:26px;
font-weight:600;
margin-bottom:20px;
}

.sac-card{
background:#ffffff;
border:1px solid #e4e6eb;
border-radius:8px;
padding:20px;
margin-bottom:20px;
box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

.sac-form label{
display:block;
font-weight:600;
margin-bottom:6px;
margin-top:14px;
}

.sac-form input,
.sac-form select,
.sac-form textarea{
width:100%;
padding:10px;
border:1px solid #dcdcdc;
border-radius:6px;
font-size:14px;
}

.sac-form textarea{
min-height:120px;
resize:vertical;
}

.sac-button{
display:inline-block;
background:#1877f2;
color:white;
border:none;
padding:10px 16px;
border-radius:6px;
cursor:pointer;
font-weight:600;
margin-top:15px;
}

.sac-button-secondary{
background:#f0f2f5;
color:#333;
}

.sac-approval-card{
background:#fff;
border:1px solid #e4e6eb;
border-radius:8px;
padding:18px;
margin-bottom:18px;
box-shadow:0 2px 5px rgba(0,0,0,0.05);
}

.sac-post-preview{
background:#f7f8fa;
padding:14px;
border-radius:6px;
margin-bottom:14px;
}

.sac-status{
font-size:12px;
padding:4px 10px;
border-radius:20px;
display:inline-block;
margin-bottom:10px;
}

.sac-status-approved{
background:#e7f7ed;
color:#1a7f37;
}

.sac-status-pending{
background:#fff4e5;
color:#a15c00;
}

.sac-status-changes{
background:#fdeaea;
color:#b42318;
}

.sac-actions{
margin-top:10px;
display:flex;
gap:10px;
}

.sac-media-preview{
max-width:720px;
margin:15px auto;
}

.sac-media-preview img,
.sac-media-preview video{
width:100%;
height:auto;
border-radius:6px;
display:block;
}

.sac-video-wrapper{
position:relative;
max-width:720px;
margin:15px auto;
}

.sac-video-wrapper video{
width:100%;
height:auto;
border-radius:6px;
display:block;
}

.sac-play-overlay{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:flex;
align-items:center;
justify-content:center;
pointer-events:none;
}

.sac-play-button{
width:70px;
height:70px;
background:rgba(0,0,0,0.6);
border-radius:50%;
position:relative;
}

.sac-play-button:before{
content:'';
position:absolute;
left:26px;
top:20px;
border-style:solid;
border-width:15px 0 15px 24px;
border-color:transparent transparent transparent white;
}
