.pos-tabs { display:flex; gap:20px; border-bottom:1px solid #dce7e5; margin-bottom:26px; flex-wrap:wrap; }
.pos-tabs button { display:flex; align-items:center; gap:8px; padding:12px 2px; border:0; border-bottom:2px solid transparent; background:transparent; font-size:14px; color:#556a65; cursor:pointer; }
.pos-tabs button[aria-selected=true] { color:#177f78; border-bottom-color:#177f78; font-weight:700; }
.pos-tabs img,.pos-doc-toolbar img,.pos-access-heading img,.pos-secret-line img { width:18px; height:18px; }
.pos-access-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.pos-access-heading h2 { margin:0; font-size:18px; }
.pos-note { font-size:13px; color:#647a73; line-height:1.7; }
.pos-table-scroll { overflow-x:auto; width:100%; }
.pos-client-id { display:block; font:12px/1.7 monospace; margin-top:6px; overflow-wrap:anywhere; }
.pos-scope { display:inline-block; margin:3px 8px 3px 0; font-size:11px; color:#52766b; }
.pos-token-table { min-width:650px; }
.pos-state { display:flex; align-items:center; gap:8px; font-size:12px; }
.pos-state input { width:15px; height:15px; accent-color:#177f78; }
.pos-permissions { margin:18px 0; border:0; border-top:1px solid #e3ebe8; padding:16px 0 0; }
#posTokenName { display:block; width:100%; }
.pos-permissions legend { font-size:13px; font-weight:700; padding-right:8px; }
.pos-permissions label { display:flex; align-items:center; gap:8px; margin:12px 0; font-size:13px; }
.pos-permissions input { width:16px!important; height:16px!important; accent-color:#177f78; }
.pos-permissions small { margin-left:auto; color:#70847c; font:11px monospace; }
.pos-secret-line { display:flex; align-items:center; gap:8px; margin:8px 0 18px; }
.pos-secret-line input { min-width:0; flex:1; font:12px monospace!important; }
.pos-secret-line button { flex-shrink:0; }
.pos-copy-status { color:#177f78; font-size:12px; }
.pos-doc-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.pos-doc-toolbar strong { margin-right:auto; font-size:14px; }
.pos-doc-toolbar a { text-decoration:none; }
.pos-doc-section { padding:24px 0; border-top:1px solid #dce7e5; }
.pos-doc-section h2 { font-size:18px; margin:0 0 16px; }
.pos-doc-section h3 { font-size:14px; margin:24px 0 12px; }
.pos-doc-section p { font-size:13px; line-height:1.85; color:#415a51; overflow-wrap:anywhere; }
.pos-doc-section code { font-size:12px; overflow-wrap:anywhere; }
.pos-doc-section pre { background:#f1f5f4; color:#263e35; border:1px solid #dde7e3; padding:18px; border-radius:6px; overflow-x:auto; font:12px/1.8 monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.pos-doc-section th,.pos-doc-section td { font-size:12px; line-height:1.65; white-space:normal; }
.pos-endpoint { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:12px 0; }
.pos-endpoint b { color:#177f78; font-size:12px; }
.pos-endpoint span { color:#72867b; font-size:11px; }
#integrationsView [hidden] { display:none; }
.pos-public-doc { margin:0; background:#fff; font:14px Arial,sans-serif; color:#24373a; letter-spacing:0; }
.pos-public-doc main { max-width:1000px; margin:auto; padding:32px 24px; }
.pos-public-doc header { display:flex; align-items:center; gap:24px; margin-bottom:28px; }
.pos-public-doc header img { width:150px; max-width:100%; height:auto; }
.pos-public-doc h1 { font-size:24px; }
@media(max-width:600px) { .pos-tabs { gap:12px; } .pos-tabs button { font-size:12px; } .pos-public-doc main { padding:20px 16px; } .pos-public-doc header { flex-wrap:wrap; } }