.sf-cpp-box{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#0b1220;background:linear-gradient(180deg,#0b1220,#0f172a);color:#e5e7eb;box-shadow:0 8px 24px rgba(2,6,23,.4)}
.sf-cpp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.sf-cpp-title{font-weight:600;font-size:16px}
.sf-cpp-badge{font-size:12px;background:#10b981;color:#001b10;padding:4px 8px;border-radius:999px}
.sf-cpp-desc{opacity:.9;margin:.5em 0 1em}
.sf-cpp-warning{color:#f87171}
.sf-cpp-selector label{display:block;margin-bottom:6px;font-weight:600}
.sf-cpp-selector select{width:100%;padding:10px;border-radius:10px;border:1px solid #334155;background:#0b1220;color:#e2e8f0}
.sf-cpp-preview{margin-top:12px;border-top:1px dashed #334155;padding-top:12px}
.sf-cpp-coinline{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.sf-cpp-icon{width:20px;height:20px;border-radius:4px;display:none}
.sf-cpp-qr-wrap{display:flex;align-items:center;gap:12px;margin:12px 0}
.sf-cpp-qr{width:128px;height:128px;object-fit:contain;background:#fff;border-radius:8px;padding:6px;display:none}
.sf-cpp-openqr{font-size:12px;text-decoration:none;border:1px solid #334155;border-radius:8px;padding:6px 10px}
.sf-cpp-addr-wrap{display:flex;gap:8px;align-items:center}
.sf-cpp-address{background:#020617;color:#e2e8f0;border:1px dashed #334155;padding:8px;border-radius:8px;word-break:break-all}
.sf-cpp-copy.button{background:#1e293b;border-color:#0ea5e9}
.sf-cpp-copy.button:hover{background:#0ea5e9;color:#00111a}

/* Polished UI extras */
.sf-cpp-box{backdrop-filter:saturate(1.2) blur(6px);border:1px solid rgba(148,163,184,.2)}
.sf-cpp-head .sf-cpp-title{font-size:17px;letter-spacing:.2px}
.sf-cpp-head .sf-cpp-badge{box-shadow:0 2px 10px rgba(16,185,129,.25)}
.sf-cpp-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sf-cpp-coinbtn{display:flex;align-items:center;gap:8px;border:1px solid #334155;background:#0b1220;border-radius:999px;padding:6px 10px;cursor:pointer;transition:transform .06s ease, box-shadow .2s ease}
.sf-cpp-coinbtn img{width:16px;height:16px;border-radius:50%}
.sf-cpp-coinbtn span{font-size:12px;color:#e2e8f0}
.sf-cpp-coinbtn em{opacity:.7;font-style:normal}
.sf-cpp-coinbtn:hover{transform:translateY(-1px);box-shadow:0 5px 20px rgba(14,165,233,.15)}
.sf-cpp-coinbtn.is-active{border-color:#0ea5e9;box-shadow:0 0 0 2px rgba(14,165,233,.35) inset}
.sf-cpp-selector select:focus{outline:none;box-shadow:0 0 0 3px rgba(14,165,233,.35)}

/* Thank You page */
.sf-cpp-ty{margin:20px 0}
.sf-cpp-ty-card{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#0b1220;background:linear-gradient(180deg,#0b1220,#0f172a);color:#e5e7eb;box-shadow:0 8px 24px rgba(2,6,23,.4)}
.sf-cpp-ty h3{margin:0 0 6px}
.sf-cpp-ty-sub{opacity:.9;margin:0 0 12px}
.sf-cpp-ty-qr{display:flex;align-items:center;gap:12px;margin:12px 0}
.sf-cpp-ty-qr img{width:144px;height:144px;object-fit:contain;background:#fff;border-radius:8px;padding:6px}
.sf-cpp-ty-addr{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.sf-cpp-ty-addr code{background:#020617;color:#e2e8f0;border:1px dashed #334155;padding:8px;border-radius:8px;word-break:break-all}
.sf-cpp-ty-note{opacity:.9}
.sf-cpp-ty-form{margin-top:10px}
.sf-cpp-proof-ok{margin-top:10px;color:#10b981}
#sf-cpp-upload-msg{font-size:12px;opacity:.9}

/* Admin */
.sf-cpp-admin .sf-cpp-table textarea{font-family:monospace}
.sf-cpp-admin .link-delete{color:#ef4444;border-color:#fecaca}
.sf-cpp-admin .link-delete:hover{background:#ef4444;color:#fff}
.sf-cpp-admin-box{border:1px solid #ccd6dd;padding:12px;border-radius:8px;background:#f8fafc;margin-top:12px}



/* === Custom Visibility Fixes === */

/* Make labels more visible */
.sf-cpp-selector label {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
}

/* Dropdown text and background contrast */
.sf-cpp-selector select {
    background: #1e293b !important;
    color: #ffffff !important;
    border: 1px solid #0ea5e9 !important;
}

/* Coin Buttons */
.sf-cpp-coinbtn {
    background: #1e293b !important;
    border: 1px solid #0ea5e9 !important;
}
.sf-cpp-coinbtn span {
    color: #ffffff !important;
}
.sf-cpp-coinbtn.is-active {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 2px rgba(16,185,129,.5) inset !important;
}

/* Address box clearer */
.sf-cpp-address {
    background: #111827 !important;
    color: #10b981 !important;
    font-weight: bold !important;
}

/* Copy button brighter */
.sf-cpp-copy.button {
    background: #0ea5e9 !important;
    color: #ffffff !important;
    border-color: #0284c7 !important;
}
.sf-cpp-copy.button:hover {
    background: #38bdf8 !important;
    color: #000000 !important;
}


/* Disabled placeholder option in select */
.sf-cpp-selector select option[disabled] {
    color: #94a3b8 !important;
}

/* Generic text contrasts */
.sf-cpp-title, .sf-cpp-desc, .sf-cpp-warning, .sf-cpp-coinname, .sf-cpp-badge {
    color: #e5e7eb !important;
}

/* Make 'Choose your coin' label obvious */
.sf-cpp-selector label,
.sf-cpp-preview .sf-cpp-coinline span {
    color: #ffffff !important;
}

/* Improve QR button */
.sf-cpp-openqr {
    background: #0ea5e9 !important;
    color: #ffffff !important;
    border-color: #0284c7 !important;
}
.sf-cpp-openqr:hover { background: #38bdf8 !important; color:#000 !important; }



/* === v1.4.2 – Visibility Boost for Checkout + Thank You === */

/* Checkout select placeholder + text */
.sf-cpp-selector select,
.sf-cpp-selector select option {
    color: #ffffff !important;
}
.sf-cpp-selector label { color:#ffffff !important; }

/* Checkout address line */
.sf-cpp-address, .sf-cpp-addr-wrap code, .sf-cpp-coinline code {
    color: #eaffff !important;
    background: #0b1220 !important;
    border: 1px solid #38bdf8 !important;
}

/* Coin buttons text contrast */
.sf-cpp-coinbtn span { color:#ffffff !important; }

/* Thank-you card headings and subtext */
.sf-cpp-ty h3,
.sf-cpp-ty-sub,
.sf-cpp-ty-note { color:#ffffff !important; }

/* Thank-you address and buttons */
.sf-cpp-ty-addr code { 
    background:#0b1220 !important;
    color:#eaffff !important;
    border:1px solid #38bdf8 !important;
}
.sf-cpp-openqr,
.sf-cpp-copy.button {
    background:#0ea5e9 !important;
    border-color:#0284c7 !important;
    color:#ffffff !important;
}

/* Links like "View file" */
.sf-cpp-proof-ok a {
    color:#38bdf8 !important;
    text-decoration: underline !important;
}

/* Focus outlines for accessibility */
.sf-cpp-selector select:focus,
.sf-cpp-coinbtn:focus,
.sf-cpp-copy.button:focus,
.sf-cpp-openqr:focus {
    outline: 2px solid #38bdf8 !important;
    outline-offset: 2px !important;
}