/* JP-25 / ADM-26 document library (WO-ACC-01 P1). Plain styles that sit inside the portal layout. */
.accme-pip { --pip-line: #dcdcdc; --pip-muted: #666; --pip-accent: #1d4ed8; --pip-bad: #b91c1c; --pip-bg-soft: #f6f7f9; margin-top: 1rem; }
.accme-pip-head { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: .75rem; }
.accme-pip-head h2 { margin: 0; font-size: 1.25rem; }
.accme-pip-head .accme-pip-code { color: var(--pip-muted); font-family: ui-monospace, Menlo, monospace; font-size: .9rem; }
.accme-pip-head .accme-pip-spacer { flex: 1; }
.accme-pip-cols { display: grid; grid-template-columns: 240px 1fr; gap: 1rem; align-items: start; }
@media (max-width: 720px) { .accme-pip-cols { grid-template-columns: 1fr; } }
.accme-pip-buckets { border: 1px solid var(--pip-line); border-radius: 6px; padding: .25rem; }
.accme-pip-buckets button { display: flex; width: 100%; gap: .4rem; align-items: baseline; text-align: left; background: none; border: 0; border-radius: 4px; padding: .4rem .5rem; font: inherit; cursor: pointer; color: inherit; }
.accme-pip-buckets button:hover { background: var(--pip-bg-soft); }
.accme-pip-buckets button[aria-current="true"] { background: #e8eefc; font-weight: 600; }
.accme-pip-buckets .num { font-family: ui-monospace, Menlo, monospace; color: var(--pip-muted); }
.accme-pip-buckets .count { margin-left: auto; color: var(--pip-muted); font-size: .85rem; }
.accme-pip-panel { border: 1px solid var(--pip-line); border-radius: 6px; padding: .75rem 1rem; min-width: 0; }
.accme-pip-panel h3 { margin: 0 0 .25rem; font-size: 1.05rem; }
.accme-pip-subs { color: var(--pip-muted); font-size: .85rem; margin: 0 0 .75rem; }
.accme-pip table { width: 100%; border-collapse: collapse; }
.accme-pip th, .accme-pip td { border-bottom: 1px solid var(--pip-line); padding: .45rem .35rem; text-align: left; vertical-align: top; font-size: .92rem; }
.accme-pip th { font-weight: 600; color: var(--pip-muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .02em; }
.accme-pip tr.is-archived td { color: var(--pip-muted); }
.accme-pip .pill { display: inline-block; border-radius: 999px; padding: .05rem .5rem; font-size: .78rem; border: 1px solid var(--pip-line); white-space: nowrap; }
.accme-pip .pill.partner { background: #ecfdf5; border-color: #a7f3d0; }
.accme-pip .pill.internal, .accme-pip .pill.confidential, .accme-pip .pill.restricted { background: #fef2f2; border-color: #fecaca; }
.accme-pip .pill.warn { background: #fffbeb; border-color: #fde68a; }
.accme-pip .actions { display: flex; flex-wrap: wrap; gap: .3rem; }
.accme-pip button.btn { font: inherit; font-size: .85rem; padding: .25rem .6rem; border: 1px solid #bbb; border-radius: 4px; background: #fff; cursor: pointer; }
.accme-pip button.btn:hover { background: var(--pip-bg-soft); }
.accme-pip button.btn.primary { background: var(--pip-accent); border-color: var(--pip-accent); color: #fff; }
.accme-pip button.btn.danger { color: var(--pip-bad); border-color: #f1b4b4; }
.accme-pip button.btn[disabled] { opacity: .5; cursor: not-allowed; }
.accme-pip .note { background: var(--pip-bg-soft); border-radius: 4px; padding: .5rem .75rem; color: #333; font-size: .85rem; margin-top: .75rem; }
.accme-pip .versions { margin: .25rem 0 .25rem 1rem; font-size: .85rem; }
.accme-pip .versions li { margin: .15rem 0; }
.accme-pip form.upload { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: .5rem; align-items: end; margin: .5rem 0 1rem; padding: .75rem; background: var(--pip-bg-soft); border-radius: 6px; }
.accme-pip form.upload label { display: flex; flex-direction: column; font-size: .82rem; gap: .2rem; color: #333; }
.accme-pip form.upload input, .accme-pip form.upload select { font: inherit; font-size: .9rem; padding: .25rem; }
.accme-pip progress { width: 100%; }
.accme-pip .status { min-height: 1.2em; font-size: .88rem; }
.accme-pip .status.err { color: var(--pip-bad); }
.accme-pip .muted { color: var(--pip-muted); }
.accme-pip .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (max-width: 720px) {
  .accme-pip th:nth-child(2), .accme-pip td:nth-child(2) { display: none; } /* sub-bucket: shown in the bucket header */
  .accme-pip form.upload { grid-template-columns: 1fr; }
  .accme-pip form.upload input[type=file] { max-width: 100%; }
}