/* Refinamiento responsive de Campañas; desktop permanece en panel-campaigns.css. */
@media(max-width:900px){
    .campaigns-panel-content{padding-inline:20px}
    .campaign-current-card>header{align-items:flex-start}
    .campaign-current-card>header>div:last-child{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}
    .campaign-current-card dl,.campaign-coupons dl{grid-template-columns:repeat(3,minmax(0,1fr))}
    .campaign-coupons form{grid-template-columns:repeat(2,minmax(0,1fr))}
    .campaign-coupons form>button{min-height:46px}
    .campaign-history-grid{padding:16px}
}

@media(max-width:700px){
    .campaigns-panel-content{padding:16px 14px 40px}
    .campaigns-heading{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;margin-bottom:16px}
    .campaigns-heading>span{width:44px;height:44px;border-radius:13px;font-size:18px}
    .campaigns-heading>div{min-width:0}
    .campaigns-heading h1{font-size:26px;line-height:1.1}
    .campaigns-heading p{margin-top:5px;line-height:1.45}
    .campaigns-heading>a{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:46px;margin:0;padding:10px 16px;text-align:center}
    .campaign-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:5px;margin-bottom:14px}
    .campaign-tabs a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:9px 12px;text-align:center;white-space:normal}
    .campaign-current-card,.campaign-editor,.campaign-coupons,.campaign-history,.campaign-draft{border-radius:17px}
    .campaign-current-card>header{display:block;padding:18px}
    .campaign-current-card h2{font-size:22px;line-height:1.2;overflow-wrap:anywhere}
    .campaign-current-card>header>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px}
    .campaign-current-card>header a,.campaign-current-card>header button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 10px;text-align:center}
    .campaign-dates{flex-direction:column;gap:8px;padding:0 18px 15px;line-height:1.4}
    .campaign-current-card dl,.campaign-coupons dl{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:8px}
    .campaign-current-card dl div,.campaign-coupons dl div{min-width:0;padding:11px}
    .campaign-current-card dt,.campaign-coupons dt{line-height:1.3}
    .campaign-current-card dd,.campaign-coupons dd{font-size:19px;overflow-wrap:anywhere}
    .campaign-current-card>footer{padding:14px 18px}
    .campaign-current-card>footer a{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px}
    .campaign-draft{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;padding:16px}
    .campaign-draft a{grid-column:1/-1;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0;text-align:center}
    .campaign-empty{padding:38px 20px}.campaign-empty.compact{padding:22px 18px}
    .campaign-editor>header,.campaign-coupons>header,.campaign-history>header{gap:12px;padding:18px}
    .campaign-editor>header h2,.campaign-coupons>header h2,.campaign-history>header h2{font-size:21px;line-height:1.2}
    .campaign-editor>header p,.campaign-coupons>header p{margin-top:5px;line-height:1.45}
    .campaign-editor>header a,.campaign-coupons>header a{flex:0 0 42px;width:42px;height:42px}
    .campaign-editor-layout{padding:10px}
    .campaign-form-sections{gap:10px}
    .campaign-form-sections>section{padding:16px 14px;border-radius:14px}
    .campaign-form-sections h3{margin-bottom:14px;font-size:17px}
    .campaign-fields{grid-template-columns:1fr;gap:13px}
    .campaign-fields label.wide{grid-column:auto}
    .campaign-switch{min-height:62px;gap:12px;padding:12px 13px}
    .campaign-switch>span:first-child{min-width:0}
    .campaign-switch-control{flex:0 0 48px}
    .campaign-preview{padding:14px;border-radius:14px}
    .campaign-preview h3{margin-bottom:13px;font-size:17px}
    .whatsapp-device>section{min-height:220px;padding:14px 10px}
    .whatsapp-bubble{max-width:96%;padding:11px 11px 20px!important}
    .campaign-preview-summary{padding:11px!important}
    .campaign-preview li{grid-template-columns:20px minmax(0,1fr) auto;align-items:start;padding:10px 0}
    .campaign-preview li b{text-align:right;overflow-wrap:anywhere}
    .campaign-editor form>footer{position:sticky;z-index:4;bottom:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;background:rgba(250,251,253,.96);backdrop-filter:blur(8px)}
    .campaign-editor form>footer button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:46px;padding:10px 12px;white-space:normal}
    .campaign-editor form>footer button:only-child{grid-column:1/-1}
    .campaign-restore{float:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin:0 0 14px}
    .campaign-history-grid{padding:10px}
    .campaign-history-grid .campaign-current-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}
    .campaign-coupons form{grid-template-columns:1fr;padding:12px;gap:10px}
    .campaign-coupons form label,.campaign-coupons form select,.campaign-coupons form input{min-width:0}
    .campaign-coupons form .soon{min-height:42px;padding:0 4px;white-space:normal}
    .campaign-coupons form button{min-height:46px}
    .coupon-table{padding:0 12px 14px}
    .coupon-head{display:none}
    .coupon-table article{display:grid;grid-template-columns:1fr;gap:0;margin-top:10px;padding:0;border:1px solid #e1e7ef;border-radius:14px;background:#fff;overflow:hidden}
    .coupon-table article>span{display:grid;grid-template-columns:minmax(92px,.42fr) minmax(0,1fr);align-items:start;gap:3px 10px;padding:11px 12px;border-top:1px solid #edf1f5;line-height:1.4}
    .coupon-table article>span:first-child{border-top:0}
    .coupon-table article>span::before{grid-row:1/3;color:#718096;font-size:12px;font-weight:700}
    .coupon-table article>span:nth-child(1)::before{content:"Cliente"}
    .coupon-table article>span:nth-child(2)::before{content:"Beneficio"}
    .coupon-table article>span:nth-child(3)::before{content:"Generación"}
    .coupon-table article>span:nth-child(4)::before{content:"Vigencia"}
    .coupon-table article>span:nth-child(5)::before{content:"Estado"}
    .coupon-table article>span>b,.coupon-table article>span>small{grid-column:2;min-width:0;overflow-wrap:anywhere}
    .coupon-state{white-space:normal}
    .campaign-modal-layer{padding:12px}
    .campaign-confirm-modal{max-height:calc(100svh - 24px);overflow:auto;border-radius:17px}
    .campaign-confirm-modal>header{grid-template-columns:auto minmax(0,1fr) 40px;padding:17px}
    .campaign-confirm-modal>p{padding:18px}
    .campaign-confirm-modal footer{display:grid;grid-template-columns:1fr 1fr;padding:13px}
    .campaign-confirm-modal footer button{min-height:44px}
}

@media(max-width:420px){
    .campaigns-panel-content{padding-inline:10px}
    .campaigns-heading h1{font-size:24px}
    .campaign-tabs a{padding-inline:8px}
    .campaign-tabs a i{margin-right:5px}
    .campaign-current-card>header>div:last-child{grid-template-columns:1fr}
    .campaign-current-card dl,.campaign-coupons dl,.campaign-history-grid .campaign-current-card dl{grid-template-columns:1fr 1fr}
    .campaign-editor form>footer{grid-template-columns:1fr}
    .campaign-editor form>footer button,.campaign-editor form>footer button:only-child{grid-column:auto}
    .whatsapp-device>header{padding:10px}.whatsapp-device>section{min-height:200px}
    .whatsapp-bubble{max-width:100%}
    .campaign-preview li{grid-template-columns:18px minmax(0,1fr);gap:7px}
    .campaign-preview li b{grid-column:2;text-align:left}
    .campaign-confirm-modal footer{grid-template-columns:1fr}
}