/* V626 — full promotion artwork + dependable CTA/details/reopen behavior. */
.v623-offer-img{height:auto!important;min-height:0!important;background:#f4f8fc!important;position:relative;overflow:hidden;display:block}
.v623-offer-img>img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center;background:#f4f8fc}
.v626-no-image{aspect-ratio:1/1;display:grid;place-items:center;background:linear-gradient(135deg,#edf5fb,#f9fbfd);color:#6d8295;font-weight:900}
.v623-offer-card{overflow:hidden}
.v623-offer-btn{position:relative;z-index:2;pointer-events:auto!important;touch-action:manipulation;min-height:42px}
.v626-view-again{border:1px solid #d9e8f5;background:#fff;color:#176fc4;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 5px 16px rgba(25,118,210,.07)}
.v626-view-again:hover{background:#f2f8fe}

/* Important offer popup: full artwork is never cropped. */
.v623-popup{overflow:auto;padding:18px}
.v623-popup-box{width:min(620px,100%);max-height:94vh;overflow:auto}
.v623-popup-img{height:auto!important;min-height:0!important;background:#f4f8fc!important;display:block}
.v623-popup-img>img{display:block;width:100%;height:auto!important;max-height:58vh;object-fit:contain!important;object-position:center;background:#f4f8fc}
.v626-popup-type{display:inline-flex;align-items:center;background:#eaf4ff;color:#176fc4;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;margin-bottom:7px}
.v623-popup-actions button{min-height:44px;pointer-events:auto!important;touch-action:manipulation}

/* Detail modal: makes View Details useful even when admin did not set a URL. */
.v626-detail-modal{position:fixed;inset:0;z-index:100000;background:rgba(7,24,42,.68);display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}
.v626-detail-box{position:relative;width:min(680px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.32)}
.v626-detail-close{position:absolute;z-index:4;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.94);color:#163653;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.12)}
.v626-detail-image{background:#f5f8fb;border-bottom:1px solid #e8eff5;display:block}
.v626-detail-image>img{display:block;width:100%;height:auto;max-height:62vh;object-fit:contain;object-position:center;background:#f5f8fb}
.v626-detail-image.empty{min-height:220px;display:grid;place-items:center;color:#6f8294;font-weight:900}
.v626-detail-body{padding:20px}
.v626-detail-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.v626-detail-meta span,.v626-detail-meta b{font-size:10px;font-weight:900;border-radius:999px;padding:5px 9px}.v626-detail-meta span{background:#eaf4ff;color:#176fc4}.v626-detail-meta b{background:#fff1f6;color:#d92e69}
.v626-detail-body h2{margin:0;color:#143754;font-size:25px;line-height:1.2}.v626-detail-short{margin:8px 0 0;color:#526f87;font-size:14px;line-height:1.55}.v626-detail-text{margin-top:14px;padding-top:14px;border-top:1px solid #e8eff5;color:#405d75;font-size:14px;line-height:1.65;white-space:pre-line}
.v626-detail-actions{display:flex;gap:10px;margin-top:18px}.v626-detail-actions button{flex:1;min-height:44px;border:0;border-radius:11px;font-weight:900;cursor:pointer}.v626-detail-primary{background:#1976d2;color:#fff}.v626-detail-secondary{background:#eef4f8;color:#48647d}

/* Public website top artwork: show the complete uploaded creative instead of clipping it. */
.v626-public-banner{min-height:0!important;background:none!important;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:stretch;background:#102b46!important}
.v626-public-banner>img{display:block;width:100%;height:100%;max-height:520px;object-fit:contain;background:#f4f8fc}
.v626-public-banner:after{display:none!important}.v626-public-banner .v623-public-copy{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;max-width:none!important;padding:28px;display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(135deg,#0e2c49,#17466f)}

@media(max-width:850px){.v626-public-banner{grid-template-columns:1fr}.v626-public-banner>img{height:auto;max-height:none}.v626-view-again{padding:7px 10px}}
@media(max-width:580px){.v623-offer-head{align-items:flex-start;flex-direction:column}.v626-view-again{align-self:flex-start}.v626-detail-body{padding:16px}.v626-detail-body h2{font-size:21px}.v626-detail-actions{flex-direction:column}.v623-popup-actions{flex-direction:column}}

/* V627 — likes, subscriptions and feedback UI */
.v627-card-actions{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.v627-social-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.v627-social-stats span{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;background:#f3f7fb;color:#35536d;font-size:12px;font-weight:800}
.v627-engage-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.v627-engage-row.compact{margin-top:0}
.v627-engage-btn{border:1px solid #d7e6f3;background:#fff;color:#214666;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 3px 10px rgba(18,67,103,.05);transition:.16s ease}
.v627-engage-btn:hover{transform:translateY(-1px);background:#f8fbfe}
.v627-engage-btn.active.like{background:#fff1f5;border-color:#ffc7d8;color:#d8316b}
.v627-engage-btn.active.subscribe{background:#eef7ff;border-color:#b7d8fb;color:#0e68c3}
.v627-popup-box .v627-engage-row{margin-top:14px}
.v627-detail-engagement{margin-top:16px;padding-top:16px;border-top:1px solid #e8eff5}
.v627-feedback-box{margin-top:14px;background:linear-gradient(180deg,#fbfdff,#f6faff);border:1px solid #ddebf7;border-radius:16px;padding:14px}
.v627-feedback-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.v627-feedback-head b{font-size:15px;color:#12385b}
.v627-feedback-head small{color:#6b8399;font-size:12px;font-weight:700}
.v627-stars{display:flex;gap:6px;margin-top:10px}
.v627-stars button{border:0;background:#fff;border-radius:10px;width:42px;height:42px;font-size:24px;cursor:pointer;color:#aab7c6;box-shadow:0 4px 12px rgba(24,60,93,.05)}
.v627-stars button.active{color:#ffb000;background:#fff9e9}
.v627-feedback-box textarea{width:100%;margin-top:12px;border:1px solid #d4e4f2;border-radius:12px;padding:12px 13px;min-height:108px;resize:vertical;color:#153655;background:#fff}
.v627-feedback-box textarea:focus{outline:none;border-color:#75b4ef;box-shadow:0 0 0 3px rgba(20,120,215,.09)}
.v627-feedback-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.v627-feedback-save,.v627-feedback-clear{min-height:40px;border:0;border-radius:10px;padding:0 14px;font-weight:900;cursor:pointer}
.v627-feedback-save{background:#1976d2;color:#fff}
.v627-feedback-clear{background:#eef4f8;color:#4b667d}
.v627-feedback-msg{font-size:12px;color:#55718a;font-weight:800}

@media(max-width:580px){
  .v627-social-stats{gap:6px}
  .v627-social-stats span{font-size:11px;padding:5px 8px}
  .v627-engage-row{flex-direction:column}
  .v627-engage-btn{width:100%;justify-content:center}
  .v627-stars button{width:38px;height:38px}
  .v627-feedback-actions{flex-direction:column;align-items:stretch}
  .v627-feedback-save,.v627-feedback-clear{width:100%}
}


/* V628 — professional promotion preview modal polish */
.v628-detail-modal{backdrop-filter:blur(5px)}
.v628-detail-box{width:min(760px,100%);background:linear-gradient(180deg,#f9fbfe 0%,#ffffff 32%);border:1px solid #dfeaf5;padding:16px 16px 14px;border-radius:28px;box-shadow:0 30px 90px rgba(7,24,42,.34)}
.v628-detail-stage{margin-top:6px;padding:12px;background:linear-gradient(180deg,#f7fbff,#eef5fb);border:1px solid #e0ebf6;border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.v626-detail-close{top:16px;right:16px;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 12px 26px rgba(16,45,77,.14)}
.v626-detail-image{border:0;background:transparent;display:flex;align-items:center;justify-content:center;border-radius:18px;overflow:hidden}
.v626-detail-image>img{width:auto;max-width:100%;max-height:68vh;margin:0 auto;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(17,52,86,.16)}
.v626-detail-image.empty{min-height:280px;border:1px dashed #cbdceb;border-radius:18px;background:rgba(255,255,255,.6)}
.v626-detail-body{padding:18px 8px 6px}
.v626-detail-meta{margin-bottom:10px}
.v626-detail-body h2{font-size:28px;letter-spacing:-.02em}
.v626-detail-short{font-size:15px;line-height:1.65}
.v626-detail-text{margin-top:16px;padding-top:16px}
.v628-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.v628-section-head b{font-size:15px;color:#12385b}
.v628-section-head small{font-size:12px;color:#6d859c;font-weight:700}
.v627-detail-engagement{margin-top:18px;padding-top:18px;border-top:1px solid #e2edf7}
.v627-social-stats{gap:10px;margin-top:0}
.v627-social-stats span{padding:8px 12px;border:1px solid #e1ebf4;background:#f7fbff;color:#264864;box-shadow:0 4px 12px rgba(18,67,103,.04)}
.v627-engage-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.v627-engage-row.compact{display:flex;grid-template-columns:none;gap:8px;flex-wrap:wrap}
.v627-engage-row.compact .v627-engage-btn{width:auto;flex:1 1 0}
.v627-engage-btn{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border-radius:14px}
.v627-feedback-box{margin-top:16px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#fcfdff,#f5f9fe);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.v627-stars{gap:8px}
.v627-stars button{width:44px;height:44px;border:1px solid #e1ebf4}
.v627-feedback-box textarea{min-height:120px}
.v627-feedback-actions{margin-top:14px}
.v627-feedback-save,.v627-feedback-clear{min-height:42px;border-radius:12px}
.v626-detail-actions{margin-top:20px;gap:12px}
.v626-detail-actions button{min-height:46px;border-radius:14px}
.v623-popup{padding:20px}
.v623-popup-box.v627-popup-box{width:min(700px,100%);background:linear-gradient(180deg,#f9fbfe,#fff);border:1px solid #dce8f4;border-radius:28px;padding:14px;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.v623-popup-box.v627-popup-box .v623-popup-img{border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#f6faff,#edf4fa)}
.v623-popup-box.v627-popup-box .v623-popup-img>img{border-radius:16px;background:#fff;box-shadow:0 16px 36px rgba(17,52,86,.14)}
.v623-popup-box.v627-popup-box .v623-popup-body{padding:16px 8px 6px}
.v623-popup-box.v627-popup-box .v623-popup-body h2{font-size:28px;line-height:1.15;margin-bottom:8px}
.v623-popup-box.v627-popup-box .v623-popup-body p{font-size:14px;line-height:1.6;margin-top:4px}
.v623-popup-box.v627-popup-box .v623-popup-actions{margin-top:14px}
.v623-popup-box.v627-popup-box .v623-popup-actions button{min-height:48px;border-radius:14px}
@media(max-width:720px){
  .v628-detail-box{padding:12px;width:min(640px,100%)}
  .v628-detail-stage{padding:10px}
  .v626-detail-body h2,.v623-popup-box.v627-popup-box .v623-popup-body h2{font-size:24px}
  .v627-engage-row{grid-template-columns:1fr}
  .v627-engage-row.compact{display:grid;grid-template-columns:1fr}
  .v627-engage-row.compact .v627-engage-btn{width:100%}
}
@media(max-width:580px){
  .v626-detail-modal,.v623-popup{padding:10px}
  .v628-detail-box,.v623-popup-box.v627-popup-box{border-radius:22px;padding:10px}
  .v628-detail-stage{border-radius:18px;padding:8px;margin-top:4px}
  .v626-detail-close{top:12px;right:12px}
  .v626-detail-body{padding:14px 4px 4px}
  .v626-detail-body h2,.v623-popup-box.v627-popup-box .v623-popup-body h2{font-size:21px}
  .v627-social-stats{gap:8px}
  .v627-social-stats span{width:auto}
}

/* V630 — Social share row for Party Portal + Public Website promotion details */
.v630-share-box{margin-top:18px;padding:15px;border:1px solid #ddeaf5;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f5faff);box-shadow:inset 0 1px 0 rgba(255,255,255,.86)}
.v630-share-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.v630-share-head b{display:block;color:#12385b;font-size:15px}
.v630-share-head small{display:block;margin-top:3px;color:#7890a8;font-size:11px;font-weight:700}
.v630-share-count{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#fff;border:1px solid #dbe8f4;color:#5d7790;font-size:10px;font-weight:900}
.v630-share-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}
.v630-share-btn{min-height:46px;border:1px solid #d7e5f2;border-radius:13px;background:#fff;color:#244765;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:12px;cursor:pointer;box-shadow:0 6px 14px rgba(17,47,87,.05);transition:.17s ease}
.v630-share-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.v630-share-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(17,47,87,.10)}
.v630-share-btn.whatsapp{color:#17864b;background:#f7fff9;border-color:#ccebd8}
.v630-share-btn.instagram{color:#b83f7b;background:#fff8fc;border-color:#efd3e2}
.v630-share-btn.facebook{color:#2b67bd;background:#f7faff;border-color:#d2e1f7}
.v630-share-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.v630-share-tools button{min-height:36px;border:1px solid #d8e6f2;border-radius:10px;background:#fff;color:#31536f;padding:7px 11px;font-size:11px;font-weight:850;cursor:pointer}
.v630-share-tools button:hover{background:#f8fbfe}
.v630-share-toast{position:fixed;left:50%;bottom:26px;z-index:100500;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#123a5e;color:#fff;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:800;box-shadow:0 14px 34px rgba(7,24,42,.25);transition:.18s ease}
.v630-share-toast.show{opacity:1;transform:translate(-50%,0)}
.v627-popup-box .v630-share-box{margin-top:14px}
@media(max-width:620px){
  .v630-share-row{grid-template-columns:1fr}
  .v630-share-btn{width:100%}
  .v630-share-tools{display:grid;grid-template-columns:1fr 1fr}
  .v630-share-tools button{width:100%}
}
.v630-card-share{min-height:38px;border:1px solid #d9e7f3;border-radius:10px;background:#f8fbfe;color:#31536f;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:850;cursor:pointer}
.v630-card-share span:last-child{font-size:9px;color:#8195a8;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.v630-card-share:hover{background:#eef7ff;border-color:#c5def4}