/* BonusDa: presentation-only redesign. Loaded after the legacy styles. */
:root {
  --bg:#f4f7f6; --surface:#fff; --soft:#f8faf9; --text:#24312c; --muted:#6d7b75;
  --border:#dfe7e3; --primary:#2f9e62; --primary-dark:#257d4d; --primary-soft:#eaf7ef;
  --info:#2878b8; --info-soft:#eef6fc; --radius:12px; --shadow:0 10px 30px rgba(31,55,44,.08);
}
*{box-sizing:border-box}
html,body{background:var(--bg)!important}
body{margin:0!important;background-image:none!important;color:var(--text);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}
a:link,a:visited{color:var(--primary-dark);text-decoration:none}a:hover{color:var(--primary);text-decoration:none}

/* Layout */
.boxed,.active.boxed{width:100%!important;max-width:none!important;min-height:100vh;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}
.wrapper,.header_block_c,.block_center_content{width:min(1120px,calc(100% - 40px))!important;max-width:1120px;margin-left:auto!important;margin-right:auto!important}
.wrapper{padding:0!important}.header.light{display:none}.content{padding:26px 0 0!important}

/* Brand line */
.header_block_c{height:auto!important;min-height:72px;margin-top:0!important;margin-bottom:16px!important;padding:0 2px;display:flex!important;align-items:center;justify-content:space-between}
.content_center_ogr{width:auto!important;position:static!important;top:auto!important;float:none!important;clear:none!important;line-height:1.2!important}
.content_center_ogr a{display:inline-block!important;position:static!important}.block_left_name_web{display:flex;flex-direction:column;gap:4px}
.content_center_ogr h1,.block_left_name_web h1{margin:0!important;font-family:inherit!important;font-size:29px!important;line-height:1.05!important;letter-spacing:-.6px!important;font-weight:800!important}
.block_left_name_web h1 font{color:var(--primary-dark)!important}.block_left_name_web span,.block_left_name_web span font{color:var(--muted)!important;font-size:13px!important;line-height:1.35!important}
.header_block_c>.pod_menu_sett_auth{padding:0!important}

