#open-api-access{min-height:44px;white-space:nowrap}
#api-access-sheet>.sheet{height:min(860px,calc(min(var(--visible-height,100dvh),100dvh) - 24px))}
#api-access-sheet .sheet-body{flex:1;min-height:0}
.api-access-content{display:grid;gap:20px;min-width:0;font-size:15px;line-height:1.6}
.api-access-content h3,.api-access-content h4{margin:0 0 10px}
.api-access-content p{margin:8px 0;overflow-wrap:anywhere}
.api-access-content form,.api-token-row,.api-token-created,.api-token-usage{padding:18px;border:1px solid var(--line);border-radius:12px;min-width:0}
.api-access-content input,.api-access-content select{font-size:16px;min-height:44px}
.api-access-content .btn{min-height:44px}
.api-token-created{background:var(--surface);border:2px solid var(--primary)}
.api-token-created[hidden],.api-token-revoke[hidden]{display:none}
.api-token-list-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
#api-token-list{display:grid;gap:12px}
.api-token-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.api-token-row p,.api-token-row code,.api-token-revoke{grid-column:1/-1}
.api-token-row h4{overflow-wrap:anywhere}
.api-token-row>.btn{grid-column:1/-1;justify-self:start}
.api-token-row p{font-size:13px;margin:0}
.api-token-state{font-weight:700;font-size:13px}
.api-token-revoke .btn{margin:4px 8px 4px 0}
.api-access-content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--line);padding:12px;border-radius:8px;font-size:13px}
.trip-card-actions{display:flex;flex-wrap:wrap;gap:8px}
.trip-card-actions .btn{min-height:44px}
@media(max-width:480px){.native-ui .top-bar{flex-wrap:wrap;gap:8px}.native-header-actions{flex-wrap:wrap;max-width:100%;margin-left:auto}.api-access-content form,.api-token-row,.api-token-created,.api-token-usage{padding:12px}.api-access-content .form-grid{grid-template-columns:1fr}}