/* Proposal Builder overview and the coming-soon create page. */
.prsoon{max-width:40rem;margin:0 auto;padding:24px 16px 48px;text-align:center}
.prsoon h1{margin:0 0 12px;font-size:28px;letter-spacing:-.03em}
.prsoon .soon{font-size:18px;font-weight:700;margin:0 0 20px;color:var(--ink,#111)}
.prsoon .hint{color:var(--text-subtle,#5B6478);margin:0 0 24px}
.prlist{width:100%;border-collapse:collapse;font-size:13.5px}
.prlist th,.prlist td{text-align:left;padding:10px 8px;border-bottom:1px solid #E6ECF5;vertical-align:top}
.prlist th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--soft,#5B6478);font-weight:700}
.prlist .pn{font-weight:700;color:var(--ink,#111)}
.prst{display:inline-block;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}
.prst.draft{background:#EEF2F8;color:#3A4460}
.prst.sent{background:#E7F1FF;color:#1a4a8a}
.prst.accepted{background:#E6F6EC;color:#17643b}
.prst.declined{background:#FDE8E8;color:#8a1c1c}
.prempty{padding:36px 16px;text-align:center;color:var(--text-subtle,#5B6478);border:1.5px dashed #AFC0E6;border-radius:14px;background:rgba(255,255,255,.7)}
.prempty b{display:block;color:var(--ink,#111);font-size:16px;margin:0 0 6px}
.prhead{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 8px}
.prhead .btn2{margin-left:auto}
.prwrap{overflow:auto;-webkit-overflow-scrolling:touch}
.prcard{display:none}
.tabbar.n9 .tab,.tabbar.n8 .tab,.tabbar.n7 .tab{width:auto;flex:1 1 0;font-size:8.4px;min-height:44px;letter-spacing:-.03em;padding:0 1px;white-space:normal;line-height:1.15}
.ttabs.n8 .ttab,.ttabs.n9 .ttab,.ttabs.n10 .ttab{padding:0 8px;font-size:12.5px}
@media (max-width:1240px){
  .ttabs.n8 .ttab .ic,.ttabs.n9 .ttab .ic,.ttabs.n10 .ttab .ic{display:none}
}
@media (max-width:720px){
  .prlist{display:none}
  .prcard{display:block;padding:12px 0;border-bottom:1px solid #E6ECF5}
  .prcard .pn{font-size:15px}
  .prcard .meta{font-size:13px;color:var(--text-subtle,#5B6478);margin:4px 0}
}


/* Compact add-style Create proposal button. Never use .btn2 for this: .btn2 is a
   full-width sheet footer (width:100%; display:grid; height:52px), and an unsized
   SVG inside it paints at the browser default (~300px) with a black fill. */
button.pradd, a.pradd{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:auto !important;
  height:auto;
  min-height:36px;
  padding:0 14px;
  margin:0;
  border:0;
  border-radius:12px;
  background:var(--btn,#203F96);
  color:#fff;
  font:600 14px var(--font-sans,system-ui,sans-serif);
  cursor:pointer;
  box-shadow:none;
  white-space:nowrap;
  text-decoration:none;
  flex:none;
}
button.pradd svg, a.pradd svg{
  width:16px;height:16px;flex:none;
  fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
  display:block;
  max-width:16px;max-height:16px;
}
.prhead{align-items:center}
.prhead .pradd{margin-left:auto}
.dxprop{margin:12px 0}
.dxprop .hx, .coprops .hx, .cobox .hx{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dxprop .hx .pradd, .coprops .hx .pradd, .cobox .hx .pradd{margin-left:auto}
.dxprop .prhint, .coprops .prhint, .copage .prhint{font-size:12.5px;color:var(--text-subtle,#5B6478);margin:0 16px 10px;line-height:1.4}
.prrow{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;gap:8px 12px;align-items:center;padding:10px 16px;border-top:1px solid #F1F3F7;font-size:13.5px}
.prrow .pn{font-weight:700;color:var(--ink,#111);min-width:0}
.prrow .meta{color:var(--text-subtle,#5B6478);min-width:0}
.prempty.sm{padding:16px;margin:0 12px 12px;border-style:dashed}
.copage{padding:0 0 40px}
.copage .cohero h1{margin:0 0 4px;font-size:26px;letter-spacing:-.03em}
.copage .cohero .sub2{color:var(--text-subtle,#5B6478);margin:0 0 16px}
.codelist{margin:0 0 20px}
.codrow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #E6ECF5}
.codrow .dn{font-weight:700;flex:1;min-width:0}
.colnk{color:inherit;text-decoration:none}
.colnk:hover{text-decoration:underline}
@media (max-width:720px){
  .prrow{grid-template-columns:1fr;gap:4px}
}


/* v59: Proposal Builder statistics strip and manager By Salesperson summary. */
.prkpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:4px 0 12px;margin:0}
.prkpis .kpi{min-width:0;overflow:hidden}
.prkpis .kpi .n{font-size:20px;font-weight:300;letter-spacing:-.02em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prkpis .kpi .l{font-size:11.5px;font-weight:500;color:var(--text-muted,#5B6478);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prkpis .kpi .pend{font-size:11px;font-weight:600;color:var(--soft,#5B6478);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prscope{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;font-size:12.5px;color:var(--text-subtle,#5B6478)}
.prchip{display:inline-flex;align-items:center;gap:6px;border:0;background:#EEF2F8;color:var(--ink,#111);border-radius:99px;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.prchip.on{background:#E7F1FF;color:#1a4a8a}
.prteam{background:#fff;border-radius:16px;box-shadow:var(--shadow-raised,0 1px 2px rgba(16,24,40,.06),0 8px 20px rgba(16,24,40,.06));margin:0 0 14px;overflow:hidden}
.prteam-h{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:transparent;padding:12px 14px;cursor:pointer;font:inherit;text-align:left;color:var(--ink,#111)}
.prteam-h .t{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--soft,#5B6478)}
.prteam-h svg{width:16px;height:16px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
.prteam.open .prteam-h svg{transform:rotate(90deg)}
.prteam-b{display:none}
.prteam.open .prteam-b{display:block;padding:0 6px 8px}
.prteam-t{width:100%;border-collapse:collapse;font-size:13px}
.prteam-t th,.prteam-t td{text-align:left;padding:8px 8px;border-bottom:1px solid #E6ECF5;white-space:nowrap;vertical-align:middle}
.prteam-t th{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--soft,#5B6478);font-weight:700}
.prteam-t th.num,.prteam-t td.num{text-align:right}
.prteam-t tr:last-child td{border-bottom:0}
.prteam-t tbody tr{cursor:pointer}
.prteam-t tbody tr:hover td{background:#F5F8FC}
.prteam-t tbody tr.on td{background:#E7F1FF}
.prteam-t .who{display:inline-flex;align-items:center;gap:6px;font-weight:650;color:var(--ink,#111)}
.prteam-t .zero{color:var(--text-subtle,#8A93A6)}
.prteam-m{display:none}
.prteam-card{display:flex;flex-direction:column;gap:4px;width:100%;border:0;border-top:1px solid #E6ECF5;background:transparent;padding:10px 10px;text-align:left;font:inherit;cursor:pointer;color:inherit}
.prteam-card.on{background:#E7F1FF}
.prteam-card .who{font-weight:700;color:var(--ink,#111);display:inline-flex;align-items:center;gap:6px}
.prteam-card .nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;font-size:12px;color:var(--text-subtle,#5B6478)}
.prteam-card .nums b{color:var(--ink,#111);font-weight:650}
@media (max-width:1024px){
  .prkpis{gap:10px}
  .prkpis .kpi .n{font-size:18px}
}
@media (max-width:820px){
  .prkpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .prkpis .kpi .n{font-size:20px}
}
@media (max-width:720px){
  .prteam-t{display:none}
  .prteam-m{display:block}
}
@media (max-width:390px){
  .prkpis{gap:8px;padding:0 0 10px}
  .prkpis .kpi{padding:10px 10px 9px;border-radius:14px}
  .prkpis .kpi .n{font-size:18px}
  .prkpis .kpi .l,.prkpis .kpi .pend{font-size:10.5px}
}