/* Proposals builder */

/* ── PROPOSALS ── */
.pm-area{flex:1;min-height:0;overflow-y:auto;padding:18px 22px 32px}
.pm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:22px;align-items:start;max-width:1240px}
@media(max-width:1100px){.pm-grid{grid-template-columns:minmax(0,1fr)}}
.pm-card{border-radius:var(--r-card);box-shadow:var(--shadow);background:#fff;border:none;padding:16px 18px 18px;margin-bottom:12px}
.pm-hd{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;font-family:var(--fd);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--t2)}
.pm-hd b{font-family:var(--fm);font-size:11px;font-weight:600;color:var(--acc-t)}
.pm-hint{font-size:12.5px;color:var(--t3);margin-top:8px}
.pm-tiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.pm-tier{border-radius:var(--r-md);position:relative;display:flex;flex-direction:column;gap:3px;padding:12px 13px;border:1px solid var(--bd-em);background:#fff;cursor:pointer;transition:all .15s;min-width:0}
.pm-tier input{position:absolute;opacity:0;pointer-events:none}
.pm-tier:hover{border-color:var(--acc-t)}
.pm-tier:has(input:checked){border-color:var(--acc-t);background:var(--acc-sub);box-shadow:inset 0 0 0 1px var(--acc)}
.pm-tier:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:2px}
.pm-tier-n{font-family:var(--fd);font-size:15px;font-weight:700;color:var(--t1)}
.pm-tier-p{font-family:var(--fm);font-size:12px;font-weight:600;color:var(--acc-t)}
.pm-tier-m{font-size:12px;color:var(--t2);line-height:1.35}
.pm-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 14px}
.pm-fields .full{grid-column:1/-1}
@media(max-width:640px){.pm-fields{grid-template-columns:minmax(0,1fr)}}
.pm-seg{display:flex;flex-wrap:wrap;gap:8px}
.pm-seg label{border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--bd-em);background:#fff;cursor:pointer;font-size:14px;font-weight:500}
.pm-seg input{accent-color:var(--acc-t);margin:0}
.pm-seg label:has(input:checked){border-color:var(--acc-t);background:var(--acc-sub)}
.pm-seg label:has(input:disabled){opacity:.45;cursor:not-allowed}
.pm-side{position:sticky;top:0}
.pm-sheet{border-radius:var(--r-card);overflow:hidden;background:#fff;border:none;box-shadow:0 18px 40px -28px rgba(8,33,28,.4)}
.pm-sheet-bar{height:5px;background:linear-gradient(90deg,var(--acc-d),var(--acc) 70%,#28C873)}
.pm-sheet-in{padding:18px 20px 20px;display:flex;flex-direction:column;gap:14px}
.pm-eyebrow{font-family:var(--fm);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-t)}
.pm-title{font-family:var(--fs);font-size:24px;font-weight:400;line-height:1.15;margin-top:3px;overflow-wrap:anywhere}
.pm-bill{font-size:13px;color:var(--t2);overflow-wrap:anywhere}
.pm-bill strong{display:block;color:var(--t1);font-size:14px}
.pm-plan{border-radius:var(--r-md);background:var(--acc-d);color:#fff;padding:14px 16px;display:grid;gap:9px}
.pm-plan-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.pm-plan-n{font-family:var(--fd);font-size:17px;font-weight:700}
.pm-plan-p{font-family:var(--fm);font-size:19px;font-weight:600}
.pm-plan-p small{font-family:var(--fb);font-size:11px;font-weight:400;color:#B7D4CC}
.pm-plan ul{margin:0;padding-left:17px;font-size:12.5px;line-height:1.45;display:grid;gap:2px}
.pm-plan li::marker{color:#28C873}
.pm-nums{width:100%;border-collapse:collapse;font-size:12.5px}
.pm-nums td{padding:6px 0;border-bottom:1px solid var(--bd);vertical-align:top}
.pm-nums td:last-child{text-align:right;font-family:var(--fm);font-weight:500;white-space:nowrap;padding-left:10px}
.pm-nums tr.key td{font-weight:600;color:var(--acc-t)}
.pm-go{width:100%;justify-content:center;padding:13px 16px}
.pm-go:disabled{opacity:.55;cursor:wait}
.pm-fname{font-family:var(--fm);font-size:11px;color:var(--t3);text-align:center;overflow-wrap:anywhere}
.pm-status{font-size:12.5px;text-align:center;min-height:1.3em}
.pm-status.err{color:var(--danger)}
.pm-status.ok{color:var(--acc-t)}
