.access-endpoint {display:flex;justify-content:space-between;gap:22px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 23px;margin-bottom:22px}.access-status {display:flex;align-items:center;gap:7px;font-size:11px;color:#87a0b9}.access-endpoint-value {display:flex;align-items:center;gap:14px;margin-top:10px}.access-endpoint-value code {font-size:15px;color:#45678f;overflow-wrap:anywhere}.access-endpoint-meta {display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;font-size:11px;color:#a0b1c7;flex-shrink:0}.access-endpoint-meta strong {font-size:12px;color:#8097b4;font-weight:500}.access-workspace {display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.access-directory {padding-bottom:8px}.access-directory-heading {padding:19px 18px 0}.access-directory-heading h2 {font-size:14px;color:#59769e}.access-directory-heading h2 span {margin-left:5px;font-size:11px;color:#a1b4cb;font-weight:400}.access-search {padding:10px 15px 12px}.access-search input {font-size:12px;min-height:35px;background:#fafcff}.access-client-list {padding:0 9px;max-height:520px;overflow:auto}.access-client-item {border:1px solid transparent;background:#fff;border-radius:7px;width:100%;text-align:left;display:flex;align-items:center;gap:10px;padding:12px 10px;margin:2px 0}.access-client-item:hover {background:#f7faff}.access-client-item.selected {background:#eef3ff;border-color:#e0e9ff}.access-client-item>span:nth-child(2) {flex:1;min-width:0}.access-client-item strong {display:block;font-size:12px;color:#6685ae;overflow-wrap:anywhere;font-weight:550}.access-client-item small {font-size:10px;color:#a2b6d1;display:block;margin-top:4px;overflow-wrap:anywhere}.access-avatar {width:30px;height:32px;border:1px solid #e2eaf6;background:#f7faff;border-radius:7px;color:#89a9d3;display:grid;place-items:center;font-size:13px;flex-shrink:0}.access-client-item.selected .access-avatar {background:#fff;border-color:#d4e2fe;color:#6594df}.access-client-item .dot {width:5px;height:5px}.access-directory-footer {padding:15px 16px 8px;display:flex;gap:20px;font-size:10px;color:#a2b4ca;border-top:1px solid var(--line);margin-top:10px}.access-directory-footer>span {display:flex;align-items:center;gap:7px}.access-directory-empty {font-size:12px;color:#9fb0c6;padding:22px 12px}.access-detail {min-height:510px}.access-detail-heading {padding:23px 25px 0}.access-detail-heading h2 {font-size:19px;color:#426591;overflow-wrap:anywhere}.access-detail-heading>div>div {display:flex;align-items:center;gap:12px}.access-detail-heading p {margin:7px 0 0;font-size:11px;color:#9eb3cf}.access-tabs {margin:24px 25px 0;gap:28px}.access-tabs>button {font-size:12px}.access-detail-body {padding:24px 25px 28px}.access-empty {padding:42px 20px;text-align:center;max-width:520px;margin:0 auto}.access-empty h3 {font-size:17px;color:#698ab5;font-weight:550}.access-empty p {font-size:12px;color:#9cb3d0;line-height:1.9;margin:10px auto 22px;max-width:400px}.access-empty-icon {display:grid;place-items:center;width:53px;height:53px;border:1px solid #e4ecf8;background:#f8fbff;color:#a1bce2;margin:0 auto 20px;border-radius:13px;font:20px/1 Consolas,monospace}.access-help {border-top:1px solid var(--line);font-size:12px;color:#9ab1ce;padding-top:17px;margin:20px 0 0}.access-help summary {cursor:pointer}.access-help ol {margin:14px 0;padding-left:22px;line-height:2}.access-detail-body>h3 {font-size:13px;color:#7e9cc3;margin:0 0 14px}.access-detail-body>.row-status {margin-bottom:25px}.access-section-heading {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:27px 0 13px}.access-section-heading h3 {font-size:13px;color:#698bb5;font-weight:550}.access-section-heading p {font-size:11px;color:#a7bdd8;margin:3px 0 0}.access-section-heading>div:last-child {display:flex;gap:14px}.access-section-heading .text-link {font-size:11px;color:#90acda}.access-sources {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.access-choice {display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #e4ebf6;border-radius:7px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s;min-width:0;margin:0}.access-choice:has(input:checked) {border-color:#cbdbf8;background:#f6f9ff}.access-choice:has(input:focus-visible) {outline:2px solid #a9c4f4;outline-offset:2px}.access-choice input {margin-top:3px;flex-shrink:0}.access-choice strong {font-size:12px;color:#7999c2;font-weight:500;display:block}.access-choice small {font-size:11px;color:#a7bcd6;display:block;margin-top:5px}.access-scopes {display:grid;gap:9px}.access-scopes .access-choice {padding:14px}.access-presets {display:flex;gap:8px;margin-bottom:13px}.access-presets button {font-size:11px;border:1px solid #e2eaf8;color:#92abd0;background:#fff;border-radius:5px;padding:5px 11px}.access-presets button:hover {background:#f3f7ff;border-color:#b8cff4}.access-save {display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:20px;border-top:1px solid var(--line);margin-top:22px;font-size:11px;color:#aac0dc}.access-form-error {font-size:12px;background:#fff6f3;color:#bd8e84;border-radius:6px;padding:12px 14px;margin-top:18px;border:1px solid #f1e0db}.access-notice {padding:13px 16px;border:1px solid #e2eafa;background:#f8fbff;border-radius:7px;color:#83a2ca;font-size:12px;margin-bottom:20px}.access-notice.success {background:#f3fbf7;border-color:#d8ece2;color:#7cab92}.access-notice strong {font-weight:550}.access-notice p {font-size:11px;margin:5px 0 0;line-height:1.8}.access-code-heading {display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9cb5d6;margin-bottom:11px}.access-code-heading .text-link {font-size:11px}.access-code {background:#f8fbff;color:#809ec5;border:1px solid #e5edf9;font:12px/1.9 Consolas,monospace;padding:18px;min-height:270px;resize:vertical;margin:0}.access-config-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.access-test-result {font-size:11px;color:#acbbcf;margin:15px 0}.access-test-result.success {color:#6fae92}.access-manage-row {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 24px;margin-bottom:25px;border-bottom:1px solid var(--line)}.access-manage-row h3 {font-size:13px;color:#7494bd;font-weight:550}.access-manage-row p {font-size:11px;color:#a5b9d3;line-height:1.8;margin-top:5px;max-width:430px}.access-manage-row .button {flex-shrink:0}.access-create-dialog {width:min(630px,calc(100% - 30px));padding:0;border-radius:12px;max-height:90vh;overflow:auto}.access-create-heading {padding:25px 28px 16px;display:flex;justify-content:space-between;align-items:flex-start}.access-create-heading h2 {font-size:20px;color:#547aaa}.access-create-heading .eyebrow {font-size:10px;color:#acc0dd;letter-spacing:0}.access-create-steps {display:flex;align-items:center;gap:16px;padding:0 28px 19px;font-size:11px;color:#bacade}.access-create-steps>i {height:1px;background:#e5edf9;flex:1}.access-create-steps .active {color:#7f9ed0}.access-create-steps .complete {color:#7fbea0}.access-create-body {padding:19px 28px 24px;border-top:1px solid var(--line);min-height:225px}.access-create-body>label {font-size:12px;color:#88a3c5}.access-create-body .help {color:#adbed4;font-size:11px}.access-create-body .access-section-heading:first-child {margin-top:0}.access-create-footer {position:sticky;bottom:0;background:#fff;display:flex;align-items:center;gap:14px;padding:18px 28px;border-top:1px solid var(--line);z-index:3}.access-create-footer>span {flex:1;font-size:10px;color:#b3c4dd}.access-create-body input[name=label] {font-size:14px;min-height:43px}.access-create-body .access-sources {grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px) {.access-workspace {grid-template-columns:235px minmax(0,1fr)}.access-detail-heading {padding:21px 20px 0}.access-tabs {margin:22px 20px 0;gap:20px}.access-detail-body {padding:22px 20px}.access-sources {grid-template-columns:repeat(2,minmax(0,1fr))}.access-endpoint-meta {display:none}.access-manage-row {align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:700px) {.access-workspace {grid-template-columns:1fr}.access-client-list {display:flex;overflow:auto;padding-bottom:10px;max-height:none;gap:5px}.access-client-item {min-width:180px;width:auto}.access-client-item>span:nth-child(2) {min-width:100px}.access-directory-footer {display:none}.access-directory-heading {padding:17px 17px 0}.access-search {padding:6px 14px 10px}.access-detail {min-height:400px}.access-endpoint {padding:18px}.access-endpoint-value {align-items:flex-start;flex-direction:column;gap:9px}.access-endpoint-value code {font-size:13px}.access-endpoint-value .button {font-size:11px}.access-tabs {gap:22px}.access-tabs>button {font-size:11px}.access-create-body,.access-create-heading {padding-left:22px;padding-right:22px}.access-create-steps,.access-create-footer {padding-left:22px;padding-right:22px}.access-create-body .access-sources {grid-template-columns:repeat(2,minmax(0,1fr))}.access-create-footer>span {font-size:9px}.access-sources {grid-template-columns:repeat(2,minmax(0,1fr))}.access-config-actions .button {flex:1;min-width:100px}.access-empty {padding:30px 10px}}
/* 主要文本保持清楚可读，浅色只用于辅助边框。 */
.access-status {color:#6482a4}.access-endpoint-value code {color:#344f73}.access-endpoint-meta {color:#8b9db5}.access-endpoint-meta strong {color:#6d85a5}.access-directory-heading h2 {color:#4a668e}.access-client-item strong {color:#4b6790}.access-client-item small {color:#8499b6}.access-detail-heading h2 {color:#365680}.access-detail-heading p {color:#839ab9}.access-empty h3 {color:#55769f}.access-empty p {color:#7d93b0}.access-help {color:#7c92b2}.access-choice strong {color:#5c7aa3}.access-choice small {color:#899fbd}.access-section-heading h3 {color:#516e96}.access-section-heading p {color:#8ba2c1}.access-presets button {color:#7895c0}.access-save {color:#8ca6ca}.access-notice {color:#6a8dba}.access-notice.success {color:#62937b}.access-code-heading {color:#819bbe}.access-code {color:#58769e}.access-test-result {color:#8ea2bd}.access-manage-row h3 {color:#5b7aa3}.access-manage-row p {color:#829ab9}.access-create-heading h2 {color:#436692}.access-create-body>label {color:#708caf}.access-create-body .help {color:#8b9fb9}.access-directory-footer {color:#8ea1ba}.access-tabs>button {color:#8294ae}.access-tabs>button.active {color:#3156d3}.access-choice:has(input:checked) strong {color:#4c70a9}
@media(max-width:700px) {.access-directory[data-client-count="1"] .access-search {display:none}.access-directory[data-client-count="1"] .access-directory-heading {padding-bottom:10px}}