/* Public navigation */
.block_menu_head{min-height:50px!important;height:auto!important;margin:0 0 24px!important;padding:4px 8px!important;overflow:visible!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:0 4px 16px rgba(31,55,44,.05);display:flex;align-items:center;justify-content:space-between;gap:10px}
.block_menu_head div{display:block}.block_menu_h{width:auto!important;height:auto!important;margin:0!important;position:static!important;background:transparent!important}
.block_menu_h ul{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:0!important;padding:0!important}.block_menu_h li{display:block!important;margin:0!important}
.block_menu_h a{display:block;padding:10px 13px!important;border-radius:8px;color:#35433d!important;font-size:14px!important;font-weight:650;line-height:1.35!important;text-transform:none!important;transition:.15s}
.block_menu_h a:hover{background:var(--primary-soft)!important;color:var(--primary-dark)!important}.block_menu_head>.pod_menu_sett_auth{float:none!important;padding:0!important;margin-left:auto}.uSocial-Share{opacity:.75}

/* Ad areas and stable two-column layout */
.old,.block_banners_4{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important}
.block_banners_4{padding:10px!important;margin-bottom:24px!important;overflow:hidden}
.block_banners_b_s{width:100%!important;margin:0 auto!important;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px}
.block_banners_b_s .bannerss{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px 18px}
.block_banners_b_s .b_a_n_ers{margin:0!important;max-width:100%}
.block_banners_b_s iframe,.block_banners_b_s img,#sidebar2 iframe,#sidebar2 img,.panel-banner img{max-width:100%!important}
.bonusda-page-columns{display:flex!important;align-items:flex-start!important;gap:24px!important;width:100%!important;margin:0!important;padding:0!important}
#sidebar{order:1;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;float:none!important}
#sidebar2{order:2;flex:0 0 240px!important;width:240px!important;max-width:240px!important;min-width:240px!important;margin:0!important;padding:0!important;float:none!important;text-align:left!important}

/* Main content card */
.content-panel,.panel-block,.panel-content{width:100%}.panel-block .panel-content{padding:24px!important;background:var(--surface)!important;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.panel-content>h1,.content h1{margin:0 0 20px!important;color:var(--text)!important;font-size:27px!important;line-height:1.25!important;font-weight:750!important;letter-spacing:-.35px}.content h2{color:var(--text);line-height:1.3}.content p{color:#45534d}
.block_text_c_g_inf{min-height:0!important;height:auto!important;margin:0 0 24px!important;padding:22px 24px!important;overflow:hidden;background:linear-gradient(135deg,#f8fcfa 0%,#eef8f2 100%);border:1px solid #d8eadf;border-radius:var(--radius);color:#405047!important;font-size:15px!important;line-height:1.7;text-align:left!important}
.block_text_c_g_inf img{width:150px!important;height:auto;margin:0 22px 8px 0!important;border-radius:10px}.block_text_c_g_inf p:first-of-type{margin-top:0}
.link{margin:0 0 14px!important;padding:12px 14px!important;background:var(--soft)!important;border:1px solid var(--border)!important;border-radius:9px;color:var(--muted)!important}
.links2,.links3{margin:0 0 16px!important;padding:18px 20px!important;background:var(--soft)!important;border:1px solid var(--border)!important;border-radius:10px!important;color:var(--text)!important}

/* Account navigation and balance */
.panel-menu{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 10px}.panel-menu:after{display:none!important}
.panel-menu a{width:auto!important;float:none!important;padding:11px 8px!important;background:var(--soft)!important;border:1px solid var(--border);border-radius:8px;color:#405047!important;font-size:13px;font-weight:650!important;line-height:1.35}
.panel-menu a:hover{background:var(--primary-soft)!important;border-color:#bcdcc9;color:var(--primary-dark)!important}
.panel-balance{display:flex!important;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px!important;padding:13px 16px!important;background:#f5faf7!important;border:1px solid #d8eadf;border-radius:9px;color:#405047!important;font-size:15px!important}
.panel-balance .right{float:none!important;margin-left:auto}.panel-balance font{color:var(--info)!important}

/* Statistics */
.panel-stats,.panel-stats2{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.panel-stats:after,.panel-stats2:after{display:none}
.panel-stats div,.panel-stats2 div{width:auto!important;min-height:98px;float:none!important;padding:18px 14px!important;display:flex;flex-direction:column;justify-content:center;background:var(--soft)!important;border:1px solid var(--border);border-radius:9px;color:var(--muted)!important;line-height:1.4}
.panel-stats div:nth-child(odd),.panel-stats2 div:nth-child(odd){background:#f5faf7!important}.panel-stats div span,.panel-stats2 div span{margin-top:5px;color:var(--text)!important;font-size:20px!important;font-weight:750}

/* Bonus state */
.bonus{margin:0 0 22px!important;padding:22px!important;background:var(--primary-soft)!important;border:1px solid #bcdcc9!important;border-radius:var(--radius)!important;color:#32513f}.bonus p{margin-top:0}
.timer{margin:12px 0 4px;color:var(--primary-dark);font-size:34px!important;font-weight:750;letter-spacing:1px}

/* Forms and buttons */
.content input[type=text],.content input[type=email],.content input[type=password],.content textarea,.auth>input[type=text],.auth>input[type=email],.auth>input[type=password]{width:100%!important;max-width:480px;min-height:44px;padding:10px 12px!important;border:1px solid #cfdad5!important;border-radius:8px!important;background:#fff!important;color:var(--text)!important;font:inherit;line-height:1.35;box-shadow:none!important;outline:none}
.content textarea{min-height:120px;resize:vertical}.content input[type=text]:focus,.content input[type=email]:focus,.content input[type=password]:focus,.content textarea:focus,.auth>input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(47,158,98,.12)!important}
.auth{color:var(--text)!important}.auth label,label{margin-bottom:6px!important;color:#405047;font-weight:650!important}form[style*="background-color"]{background:transparent!important}
.content input[type=submit],.content button.button,a.button,.button{width:auto!important;min-width:170px;min-height:42px;padding:10px 18px!important;display:inline-flex!important;align-items:center;justify-content:center;border:0!important;border-radius:8px!important;background:var(--primary)!important;color:#fff!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important;text-align:center;cursor:pointer;box-shadow:0 4px 12px rgba(47,158,98,.18);transform:none!important;transition:.15s}
.content input[type=submit]:hover,.content button.button:hover,a.button:hover,.button:hover{background:var(--primary-dark)!important;color:#fff!important;box-shadow:0 5px 15px rgba(37,125,77,.22);transform:translateY(-1px)!important}

/* Messages */
.alert,.alert-msg{margin:0 0 18px!important;padding:14px 16px!important;border-radius:9px!important;line-height:1.55!important}.alert-info{background:var(--info-soft)!important;border:1px solid #cfe3f3!important;color:#315d7c!important}.alert-msg{background:#fff6f6!important;border:1px solid #efd0d0!important;color:#764040!important}

/* Tables */
.table{width:100%!important;margin:12px 0 18px!important;border-collapse:separate!important;border-spacing:0!important;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:9px;font-size:14px!important}.table thead{background:#f0f5f2!important}
.table th{color:#3f5048;font-weight:700!important;border-bottom:1px solid var(--border)}.table th,.table td{padding:11px 13px!important;vertical-align:middle}.table td{background:#fff!important;border-bottom:1px solid #edf1ef;color:#4a5852}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#fafcfb!important}.table td:nth-child(odd){background:#fff!important}
.panel-banner{margin:0 0 18px!important;padding:16px;background:var(--soft);border:1px solid var(--border);border-radius:9px}.panel-banner textarea{width:100%!important;max-width:none!important}

/* Footer */
.aaa3{margin-top:30px;padding:24px 20px!important;background:#eaf0ed;border-top:1px solid #d8e1dc!important;color:#68756f;text-align:center;font-size:13px}.aaa3 .wrapper{width:min(1120px,calc(100% - 40px))!important}.aaa3 a,.aaa3 a font{color:#56655e!important}.block_metr_footer_b{margin-top:14px;opacity:.58}.block_metr_footer_b img{max-width:100%;height:auto}

@media(max-width:980px){
  .wrapper,.header_block_c,.block_center_content{width:min(100% - 28px,920px)!important}
  .bonusda-page-columns{flex-direction:column!important;gap:18px!important}
  #sidebar,#sidebar2{width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 auto!important;margin:0!important;float:none!important}
  #sidebar2{order:2;margin-bottom:0!important}
  .panel-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-stats,.panel-stats2{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:720px){
  body{font-size:15px!important}.content{padding-top:16px!important}.wrapper,.header_block_c,.block_center_content,.aaa3 .wrapper{width:calc(100% - 24px)!important}
  .header_block_c{min-height:60px;margin-bottom:10px!important}.content_center_ogr h1,.block_left_name_web h1{font-size:25px!important}.block_left_name_web span{display:none}
  .block_menu_head{padding:6px!important;margin-bottom:16px!important}.block_menu_h,.block_menu_h ul{width:100%!important}.block_menu_h ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.block_menu_h a{padding:9px 8px!important;text-align:center;font-size:13px!important;background:#f7f9f8}.block_menu_head>.pod_menu_sett_auth{display:none!important}
  .block_banners_4{padding:7px!important;margin-bottom:16px!important}.block_banners_b_s,.block_banners_b_s .bannerss{gap:7px}
  .panel-block .panel-content{padding:17px!important;border-radius:10px}.panel-content>h1,.content h1{font-size:23px!important;margin-bottom:16px!important}.block_text_c_g_inf{padding:17px!important;line-height:1.6}.block_text_c_g_inf img{width:90px!important;margin:0 14px 6px 0!important}
  .panel-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-balance{align-items:flex-start;flex-direction:column;gap:5px;font-size:14px!important}.panel-balance .right{margin-left:0}.panel-stats,.panel-stats2{grid-template-columns:1fr}.panel-stats div,.panel-stats2 div{min-height:78px;padding:14px!important}
  .bonus{padding:17px!important}.timer{font-size:29px!important}.content input[type=text],.content input[type=email],.content input[type=password],.content textarea,.auth>input[type=text],.auth>input[type=email],.auth>input[type=password]{max-width:none}
  .content input[type=submit],.content button.button,a.button,.button{width:100%!important;min-width:0}.table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.table th,.table td{padding:10px!important}.aaa3{padding:20px 12px!important}
}

@media(max-width:420px){
  .wrapper,.header_block_c,.block_center_content,.aaa3 .wrapper{width:calc(100% - 18px)!important}.block_menu_h ul,.panel-menu{grid-template-columns:1fr}.block_text_c_g_inf img{display:none!important}
}


/* Login actions: left-aligned under the Azvox wallet field. */
.auth{max-width:480px;margin-left:auto!important;margin-right:auto!important;text-align:left!important}
.auth-actions{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:12px;width:100%;text-align:left}
.auth-actions input[type=submit],.auth-actions .button{margin:0!important;min-width:0!important}
.auth-actions .azvox-signup-button{background:#fff!important;color:var(--primary-dark)!important;border:1px solid #bcdcc9!important;box-shadow:none!important}
.auth-actions .azvox-signup-button:hover{background:var(--primary-soft)!important;color:var(--primary-dark)!important;border-color:#9fcdb1!important;box-shadow:none!important}

@media(max-width:720px){
  .auth{max-width:none}
  .auth-actions{flex-direction:column;align-items:stretch;gap:8px}
  .auth-actions input[type=submit],.auth-actions .button{width:100%!important}
}

/* BonusDa paid promo module */
.promo-ad-card,.promo-site-card{background:#fff;border:1px solid #dfe7e3;border-radius:10px;padding:18px;margin:16px 0}.promo-ad-card h2,.promo-site-card h2{margin-top:0}.promo-ad-form,.promo-buy-form{display:grid;gap:12px}.promo-ad-form label,.promo-buy-form label{display:grid;gap:6px;font-weight:600}.promo-ad-form .input,.promo-buy-form .input{width:100%;max-width:620px}.promo-sites-list{display:grid;gap:14px}.promo-site-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:22px;align-items:start}.promo-site-main a{word-break:break-word}.promo-meta,.promo-muted{color:#667085;font-size:13px;line-height:1.5}.promo-meta{margin-top:7px}.promo-quick-days{display:flex;gap:6px;flex-wrap:wrap}.promo-quick-days button{border:1px solid #d0d5dd;background:#fff;border-radius:7px;padding:6px 10px;cursor:pointer}.promo-quick-days button:hover{border-color:#2f9e62;color:#237a4a}.promo-price{font-weight:700;color:#237a4a}.promo-wait{padding:12px;border-radius:8px;background:#f5f7f9;color:#667085}.panel-menu{display:flex;flex-wrap:wrap;gap:7px}.panel-menu a{flex:1 1 115px}
@media(max-width:780px){.promo-site-card{grid-template-columns:1fr}.promo-buy-form .button{width:100%}}


/* Compact footer feedback */
.footer-feedback{margin:10px auto 0;max-width:420px;color:#6b776f;font-size:12px}
.footer-feedback details{display:inline-block;text-align:left}
.footer-feedback summary{cursor:pointer;list-style:none;color:#66746d;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.footer-feedback summary::-webkit-details-marker{display:none}
.footer-feedback-form{margin-top:8px;padding:10px;background:#f6f9f7;border:1px solid #d9e3de;border-radius:8px;display:grid;gap:7px;min-width:300px}
.footer-feedback-form input,.footer-feedback-form select,.footer-feedback-form textarea{width:100%;font:inherit;color:#33413a;background:#fff;border:1px solid #d0dad5;border-radius:6px;padding:7px 8px}
.footer-feedback-form textarea{resize:vertical;min-height:70px}
.footer-feedback-form button{justify-self:start;border:0;border-radius:6px;background:#6f7d76;color:#fff;padding:7px 11px;font:inherit;font-weight:600;cursor:pointer}
.footer-feedback-form button:hover{background:#596760}
.footer-feedback-flash{margin:0 auto 6px;color:#2f7f51}
.feedback-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:480px){.footer-feedback-form{min-width:0;width:calc(100vw - 44px)}}


/* BonusDa: paid link views */

/* BonusDa Views: stage 1 polished viewer interface */
.views-page{--views-line:#dde6e1;--views-soft:#f7faf8;--views-green:#2f9e62;--views-green-dark:#257d4d}
.views-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 18px}
.views-heading h1{margin-bottom:8px!important}
.views-heading p{max-width:820px;margin:0;color:#5f6d67!important;line-height:1.55}

.views-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 26px}
.views-summary-item{min-height:82px;padding:14px 16px;background:linear-gradient(180deg,#fbfdfc 0%,#f5faf7 100%);border:1px solid #d8e8df;border-radius:10px;display:flex;flex-direction:column;justify-content:center}
.views-summary-label{display:block;margin-bottom:4px;color:#708079;font-size:12px;line-height:1.35}
.views-summary-item strong{color:#26352f;font-size:20px;line-height:1.2;font-weight:750}
.views-summary-item:last-child strong{color:var(--views-green-dark)}

.views-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding-bottom:9px;border-bottom:1px solid #e4ebe7}
.views-section-head h2{margin:0!important;font-size:20px!important;font-weight:750!important}
.views-section-count{padding:4px 9px;background:#eaf7ef;border:1px solid #cfe7d8;border-radius:999px;color:#27794c;font-size:12px;font-weight:700}
.views-history-head{margin-top:30px}

.views-list{display:grid;gap:10px;margin:0 0 28px}
.views-card{position:relative;display:flex;align-items:stretch;justify-content:space-between;gap:18px;padding:0;background:#fff;border:1px solid var(--views-line);border-left:4px solid #6ac08c;border-radius:10px;overflow:hidden;box-shadow:0 3px 12px rgba(31,55,44,.035);transition:border-color .15s,box-shadow .15s,transform .15s}
.views-card:hover{border-color:#c8ded1;box-shadow:0 8px 22px rgba(31,55,44,.07);transform:translateY(-1px)}
.views-card-content{flex:1;min-width:0;padding:16px 18px}
.views-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.views-card-title{min-width:0}
.views-card-title strong{display:block;margin:0 0 2px;color:#25342e;font-size:17px;line-height:1.3;font-weight:750}
.views-domain{display:block;color:#718079;font-size:12px;line-height:1.4;word-break:break-word}
.views-status-badge{flex:0 0 auto;padding:3px 8px;border-radius:999px;background:#eef6fc;border:1px solid #d7e9f6;color:#3479a8;font-size:11px;font-weight:700;white-space:nowrap}
.views-description{max-width:760px;margin-top:9px;color:#53625b;font-size:13px;line-height:1.48}
.views-meta-grid{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:13px;padding-top:11px;border-top:1px solid #edf1ef}
.views-meta-grid>div{display:flex;gap:6px;align-items:baseline;min-width:120px}
.views-meta-grid span{color:#7a8781;font-size:12px}
.views-meta-grid b{color:#3a4942;font-size:13px;font-weight:700}
.views-meta-grid .views-meta-pay{color:var(--views-green-dark)}

.views-card-action{width:178px;flex:0 0 178px;padding:15px 16px;background:#f7faf8;border-left:1px solid #e5ece8;display:flex;flex-direction:column;align-items:stretch;justify-content:center;text-align:center}
.views-reward{margin-bottom:2px;color:var(--views-green-dark);font-size:22px;line-height:1.2;font-weight:800}
.views-action-note{margin-bottom:11px;color:#7a8781;font-size:11px;line-height:1.4}
.views-start{display:block!important;width:100%!important;margin:0!important;padding:10px 12px!important;background:var(--views-green)!important;border:0!important;border-radius:8px!important;color:#fff!important;font-weight:750!important;text-align:center!important;box-shadow:0 6px 14px rgba(47,158,98,.16)}
.views-start:hover{background:var(--views-green-dark)!important;color:#fff!important}

.views-empty{display:flex;flex-direction:column;gap:3px;margin:0 0 28px;padding:20px;border:1px dashed #cfdad4;border-radius:10px;background:#f9fbfa;color:#6b7973}
.views-empty strong{color:#415048;font-size:14px}
.views-empty span{font-size:13px}

.views-history-wrap{overflow-x:auto;border:1px solid var(--views-line);border-radius:10px;background:#fff}
.views-history-table{width:100%!important;margin:0!important;border:0!important;border-collapse:collapse!important}
.views-history-table thead th{padding:11px 13px!important;background:#f5f8f6!important;border:0!important;border-bottom:1px solid var(--views-line)!important;color:#52615a!important;font-size:12px!important;font-weight:750!important;text-align:left!important}
.views-history-table tbody td{padding:12px 13px!important;border:0!important;border-bottom:1px solid #edf1ef!important;color:#46544e!important;vertical-align:middle!important}
.views-history-table tbody tr:last-child td{border-bottom:0!important}
.views-history-table td:first-child strong{display:block;color:#34433c;font-size:13px;font-weight:700}
.views-history-domain{display:block;margin-top:1px;color:#7b8982;font-size:11px}
.views-history-pay{color:var(--views-green-dark)}
.views-history-empty{padding:8px 0;color:#718079;text-align:center}

@media(max-width:760px){
  .views-summary{grid-template-columns:1fr}
  .views-summary-item{min-height:66px}
  .views-card{flex-direction:column}
  .views-card-action{width:100%;flex:0 0 auto;border-left:0;border-top:1px solid #e5ece8;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;text-align:left}
  .views-reward{grid-column:1;grid-row:1}
  .views-action-note{grid-column:1;grid-row:2;margin:0}
  .views-start{grid-column:2;grid-row:1 / span 2;min-width:118px}
}
@media(max-width:480px){
  .views-card-title-row{flex-direction:column}
  .views-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .views-meta-grid>div{min-width:0;display:block}
  .views-meta-grid span,.views-meta-grid b{display:block}
  .views-card-action{grid-template-columns:1fr}
  .views-reward,.views-action-note,.views-start{grid-column:1;grid-row:auto}
  .views-start{margin-top:7px!important}
  .views-history-table th:nth-child(3),.views-history-table td:nth-child(3){white-space:nowrap}
}

/* BonusDa Advertiser: stage 2 campaign cabinet */
.advertise-heading{margin-bottom:18px}
.advertise-heading h1{margin-bottom:7px!important}
.advertise-heading p{max-width:820px;margin:0;color:#64716b!important;line-height:1.5}

.advertise-tabs{display:flex;gap:0;margin:0 0 20px;border-bottom:1px solid #dce5e0}
.advertise-tab{appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;padding:11px 18px;color:#65736d;font-size:13px;font-weight:700;cursor:pointer}
.advertise-tab:hover{color:#2f6f4f;background:#f8faf9}
.advertise-tab.active{color:#26784b;border-bottom-color:#34a56a;background:#f6faf7}
.advertise-panel{display:none}
.advertise-panel.active{display:block}
.advertise-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}
.advertise-panel-head h2{margin:0 0 5px!important;font-size:21px!important}
.advertise-panel-head p{margin:0;color:#6d7a74!important;font-size:13px;line-height:1.5}
.advertise-subhead{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px;padding-bottom:8px;border-bottom:1px solid #e4ebe7}
.advertise-subhead h2{margin:0!important;font-size:19px!important}
.advertise-subhead>span{min-width:26px;padding:3px 8px;border:1px solid #d7e7dd;border-radius:999px;background:#f0f8f3;color:#347b51;font-size:11px;font-weight:700;text-align:center}
.advertise-empty{display:flex;flex-direction:column;gap:4px;padding:20px;border:1px dashed #cfdad4;border-radius:10px;background:#f9fbfa;color:#6d7a74;font-size:13px}
.advertise-empty strong{color:#405048;font-size:14px}

.advertise-view-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 26px}
.advertise-view-summary>div{min-height:76px;padding:13px 15px;border:1px solid #d9e7df;border-radius:10px;background:linear-gradient(180deg,#fbfdfc 0%,#f5faf7 100%);display:flex;flex-direction:column;justify-content:center}
.advertise-view-summary span{display:block;margin-bottom:4px;color:#74817b;font-size:11px;line-height:1.35}
.advertise-view-summary strong{color:#293831;font-size:19px;line-height:1.2}
.advertise-view-summary>div:nth-child(2) strong{color:#27804f}

.view-owner-list{display:grid;gap:11px}
.view-owner-card{display:flex;align-items:stretch;border:1px solid #dce5e0;border-left:4px solid #77bf92;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 3px 12px rgba(31,55,44,.035)}
.view-owner-main{flex:1;min-width:0;padding:15px 17px}
.view-owner-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.view-owner-title{min-width:0}
.view-owner-title strong{display:block;margin-bottom:2px;color:#26362f;font-size:16px;line-height:1.3;font-weight:750}
.view-owner-title>span{display:block;color:#7a8781;font-size:11px;word-break:break-word}
.view-owner-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}
.view-owner-badge{padding:3px 7px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}
.view-owner-badge.timer{border:1px solid #d3e6f3;background:#eff7fc;color:#347ba9}
.view-owner-badge.test{border:1px solid #eadfb6;background:#fff9e9;color:#8d6c12}
.view-owner-description{max-width:760px;margin-top:8px;color:#596860;font-size:12px;line-height:1.45}

.view-owner-progress-row{display:flex;align-items:center;gap:10px;margin-top:13px}
.view-owner-progress{height:6px;flex:1;overflow:hidden;border-radius:999px;background:#edf2ef}
.view-owner-progress span{display:block;height:100%;border-radius:999px;background:#45ae71}
.view-owner-progress-row>b{min-width:48px;color:#5d6b64;font-size:11px;text-align:right}
.view-owner-metrics{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:8px 14px;margin-top:12px;padding-top:11px;border-top:1px solid #edf1ef}
.view-owner-metrics span{display:block;margin-bottom:2px;color:#7b8882;font-size:10px}
.view-owner-metrics b{display:block;color:#425149;font-size:12px;font-weight:700}

.view-owner-side{width:155px;flex:0 0 155px;padding:14px;background:#f7faf8;border-left:1px solid #e5ece8;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;text-align:center}
.view-owner-status{display:block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:750}
.view-owner-status.active{background:#e8f7ee;border:1px solid #cce9d7;color:#26794a}
.view-owner-status.paused{background:#fff5e6;border:1px solid #f1debd;color:#95661d}
.view-owner-status.completed{background:#f0f2f1;border:1px solid #dde2df;color:#707b76}
.view-owner-action{margin:0!important}
.view-owner-toggle{width:100%;border:0;border-radius:7px;padding:9px 10px;font-size:12px;font-weight:750;cursor:pointer}
.view-owner-toggle.pause{background:#fff2df;color:#8d5d17;border:1px solid #ecd6b2}
.view-owner-toggle.pause:hover{background:#ffe9c9}
.view-owner-toggle.start{background:#2fa064;color:#fff;box-shadow:0 5px 12px rgba(47,160,100,.13)}
.view-owner-toggle.start:hover{background:#267f50}
.view-owner-done{color:#7a8680;font-size:11px;line-height:1.4}

@media(max-width:820px){
  .advertise-view-summary{grid-template-columns:1fr 1fr}
  .view-owner-metrics{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .advertise-tabs{overflow-x:auto}
  .advertise-tab{flex:1;min-width:max-content;padding-left:13px;padding-right:13px}
  .view-owner-card{flex-direction:column}
  .view-owner-side{width:100%;flex:0 0 auto;border-left:0;border-top:1px solid #e5ece8;display:grid;grid-template-columns:1fr 1fr;align-items:center}
  .view-owner-title-row{flex-direction:column}
  .view-owner-badges{justify-content:flex-start}
}
@media(max-width:440px){
  .advertise-view-summary{grid-template-columns:1fr}
  .view-owner-metrics{grid-template-columns:1fr 1fr}
  .view-owner-side{grid-template-columns:1fr}
}

/* Stage 2 layout fix: isolate advertiser cabinet from legacy float/form rules */
.advertise-page{
  display:flow-root;
  width:100%;
  max-width:100%;
  min-width:0;
  clear:both;
  position:relative;
}
.advertise-page:after{content:"";display:block;clear:both}

.advertise-page form{
  margin:0;
  padding:0;
  background:transparent;
}
.advertise-page .promo-ad-form,
.advertise-page .promo-buy-form{
  display:grid;
}
.advertise-page .view-owner-action{
  display:block;
}

.advertise-page .promo-ad-card,
.advertise-page .promo-site-card,
.advertise-page .advertise-panel,
.advertise-page .view-owner-list,
.advertise-page .view-owner-card{
  float:none;
  clear:both;
  width:100%;
  max-width:100%;
  position:relative;
}

.advertise-tabs{
  display:flex;
  align-items:stretch;
  gap:0;
  width:100%;
  margin:0 0 20px;
  border-bottom:1px solid #dce5e0;
  overflow:visible;
}
.advertise-tabs .advertise-tab{
  display:block;
  flex:0 0 auto;
  min-width:0;
  margin:0;
  padding:11px 18px;
  border:0;
  border-bottom:3px solid transparent;
  background:transparent;
  box-shadow:none;
  color:#65736d;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
  text-align:center;
  cursor:pointer;
}
.advertise-tabs .advertise-tab:hover{
  color:#2f6f4f;
  background:#f8faf9;
}
.advertise-tabs .advertise-tab.active{
  color:#26784b;
  border-bottom-color:#34a56a;
  background:#f6faf7;
}
.advertise-panel{display:block!important}

@media(max-width:650px){
  .advertise-tabs{overflow-x:auto}
  .advertise-tabs .advertise-tab{min-width:max-content}
}

/* Stage 3: unified rounded advertiser fields */
.advertise-page input.input,
.advertise-page select.input,
.advertise-page textarea.input{
  display:block;
  width:100%;
  max-width:100%;
  min-height:44px;
  box-sizing:border-box;
  margin:0;
  padding:10px 12px!important;
  border:1px solid #cdd9d2!important;
  border-radius:9px!important;
  outline:none;
  background:#fff!important;
  box-shadow:0 1px 1px rgba(25,50,38,.02)!important;
  color:#34433c!important;
  font:inherit;
  line-height:1.35;
  transition:border-color .15s,box-shadow .15s;
}
.advertise-page input.input:focus,
.advertise-page select.input:focus,
.advertise-page textarea.input:focus{
  border-color:#58af7b!important;
  box-shadow:0 0 0 3px rgba(47,158,98,.10)!important;
}
.advertise-page input.input::placeholder,
.advertise-page textarea.input::placeholder{color:#8b9691}
.advertise-page select.input{cursor:pointer}
.advertise-page .promo-ad-form .input,
.advertise-page .promo-buy-form .input{max-width:100%}

/* Stage 3: create view campaign */
.view-create-card{
  margin:0 0 28px;
  padding:0;
  border:1px solid #dce6e1;
  border-radius:11px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 3px 12px rgba(31,55,44,.035);
}
.view-create-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:17px 18px;
  border-bottom:1px solid #e8eeeb;
  background:#f9fbfa;
}
.view-create-head h2{margin:0 0 4px!important;font-size:19px!important}
.view-create-head p{margin:0;color:#6f7c76!important;font-size:12px;line-height:1.45}
.view-create-step{
  flex:0 0 auto;
  padding:4px 8px;
  border:1px solid #d6e8dc;
  border-radius:999px;
  background:#edf8f1;
  color:#2e8050;
  font-size:10px;
  font-weight:750;
}
.view-create-form{display:block!important;padding:18px!important}
.view-create-block{margin-bottom:18px}
.view-create-block h3{
  margin:0 0 11px!important;
  padding-bottom:7px;
  border-bottom:1px solid #edf1ef;
  color:#3b4a43;
  font-size:14px!important;
  font-weight:750!important;
}
.view-create-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.view-create-grid.one{grid-template-columns:1fr}
.view-create-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.view-create-grid label{
  display:block;
  min-width:0;
  color:#4d5c55;
  font-size:12px;
  font-weight:700;
}
.view-create-grid label>span{
  display:block;
  margin-bottom:6px;
}
.view-create-grid label em{
  color:#89938e;
  font-size:10px;
  font-style:normal;
  font-weight:500;
}
.view-money-field{position:relative}
.view-money-field .input{padding-right:36px!important}
.view-money-field>b{
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  color:#78847e;
  font-size:13px;
  pointer-events:none;
}

.view-create-total{
  display:grid;
  grid-template-columns:1fr 1fr 1.4fr;
  gap:9px;
  margin-top:3px;
  padding:12px;
  border:1px solid #dce9e1;
  border-radius:9px;
  background:#f6faf7;
}
.view-create-total>div{
  min-width:0;
  padding:2px 7px;
}
.view-create-total span{
  display:block;
  margin-bottom:3px;
  color:#78847e;
  font-size:10px;
}
.view-create-total strong{
  display:block;
  color:#34443c;
  font-size:15px;
}
.view-create-total-main{
  border-left:1px solid #dce9e1;
  padding-left:16px!important;
}
.view-create-total-main strong{
  color:#267c4d;
  font-size:18px;
}
.view-create-note{
  margin:10px 0 14px;
  color:#7a8781;
  font-size:11px;
  line-height:1.45;
}
.view-create-submit{
  width:auto!important;
  min-width:210px;
  margin:0!important;
  padding:11px 18px!important;
  border-radius:8px!important;
}
.view-create-no-sites{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:18px;
  padding:15px;
  border:1px dashed #d0dcd5;
  border-radius:9px;
  background:#fafcfb;
  color:#6e7b75;
  font-size:12px;
}
.view-create-no-sites strong{color:#415149;font-size:13px}

/* Draft campaign state */
.view-owner-status.draft{
  background:#eef3f8;
  border:1px solid #d8e2eb;
  color:#5e7080;
}
.view-owner-draft-note{
  padding:8px 9px;
  border-radius:7px;
  background:#f3f6f8;
  color:#6e7d88;
  font-size:11px;
  line-height:1.35;
}

@media(max-width:760px){
  .view-create-grid,
  .view-create-grid.three{grid-template-columns:1fr}
  .view-create-total{grid-template-columns:1fr 1fr}
  .view-create-total-main{
    grid-column:1 / -1;
    border-left:0;
    border-top:1px solid #dce9e1;
    padding:9px 7px 2px!important;
  }
}
@media(max-width:460px){
  .view-create-head{flex-direction:column}
  .view-create-total{grid-template-columns:1fr}
  .view-create-total-main{grid-column:auto}
  .view-create-submit{width:100%!important}
}

/* Fix advertiser tabs against legacy link/float rules */
.advertise-page .advertise-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
.advertise-page .advertise-tabs .advertise-tab{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  float:none!important;
  clear:none!important;
  position:static!important;
  overflow:visible!important;
  white-space:normal!important;
  text-indent:0!important;
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid #dce5e0!important;
  border-bottom:3px solid transparent!important;
  border-radius:8px 8px 0 0!important;
  background:#fafcfb!important;
  color:#65736d!important;
  line-height:1.3!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.advertise-page .advertise-tabs .advertise-tab:hover{
  background:#f4f8f5!important;
  color:#2f6f4f!important;
}
.advertise-page .advertise-tabs .advertise-tab.active{
  background:#f0f8f3!important;
  color:#26784b!important;
  border-color:#d5e7dc!important;
  border-bottom-color:#34a56a!important;
}
@media(max-width:480px){
  .advertise-page .advertise-tabs{
    grid-template-columns:1fr!important;
  }
  .advertise-page .advertise-tabs .advertise-tab{
    border-radius:8px!important;
    border-bottom-width:1px!important;
  }
  .advertise-page .advertise-tabs .advertise-tab.active{
    border-left:3px solid #34a56a!important;
  }
}

/* Stage 3.1: direct URL + delete campaign */
.view-site-choice{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:10px;
  align-items:end;
}
.view-site-choice label{
  display:block;
  min-width:0;
  color:#4d5c55;
  font-size:12px;
  font-weight:700;
}
.view-site-choice label>span{
  display:block;
  margin-bottom:6px;
}
.view-site-choice-or{
  align-self:center;
  padding:0 2px 3px;
  color:#8a9690;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.view-create-site-note{
  margin:8px 0 14px;
  color:#7a8781;
  font-size:11px;
  line-height:1.45;
}
.view-owner-delete-form{
  margin-top:0!important;
}
.view-owner-delete{
  width:100%;
  padding:8px 10px;
  border:1px solid #edcaca;
  border-radius:7px;
  background:#fff5f5;
  color:#ad3d3d;
  font-size:11px;
  font-weight:750;
  cursor:pointer;
}
.view-owner-delete:hover{
  background:#ffe9e9;
  border-color:#e5b1b1;
}
@media(max-width:720px){
  .view-site-choice{grid-template-columns:1fr}
  .view-site-choice-or{text-align:center;padding:0}
}



/* Stage 4: tariff-driven view order */
.view-create-grid.two{grid-template-columns:1fr 1fr}
.view-create-total.four{grid-template-columns:.8fr 1fr 1fr 1.25fr}
.view-owner-metrics{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}
@media(max-width:760px){
  .view-create-grid.two{grid-template-columns:1fr}
  .view-create-total.four{grid-template-columns:1fr 1fr}
  .view-create-total.four .view-create-total-main{grid-column:1 / -1}
}
@media(max-width:460px){
  .view-create-total.four{grid-template-columns:1fr}
  .view-create-total.four .view-create-total-main{grid-column:auto}
}


/* Stage 4B: advertising money */
.view-ad-balance{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 18px;
  padding:13px 16px;
  border:1px solid #cfe5d8;
  border-radius:10px;
  background:#f2faf5;
}
.view-ad-balance span{display:block;margin-bottom:2px;color:#718079;font-size:11px}
.view-ad-balance strong{display:block;color:#227747;font-size:22px;line-height:1.2}
.view-ad-balance p{max-width:520px;margin:0!important;color:#6f7d76!important;font-size:11px!important;line-height:1.45}
.view-owner-payment-note{margin-top:4px;color:#7a8781;font-size:10px;text-align:center}
.view-owner-status.pending_review{background:#eef6fc;border:1px solid #d5e7f4;color:#3d759c}
.view-ledger-head{margin-top:28px}
.view-ledger-table td{white-space:nowrap}
.view-ledger-table td:first-child{white-space:normal}
.view-ledger-plus{color:#25794b!important;font-weight:700}
.view-ledger-minus{color:#9a5c2a!important;font-weight:700}
@media(max-width:650px){
  .view-ad-balance{align-items:flex-start;flex-direction:column}
}


/* Owner ad preview */
.views-owner-preview-head{margin-top:30px}
.views-owner-preview-note{
  margin:-3px 0 12px;
  padding:10px 12px;
  border:1px solid #eadfb8;
  border-radius:8px;
  background:#fffaf0;
  color:#786a3e;
  font-size:11px;
  line-height:1.45;
}
.views-owner-card{border-left-color:#d4ad52}
.views-owner-status{background:#fff6dc!important;border-color:#eadcae!important;color:#8c6a17!important}
.views-owner-preview-title{margin-bottom:2px;color:#8c6a17;font-size:17px;line-height:1.2;font-weight:800}
.view-owner-preview-btn{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:8px 9px;
  border:1px solid #cfdad4;
  border-radius:7px;
  background:#fff;
  color:#476057;
  font-size:11px;
  font-weight:750;
  text-align:center;
  text-decoration:none;
}
.view-owner-preview-btn:hover{background:#f4f8f5;color:#26784b}


/* BonusDa draw sponsorship */
.sponsor-panel .advertise-panel-head p{max-width:760px}
.sponsor-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.sponsor-summary-card{padding:16px 18px;border:1px solid #dce5e0;border-radius:10px;background:#f8fbf9}
.sponsor-summary-card span{display:block;margin-bottom:5px;color:#6f7d76;font-size:12px}
.sponsor-summary-card strong{display:block;color:#227747;font-size:22px;line-height:1.2}
.sponsor-summary-card small{display:block;margin-top:3px;color:#7b8781;font-size:11px}
.sponsor-buy-card{margin:0 0 22px;padding:20px;border:1px solid #dce5e0;border-radius:10px;background:#fff}
.sponsor-buy-head h3{margin:0 0 5px;color:#20312a;font-size:18px}
.sponsor-buy-head p{margin:0 0 18px!important;color:#68766f!important;font-size:13px!important;line-height:1.5}
.sponsor-book-form{max-width:720px!important;margin:0!important;float:none!important;position:static!important}
.sponsor-book-form label>span{display:block;margin-bottom:6px;font-weight:600;color:#31433a}
.sponsor-period-label{margin:17px 0 8px;font-weight:600;color:#31433a}
.sponsor-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sponsor-period-option{display:block;cursor:pointer}
.sponsor-period-option input{position:absolute;opacity:0;pointer-events:none}
.sponsor-period-box{display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:11px 13px;border:1px solid #d5dfda;border-radius:9px;background:#fff;transition:.15s ease}
.sponsor-period-box b{font-size:14px;color:#273a31}
.sponsor-period-box em{font-style:normal;font-weight:700;color:#227747}
.sponsor-period-option input:checked + .sponsor-period-box{border-color:#4d9c61;background:#f0f8f2;box-shadow:0 0 0 1px #4d9c61 inset}
.sponsor-form-note{margin:14px 0;color:#718079;font-size:12px;line-height:1.5}
.sponsor-submit{margin-top:2px}
.sponsor-history-head{margin-top:6px}
.sponsor-order-list{display:grid;gap:10px}
.sponsor-order-card{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(220px,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid #dce5e0;border-radius:9px;background:#fff}
.sponsor-order-card strong{display:block;color:#263a31;font-size:14px}
.sponsor-order-card span{display:block;margin-top:2px;color:#78847e;font-size:11px}
.sponsor-order-time{color:#405249;font-size:12px}
.sponsor-order-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap}
.sponsor-order-meta b{color:#263a31;font-size:12px}
.sponsor-status{margin:0!important;padding:4px 7px;border-radius:999px;background:#eef6f0;color:#287748!important;font-size:10px!important;text-transform:uppercase}
@media(max-width:767px){
  .sponsor-summary-grid{grid-template-columns:1fr}
  .sponsor-periods{grid-template-columns:1fr}
  .sponsor-order-card{grid-template-columns:1fr;gap:7px}
  .sponsor-order-meta{justify-content:flex-start;flex-wrap:wrap}
}