/* V22.62 — price tables: card, editor, Highest ROI */
.pt-card{margin:4px 0 6px} .pt-kind{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;border-radius:99px;padding:3px 10px;background:#F0F6FF;color:#1D4E89;margin-bottom:8px} .pt-kind svg{width:13px;height:13px}
.pt-title{margin:0 0 10px;font-size:16px;font-weight:800;color:#10201A;line-height:1.3}
.pt-wrap{overflow-x:auto;border:1px solid #E2EAE5;border-radius:12px}
.pt-t{width:100%;border-collapse:collapse;font-size:14px;min-width:360px} .pt-t th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8A968F;padding:9px 12px;background:#FAFBFC;border-bottom:1px solid #E2EAE5}
.pt-t td{padding:10px 12px;border-bottom:1px solid #EEF3F0;color:#10201A} .pt-t tr:last-child td{border-bottom:0} .pt-t .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ptb{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:800;white-space:nowrap} .ptb svg{width:12px;height:12px}
.ptb--up{background:#E7F7EE;color:#127A45} .ptb--dn{background:#FEF3F2;color:#B42318} .ptb--eq{background:#EEF3F0;color:#374151} .ptb--roi{background:#EFEAFB;color:#5B43B8}
.ptb.is-warn{outline:2px solid #F59E0B}
.pt-src{margin:8px 0 0;font-size:11.5px;color:#8A968F;line-height:1.45} .pt-src a{color:#5A6962}
.fd-kinds-sub{margin-left:auto;font-size:13px;color:#5A6962} .fd-kinds-sub a{color:#16833F;font-weight:700}
.cp-tbl{border:0;background:none;cursor:pointer}
.ptx-ov{position:fixed;inset:0;z-index:2100;font-family:Inter,system-ui,sans-serif} .ptx-back{position:absolute;inset:0;background:rgba(8,8,12,.55);opacity:0;transition:opacity .2s}
.ptx{position:absolute;left:50%;top:50%;width:min(620px,calc(100% - 24px));max-height:92vh;overflow:auto;transform:translate(-50%,-44%);opacity:0;transition:transform .2s,opacity .2s;background:#fff;border-radius:20px;padding:20px 20px 18px;box-shadow:0 30px 80px rgba(17,19,24,.3)}
.ptx-ov.is-open .ptx-back{opacity:1} .ptx-ov.is-open .ptx{transform:translate(-50%,-50%);opacity:1}
.ptx h2{margin:0 40px 4px 0;font-size:20px} .ptx-sub{margin:0 0 12px;font-size:13.5px;color:#5A6962}
.ptx-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#EEF3F0;display:grid;place-items:center;cursor:pointer} .ptx-ic{width:17px;height:17px;flex:none} .ptx-ic--s{width:15px;height:15px} .ptx-ic--xs{width:12px;height:12px}
.ptx-warn{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#FFF7E6;color:#8A5A00;font-size:13.5px} .ptx-warn a{color:#16833F;font-weight:700}
.ptx-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px} .ptx-seg button{height:42px;border:1.5px solid #E2EAE5;border-radius:11px;background:#fff;font:800 14px Inter,system-ui,sans-serif;cursor:pointer} .ptx-seg button.on{border-color:#16833F;background:#F6FBF8;color:#16833F}
.ptx-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px} .ptx-grid[hidden],.ptx-pur[hidden]{display:none}
.ptx label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:800;color:#374151} .ptx label small{font-weight:600;color:#8A968F}
.ptx input,.ptx select{height:40px;border:1.5px solid #E2EAE5;border-radius:10px;padding:0 10px;font:500 14px Inter,system-ui,sans-serif;background:#fff;color:#10201A} .ptx input:focus,.ptx select:focus{outline:0;border-color:#10201A}
.ptx-full{margin-bottom:10px}
.ptx-rows{border:1px solid #E2EAE5;border-radius:12px;padding:6px 8px;margin-bottom:8px}
.ptx-rh,.ptx-r{display:grid;grid-template-columns:1.3fr 1fr 1fr 92px 32px;gap:6px;align-items:center} .ptx-rh{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8A968F;padding:4px 2px}
.ptx-r{padding:4px 0} .ptx-r input{height:38px;min-width:0} .ptx-r .a,.ptx-r .b{text-align:right;font-variant-numeric:tabular-nums}
.ptx-pct{justify-self:end} .ptx-del{width:32px;height:32px;border:0;border-radius:9px;background:none;color:#8A968F;display:grid;place-items:center;cursor:pointer} .ptx-del:hover{background:#FEF3F2;color:#B42318}
.ptx-add{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#16833F;font:800 13.5px Inter,system-ui,sans-serif;cursor:pointer;padding:4px 0;margin-bottom:6px}
.ptx-note{margin:4px 0 12px;font-size:12.5px;color:#1D4E89;background:#F0F6FF;border-radius:10px;padding:8px 10px}
.ptx-err{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:#FEF3F2;color:#B42318;font-size:13.5px}
.ptx-go{width:100%;height:50px;border:0;border-radius:13px;background:#16833F;color:#fff;font:800 15.5px Inter,system-ui,sans-serif;cursor:pointer} .ptx-go:disabled{opacity:.5}
@media (max-width:560px){ .ptx{left:0;right:0;top:auto;bottom:0;width:auto;border-radius:22px 22px 0 0;transform:translateY(100%);opacity:1} .ptx-ov.is-open .ptx{transform:none}
  .ptx-rh{display:none} .ptx-r{grid-template-columns:1fr 1fr;grid-template-areas:"u u" "a b" "p d"} .ptx-r .u{grid-area:u} .ptx-r .a{grid-area:a} .ptx-r .b{grid-area:b} .ptx-pct{grid-area:p;justify-self:start} .ptx-del{grid-area:d;justify-self:end} .ptx-r{border-bottom:1px solid #EEF3F0;padding:8px 0} }
.roi{max-width:820px;margin:0 auto;padding:18px 16px 48px;font-family:Inter,system-ui,sans-serif;color:#10201A}
.roi-hero{background:radial-gradient(520px 220px at 95% 0%,rgba(91,67,184,.10),transparent 62%),#fff;border:1px solid #E2EAE5;border-radius:18px;padding:18px 20px;margin:10px 0 12px}
.roi-hero h1{margin:0 0 4px;font-size:24px} .roi-hero p{margin:0 0 12px;color:#5A6962;font-size:14px}
.roi-f label{display:inline-flex;flex-direction:column;gap:4px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8A968F} .roi-f select{height:40px;min-width:220px;border:1.5px solid #E2EAE5;border-radius:10px;padding:0 10px;font:600 14px Inter,system-ui,sans-serif}
.roi-list{background:#fff;border:1px solid #E2EAE5;border-radius:16px;padding:4px 14px}
.roi-r{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #EEF3F0} .roi-r:first-child{border-top:0}
.roi-n{width:28px;height:28px;border-radius:50%;background:#EEF3F0;display:grid;place-items:center;font-size:12px;font-weight:800;color:#374151;flex:none}
.roi-m{flex:1;min-width:0} .roi-m b{display:block;font-size:14.5px} .roi-m small{display:block;font-size:12.5px;color:#5A6962} .roi-m a{color:#374151;font-weight:700}
.roi-y{font-size:14px;padding:4px 11px} .roi-chat{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border-radius:10px;background:#16833F;color:#fff;font-size:13px;font-weight:800;text-decoration:none} .roi-chat svg{width:15px;height:15px}
.roi-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:34px;background:#fff;border:1.5px dashed #E2EAE5;border-radius:16px;text-align:center} .roi-empty span{color:#5A6962}
.roi-note{margin:10px 2px 0;font-size:12px;color:#8A968F}
@media (max-width:560px){ .roi-r{flex-wrap:wrap} .roi-chat{margin-left:40px} }
/* V22.63 — the editor as a side panel with a live feed preview */
.ptx-drawer{position:absolute;top:0;right:0;bottom:0;width:min(1080px,100%);display:flex;flex-direction:column;background:#F4F7F5;box-shadow:-20px 0 60px rgba(17,19,24,.25);transform:translateX(100%);transition:transform .25s ease}
.ptx-ov.is-open .ptx-drawer{transform:none}
.ptx-top{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-bottom:1px solid #E2EAE5}
.ptx-top h2{margin:0;font-size:18px} .ptx-top small{display:block;font-size:12.5px;color:#5A6962}
.ptx-ti{width:38px;height:38px;border-radius:11px;background:#F0F6FF;color:#1D4E89;display:grid;place-items:center;flex:none}
.ptx-top .ptx-x{position:static;margin-left:auto}
.ptx-tabs{display:none;margin-left:auto;background:#EEF3F0;border-radius:10px;padding:3px} .ptx-tabs button{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:0;border-radius:8px;background:none;font:800 13px Inter,system-ui,sans-serif;color:#5A6962;cursor:pointer} .ptx-tabs button.on{background:#fff;color:#10201A;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.ptx-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:18px;overflow:auto}
.ptx-ed{background:#fff;border:1px solid #E2EAE5;border-radius:16px;padding:16px;align-self:start}
.ptx-pv{position:sticky;top:0;align-self:start} .ptx-pvl{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8A968F}
.ptx-card{background:#fff;border:1px solid #E2EAE5;border-radius:16px;padding:14px 16px;box-shadow:0 6px 18px rgba(17,19,24,.05)}
.ptx-card .pc-head{margin-bottom:10px} .ptx-ph{color:#AEB9B2;font-weight:600}
.ptx-acts{display:flex;gap:18px;margin-top:12px;padding-top:10px;border-top:1px solid #EEF3F0;font-size:13px;font-weight:700;color:#5A6962} .ptx-acts span{display:inline-flex;align-items:center;gap:6px}
.ptx-foot{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#fff;border-top:1px solid #E2EAE5} .ptx-foot .ptx-err{flex:1;margin:0}
.ptx-foot .ptx-go{width:auto;height:46px;padding:0 22px;margin-left:auto} .ptx-cancel{height:46px;padding:0 16px;border:1.5px solid #E2EAE5;border-radius:13px;background:#fff;font:800 14px Inter,system-ui,sans-serif;cursor:pointer}
.ptx-ed .ptx-rh,.ptx-ed .ptx-r{grid-template-columns:1.2fr 1fr 1fr 96px 32px}
.pt-kind svg,.ptb svg{flex:none}
@media (max-width:900px){
  .ptx-drawer{width:100%} .ptx-tabs{display:flex} .ptx-top .ptx-x{margin-left:6px} .ptx-top small{display:none}
  .ptx-body{grid-template-columns:1fr;padding:12px} .ptx-drawer[data-tab="pv"] .ptx-ed,.ptx-drawer:not([data-tab="pv"]) .ptx-pv{display:none}
  .ptx-foot .ptx-cancel{display:none} .ptx-foot .ptx-go{flex:1}
}
@media (max-width:560px){ .ptx-ed .ptx-rh{display:none} .ptx-ed .ptx-r{grid-template-columns:1fr 1fr;grid-template-areas:"u u" "a b" "p d"} }
/* V22.63 — form fields inside the side panel */
.ptx-ed label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:800;color:#374151} .ptx-ed label small{font-weight:600;color:#8A968F}
.ptx-ed input,.ptx-ed select{height:40px;border:1.5px solid #E2EAE5;border-radius:10px;padding:0 10px;font:500 14px Inter,system-ui,sans-serif;background:#fff;color:#10201A;width:100%;box-sizing:border-box} .ptx-ed input:focus,.ptx-ed select:focus{outline:0;border-color:#10201A}
.ptx-ed .ptx-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px} .ptx-ed .ptx-grid[hidden],.ptx-ed .ptx-pur[hidden]{display:none}
.ptx-ed .ptx-full{margin-bottom:12px} .ptx-ed .ptx-r input{height:38px;min-width:0}
/* V22.64 — the editor on its own page (/price-tables/new) */
.ptx-crumb{max-width:1100px;margin:14px auto 0;padding:0 18px;font:600 13px Inter,system-ui,sans-serif;color:#5A6962} .ptx-crumb a{color:#16833F;font-weight:700;text-decoration:none}
#ptxPage{max-width:1100px;margin:0 auto;padding:6px 16px 40px}
.ptx-inpage .ptx-back{display:none} .ptx-inpage .ptx-drawer{position:static;width:auto;transform:none;box-shadow:none;background:none}
.ptx-inpage .ptx-top{background:none;border:0;padding:6px 2px 12px} .ptx-inpage .ptx-top .ptx-x{display:none} .ptx-inpage .ptx-top h2{font-size:24px}
.ptx-inpage .ptx-body{padding:0;overflow:visible} .ptx-inpage .ptx-pv{top:calc(var(--top,64px) + 12px)}
.ptx-inpage .ptx-foot{position:sticky;bottom:0;margin-top:14px;border:1px solid #E2EAE5;border-radius:14px;z-index:5}
@media (max-width:900px){ .ptx-inpage .ptx-top{flex-wrap:wrap} .ptx-inpage .ptx-tabs{margin-left:0} .ptx-inpage .ptx-foot .ptx-cancel{display:inline-flex;align-items:center} }
/* V22.68 — real post card preview; Create / Examples */
.ptx-real{pointer-events:none;user-select:none;margin:0} .ptx-pv .ptx-real,.ptx-ex .ptx-real{box-shadow:0 8px 24px rgba(17,19,24,.06)}
.ptx-main-tabs{display:inline-flex;gap:4px;margin:0 0 14px;padding:4px;background:#fff;border:1px solid #E2EAE5;border-radius:12px}
.ptx-main-tabs button{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border:0;border-radius:9px;background:none;font:800 14px Inter,system-ui,sans-serif;color:#5A6962;cursor:pointer}
.ptx-main-tabs button.on{background:#F6FBF8;color:#16833F} .ptx-exn{min-width:20px;height:20px;border-radius:99px;background:#16833F;color:#fff;font-size:11px;display:inline-grid;place-items:center}
.ptx-exs{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px} .ptx-exs[hidden]{display:none}
.ptx-exi{grid-column:1/-1;margin:0;font-size:14px;color:#5A6962}
.ptx-ex{display:flex;flex-direction:column;gap:10px} .ptx-exh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#374151}
.ptx-exb{font-size:11px;font-weight:800;border-radius:99px;padding:3px 10px} .ptx-exb.is-real{background:#E7F7EE;color:#127A45} .ptx-exb.is-sample{background:#FFF4E5;color:#B45309}
.ptx-use{align-self:flex-start;height:42px;padding:0 18px;border:0;border-radius:12px;background:#16833F;color:#fff;font:800 14px Inter,system-ui,sans-serif;cursor:pointer}
@media (max-width:900px){ .ptx-exs{grid-template-columns:1fr} }
/* V22.69 — the price table sits inside the post exactly like a normal post body (feed + live preview) */
.pc .pt-card{padding:6px 16px 12px;margin:0}
.pc .pt-kind{margin:0 0 8px}
.pc .pt-title{margin:0 0 10px;font-size:16px;line-height:1.35}
.pc .pt-wrap{border-radius:12px;background:#fff}
.pc .pt-t td,.pc .pt-t th{padding-left:14px;padding-right:14px}
.pc .pt-src{margin:8px 0 0}
.ptx-real.pc{border-radius:12px;overflow:hidden}
/* V22.69 — phones: all four columns fit in the post */
@media (max-width:480px){
  .pt-t{min-width:0;font-size:13px} .pc .pt-t td,.pc .pt-t th{padding:8px 7px} .pc .pt-t th{font-size:10px;letter-spacing:.03em}
  .pt-t td:first-child{max-width:92px} .ptb{padding:2px 6px;font-size:11px} .ptb svg{width:10px;height:10px}
  .pc .pt-card{padding:6px 12px 12px} .pc .pt-title{font-size:15px}
}
@media (max-width:370px){ .pc .pt-t td,.pc .pt-t th{padding:8px 5px} .pt-t{font-size:12.5px} .pc .pt-card{padding:6px 10px 12px} }