.ptl{border:1px solid var(--dbc-border);border-radius:var(--dbc-radius);background:var(--dbc-surface);font-size:var(--sl-text-sm);margin-block:1.5rem;padding:1rem}.ptl button{font:inherit;cursor:pointer}.ptl button:disabled{cursor:not-allowed;opacity:.45}.ptl button:focus-visible,.ptl input:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.ptl__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.ptl__seg{border:1px solid var(--dbc-border-strong);border-radius:.5rem;flex-wrap:wrap;display:inline-flex;overflow:hidden}.ptl__seg button{color:var(--sl-color-gray-3);background:0 0;border:0;padding:.35rem .7rem}.ptl__seg button[aria-pressed=true]{background:color-mix(in srgb, var(--sl-color-accent) 14%, transparent);color:var(--sl-color-white);border-color:var(--sl-color-accent);font-weight:600}.ptl__hint{color:var(--sl-color-gray-3);margin:.5rem 0 0}.ptl__map{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.5rem;margin-block:.75rem;display:grid}.ptl__region{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius);background:var(--sl-color-black);flex-direction:column;gap:.4rem;min-width:0;padding:.6rem;transition:border-color .2s,opacity .2s;display:flex}.ptl__region.ptl--refusing{border:2px dashed var(--dbc-cost)}.ptl__region.ptl--alone{border:2px solid #d97706}.ptl__head{color:var(--sl-color-white);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem;display:flex}.ptl__badge{font-size:var(--sl-text-2xs);text-transform:uppercase;letter-spacing:.03em;color:var(--dbc-gain);font-weight:700}.ptl--refusing .ptl__badge{color:var(--dbc-cost)}.ptl--alone .ptl__badge{color:#d97706}.ptl__where{color:var(--sl-color-gray-3)}.ptl__cart{flex-wrap:wrap;align-content:flex-start;gap:.25rem;min-height:3.4rem;display:flex}.ptl__chip{border:1px solid var(--dbc-border-strong);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-color-white);background:0 0;border-radius:.3rem;padding:.05rem .4rem}.ptl__chip.ptl--e{background:#2563eb29;border-color:#2563eb}.ptl__chip.ptl--w{background:#7c3aed29;border-color:#7c3aed}.ptl__chip:hover{text-decoration:line-through}.ptl__chip.ptl--pending{border-style:dashed;border-color:#d97706}.ptl__empty{color:var(--sl-color-gray-4);font-size:var(--sl-text-xs)}.ptl__btns{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.ptl__primary{border:1px solid var(--sl-color-accent);background:var(--sl-color-accent);color:var(--sl-color-black);border-radius:.5rem;padding:.3rem .75rem;font-weight:600}.ptl__ghost{border:1px solid var(--dbc-border-strong);color:var(--sl-color-gray-2);background:0 0;border-radius:.5rem;padding:.3rem .7rem}.ptl__link{flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-width:5.5rem;display:flex}.ptl__wire{border-left:3px solid var(--dbc-gain);flex:1;width:0;min-height:1rem}.ptl__link.ptl--cut .ptl__wire{border-left:3px dashed var(--dbc-cost)}.ptl__link-label{font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--dbc-gain);text-align:center}.ptl__link.ptl--cut .ptl__link-label{color:var(--dbc-cost);font-weight:700}.ptl__cut{color:var(--dbc-cost)}.ptl__link.ptl--cut .ptl__cut{color:var(--dbc-gain);border-color:var(--dbc-gain)}.ptl__stats{flex-wrap:wrap;gap:.4rem;margin:0;display:flex}.ptl__stats div{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius);background:var(--sl-color-black);padding:.3rem .55rem}.ptl__stats dt{font-size:var(--sl-text-2xs);color:var(--sl-color-gray-3)}.ptl__stats dd{font-family:var(--sl-font-mono);color:var(--sl-color-white);margin:0;font-weight:700}.ptl__stats .ptl__bad dd{color:var(--dbc-cost)}.ptl__log{min-height:3.9em;color:var(--sl-color-gray-2);margin:.75rem 0 0}.ptl__note{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin:.25rem 0 0}.ptl__log.ptl--bad{color:var(--dbc-cost)}.ptl__log.ptl--ok{color:var(--dbc-gain)}.ptl__else{border-top:1px solid var(--dbc-border);margin-top:.75rem;padding-top:.75rem}.ptl__title{color:var(--sl-color-white)}.ptl__rtt{color:var(--sl-color-gray-3);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ptl__rtt strong{font-family:var(--sl-font-mono);color:var(--sl-color-white)}.ptl__rtt input{width:9rem;accent-color:var(--sl-color-accent)}.ptl__bars{gap:.5rem;margin-top:.6rem;display:grid}.ptl__bar-row{color:var(--sl-color-gray-2);grid-template-columns:minmax(0,13rem) minmax(0,1fr) 4rem;align-items:center;gap:.5rem;display:grid}.ptl__bar-row strong{font-family:var(--sl-font-mono);color:var(--sl-color-white);text-align:right}.ptl__track{border:1px solid var(--dbc-border-strong);border-radius:.3rem;height:.8rem;overflow:hidden}.ptl__fill{height:100%;transition:width .15s;display:block}.ptl__fill--el{background:var(--dbc-gain)}.ptl__fill--ec{background:#2563eb}@media (width<=34rem){.ptl__map{grid-template-columns:minmax(0,1fr)}.ptl__link{flex-direction:row;min-width:0}.ptl__wire{border-left:0;border-top:3px solid var(--dbc-gain);width:auto;height:0;min-height:0}.ptl__link.ptl--cut .ptl__wire{border-left:0;border-top:3px dashed var(--dbc-cost)}.ptl__bar-row{grid-template-columns:minmax(0,1fr) 4rem}.ptl__bar-row>span{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.ptl__region,.ptl__fill{transition:none}}
