/* v16.20 마이페이지 쿠폰 내역 — sky-blue modern */
.medil-cpn-panel{--cpn-sky:#38bdf8;--cpn-sky2:#7dd3fc}
.medil-cpn-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.medil-cpn-summary>div{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:14px;background:linear-gradient(160deg,rgba(56,189,248,.10),rgba(14,30,48,.6));border:1px solid rgba(125,211,252,.18)}
.medil-cpn-summary>div.is-hl{background:linear-gradient(160deg,rgba(56,189,248,.28),rgba(14,165,233,.10));border-color:rgba(125,211,252,.45);box-shadow:0 6px 22px rgba(56,189,248,.15)}
.medil-cpn-summary span{font-size:12px;color:#8fb3d1;font-weight:700}
.medil-cpn-summary b{font-size:20px;color:#eef8ff;font-weight:900}
.medil-cpn-summary small{font-size:12px;color:var(--cpn-sky2);font-weight:700}
.medil-cpn-tabs{display:flex;gap:6px;padding:4px;border-radius:12px;background:#0a1626;border:1px solid rgba(125,211,252,.14);margin-bottom:12px}
.medil-cpn-tabs button{flex:1;white-space:nowrap;height:38px;border:0;border-radius:9px;background:transparent;color:#9fb4ca;font:700 13px inherit;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.medil-cpn-tabs button em{font-style:normal;font-size:11px;min-width:20px;padding:1px 6px;border-radius:99px;background:rgba(125,211,252,.12);color:var(--cpn-sky2)}
.medil-cpn-tabs button.is-on{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#04121f;box-shadow:0 4px 14px rgba(56,189,248,.35)}
.medil-cpn-tabs button.is-on em{background:rgba(4,18,31,.2);color:#04121f}
.medil-cpn-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.medil-cpn-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;background:#0b1828;border:1px solid rgba(110,160,220,.16);position:relative;overflow:hidden}
.medil-cpn-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cpn-sky)}
.medil-cpn-item.is-used::before{background:#64748b}.medil-cpn-item.is-expired::before{background:#f87171}
.medil-cpn-amt{min-width:96px;font-size:16px;font-weight:900;color:var(--cpn-sky2)}
.medil-cpn-item.is-used .medil-cpn-amt,.medil-cpn-item.is-expired .medil-cpn-amt{color:#94a3b8}
.medil-cpn-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.medil-cpn-info b{font-size:14px;color:#eef5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.medil-cpn-info small{font-size:12px;color:#7f95ac}
.medil-cpn-info code{font-size:11px;color:#9fb4ca;background:rgba(125,211,252,.08);padding:1px 5px;border-radius:5px}
.medil-cpn-badge{font-size:11px;font-weight:800;padding:4px 10px;border-radius:99px;white-space:nowrap}
.medil-cpn-badge.is-active{background:rgba(56,189,248,.15);color:var(--cpn-sky2);border:1px solid rgba(56,189,248,.4)}
.medil-cpn-badge.is-used{background:rgba(100,116,139,.18);color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}
.medil-cpn-badge.is-expired{background:rgba(248,113,113,.1);color:#fca5a5;border:1px solid rgba(248,113,113,.3)}
.medil-cpn-empty{margin:0;text-align:center;color:#7f95ac;font-size:13px;padding:26px;border:1px dashed rgba(125,211,252,.22);border-radius:12px}
@media (max-width:760px){.medil-cpn-summary{gap:6px}.medil-cpn-summary>div{padding:10px}.medil-cpn-summary b{font-size:16px}.medil-cpn-item{grid-template-columns:1fr auto;gap:6px 10px}.medil-cpn-amt{grid-column:1;min-width:0}.medil-cpn-info{grid-column:1/-1;grid-row:2}.medil-cpn-badge{grid-column:2;grid-row:1}}
@media (max-width:420px){.medil-cpn-tabs button{font-size:12px;gap:4px}.medil-cpn-tabs button em{min-width:16px;padding:1px 5px}}

.medil-cpn-use{height:32px;padding:0 16px;border:0;border-radius:99px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#04121f;font:800 13px inherit;font-family:inherit;cursor:pointer;box-shadow:0 4px 14px rgba(56,189,248,.35);white-space:nowrap}
.medil-cpn-use:hover{filter:brightness(1.08)}.medil-cpn-use:disabled{opacity:.6;cursor:wait}
.medil-cpn-confirm p{text-align:center;line-height:1.7}.medil-cpn-confirm small{color:#8fb3d1}
.medil-cpn-confirm-amt{font-size:28px;font-weight:900;color:#7dd3fc}
@media (max-width:760px){.medil-cpn-use{grid-column:2;grid-row:1}}