/* ============================================================
   [MOD-174-08] Campaign builder and search-rule preview
============================================================ */

.youtube-campaign-builder{grid-column:1/-1;scroll-margin-top:78px;border:1px solid #cbd8e8;border-radius:20px;background:#f8fbff;box-shadow:0 16px 42px rgba(25,55,95,.09);overflow:hidden;color:#18283f}
.campaign-builder-head{display:flex;justify-content:space-between;gap:24px;padding:24px 26px;background:linear-gradient(135deg,#102a4c 0%,#174b7a 60%,#15758a 100%);color:#fff}
.campaign-builder-head>div{min-width:0}.campaign-builder-head span,.trusted-channel-workspace>header span{display:block;margin-bottom:5px;font-size:.7rem;font-weight:800;letter-spacing:.12em;color:#7ee5e8}
.campaign-builder-head h3{margin:0;font-size:1.45rem;font-weight:850}.campaign-builder-head p{max-width:760px;margin:8px 0 0;color:#d9e7f5;font-size:.88rem;line-height:1.65}
.campaign-builder-head dl{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));align-self:center;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(6,27,52,.28);overflow:hidden}
.campaign-builder-head dl div{padding:11px 14px;text-align:center;border-left:1px solid rgba(255,255,255,.14)}.campaign-builder-head dl div:first-child{border-left:0}.campaign-builder-head dt{font-size:.67rem;color:#b9d1e6}.campaign-builder-head dd{margin:3px 0 0;font-size:.95rem;font-weight:800}
.campaign-source-tabs{display:flex;gap:4px;padding:10px 14px 0;background:#eaf1f9;border-bottom:1px solid #cfdae8}.campaign-source-tabs button{display:flex;align-items:center;gap:7px;padding:11px 16px;border:1px solid transparent;border-bottom:0;border-radius:11px 11px 0 0;background:transparent;color:#52677e;font-size:.82rem;font-weight:750}.campaign-source-tabs button[aria-selected="true"]{background:#fff;border-color:#cfdae8;color:#0c5b92}.campaign-source-tabs strong{padding:1px 6px;border-radius:99px;background:#dce8f5;font-size:.68rem}
[data-campaign-source-panel="rules"]{background:#fff}.campaign-workflow-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;padding:14px 18px;background:#fff;border-bottom:1px solid #e1e8f0}.campaign-workflow-nav a{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:9px 5px;color:#445a71;font-size:.74rem;font-weight:700;text-decoration:none;background:#f4f7fb}.campaign-workflow-nav a:first-child{border-radius:9px 0 0 9px}.campaign-workflow-nav a:last-child{border-radius:0 9px 9px 0}.campaign-workflow-nav span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#dbe7f3;color:#185b89;font-size:.68rem}
.campaign-builder-step{padding:24px 26px;border-bottom:1px solid #e2e9f1;scroll-margin-top:84px}.campaign-builder-step:last-child{border-bottom:0}.campaign-builder-step:nth-of-type(even){background:#fbfdff}
.campaign-step-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.campaign-step-title>span{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:9px;background:#0f6798;color:#fff;font-size:.83rem;font-weight:850;box-shadow:0 5px 13px rgba(15,103,152,.2)}.campaign-step-title h4{margin:1px 0 3px;font-size:1rem;font-weight:820}.campaign-step-title p{margin:0;color:#687b90;font-size:.76rem;line-height:1.5}
.campaign-select-layout{display:grid;grid-template-columns:minmax(230px,32%) 1fr;gap:18px}.campaign-list{display:flex;flex-direction:column;gap:7px;padding:9px;border:1px solid #d8e2ed;border-radius:14px;background:#f5f8fc;max-height:330px;overflow:auto}.campaign-list>a,.campaign-new-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 12px;border:1px solid #dce5ef;border-radius:10px;background:#fff;color:#273c52;text-align:left;text-decoration:none}.campaign-list>a:hover,.campaign-list>a.is-selected{border-color:#61a9cf;background:#edf8fd;box-shadow:0 0 0 2px rgba(39,140,188,.1)}.campaign-list>a>span,.campaign-new-button span{min-width:0}.campaign-list strong,.campaign-new-button span{display:block;font-size:.78rem;font-weight:780}.campaign-list small{display:block;margin-top:4px;color:#728499;font-size:.66rem}.campaign-list em{flex:0 0 auto;padding:3px 7px;border-radius:99px;background:#edf0f4;color:#75869a;font-size:.62rem;font-style:normal;font-weight:750}.campaign-list em.is-active{background:#dff5eb;color:#147351}.campaign-new-button{justify-content:flex-start;border-style:dashed;color:#166796}.campaign-new-button i{font-size:1.15rem}.campaign-new-button small{font-weight:500}
.campaign-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.campaign-field-grid>div{min-width:0}.campaign-field-grid .field-span-2{grid-column:1/-1}.campaign-field-grid .form-label{margin-bottom:5px;color:#43576d;font-size:.72rem;font-weight:750}.campaign-field-grid .form-control,.campaign-field-grid .form-select,.campaign-title-input{border-color:#cdd9e6;font-size:.78rem}.campaign-field-grid .form-control:focus,.campaign-field-grid .form-select:focus,.campaign-title-input:focus{border-color:#4f9dc6;box-shadow:0 0 0 .18rem rgba(45,139,185,.12)}
.campaign-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.campaign-quad-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.campaign-switches{display:flex;gap:24px;padding:10px 12px;border-radius:10px;background:#eef5fa}.campaign-switches .form-check{margin:0;font-size:.76rem;font-weight:700}
.campaign-title-input{min-height:164px;resize:vertical;line-height:1.65}.campaign-title-tools{display:flex;align-items:center;gap:8px;margin-top:9px}.campaign-title-tools>span{margin-right:auto;color:#64778b;font-size:.72rem}.campaign-title-tools strong{color:#145f91}
.campaign-preview-actions{display:flex;align-items:center;gap:12px}.campaign-preview-actions span,.campaign-run-actions span{color:#63768a;font-size:.74rem}.campaign-preview-summary{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.campaign-preview-summary span,.campaign-rule-status{padding:4px 8px;border-radius:99px;font-size:.65rem;font-weight:800}.status-new{background:#dcf5ed!important;color:#0f7255!important}.status-existing{background:#e6edf5!important;color:#50657a!important}.status-update{background:#fff1cb!important;color:#8b5c00!important}.status-archive{background:#edf0f3!important;color:#687586!important}.status-duplicate,.status-error{background:#fde1e1!important;color:#a52929!important}
.campaign-preview-table-wrap{margin-top:12px;border:1px solid #d6e0eb;border-radius:12px;overflow:auto}.campaign-preview-table{width:100%;min-width:850px;border-collapse:collapse;background:#fff;font-size:.7rem}.campaign-preview-table th{padding:9px 8px;background:#edf3f8;color:#506479;text-align:left;white-space:nowrap}.campaign-preview-table td{padding:8px;border-top:1px solid #e6ebf1;vertical-align:middle}.campaign-preview-table td:nth-child(2){min-width:170px}.campaign-preview-table td:nth-child(3){min-width:210px}.campaign-preview-table td:nth-child(3) .form-select{display:inline-block;width:49%;margin-right:1%}.campaign-preview-table td:nth-child(4){min-width:130px}.campaign-preview-table td:nth-child(6){width:75px}.campaign-preview-table td strong{display:block}.campaign-preview-table td small{display:block;margin-top:3px;color:#a52929}.campaign-preview-table tr.is-dirty{box-shadow:inset 3px 0 #e5a400;background:#fffbef}.campaign-preview-table .form-control,.campaign-preview-table .form-select{font-size:.68rem}.campaign-preview-errors{margin-top:10px;padding:10px 12px;border-radius:9px;background:#fff0f0;color:#982a2a;font-size:.74rem}.campaign-preview-errors p{margin:0 0 4px}.campaign-preview-errors p:last-child{margin:0}
.campaign-save-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid #cfe0ed;border-radius:13px;background:#f0f8fc}.campaign-save-bar strong,.campaign-save-bar span{display:block}.campaign-save-bar strong{font-size:.82rem;color:#185e8b}.campaign-save-bar span{margin-top:3px;color:#6c7e90;font-size:.69rem}.campaign-secondary-actions{display:flex;gap:7px;margin-top:10px}.campaign-action-status{min-height:20px;margin-top:8px;color:#1c745a;font-size:.72rem}.campaign-action-status.is-error{color:#ad2e2e}
.campaign-run-step{background:linear-gradient(180deg,#fbfdff,#f2f8fc)!important}.campaign-run-summary{display:grid;grid-template-columns:2fr repeat(3,1fr);border:1px solid #d3e0eb;border-radius:12px;background:#fff;overflow:hidden}.campaign-run-summary>div{padding:12px 14px;border-left:1px solid #e1e8ef}.campaign-run-summary>div:first-child{border-left:0}.campaign-run-summary span,.campaign-run-summary strong{display:block}.campaign-run-summary span{color:#718397;font-size:.65rem}.campaign-run-summary strong{margin-top:4px;font-size:.76rem}.campaign-run-actions{display:flex;align-items:center;gap:13px;margin-top:12px}.campaign-run-history{margin-top:12px;border:1px solid #dae3ec;border-radius:10px;background:#fff}.campaign-run-history summary{padding:10px 12px;cursor:pointer;font-size:.74rem;font-weight:750}.campaign-run-history>div{padding:0 12px 10px}.campaign-run-history p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:7px 0;border-top:1px solid #edf0f4;font-size:.68rem}.campaign-run-history p span{color:#6f8092}.campaign-empty{margin:0;color:#708196;font-size:.78rem}
.trusted-channel-workspace{padding:24px 26px;background:#fff}.trusted-channel-workspace>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.trusted-channel-workspace>header span{color:#0a7588}.trusted-channel-workspace h4{margin:0;font-size:1.05rem}.trusted-channel-workspace>header p{margin:5px 0 0;color:#687b90;font-size:.76rem}.trusted-channel-workspace>header>strong{padding:6px 10px;border-radius:99px;background:#e5f3f5;color:#116d79;font-size:.7rem}.trusted-channel-list{margin-top:14px}

@media(max-width:991px){.campaign-builder-head{align-items:flex-start}.campaign-builder-head dl{grid-template-columns:1fr}.campaign-builder-head dl div{border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:6px 11px}.campaign-builder-head dl div:first-child{border-top:0}.campaign-workflow-nav{grid-template-columns:repeat(3,1fr);gap:3px}.campaign-workflow-nav a{border-radius:7px!important}.campaign-select-layout{grid-template-columns:1fr}.campaign-list{max-height:220px}.campaign-run-summary{grid-template-columns:1fr 1fr}.campaign-run-summary>div:nth-child(3){border-left:0;border-top:1px solid #e1e8ef}.campaign-run-summary>div:nth-child(4){border-top:1px solid #e1e8ef}}
@media(max-width:767px){.campaign-builder-head{display:block;padding:20px}.campaign-builder-head dl{grid-template-columns:repeat(3,1fr);margin-top:16px}.campaign-builder-head dl div{border-top:0;border-left:1px solid rgba(255,255,255,.14)}.campaign-builder-head dl div:first-child{border-left:0}.campaign-builder-step,.trusted-channel-workspace{padding:20px}.campaign-field-grid{grid-template-columns:1fr}.campaign-field-grid .field-span-2{grid-column:auto}.campaign-quad-fields{grid-template-columns:1fr 1fr}.campaign-switches{display:grid;gap:8px}.campaign-save-bar{align-items:stretch;flex-direction:column}.campaign-save-bar .btn{width:100%}.campaign-title-tools{align-items:stretch;flex-wrap:wrap}.campaign-title-tools>span{flex-basis:100%}.campaign-preview-actions,.campaign-run-actions{align-items:stretch;flex-direction:column}.campaign-preview-actions .btn,.campaign-run-actions .btn{width:100%}.campaign-run-history p{display:block}.campaign-run-history p span{display:block;margin-top:3px}}
@media(max-width:480px){.campaign-builder-head,.campaign-builder-step,.trusted-channel-workspace{padding:16px}.campaign-builder-head h3{font-size:1.18rem}.campaign-builder-head dl{grid-template-columns:1fr}.campaign-builder-head dl div{border-left:0;border-top:1px solid rgba(255,255,255,.14)}.campaign-source-tabs{display:grid;grid-template-columns:1fr 1fr;padding:8px 8px 0}.campaign-source-tabs button{justify-content:center;padding:9px 6px;font-size:.7rem}.campaign-workflow-nav{grid-template-columns:1fr 1fr;padding:10px}.campaign-workflow-nav a{justify-content:flex-start}.campaign-inline-fields,.campaign-quad-fields{grid-template-columns:1fr}.campaign-secondary-actions{display:grid;grid-template-columns:1fr 1fr}.campaign-secondary-actions .btn:last-child{grid-column:1/-1}.campaign-run-summary{grid-template-columns:1fr}.campaign-run-summary>div{border-left:0!important;border-top:1px solid #e1e8ef}.campaign-run-summary>div:first-child{border-top:0}.trusted-channel-workspace>header{display:block}.trusted-channel-workspace>header>strong{display:inline-block;margin-top:10px}}