/* PAP Sandbox pages, on top of store.css (layouts/pap-store): For agents, sign-in, account, operation, activity.
   Same tokens as the stores; nothing here changes a ucpsandbox page. */
.pap-page{padding:8px var(--gutter) 96px;display:flex;flex-direction:column;gap:28px}
.pap-page h1{font-size:44px}
.pap-page .lede{font-size:17px;line-height:1.6;color:var(--ink-2);max-width:64ch;margin:10px 0 0}
.pap-page h2{font-size:28px}
.pap-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:24px;align-items:start}
.pap-grid .main{grid-column:span 8;display:flex;flex-direction:column;gap:24px}
.pap-grid aside{grid-column:9 / span 4;display:flex;flex-direction:column;gap:16px;position:sticky;top:104px}
.pap-task{padding:18px 20px;border-radius:10px;background:var(--accent-soft);color:var(--accent-dark);font-size:16px;line-height:1.5}
.pap-task .display{font-size:24px;display:block;margin-top:4px;color:var(--ink)}
.pap-kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 20px;margin:0;font-size:15px}
.pap-kv dt{color:var(--ink-2)}.pap-kv dd{margin:0;min-width:0;overflow-wrap:anywhere}
.pap-kv code,.pap-code{font-family:var(--mono);font-size:13px}
.pap-json{margin:0;padding:14px;border-radius:8px;background:var(--ink);color:#e9e5dc;font:400 12.5px/1.55 var(--mono);white-space:pre-wrap;word-break:break-word;max-height:420px;overflow:auto}
.pap-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.pap-panel-head a{font-size:14px;font-weight:600}
table.lines code{font-family:var(--mono);font-size:13px}
.pap-pointer{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:8px;border:1px dashed var(--accent);background:var(--accent-soft);color:var(--accent-dark);font-size:14px;line-height:1.5}
.pap-pointer svg{flex-shrink:0;margin-top:2px}.pap-pointer a{color:var(--accent-dark)}
.buybar .pap-pointer{flex-grow:1}
.util .pap-agents-link{white-space:nowrap}
/* sign-in */
.pap-consent{max-width:560px;margin:40px auto 96px;padding:0 16px;width:100%}
.pap-consent .panel{display:flex;flex-direction:column;gap:18px;padding:28px}
.pap-consent h1{font-size:30px;line-height:1.15}
.pap-agent{display:flex;gap:14px;align-items:center}
.pap-agent img,.pap-agent .ph{width:52px;height:52px;border-radius:12px;border:1px solid var(--line);object-fit:cover;background:var(--sunken);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ink-2)}
.pap-agent b{font-size:17px;display:block}.pap-agent span{font-family:var(--mono);font-size:12.5px;color:var(--ink-2)}
.pap-scopes{border:0;margin:0;padding:0;display:flex;flex-direction:column}
.pap-scopes legend{font-weight:600;margin-bottom:6px}
.pap-scope{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}
.pap-scope:last-child{border-bottom:0}
.pap-scope input{width:18px;height:18px;margin:3px 0 0;accent-color:var(--accent);flex-shrink:0}
.pap-scope b{display:block;font-size:15px}.pap-scope span{font-size:14px;color:var(--ink-2);line-height:1.5}
.pap-actions{display:flex;gap:10px;flex-wrap:wrap}.pap-actions .btn{flex-grow:1}
/* operation */
.pap-state{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;background:var(--line);color:var(--ink-3)}
.pap-state.proposed,.pap-state.in_progress{background:var(--warn-bg);color:var(--warn)}
.pap-state.succeeded{background:var(--ok-bg);color:var(--ok)}
.pap-state.failed,.pap-state.cancelled,.pap-state.expired{background:var(--bad-bg);color:var(--bad)}
.pap-money{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pap-money .panel{padding:18px;display:flex;flex-direction:column;gap:4px}
.pap-money .v{font-family:var(--display);font-size:30px}
/* activity: the console runs view's step list */
.pap-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.pap-steps .cols,.pap-step{display:grid;grid-template-columns:88px 120px 110px minmax(0,1fr) 56px;gap:12px;align-items:start}
.pap-steps .cols{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);padding:0 16px}
.pap-step{padding:14px 16px;border-radius:10px;background:#fff;border:1px solid var(--line)}
.pap-step.bad{border-color:#e3b3aa}
.pap-step .t{font-family:var(--mono);font-size:12px;color:var(--ink-2);padding-top:2px}
.pap-step .ev{font-family:var(--mono);font-size:13px;font-weight:500}
.pap-step .ref{font-family:var(--mono);font-size:12px;color:var(--ink-2)}
.pap-step .txt{font-size:14px;line-height:1.45;color:var(--ink-3);overflow-wrap:anywhere}
.pap-ok{justify-self:end;height:22px;padding:0 8px;display:inline-flex;align-items:center;border-radius:4px;font-family:var(--mono);font-size:11px;font-weight:500;background:var(--ok-bg);color:var(--ok)}
.pap-ok.bad{background:var(--bad-bg);color:var(--bad)}
@media (max-width:1100px){.pap-grid .main,.pap-grid aside{grid-column:span 12;position:static}}
@media (max-width:820px){
  .pap-page{padding:8px 16px 64px}.pap-page h1{font-size:34px}
  .pap-steps .cols{display:none}.pap-step{grid-template-columns:1fr auto;gap:6px 12px}
  .pap-step .t{grid-column:1}.pap-step .pap-ok{grid-column:2;grid-row:1}.pap-step .ev,.pap-step .ref,.pap-step .txt{grid-column:1 / -1}
  .pap-money{grid-template-columns:1fr}
}
.pap-as{padding:12px 14px;border-radius:8px;background:var(--sunken)}.pap-as .ph{width:40px;height:40px;border-radius:50%}