.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cp-wide{grid-column:1/-1;max-width:1100px}
.cp-empty,.cp-empty-cell{text-align:center;color:var(--muted);padding:24px}
.cp-empty{display:grid;gap:8px;justify-items:center;border:1px dashed var(--line);border-radius:10px;margin:12px 0}
.cp-na{color:#8a8f87;font-style:italic;font-weight:600;font-size:13px}
.cp-note{color:var(--muted);font-size:12px;margin:8px 0}
.cp-range{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin:12px 0 4px}
.cp-range>a,.cp-placements a{padding:7px 13px;border-radius:99px;background:#f3f4f3;text-decoration:none;font-size:12px;color:var(--ink)}
.cp-range>a.active,.cp-placements a.active{background:#0b654a;color:#fff}
.cp-custom{display:flex;gap:8px;align-items:flex-end;margin-left:auto}
.cp-custom label{margin:0;flex-direction:row;align-items:center;gap:6px;font-size:11px}
.cp-custom input{font-size:12px;padding:6px 8px;height:auto}
.cp-period{font-size:12px;color:var(--muted);margin:8px 0}
.cp-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
.cp-callout{background:#fff3d6;border-left:3px solid #efa800;border-radius:6px;padding:10px 14px;margin:10px 0;font-size:13px}
.cp-callout.rejected{background:#ffe9e6;border-color:#d64545}
.cp-callout p{margin:4px 0}
.cp-panel{padding:14px;margin-top:14px}
.cp-tabs{display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:12px;flex-wrap:wrap}
.cp-tabs>a{padding:11px 14px;font-size:13px;border-bottom:2px solid transparent;text-decoration:none;color:var(--ink)}
.cp-tabs>a small{background:#eef0ee;border-radius:99px;padding:1px 7px;margin-left:4px;font-size:10px}
.cp-tabs>a.active{border-color:#0b654a;font-weight:700;color:var(--green)}
.cp-export{margin-left:auto}
.cp-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.cp-filters input,.cp-filters select{font-size:12px;padding:9px 11px;height:auto}
.cp-filters #cpSearch{flex:1;min-width:180px}
.cp-bulk{display:flex;gap:8px;align-items:center;font-size:12px;margin-bottom:8px;color:var(--muted)}
.cp-table{width:100%;border-collapse:collapse;font-size:12px}
.cp-table th{text-align:left;font-size:10px;color:#65725f;background:#fafbf7;padding:11px 10px;white-space:nowrap}
.cp-table td{padding:11px 10px;border-top:1px solid var(--line);vertical-align:top}
.cp-table td small{display:block;color:var(--muted);margin-top:2px}
.cp-table tr.selected{background:#f4f9ec}
.cp-name{text-decoration:none;color:var(--green)}
.cp-sched{white-space:nowrap;color:var(--muted)}
.cp-row-actions{display:flex;gap:6px;align-items:flex-start;white-space:nowrap}
.cp-row-actions form{margin:0}
.cp-status{display:inline-block;font-size:10px;font-weight:700;padding:3px 9px;border-radius:99px;background:#eef0ee;margin-right:4px;white-space:nowrap}
.cp-active{background:#e0f5d2;color:#2c6d0f}
.cp-scheduled{background:#e5effd;color:#1f4f9a}
.cp-submitted{background:#fff3d6;color:#8a5a00}
.cp-draft{background:#eef0ee;color:#555}
.cp-paused{background:#ffe9c7;color:#8a5a00}
.cp-completed{background:#e5e5e5;color:#444}
.cp-rejected{background:#ffd9d6;color:#9c1f14}
.cp-archived{background:#e5e5e5;color:#444}
.cp-flag{display:inline-block;font-size:10px;font-weight:700;color:#8a5a00;text-decoration:none;margin-top:4px}
.cp-flag.blocker{color:#9c1f14}
.cp-pager{display:flex;gap:12px;align-items:center;justify-content:center;margin:12px 0;font-size:12px;color:var(--muted)}
.cp-side{padding:14px;margin-bottom:14px}
.cp-side-title{font-size:12px;margin:0 0 8px}
.cp-placements{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.cp-issues{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}
.cp-issue{display:flex;gap:10px;border-radius:8px;padding:9px 12px;font-size:12px;background:#f7f8f4}
.cp-issue.blocker{background:#ffe9e6}
.cp-issue.warning{background:#fff3d6}
.cp-issue p{margin:2px 0}
.cp-issue a{font-weight:700}
.cp-issue-icon{font-weight:800}
.cp-ok{color:#2c6d0f;font-size:13px;margin:8px 0}
.cp-back{font-size:12px;text-decoration:none;color:var(--green)}
.cp-head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start;margin:10px 0}
.cp-head h2{margin:0 0 6px;font-size:24px}
.cp-head p{margin:0;font-size:13px;color:var(--muted)}
.cp-obj{background:#e9f6d9;color:var(--green);font-weight:700;border-radius:99px;padding:2px 10px;font-size:11px}
.cp-controls{display:flex;gap:8px;flex-wrap:wrap}
.cp-controls form{margin:0}
.cp-review{display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:#f4f9ec;border:1px solid #d8ebc0;border-radius:10px;padding:12px 14px;margin:10px 0}
.cp-review form{margin:0}
.cp-inline{display:flex;gap:6px}
.cp-inline input{font-size:12px;padding:8px 10px;height:auto;min-width:240px}
.cp-detail-tabs{margin-top:18px}
.cp-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.cp-form{display:grid;gap:2px}
.cp-form label{margin:8px 0}
.cp-form small{font-weight:400;color:var(--muted)}
.cp-form .primary{width:fit-content;margin-top:8px}
.cp-form input:not([type=checkbox]):not([type=radio]),.cp-form select{width:100%;box-sizing:border-box}
.cp-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.cp-set{border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin:8px 0}
.cp-set legend{font-size:12px;font-weight:700;padding:0 6px}
.cp-set-card header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.cp-set-card h3{margin:0 0 4px;font-size:16px}
.cp-set-card header p,.cp-aud{margin:0;font-size:12px;color:var(--muted)}
.cp-aud{margin:8px 0}
.cp-ads{display:grid;gap:8px;margin-top:8px}
.cp-ad{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:8px 10px}
.cp-ad-thumb{width:56px;height:56px;border-radius:7px;background:#f3f4ef;overflow:hidden;display:grid;place-items:center;flex-shrink:0;color:var(--muted)}
.cp-ad-thumb img{width:100%;height:100%;object-fit:cover}
.cp-ad-body{display:grid;gap:2px;flex:1;font-size:12px}
.cp-ad-body small{color:var(--muted)}
.cp-ad form{margin:0}
.cp-history{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:12px}
.cp-history li{border-left:2px solid #b6ed4d;padding-left:10px}
.cp-history time{display:block;color:var(--muted);font-size:10px}
.cp-history p{margin:3px 0 0}
.cp-steps{display:flex;gap:8px;list-style:none;padding:0;margin:14px 0;flex-wrap:wrap}
.cp-steps li{flex:1;min-width:120px}
.cp-steps li a,.cp-steps li em{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:var(--muted);font-style:normal;font-size:13px}
.cp-steps li span{width:22px;height:22px;border-radius:50%;background:#eef0ee;display:grid;place-items:center;font-size:11px;font-weight:700}
.cp-steps li.current a,.cp-steps li.current em{border-color:#b6ed4d;color:var(--green);font-weight:700}
.cp-steps li.current span,.cp-steps li.done span{background:#b6ed4d}
.cp-objectives{border:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 6px}
.cp-objectives legend{font-size:12px;font-weight:700;margin-bottom:8px}
.cp-objective{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:4px;cursor:pointer;margin:0}
.cp-objective.chosen{border-color:#0b654a;background:#f4f9ec}
.cp-objective input{width:auto!important}
.cp-checks{border:0;padding:0;display:flex;gap:16px;margin:8px 0}
.cp-check{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0}
.cp-set-row{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:9px 12px;margin-bottom:8px}
.cp-set-row small{display:block;color:var(--muted)}
.cp-summary{display:grid;gap:6px;margin:8px 0}
.cp-summary div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:5px;font-size:13px}
.cp-summary dt{color:var(--muted)}
.cp-summary dd{margin:0}
.cp-panel h4{margin:16px 0 6px;font-size:14px;color:var(--green)}
@media(max-width:900px){.cp-two{grid-template-columns:1fr}}

/* Campaigns restyle */
.cp-panel{padding:20px 22px;border-radius:16px;box-shadow:0 2px 10px #1a3a2a0d}
.cp-tabs{gap:6px;padding:5px;background:#f1f4ec;border:1px solid #e2e9db;border-radius:12px;width:fit-content;max-width:100%;margin-bottom:18px}
.cp-tabs>a{border:0;border-radius:9px;padding:9px 16px;color:#4f6a56;font-weight:600;transition:background .15s,color .15s}
.cp-tabs>a:hover{background:#e6eedb;color:#123d2f}
.cp-tabs>a.active{background:#0a4033;color:#fff;box-shadow:0 2px 6px #0a403340}
.cp-tabs>a small{background:#ffffff30;color:inherit}
.cp-tabs>a:not(.active) small{background:#dfe7d7;color:#315d13}
.cp-tabs .cp-export{margin-left:auto;background:#fff;border:1px solid #dfe7d7;color:#315d13}
.cp-range>a,.cp-placements a{background:#fff;border:1px solid #dfe7d7;color:#4f6a56;font-weight:600;transition:all .15s}
.cp-range>a:hover,.cp-placements a:hover{background:#eef6e0}
.cp-range>a.active,.cp-placements a.active{background:#0a4033;border-color:#0a4033;color:#fff}
.cp-filters{padding:12px;background:#fafcf7;border:1px solid #e6ecdf;border-radius:12px;margin-bottom:14px}
.cp-filters input,.cp-filters select{border-color:#d9e3d0;border-radius:9px;background:#fff}
.cp-bulk{padding:8px 12px;background:#f2f9e6;border-radius:9px}
.cp-table{border-collapse:separate;border-spacing:0;border:1px solid #e2e9dc;border-radius:12px;overflow:hidden}
.cp-table th{text-transform:uppercase;letter-spacing:.6px;background:#f5f8f0;padding:13px 12px;border-bottom:1px solid #e2e9dc}
.cp-table td{padding:14px 12px;border-top:1px solid #edf1e8;vertical-align:middle}
.cp-table tbody tr{transition:background .12s}
.cp-table tbody tr:hover{background:#fafcf6}
.cp-table tr.selected{background:#f2f9e6;box-shadow:inset 3px 0 #8fd13b}
.cp-name{font-weight:700;color:#123d2f}
.cp-name:hover{text-decoration:underline}
.cp-status{padding:5px 11px;font-size:11px}
.cp-row-actions{gap:8px}
.cp-pager{padding:10px;background:#fafcf7;border-radius:10px}
.cp-stats>*{border-radius:14px}
.cp-note,.cp-period{padding:2px 4px}
.cp-empty{background:#fafcf7;border-color:#d9e3d0;border-radius:13px;padding:34px 20px}
.cp-callout{border-radius:10px;padding:12px 16px}
.cp-head{padding:18px 20px;background:linear-gradient(110deg,#f2f8e8,#fff);border:1px solid #e2eadb;border-radius:14px;margin:12px 0 16px}
.cp-head h2{font-size:26px;letter-spacing:-.6px;color:#123d2f}
.cp-obj{background:#dff2bd;color:#315d13}
.cp-review{background:#f2f9e6;border-color:#d4e9b4;border-radius:12px}
.cp-side{border-radius:14px}
.cp-set,.cp-set-row,.cp-ad{border-color:#e2e9dc;border-radius:12px;background:#fff}
.cp-ad:hover,.cp-set-row:hover{border-color:#cfe0bf;box-shadow:0 3px 10px #1a3a2a12}
.cp-ad-thumb{border-radius:9px}
.cp-issue{border-radius:10px;padding:11px 14px}
.cp-history li{border-left-width:3px;padding-left:14px}
.cp-steps li a,.cp-steps li em{border-radius:11px;background:#fff}
.cp-steps li.current a,.cp-steps li.current em{background:#f2f9e6;border-color:#8fd13b}
.cp-steps li.done span,.cp-steps li.current span{background:#bbf64f;color:#173a2a}
.cp-objective{border-radius:13px;padding:15px;transition:all .15s}
.cp-objective:hover{border-color:#8fd13b;box-shadow:0 3px 10px #1a3a2a12}
.cp-objective.chosen{border-color:#0a4033;background:#f2f9e6;box-shadow:0 0 0 2px #0a403325}
.cp-form{padding:4px 2px}
.cp-form label{font-weight:600;color:#254d36}
.cp-form input:not([type=checkbox]):not([type=radio]),.cp-form select,.cp-form textarea{border-color:#d9e3d0;border-radius:9px}
.cp-summary div{padding:2px 0 8px}
.cp-panel h4{color:#123d2f}
@media(max-width:700px){.cp-panel{padding:14px}.cp-head{padding:14px}.cp-tabs{width:100%}}

/* Campaigns dashboard restyle */
.reference-dashboard .balance{background:linear-gradient(110deg,#eaf7d4,#f6fbec);border:1px solid #d4e9b4;border-radius:14px;box-shadow:0 2px 8px #1a3a2a0d}
.reference-dashboard .stats .stat{border:1px solid #e2e9dc;border-radius:16px;box-shadow:0 2px 10px #1a3a2a0d;transition:transform .15s,box-shadow .15s,border-color .15s}
.reference-dashboard .stats .stat:hover{transform:translateY(-2px);border-color:#cfe0bf;box-shadow:0 8px 18px #1a3a2a14}
.reference-dashboard .stat-icon{background:#e9f6d9;color:#0a4033;border-radius:12px}
.reference-dashboard .rates{padding:4px 6px;color:#5d6b58}
.reference-dashboard .rates b{color:#123d2f}
.reference-dashboard .campaign-panel,.reference-dashboard .right-column .panel{border:1px solid #e2e9dc;border-radius:16px;box-shadow:0 2px 12px #1a3a2a0d}
.reference-dashboard .campaign-panel .tabs{gap:6px;padding:5px;background:#f1f4ec;border:1px solid #e2e9db;border-radius:12px;width:fit-content;max-width:100%;border-bottom-width:1px;margin:14px 16px}
.reference-dashboard .campaign-panel .tabs .tab-link{padding:9px 18px;border:0;border-radius:9px;color:#4f6a56;font-weight:600;transition:background .15s,color .15s}
.reference-dashboard .campaign-panel .tabs .tab-link:hover{background:#e6eedb;color:#123d2f}
.reference-dashboard .campaign-panel .tabs .tab-link.active{background:#0a4033;color:#fff;box-shadow:0 2px 6px #0a403340}
.reference-dashboard .campaign-panel .tabs .tab-link.active::after,.reference-dashboard .campaign-panel .tabs .tab-link.active::before{display:none}
.reference-dashboard .restored-filters{padding:12px;margin:0 16px 14px;background:#fafcf7;border:1px solid #e6ecdf;border-radius:12px}
.reference-dashboard .restored-filters select,.reference-dashboard .restored-filters .search{border-color:#d9e3d0;border-radius:9px;background:#fff}
.reference-dashboard .restored-table{border-collapse:separate;border-spacing:0}
.reference-dashboard .restored-table th{text-transform:uppercase;letter-spacing:.6px;font-size:10px;background:#f5f8f0;color:#5f6e59}
.reference-dashboard .restored-table td{border-top:1px solid #edf1e8}
.reference-dashboard .restored-table tbody tr{transition:background .12s}
.reference-dashboard .restored-table tbody tr:hover{background:#fafcf6}
.reference-dashboard .campaign-name b{color:#123d2f}
.reference-dashboard .campaign-thumb{border-radius:10px;box-shadow:0 1px 4px #0002}
.reference-dashboard .table-footer{background:#fafcf7;border-top:1px solid #edf1e8;border-radius:0 0 16px 16px}
.reference-dashboard .row-menu summary{border-radius:8px;padding:4px 8px}
.reference-dashboard .row-menu summary:hover{background:#eef4e4}
.reference-dashboard .restored-row-menu{border:1px solid #e2e9dc;border-radius:12px;box-shadow:0 10px 26px #1a3a2a24}
.reference-dashboard .restored-row-menu a:hover{background:#f2f9e6}
.reference-dashboard .ad-card{border-radius:14px;border:1px solid #e2e9dc;overflow:hidden}
.reference-dashboard .review-green{border-radius:12px;background:#f2f9e6;border:1px solid #d4e9b4}
.reference-dashboard .restored-preview-placements a{border-radius:99px}
.reference-dashboard .campaign-panel .tabs{width:auto;align-items:center}
.reference-dashboard .campaign-panel .tabs .table-tools{margin-left:auto;padding-right:8px}