.moments-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px;padding:22px 24px;border-left:4px solid #c8322b;background:#fff}.moments-toolbar p{font-size:10px;color:#8a9198}.moments-toolbar h2{margin-top:6px;font-size:21px}.moments-toolbar div>span{display:block;margin-top:6px;color:#6f777f;font-size:12px}.moments-list{display:grid;gap:16px}.campaign-card{overflow:hidden;border:1px solid #dfe3e5;background:#fff}.campaign-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:1px solid #e8ebed}.campaign-head>div span,.campaign-head>div strong{display:block}.campaign-head>div span{margin-bottom:4px;color:#7a8289;font-size:11px}.campaign-head>div strong{font-size:17px}.campaign-state{padding:5px 9px;background:#fff0d5;color:#8f6118;font-size:11px}.campaign-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) 310px;gap:20px;padding:20px}.campaign-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.campaign-fields label{margin-bottom:12px}.campaign-fields input,.campaign-fields select,.campaign-fields textarea{width:100%;border:1px solid #d8dce1;border-radius:5px;background:#fff;padding:9px 10px;font:inherit}.campaign-fields textarea{min-height:86px}.campaign-fields .wide{grid-column:1/-1}.campaign-assets{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:12px;border:1px solid #e2e5e7;background:#fafbfb}.campaign-assets label{margin:0}.campaign-assets input{padding:6px;background:#fff}.campaign-assets span{color:#6f787f;font-size:11px}.poster-preview{position:relative;align-self:start;aspect-ratio:3/4;overflow:hidden;background:#161a1c center/cover no-repeat;color:#fff}.poster-preview::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.43)}.poster-brand,.poster-content,.poster-footer{position:absolute;z-index:1;left:24px;right:24px}.poster-brand{top:23px;font-size:10px;color:#d5dbd8}.poster-content{top:32%}.poster-content span{display:block;margin-bottom:10px;color:#f05a53;font-size:11px}.poster-content h3{margin:0;font-size:31px;line-height:1.2}.poster-content p{margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.45);font-size:13px;line-height:1.5}.poster-footer{bottom:23px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#d6dcda}.copy-kit{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 20px}.copy-kit label{margin:0;padding:13px;border:1px solid #e2e5e7;background:#fafbfb}.copy-kit label span{display:block;margin-bottom:7px;color:#b72f29;font-size:11px}.copy-kit textarea{width:100%;min-height:140px;border:0;background:transparent;padding:0;color:#444c52;line-height:1.65;font:inherit;resize:vertical}.campaign-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-top:1px solid #e8ebed}.campaign-actions>span{font-size:11px;color:#6e777d}.campaign-actions>div{display:flex;gap:8px}
.tracking-panel{margin:0 20px 20px;border:1px solid #d8e4e4;background:#f5f9f8}.tracking-panel.active{border-color:#bcd8d4}.tracking-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid #dce7e6}.tracking-head span,.tracking-head strong,.tracking-head p{display:block}.tracking-head span{color:#0b8588;font-size:9px;font-weight:800}.tracking-head strong{margin-top:4px;font-size:15px}.tracking-head p{margin-top:5px;color:#6f8083;font-size:10px}.tracking-head em{padding:5px 8px;font-style:normal;font-size:10px}.tracking-head em.active{color:#087062;background:#e0f5ee}.tracking-head em.paused{color:#8b5d16;background:#fff2d7}.tracking-metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#fff}.tracking-metrics div{padding:14px 18px;border-right:1px solid #e1e9e8}.tracking-metrics div:last-child{border:0}.tracking-metrics span,.tracking-metrics strong{display:block}.tracking-metrics span{color:#758689;font-size:10px}.tracking-metrics strong{margin-top:5px;font-size:20px}.tracking-link{display:grid;grid-template-columns:90px 1fr 62px;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid #e1e9e8;background:#fff}.tracking-link span{color:#738589;font-size:10px}.tracking-link strong{overflow:hidden;color:#123f45;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.tracking-link button{padding:7px}.tracking-controls{display:flex;align-items:flex-end;gap:10px;padding:14px 18px}.tracking-controls label{flex:1;margin:0;color:#5f7377;font-size:10px}.tracking-controls input{width:100%;margin-top:6px;padding:9px 10px;border:1px solid #cfdddd;background:#fff;font:inherit}.tracking-controls button{flex:none}.tracking-locked{align-self:center;color:#8a6a2d;font-size:10px}
@media(max-width:950px){.campaign-workspace{grid-template-columns:1fr}.poster-preview{width:min(360px,100%);margin:0 auto}.campaign-fields{grid-template-columns:1fr}.campaign-fields .wide{grid-column:auto}}
@media(max-width:800px){.moments-toolbar{align-items:flex-start;flex-direction:column}.campaign-workspace{padding:14px}.copy-kit{grid-template-columns:1fr;padding:0 14px 14px}.campaign-actions{align-items:flex-start;flex-direction:column}.campaign-actions>div{width:100%;flex-wrap:wrap}.campaign-assets{align-items:flex-start;flex-direction:column}.poster-content h3{font-size:28px}.tracking-panel{margin:0 14px 14px}.tracking-metrics{grid-template-columns:1fr 1fr}.tracking-metrics div:nth-child(2){border-right:0}.tracking-metrics div:nth-child(-n+2){border-bottom:1px solid #e1e9e8}.tracking-link{grid-template-columns:1fr auto}.tracking-link span{grid-column:1/-1}.tracking-controls{align-items:stretch;flex-direction:column}.tracking-controls button{width:100%}}
