/* 청당크리닝 월간 멤버십 화면: 기존 페이지의 다른 화면에 영향을 주지 않음 */
#view-membership .cdm-wrap{max-width:470px;margin:0 auto;color:#183b61;font-family:"Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif}
#view-membership .cdm-heading{margin:0 0 17px;padding:3px 1px}
#view-membership .cdm-heading small{display:block;font-size:11px;font-weight:800;color:#2373c5;letter-spacing:.35px;margin-bottom:5px}
#view-membership .cdm-heading h2{margin:0;font-size:23px;letter-spacing:-.9px}
#view-membership .cdm-heading p{font-size:12px;color:#64809e;line-height:1.5;margin:8px 0 0}
#view-membership .cdm-sample-notice{font-size:11px;font-weight:700;color:#345f88;background:#edf5ff;border:1px solid #d5e8f9;border-radius:11px;padding:10px 12px;line-height:1.5;margin-bottom:11px}
#view-membership .cdm-card{position:relative;overflow:hidden;min-height:0;border-radius:22px;border:1px solid #c4dff4;background:linear-gradient(135deg,#f8fcff,#dfedfd 58%,#cee5fa);box-shadow:0 12px 26px #6293c222;padding:16px 18px 18px}
#view-membership .cdm-card:before{content:"";position:absolute;inset:auto -30px -91px 20px;height:180px;border:1px solid #3e8bd32b;border-radius:50%;transform:rotate(-15deg);pointer-events:none}
#view-membership .cdm-month{position:relative;font-size:12px;color:#577a9f;font-weight:700}
#view-membership .cdm-card-main{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px}
#view-membership .cdm-card-copy{flex:1;min-width:0}
#view-membership .cdm-grade{font-size:29px;line-height:1.2;font-weight:850;letter-spacing:-1px;color:#153b66}
#view-membership .cdm-threshold{font-size:12px;color:#4d739b;margin-top:3px}
#view-membership .cdm-common{font-size:11px;line-height:1.45;color:#315d89;font-weight:700;margin-top:12px}
#view-membership .cdm-card-bonus{font-size:11px;line-height:1.4;color:#1268b9;font-weight:850;margin-top:6px}
#view-membership .cdm-badge-box{width:144px;height:144px;flex:none;margin-left:11px;background:transparent;border-radius:16px;overflow:visible;box-shadow:none;transform:translate(-6px,-12px)}
#view-membership .cdm-badge-box img{display:block;width:144px;height:144px;object-fit:contain;mix-blend-mode:normal;transform:scale(1.25);transform-origin:center}
#view-membership .cdm-progress,#view-membership .cdm-simulator,#view-membership .cdm-rules,#view-membership .cdm-detail{background:#fff;border:1px solid #e5ecf4;border-radius:19px;box-shadow:0 4px 18px #20415e08}
#view-membership .cdm-progress{margin-top:13px;padding:18px}
#view-membership .cdm-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11px;color:#7287a1}
#view-membership .cdm-money{font-size:25px;font-weight:850;margin-top:6px;color:#142944}
#view-membership .cdm-money small{font-size:13px;margin-left:2px}
#view-membership .cdm-track{height:9px;border-radius:50px;background:#e7f0fa;overflow:hidden;margin-top:15px}
#view-membership .cdm-fill{height:100%;width:0;border-radius:50px;background:linear-gradient(90deg,#61b9f6,#166fe2)}
#view-membership .cdm-caps{position:relative;height:16px;color:#8ba0b8;font-size:10px;font-weight:700;margin-top:9px}
#view-membership .cdm-caps span{position:absolute;top:0;white-space:nowrap}
#view-membership .cdm-cap-start{left:0}
#view-membership .cdm-cap-care{left:16.666667%;transform:translateX(-50%)}
#view-membership .cdm-cap-prime{left:50%;transform:translateX(-50%)}
#view-membership .cdm-cap-end{right:0}
#view-membership .cdm-target{font-size:11px;color:#54718f;margin-top:10px;line-height:1.5}
#view-membership .cdm-target b{color:#1573d1}
#view-membership .cdm-simulator{padding:13px 17px;margin-top:11px}
#view-membership .cdm-simulator label{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:800;color:#526985}
#view-membership .cdm-simulator label b{color:#1c65ad}
#view-membership .cdm-simulator input{width:100%;accent-color:#1980de;margin:10px 0 2px}
#view-membership .cdm-simulator p{font-size:10px;line-height:1.5;color:#738ba3;margin:4px 0 0}
#view-membership .cdm-tabs-head{display:flex;justify-content:space-between;align-items:center;margin:20px 1px 9px;gap:10px}
#view-membership .cdm-tabs-head strong{font-size:14px;color:#183b61}
#view-membership .cdm-tabs-head small{font-size:10px;color:#788fa8}
#view-membership .cdm-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#view-membership .cdm-tab{appearance:none;border:1px solid #e1eaf4;background:#fff;border-radius:15px;padding:7px 2px 9px;min-width:0;text-align:center;color:#526b86;cursor:pointer}
#view-membership .cdm-tab[aria-pressed="true"]{border:2px solid #1881df;background:#edf6ff;padding:6px 1px 8px;color:#0d62b5}
#view-membership .cdm-tab:focus-visible{outline:3px solid #73bcff;outline-offset:2px}
#view-membership .cdm-tab-icon{display:block;width:53px;height:53px;margin:0 auto 3px;background:transparent;border-radius:10px;overflow:hidden}
#view-membership .cdm-tab-icon img{display:block;width:53px;height:53px;object-fit:contain;mix-blend-mode:normal}
#view-membership .cdm-tab-name{display:block;font-size:11px;font-weight:800}
#view-membership .cdm-detail[hidden]{display:none}
#view-membership .cdm-detail{padding:15px 17px;margin-top:10px;border-color:#bdddf6}
#view-membership .cdm-detail-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
#view-membership .cdm-detail-head strong{font-size:16px;color:#154d85}
#view-membership .cdm-detail-head span{font-size:11px;color:#6383a2}
#view-membership .cdm-detail-base{font-size:11px;color:#41617f;line-height:1.7;margin-top:10px}
#view-membership .cdm-detail-bonus{display:block;font-size:12px;color:#116fb9;margin-top:7px}
#view-membership .cdm-rules-title{font-size:17px;color:#183b61;margin:26px 1px 5px}
#view-membership .cdm-rules-lead{font-size:11px;color:#7b8fa6;margin:0 1px 11px}
#view-membership .cdm-rules{padding:5px 16px}
#view-membership .cdm-rule{padding:12px 0;border-bottom:1px solid #edf2f7}
#view-membership .cdm-rule:last-child{border-bottom:0}
#view-membership .cdm-rule strong{display:block;font-size:12px;color:#25486d;margin-bottom:4px}
#view-membership .cdm-rule p{margin:0;font-size:11px;line-height:1.55;color:#627e99}
@media(max-width:365px){#view-membership .cdm-badge-box,#view-membership .cdm-badge-box img{width:124px;height:124px}#view-membership .cdm-grade{font-size:26px}#view-membership .cdm-card{padding:15px}}

/* CD_MEMBERSHIP_STATES_V1: customer entry notices only; approved cards stay intact. */
#view-membership #cdm-content[hidden],#view-membership .cdm-status[hidden],
#view-membership .cdm-status button[hidden],#view-membership .cdm-status details[hidden]{display:none!important}
#view-membership .cdm-status{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:420px;min-height:max(420px,calc(100svh - 180px));padding:76px 16px;margin:0;border:0;background:transparent;box-shadow:none;text-align:center;color:#617fa9}
#view-membership .cdm-status h2{margin:0 0 16px;padding:0;font-size:18px;font-weight:800;line-height:1.5;letter-spacing:-.6px;color:#617fa9;word-break:keep-all}
#view-membership .cdm-status p{max-width:360px;margin:0;padding:0;font-size:14px;line-height:1.7;color:#617fa9;word-break:keep-all}
#view-membership .cdm-status button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:min(220px,100%);max-width:100%;min-height:48px;margin:24px 0 0;padding:12px 24px;border:1px solid #007aff;border-radius:9px;background:linear-gradient(115deg,#098bff,#0075f7);color:white;font:inherit;font-size:16px;font-weight:700;line-height:1.35;cursor:pointer;text-align:center}
#view-membership .cdm-status button:focus-visible,#view-membership .cdm-status summary:focus-visible{outline:3px solid #73bcff;outline-offset:3px}
#view-membership .cdm-status details{max-width:360px;margin:18px 0 0;font-size:12px;line-height:1.7;color:#617fa9}
#view-membership .cdm-status summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#view-membership .cdm-status details p{font-size:12px;margin-top:10px}

/* CD_MEMBERSHIP_IMPROVED_V2 */
#view-membership .cdm-bonus-note{font-size:12px;line-height:1.6;color:#54718f;margin:10px 3px 0;word-break:keep-all}
#view-membership .cdm-bonus-note:empty{display:none}
#view-membership .cdm-bonus-note[data-state="error"]{color:#a04426}
#view-membership .cdm-refresh-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:11px;color:#7287a1}
#view-membership .cdm-refresh-row button{min-height:40px;border:1px solid #bdddf6;border-radius:9px;padding:8px 12px;background:#f6fbff;color:#1268b9;font:inherit;font-weight:700;cursor:pointer}
#view-membership .cdm-refresh-row button:disabled{opacity:.6;cursor:wait}
#view-membership .cdm-refresh-row button:focus-visible{outline:3px solid #73bcff;outline-offset:2px}
#view-membership .cdm-history{margin-top:12px;font-size:12px;line-height:1.6}
#view-membership .cdm-history summary{cursor:pointer;color:#1268b9}
#view-membership .cdm-history ul{margin:10px 0 0;padding-left:18px;font-size:11px;color:#627e99}
#view-membership .cdm-history li{margin-top:6px}