.bubu-mail-host{max-width:1600px;margin:auto}.mail-loading,.mail-empty{padding:60px;text-align:center;color:#6b6861}.mail-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.mail-title span,.mail-step{font-size:12px;font-weight:900;letter-spacing:2px}.mail-title h1{font-size:clamp(42px,6vw,76px);line-height:.9;margin:10px 0}.mail-title p,.mail-panel p{color:#68655f}.mail-primary,.mail-panel button,.mail-audience>button,.mail-settings button{border:0;border-radius:999px;background:#171717;color:#fff;padding:13px 19px;font-weight:900;cursor:pointer}.mail-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:10px;margin-bottom:24px}.mail-tabs button{white-space:nowrap;border:1px solid #dedbd3;border-radius:999px;background:#fff;padding:12px 18px;font-weight:800}.mail-tabs button.active{background:#ffc52b;border-color:#ffc52b}.mail-kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:20px}.mail-kpis article,.mail-panel{background:#fff;border:1px solid #e2dfd7;border-radius:24px}.mail-kpis article{padding:22px}.mail-kpis span{display:block;color:#6d6962;font-size:14px}.mail-kpis b{display:block;font-size:34px;margin-top:10px}.mail-panel{padding:26px;margin-bottom:20px}.mail-panel h2{font-size:28px;margin:0 0 8px}.mail-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.mail-table{overflow:auto}.mail-table table{border-collapse:collapse;min-width:950px;width:100%}.mail-table th,.mail-table td{padding:15px 12px;border-bottom:1px solid #ebe8e1;text-align:left}.mail-table td small{display:block;color:#777;margin-top:5px}.mail-status{padding:7px 10px;border-radius:999px;background:#eee;font-size:12px;font-weight:900}.mail-status.sent{background:#dff6e6}.mail-status.sending,.mail-status.scheduled{background:#fff0b9}.mail-actions{display:flex;flex-wrap:wrap;gap:6px}.mail-actions button{padding:7px 9px;font-size:11px}.mail-filter-grid,.mail-campaign-fields,.mail-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.mail-filter-grid label,.mail-campaign-fields label,.mail-settings label{font-weight:800}.mail-filter-grid input,.mail-filter-grid select,.mail-campaign-fields input,.mail-settings input,.mail-settings textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #d9d5cc;border-radius:13px;padding:12px;background:#fff}.mail-audience strong{margin-left:16px}.mail-editor{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;margin-top:22px}.mail-editor>aside{background:#f5f2ea;padding:16px;border-radius:18px;align-self:start}.mail-editor>aside h3{margin:8px 0 10px}.mail-editor>aside>button{display:block;width:100%;text-align:left;margin:7px 0;background:#fff;color:#171717;border:1px solid #e1ddd4}.mail-vars{display:flex;flex-wrap:wrap;gap:6px}.mail-vars code{background:#ffc52b;border-radius:8px;padding:6px;font-size:10px;cursor:pointer}.mail-preview-tools{text-align:center;margin-bottom:10px}.mail-preview-tools button{background:#eee;color:#171717;margin:0 3px}.mail-preview-tools button.active{background:#171717;color:#fff}.mail-canvas{max-width:680px;margin:auto;background:#ffc52b;padding:24px;border-radius:22px}.mail-canvas.mobile{max-width:390px}.mail-canvas article{position:relative;background:#fffdf8;padding:16px 24px}.mail-canvas article:first-child{border-radius:18px 18px 0 0}.mail-canvas article:last-child{border-radius:0 0 18px 18px}.mail-canvas article>div:last-child{display:none;position:absolute;right:8px;top:8px;gap:4px}.mail-canvas article:hover>div:last-child{display:flex}.mail-canvas article button{padding:5px 7px;font-size:10px}.mail-canvas h2{font-size:32px}.mail-canvas p{white-space:pre-line;color:#171717}.mail-canvas a{display:inline-block;background:#171717;color:#fff;padding:13px 20px;border-radius:999px;font-weight:bold}.mail-logo{text-align:center;font-size:40px;font-weight:1000}.mail-logo small{display:block;font-size:10px;letter-spacing:5px}.mail-coupon{background:#ffc52b;padding:18px;text-align:center;border-radius:16px;font-weight:900}.mail-image-placeholder{background:#eee;padding:60px;text-align:center}.mail-canvas img{max-width:100%}.mail-send-panel>div{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-top:18px}.mail-send-panel label{font-weight:bold}.mail-send-panel input{display:block;margin-top:5px;padding:10px;border:1px solid #ccc;border-radius:10px}.mail-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mail-template-grid article{border:1px solid #e2dfd7;border-radius:18px;padding:14px}.mail-template-thumb{aspect-ratio:16/10;border-radius:13px;background:#ffc52b;display:grid;place-content:center;text-align:center}.mail-template-thumb b{font-size:32px}.mail-template-thumb span{font-size:12px;font-weight:bold}.mail-template-grid article div:last-child{display:flex;gap:5px;flex-wrap:wrap}.mail-template-grid button{padding:8px 10px;font-size:11px}.mail-auto-list article{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #e7e3dc}.mail-auto-list article span{display:block;color:#777;margin-top:4px}.mail-switch{display:flex;align-items:center;gap:8px}.mail-switch input{width:22px;height:22px;accent-color:#ffc52b}.mail-settings .wide{grid-column:1/-1}.mail-tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.mail-tag-list span{background:#ffc52b;border-radius:999px;padding:9px 12px;font-weight:bold}.mail-tag-list button{padding:2px 6px;margin-left:5px}.mail-help{font-size:13px}.admin-body{overflow-x:hidden}
@media(max-width:1100px){.mail-kpis{grid-template-columns:repeat(2,1fr)}.mail-template-grid{grid-template-columns:repeat(2,1fr)}.mail-filter-grid,.mail-campaign-fields,.mail-settings{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.mail-title{align-items:flex-start;flex-direction:column}.mail-title h1{font-size:48px}.mail-kpis,.mail-filter-grid,.mail-campaign-fields,.mail-settings,.mail-template-grid{grid-template-columns:1fr}.mail-editor{grid-template-columns:1fr}.mail-panel{padding:18px;border-radius:18px}.mail-audience strong{display:block;margin:14px 0 0}.mail-canvas{padding:10px}.mail-canvas h2{font-size:26px}}