.hmp-pb{display:grid;gap:1rem;min-width:min(920px,90vw);color:var(--text-primary,#172033)}
.hmp-pb-status{padding:.75rem 1rem;border-radius:.75rem;background:var(--surface-secondary,#eef2f7);font-size:.9rem}
.hmp-pb-loading{position:relative;padding-left:2.75rem}.hmp-pb-loading::before{content:"";position:absolute;left:1rem;top:50%;width:1rem;height:1rem;margin-top:-.5rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:hmp-pb-spin .8s linear infinite}
.hmp-pb-error{background:#fff2f2;color:#9b1c1c}
@keyframes hmp-pb-spin{to{transform:rotate(360deg)}}
.hmp-pb-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:.75rem}
.hmp-pb-card{display:grid;gap:.45rem;text-align:left;padding:1rem;border:1px solid var(--border-color,#d9e0ea);border-radius:1rem;background:var(--surface-primary,#fff);color:inherit;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.06)}
.hmp-pb-card span{font-size:.78rem;opacity:.72}.hmp-pb-card strong{font-size:1.05rem}.hmp-pb-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,23,42,.1)}
.hmp-pb-card:focus-visible,.hmp-pb-tabs button:focus-visible,.hmp-pb button:focus-visible,.hmp-pb-form input:focus-visible,.hmp-pb-form select:focus-visible,.hmp-pb-form textarea:focus-visible{outline:3px solid rgba(37,99,235,.38);outline-offset:2px}
.hmp-pb-actions,.hmp-pb-form-actions,.hmp-pb-decision-row{display:flex;flex-wrap:wrap;gap:.6rem}
.hmp-pb-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border-color,#d9e0ea);overflow-x:auto}
.hmp-pb-tabs button{border:0;background:transparent;color:inherit;padding:.75rem 1rem;white-space:nowrap;cursor:pointer;border-bottom:3px solid transparent}
.hmp-pb-tabs button[aria-selected="true"]{font-weight:700;border-bottom-color:currentColor}
.hmp-pb-panels>[role="tabpanel"]{padding:.25rem 0}
.hmp-pb-overview-list{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:.75rem}
.hmp-pb-overview-list>div{display:grid;gap:.3rem;padding:.9rem;border-radius:.8rem;background:var(--surface-secondary,#f4f6f9)}
.hmp-pb-overview-list span{font-size:.8rem;opacity:.72}
.hmp-pb-table-wrap{overflow:auto;border:1px solid var(--border-color,#d9e0ea);border-radius:.8rem}.hmp-pb-table{width:100%;border-collapse:collapse}.hmp-pb-table th,.hmp-pb-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color,#e6eaf0);white-space:nowrap}.hmp-pb-table td:first-child{display:grid}.hmp-pb-table small{opacity:.65}
.hmp-pb-history{display:grid;gap:.65rem}.hmp-pb-history-row{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;padding:.85rem;border:1px solid var(--border-color,#d9e0ea);border-radius:.8rem}.hmp-pb-history-row>div{display:grid}.hmp-pb-history-row>div:nth-child(2){text-align:right}.hmp-pb-history-row p,.hmp-pb-history-row>small,.hmp-pb-effects,.hmp-pb-decision-row{grid-column:1/-1;margin:0}.hmp-pb-history-row small{opacity:.68}.hmp-pb-effects{display:flex;flex-wrap:wrap;gap:.4rem}.hmp-pb-effects span{padding:.25rem .45rem;border-radius:.4rem;background:var(--surface-secondary,#f1f4f8);font-size:.75rem}
.hmp-pb-empty{padding:2rem;text-align:center;border:1px dashed var(--border-color,#cbd5e1);border-radius:.8rem;opacity:.72}
.hmp-pb-form{display:grid;gap:.8rem;min-width:min(620px,86vw)}.hmp-pb-form label{display:grid;gap:.35rem;font-weight:600}.hmp-pb-form input,.hmp-pb-form select,.hmp-pb-form textarea{width:100%;box-sizing:border-box;padding:.75rem;border:1px solid var(--border-color,#cbd5e1);border-radius:.65rem;background:var(--surface-primary,#fff);color:inherit}.hmp-pb-form textarea{min-height:90px;resize:vertical}.hmp-pb-draft{padding:.85rem;border-radius:.75rem;background:var(--surface-secondary,#f1f5f9)}.hmp-pb-draft p{margin:.35rem 0 0}
.hmp-pb-project-actions{margin-top:.75rem}
@media (max-width:1000px){.hmp-pb-grid{grid-template-columns:repeat(3,minmax(145px,1fr))}.hmp-pb-overview-list{grid-template-columns:repeat(2,minmax(145px,1fr))}}
@media (max-width:720px){.hmp-pb{min-width:0}.hmp-pb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hmp-pb-card:last-child{grid-column:1/-1}.hmp-pb-overview-list{grid-template-columns:1fr}.hmp-pb-history-row{grid-template-columns:1fr}.hmp-pb-history-row>div:nth-child(2){text-align:left}.hmp-pb-actions .btn,.hmp-pb-form-actions .btn{flex:1 1 45%}}