.pg-board .ub{--gap:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);background:var(--background);color:var(--foreground);font-family:var(--fs);padding:var(--gap);border-radius:calc(var(--r-lg) + 6px);transition:background-color .2s,color .2s}
.pg-board .bt{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;min-width:0;display:flex;flex-direction:column;gap:10px;box-shadow:var(--sh-sm)}
.pg-board .bt-hero{grid-column:span 2;grid-row:span 2;background:var(--primary);color:var(--primary-foreground);border-color:transparent;justify-content:space-between;padding:22px;position:relative;overflow:hidden}
.pg-board .bt-phone{grid-row:span 2;padding:10px;background:var(--muted);border-color:transparent}
.pg-board .bt-wide{grid-column:span 2}
.pg-board .bx-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin:0}
.pg-board .bx-name{font-family:var(--fd);font-weight:var(--dw);letter-spacing:var(--dls);font-size:clamp(30px,5vw,46px);line-height:1.02;margin:0;text-wrap:balance}
.pg-board .bx-sum{margin:0;font-size:14px;line-height:1.5;opacity:.9;max-width:38ch}
.pg-board .bx-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pg-board .bx-btn{height:36px;padding:0 14px;border-radius:var(--r-md);font:600 13px var(--fs);border:1px solid transparent;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.pg-board .bx-btn.sm{height:28px;padding:0 10px;font-size:12px}
.pg-board .bx-p{background:var(--primary);color:var(--primary-foreground)}
.pg-board .bx-s{background:var(--secondary);color:var(--secondary-foreground)}
.pg-board .bx-o{background:transparent;color:var(--foreground);border-color:var(--border)}
.pg-board .bx-g{background:transparent;color:var(--foreground)}
.pg-board .bx-d{background:var(--destructive);color:var(--destructive-foreground)}
.pg-board .bx-inv{background:var(--primary-foreground);color:var(--primary)}
.pg-board .bx-ghost-inv{background:transparent;color:var(--primary-foreground);border-color:currentColor}
.pg-board .bx-ring{position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;border:28px solid currentColor;opacity:.12}
.pg-board .bx-label{font-size:12px;color:var(--muted-foreground);margin:0}
.pg-board .bx-h{font-family:var(--fs);font-weight:var(--hw);font-size:15px;margin:0}
.pg-board .bx-aa{font-family:var(--fd);font-weight:var(--dw);font-size:64px;line-height:.9;margin:0;letter-spacing:var(--dls)}
.pg-board .bx-mono{font-family:var(--fm);font-size:11.5px;color:var(--muted-foreground)}
.pg-board .bx-num{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;margin:0;letter-spacing:-.01em}
.pg-board .bx-badge{font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px;display:inline-flex;align-items:center;gap:4px}
.pg-board .bx-ok{background:var(--success);color:var(--success-foreground)}.pg-board .bx-warn{background:var(--warning);color:var(--warning-foreground)}.pg-board .bx-bad{background:var(--destructive);color:var(--destructive-foreground)}.pg-board .bx-acc{background:var(--accent);color:var(--accent-foreground)}
.pg-board .bx-spark{width:100%;height:56px;display:block}
.pg-board .bx-ramp{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px}
.pg-board .bx-ramp i{display:block;aspect-ratio:1/1.5;border-radius:var(--r-sm)}
.pg-board .bx-sem{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pg-board .bx-sem div{border-radius:var(--r-md);padding:8px;font-size:11px;font-weight:600;min-height:44px;display:flex;align-items:flex-end}
.pg-board .bx-in{height:36px;border:1px solid var(--input);border-radius:var(--r-md);background:var(--background);color:var(--muted-foreground);font-size:13px;display:flex;align-items:center;padding:0 10px}
.pg-board .bx-in.focus{outline:2px solid var(--ring);outline-offset:1px;color:var(--foreground)}
.pg-board .bx-tog{display:flex;align-items:center;justify-content:space-between;font-size:13px}
.pg-board .bx-sw{width:34px;height:20px;border-radius:999px;background:var(--primary);position:relative;flex-shrink:0}
.pg-board .bx-sw::after{content:"";position:absolute;right:2px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--primary-foreground)}
.pg-board .bx-sw.off{background:var(--input)}.pg-board .bx-sw.off::after{right:auto;left:2px;background:var(--background)}
.pg-board .bx-chk{display:flex;align-items:center;gap:8px;font-size:13px}
.pg-board .bx-box{width:16px;height:16px;border-radius:var(--r-sm);background:var(--primary);color:var(--primary-foreground);display:grid;place-items:center;flex-shrink:0}
.pg-board .bx-seg{display:grid;grid-template-columns:repeat(3,1fr);background:var(--muted);border-radius:var(--r-md);padding:3px;font-size:12px;font-weight:500;text-align:center}
.pg-board .bx-seg span{padding:5px 0;border-radius:calc(var(--r-md) - 2px);color:var(--muted-foreground)}.pg-board .bx-seg .on{background:var(--card);color:var(--foreground);box-shadow:var(--sh-sm)}
.pg-board .bx-alert{display:flex;gap:8px;align-items:flex-start;border-radius:var(--r-md);padding:8px 10px;font-size:12.5px;line-height:1.35}
.pg-board .bx-alert b{display:block;font-weight:600}
.pg-board .bx-price{font-size:30px;font-weight:700;margin:0;font-variant-numeric:tabular-nums}.pg-board .bx-price small{font-size:13px;font-weight:500;color:var(--muted-foreground)}
.pg-board .bx-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:12.5px}
.pg-board .bx-list li{display:flex;gap:6px;align-items:center}
.pg-board .bx-list svg{color:var(--success);flex-shrink:0}
.pg-board .bx-chat{display:grid;gap:8px}
.pg-board .bx-msg{max-width:80%;padding:8px 12px;border-radius:var(--r-lg);font-size:13px;line-height:1.4}
.pg-board .bx-in-msg{background:var(--muted);color:var(--foreground);border-bottom-left-radius:var(--r-sm)}
.pg-board .bx-out-msg{background:var(--primary);color:var(--primary-foreground);justify-self:end;border-bottom-right-radius:var(--r-sm)}
.pg-board .bx-av{display:flex}.pg-board .bx-av span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;border:2px solid var(--card);margin-left:-8px}.pg-board .bx-av span:first-child{margin-left:0}
.pg-board .bx-prog{display:grid;gap:5px;font-size:12px}.pg-board .bx-prog div{display:flex;justify-content:space-between;color:var(--muted-foreground)}.pg-board .bx-bar{height:8px;border-radius:999px;background:var(--muted);overflow:hidden}.pg-board .bx-bar i{display:block;height:100%;border-radius:inherit}
.pg-board .bx-dots{display:inline-flex;gap:3px;padding:10px 12px;background:var(--muted);border-radius:var(--r-lg);width:max-content}.pg-board .bx-dots i{width:6px;height:6px;border-radius:50%;background:var(--muted-foreground);opacity:.6}
.pg-board .uph{background:var(--background);border-radius:calc(var(--r-lg) + 4px);height:100%;min-height:330px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border)}
.pg-board .uph-top{display:flex;justify-content:space-between;font-size:10px;font-weight:600;padding:8px 14px 4px}
.pg-board .uph-h{padding:6px 14px 8px}.pg-board .uph-h p{margin:0}
.pg-board .uph-title{font-family:var(--fd);font-weight:var(--dw);font-size:22px;letter-spacing:var(--dls)}
.pg-board .uph-search{margin:0 14px 8px;height:30px;border-radius:999px;background:var(--muted);color:var(--muted-foreground);font-size:11.5px;display:flex;align-items:center;padding:0 12px}
.pg-board .uph-list{flex:1;display:grid;align-content:start;gap:2px;padding:0 8px}
.pg-board .uph-item{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:var(--r-md)}
.pg-board .uph-item.sel{background:var(--accent);color:var(--accent-foreground)}
.pg-board .uph-ic{width:30px;height:30px;border-radius:var(--r-md);display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}
.pg-board .uph-item div{flex:1;min-width:0}.pg-board .uph-item p{margin:0;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-board .uph-item small{font-size:10.5px;color:var(--muted-foreground)}
.pg-board .uph-item.sel small{color:inherit;opacity:.8}
.pg-board .uph-amt{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.pg-board .uph-fab{align-self:flex-end;margin:6px 14px;width:40px;height:40px;border-radius:var(--r-lg);background:var(--primary);color:var(--primary-foreground);display:grid;place-items:center;font-size:22px;box-shadow:var(--sh-md)}
.pg-board .uph-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);padding:8px 4px 10px;font-size:9.5px;text-align:center;color:var(--muted-foreground);background:var(--card)}
.pg-board .uph-tabs span{display:grid;gap:3px;justify-items:center}.pg-board .uph-tabs i{width:16px;height:16px;border-radius:5px;background:currentColor;opacity:.35}
.pg-board .uph-tabs .on{color:var(--primary);font-weight:600}.pg-board .uph-tabs .on i{opacity:1}
@container ub (max-width:640px){
  .pg-board .ub{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-board .bt-hero{grid-column:span 2;grid-row:auto;min-height:220px}
  .pg-board .bt-wide{grid-column:span 2}
  .pg-board .bt-phone{grid-column:span 2;grid-row:auto}
  .pg-board .uph{min-height:300px}
}
.pg-board .ub h3{color:inherit}