/* ココミル カード登録 — 本体テーマ／プラグインの配色に合わせた最小限のスタイル */

.ccmcard-page{max-width:820px;margin:0 auto}
.ccmcard-lead{color:#5b6a68;line-height:1.9;margin-bottom:22px}

.ccmcard-box{padding:26px 24px;border:1px solid #d3ebe8;border-radius:12px;background:#fff;margin-bottom:26px}
.ccmcard-box-empty{text-align:center;background:linear-gradient(180deg,#ffffff,#f7fcfb)}
.ccmcard-box-label{font-size:13px;font-weight:700;letter-spacing:.04em;color:#028090;margin:0 0 10px}
.ccmcard-box-value{margin:0 0 6px;font-size:20px;letter-spacing:.06em;color:#2f3a3a}
.ccmcard-box-exp{margin:0;color:#74807e;font-size:13.5px}

.ccmcard-brand{display:inline-block;font-weight:700;margin-right:12px}
.ccmcard-digits{font-variant-numeric:tabular-nums}
.ccmcard-exp{margin-left:12px;color:#74807e;font-size:13px}

.ccmcard-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.ccmcard-actions form{margin:0}
.ccmcard-main-btn{font-size:16px;padding:14px 30px}
.ccmcard-remove{color:#b4443c;border-color:#e6c3c0}
.ccmcard-remove:hover{background:#fdf3f2}

.ccmcard-note{border-top:1px solid #e8f1ef;padding-top:22px;margin-top:8px}
.ccmcard-note h3{font-size:15px;color:#2f3a3a;margin:22px 0 10px}
.ccmcard-note h3:first-child{margin-top:0}
.ccmcard-note ul{margin:0;padding-left:1.3em;color:#5b6a68;line-height:1.95;font-size:14px}
.ccmcard-note li{margin-bottom:6px}

.ccmcard-back{margin-top:28px;font-size:14px}

/* ダッシュボード先頭に差し込む要約 */
.ccmcard-summary{padding:18px 22px;border:1px solid #d3ebe8;border-radius:12px;background:#fff;margin-bottom:22px}
.ccmcard-summary-label{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#028090}
.ccmcard-summary-value{margin:0 0 12px;font-size:16px;color:#2f3a3a}
.ccmcard-summary p:last-child{margin:0}

.ccmcard-required{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.ccmcard-inline-btn{margin-left:auto}

@media (max-width:600px){
  .ccmcard-actions{flex-direction:column}
  .ccmcard-actions .ccm-btn{width:100%}
  .ccmcard-inline-btn{margin-left:0;width:100%;text-align:center}
}