.overlay-backdrop{position:fixed;inset:0;background:rgba(9,25,40,.55);z-index:var(--pp-z-overlay)}.app-drawer{position:fixed;z-index:var(--pp-z-drawer);top:0;right:0;width:min(520px,100vw);height:100dvh;background:var(--pp-surface);box-shadow:var(--pp-shadow);display:flex;flex-direction:column}.app-drawer[hidden]{display:none}.app-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:1.4rem;border-bottom:1px solid var(--pp-border)}.app-drawer>header h2{margin:.2rem 0 0}.app-drawer>header button{min-width:44px;min-height:44px;border:0;background:var(--pp-surface-muted);border-radius:8px}.drawer-toolbar{display:flex;gap:.5rem;padding:1rem;border-bottom:1px solid var(--pp-border)}.drawer-toolbar select{min-width:0;flex:1}.drawer-body{padding:1.2rem;overflow:auto}.notification-item{padding:1rem 0;border-bottom:1px solid var(--pp-border)}.notification-item>span{color:var(--pp-accent);font-size:.7rem;font-weight:800}.notification-item h3{margin:.25rem 0;font-size:1rem}.notification-item p{color:var(--pp-text-soft)}.notification-item div{display:flex;flex-wrap:wrap;gap:.4rem}.quick-action-list{display:grid;gap:.65rem}.quick-action{display:flex;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--pp-border);color:var(--pp-text);text-decoration:none}.drawer-comment{display:grid;gap:.5rem;padding:1rem;border-top:1px solid var(--pp-border)}.drawer-comment textarea{min-height:90px;resize:vertical}@media(max-width:600px){.app-drawer{inset:0;width:100vw;height:100dvh;border-radius:0}}

body.pp-drawer-open{overflow:hidden}.pp-detail-drawer__status{display:inline-flex;margin-top:.45rem;padding:.25rem .6rem;border-radius:999px;background:var(--pp-surface-muted);color:var(--pp-accent);font-size:.75rem;font-weight:800}.pp-detail-drawer section+section{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--pp-border)}.pp-detail-drawer section h3{font-size:1rem;margin:0 0 .8rem}.pp-detail-drawer__loading{display:flex;align-items:center;gap:.6rem;padding:1rem;border-radius:12px;background:var(--pp-surface-muted)}.pp-detail-drawer__metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 0}.pp-detail-drawer__metadata div{padding:.75rem;border-radius:12px;background:var(--pp-surface-muted)}.pp-detail-drawer__metadata dt{font-size:.7rem;text-transform:uppercase;color:var(--pp-text-soft)}.pp-detail-drawer__metadata dd{margin:.2rem 0 0;font-weight:700}.pp-detail-drawer__timeline{list-style:none;margin:0;padding:0 0 0 1rem;border-left:2px solid var(--pp-border)}.pp-detail-drawer__timeline li{display:grid;gap:.2rem;position:relative;padding:0 0 1rem 1rem}.pp-detail-drawer__timeline li:before{content:"";position:absolute;left:-1.42rem;top:.25rem;width:.75rem;height:.75rem;border-radius:50%;background:var(--pp-accent);box-shadow:0 0 0 4px var(--pp-surface)}.pp-detail-drawer__timeline span{color:var(--pp-text-soft)}.pp-detail-drawer__actions{display:flex;flex-wrap:wrap;gap:.65rem}.pp-detail-drawer__actions a{flex:1 1 180px;text-align:center}@media(max-width:600px){.pp-detail-drawer{inset:0;width:100vw;height:100dvh;border-radius:0}.pp-detail-drawer__metadata{grid-template-columns:1fr}.pp-detail-drawer__actions{position:sticky;bottom:-1.2rem;padding:1rem 0;background:var(--pp-surface)}}