/* 구독옵션 템플릿 — console.css + transfer.css + templates.css 셸/입력 재사용 */

.tpl-grid--opt{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));}
.opt-card{padding:15px 16px;gap:0;}
.opt-card__h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;}
.opt-card__pills{display:flex;gap:6px;}
.opt-pill-style{background:var(--indigo-bg,#E0E7FF);color:var(--indigo,#4338CA);}
.opt-pill-dt{background:var(--teal-bg,#CCFBF1);color:var(--teal,#0F766E);}
.opt-card__n{font-size:15.5px;font-weight:800;color:var(--color-text-strong,#15110E);letter-spacing:-.01em;}
.opt-card__desc{font-size:12px;color:var(--color-text-muted,#6B5F57);margin:3px 0 12px;line-height:1.45;}
.opt-card__rows{display:flex;flex-direction:column;gap:7px;padding:12px 0;border-top:1px solid var(--color-divider,#EDE4DD);border-bottom:1px solid var(--color-divider,#EDE4DD);}
.opt-row{display:flex;gap:10px;font-size:12.5px;align-items:baseline;}
.opt-row__k{flex:0 0 42px;font-weight:700;color:var(--color-text-subtle,#9A8C82);font-size:11.5px;}
.opt-row__v{color:var(--color-text,#3D342E);}
.opt-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:11px;}
.opt-card__use{font-size:11.5px;color:var(--color-text-subtle,#9A8C82);}
.opt-card__use i{margin-right:3px;}
.opt-card__act{display:flex;gap:6px;margin-top:11px;padding-top:11px;border-top:1px solid var(--color-divider,#EDE4DD);}
.opt-card__act .tmbtn{padding:6px 10px;font-size:12px;}
.opt-card__act .tmbtn:first-child{flex:1;}

/* 에디터 폼 추가 요소 */
.opt-fld{display:flex;flex-direction:column;gap:5px;}
.opt-fld label{font-size:12px;font-weight:600;color:var(--color-text,#3D342E);}
.opt-inwon{display:flex;align-items:stretch;}
.opt-inwon .tpl-in{border-top-right-radius:0;border-bottom-right-radius:0;}
.opt-inwon span{display:flex;align-items:center;padding:0 12px;font-size:12.5px;color:var(--color-text-muted,#6B5F57);background:var(--color-bg-subtle,#F5EEE9);border:1px solid var(--color-border-strong,#D8CCC2);border-left:none;border-radius:0 9px 9px 0;}
.opt-policy{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.opt-polbtn{display:flex;flex-direction:column;gap:2px;text-align:left;font-family:inherit;border:1px solid var(--color-border,#E0D5CC);background:var(--color-surface,#fff);border-radius:10px;padding:9px 11px;cursor:pointer;}
.opt-polbtn b{font-size:13px;font-weight:700;color:var(--color-text-strong,#15110E);}
.opt-polbtn span{font-size:11px;color:var(--color-text-muted,#6B5F57);}
.opt-polbtn.is-on{border-color:var(--accent,#F4521E);background:var(--accent-soft,rgba(244,82,30,.14));}
.opt-prices{display:flex;flex-direction:column;gap:7px;}
.opt-pricerow{display:grid;grid-template-columns:1fr 130px 30px;gap:7px;align-items:center;}
.opt-x{width:30px;height:34px;border:none;background:transparent;color:var(--color-text-subtle,#9A8C82);border-radius:8px;cursor:pointer;}
.opt-x:hover{background:var(--rose-bg,#FFE4E6);color:var(--rose,#E11D48);}
.opt-tierrow{display:grid;grid-template-columns:1fr 1fr 120px 30px;gap:7px;align-items:center;}
.opt-check{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--color-text,#3D342E);margin:2px 0 8px;cursor:pointer;}
.opt-check input{width:15px;height:15px;cursor:pointer;}
.opt-same{display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;color:var(--color-text-subtle,#9A8C82);background:var(--color-bg-subtle,#F5EEE9);border-radius:8px;}
.opt-usagehint{font-size:11.5px;line-height:1.5;color:var(--color-text-muted,#6B5F57);background:var(--color-bg-subtle,#F5EEE9);border-radius:9px;padding:8px 11px;margin:8px 0 0;}
.opt-usagehint i{color:var(--accent,#F4521E);margin-right:5px;}
.opt-usagehint b{color:var(--color-text-strong,#15110E);}
.opt-addbtn{align-self:flex-start;padding:6px 11px;font-size:12px;border-style:dashed;}

/* 셀러 적용 미리보기 */
.tpl-pv .opt-pv-card{position:sticky;top:0;}
.opt-pv-card{border:1px solid var(--color-border,#E0D5CC);border-radius:14px;background:var(--color-surface,#fff);overflow:hidden;}
.opt-pv-h{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;color:var(--color-text-strong,#15110E);padding:15px 16px 0;}
.opt-pv-h i{color:var(--accent,#F4521E);}
.opt-pv-sub{font-size:12px;color:var(--color-text-muted,#6B5F57);margin:6px 16px 12px;line-height:1.5;}
.opt-pv-rows{display:flex;flex-direction:column;border-top:1px solid var(--color-divider,#EDE4DD);}
.opt-pv-r{display:flex;justify-content:space-between;gap:14px;padding:11px 16px;font-size:13px;border-bottom:1px solid var(--color-divider,#EDE4DD);}
.opt-pv-r span{color:var(--color-text-muted,#6B5F57);flex:0 0 auto;}
.opt-pv-r b{color:var(--color-text-strong,#15110E);font-weight:700;text-align:right;}
.opt-pv-msg{font-size:13px;color:var(--accent-text,#B23A12);background:var(--accent-soft,rgba(244,82,30,.14));margin:12px 16px 0;padding:10px 12px;border-radius:9px;line-height:1.5;}
.opt-pv-msg i{font-size:10px;margin-right:5px;opacity:.6;}
.opt-pv-guide{font-size:12px;color:var(--color-text-muted,#6B5F57);margin:12px 16px 16px;line-height:1.55;}
.opt-pv-guide b{color:var(--color-text-strong,#15110E);display:block;margin-bottom:3px;font-size:11.5px;}