.access-page[data-v-ce6c37ce] { color: var(--text-primary, #182230); max-width: 1260px; margin: 0 auto;
}
.access-header[data-v-ce6c37ce], .access-group-heading[data-v-ce6c37ce], .access-agent-row[data-v-ce6c37ce], .access-merchant[data-v-ce6c37ce] { display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.access-header[data-v-ce6c37ce] { align-items: flex-start; margin-bottom: 24px;
}
h2[data-v-ce6c37ce] { font-size: 22px; font-weight: 650; line-height: 1.4; margin: 0 0 8px;
}
h3[data-v-ce6c37ce] { font-size: 15px; font-weight: 600; margin: 0;
}
p[data-v-ce6c37ce] { line-height: 1.65; font-size: 14px; margin: 0;
}
.access-header p[data-v-ce6c37ce], .access-guide p[data-v-ce6c37ce], .subject-id[data-v-ce6c37ce], .state-label[data-v-ce6c37ce], .agent-toggle[data-v-ce6c37ce] { color: var(--text-secondary, #475467);
}
.access-columns[data-v-ce6c37ce] { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 28px; align-items: start;
}
.access-subjects[data-v-ce6c37ce] { min-width: 0;
}
.access-filter[data-v-ce6c37ce] { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; flex-wrap: wrap;
}
.access-filter label[data-v-ce6c37ce] { font-size: 14px;
}
.access-page input[data-v-ce6c37ce], .access-page select[data-v-ce6c37ce], .access-button[data-v-ce6c37ce] { min-height: 36px; border: 1px solid var(--border-subtle, #d0d5dd); border-radius: 6px; background: var(--bg-surface, #fff); color: inherit; padding: 7px 12px; font: inherit; font-size: 14px;
}
.access-filter input[data-v-ce6c37ce] { flex: 1; min-width: 160px; width: 100px;
}
.access-page input[data-v-ce6c37ce]::placeholder { color: #667085;
}
.access-button[data-v-ce6c37ce], .text-button[data-v-ce6c37ce], .agent-expand[data-v-ce6c37ce], .access-switch[data-v-ce6c37ce] { cursor: pointer;
}
.access-button[data-v-ce6c37ce]:hover { border-color: var(--brand-primary, #1677ff); color: var(--brand-primary, #1677ff);
}
.access-page button[data-v-ce6c37ce]:focus-visible, .access-page input[data-v-ce6c37ce]:focus-visible, .access-page select[data-v-ce6c37ce]:focus-visible { outline: 2px solid var(--brand-primary, #1677ff); outline-offset: 3px;
}
.access-page button[data-v-ce6c37ce]:disabled, .access-page select[data-v-ce6c37ce]:disabled { opacity: .55; cursor: wait;
}
.access-list[data-v-ce6c37ce], .access-log-panel[data-v-ce6c37ce] { border: 1px solid var(--border-subtle, #e4e7ec); border-radius: 8px; background: var(--bg-surface, #fff); overflow: hidden;
}
.access-agent + .access-agent[data-v-ce6c37ce] { border-top: 1px solid var(--border-subtle, #e4e7ec);
}
.access-agent-row[data-v-ce6c37ce] { padding: 18px 20px;
}
.agent-expand[data-v-ce6c37ce] { display: flex; align-items: center; text-align: left; gap: 12px; padding: 0; background: none; border: 0; font: inherit; color: inherit; flex: 1; min-width: 0;
}
.agent-expand > span[data-v-ce6c37ce] { min-width: 0; overflow-wrap: anywhere;
}
.agent-expand svg[data-v-ce6c37ce] { flex: 0 0 auto; transition: transform .15s ease-out;
}
.agent-expand svg.rotated[data-v-ce6c37ce] { transform: rotate(90deg);
}
.access-page strong[data-v-ce6c37ce] { font-size: 14px; font-weight: 600;
}
.subject-id[data-v-ce6c37ce] { display: block; font-size: 12px; line-height: 1.6; margin-top: 4px; font-variant-numeric: tabular-nums;
}
.agent-toggle[data-v-ce6c37ce], .merchant-setting[data-v-ce6c37ce] { display: flex; align-items: center; gap: 12px; font-size: 13px; flex: 0 0 auto;
}
.access-switch[data-v-ce6c37ce] { width: 40px; height: 24px; border: 0; border-radius: 14px; background: #667085; padding: 3px; display: flex; align-items: center;
}
.access-switch span[data-v-ce6c37ce] { display: block; width: 18px; height: 18px; border-radius: 50%; background: white; transition: transform .15s ease-out;
}
.access-switch[aria-checked=true][data-v-ce6c37ce] { background: var(--brand-primary, #1677ff);
}
.access-switch[aria-checked=true] span[data-v-ce6c37ce] { transform: translateX(16px);
}
.access-children[data-v-ce6c37ce] { background: var(--bg-base, #f8fafc); border-top: 1px solid var(--border-subtle, #e4e7ec);
}
.access-merchant[data-v-ce6c37ce] { padding: 14px 20px 14px 48px;
}
.access-merchant + .access-merchant[data-v-ce6c37ce] { border-top: 1px solid var(--border-subtle, #e4e7ec);
}
.access-guide[data-v-ce6c37ce] { padding-top: 4px;
}
.access-guide h3[data-v-ce6c37ce] { margin-bottom: 12px;
}
.access-guide p + p[data-v-ce6c37ce] { margin-top: 14px;
}
.access-empty[data-v-ce6c37ce] { padding: 28px 20px; color: var(--text-secondary, #475467); text-align: center;
}
.access-pagination[data-v-ce6c37ce], .access-group-heading[data-v-ce6c37ce] { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; gap: 16px; font-size: 13px;
}
.access-unassigned[data-v-ce6c37ce] { border-top: 1px solid var(--border-subtle, #e4e7ec); padding: 14px 20px;
}
.text-button[data-v-ce6c37ce] { padding: 2px 0; border: none; color: var(--brand-primary, #1677ff); background: transparent; font: inherit; font-size: 14px; text-decoration: underline; text-underline-offset: 3px;
}
.access-error[data-v-ce6c37ce] { color: #b42318; background: #fff3f0; padding: 12px 16px; border-radius: 6px; margin-bottom: 16px;
}
.access-notice[data-v-ce6c37ce] { color: #067647; background: #ecfdf3; padding: 12px 16px; border-radius: 6px; margin-bottom: 16px;
}
.access-log-panel[data-v-ce6c37ce] { margin-top: 28px;
}
.access-log-table[data-v-ce6c37ce] { overflow-x: auto;
}
table[data-v-ce6c37ce] { width: 100%; border-collapse: collapse; font-size: 13px; text-align: left; font-variant-numeric: tabular-nums;
}
th[data-v-ce6c37ce], td[data-v-ce6c37ce] { padding: 13px 20px; border-top: 1px solid var(--border-subtle, #e4e7ec); white-space: nowrap;
}
th[data-v-ce6c37ce] { background: var(--bg-base, #f8fafc); font-weight: 600;
}
.sr-only[data-v-ce6c37ce] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap;
}
@media (max-width: 1000px) {
.access-columns[data-v-ce6c37ce] { grid-template-columns: 1fr;
}
.access-guide[data-v-ce6c37ce] { max-width: 65ch;
}
}
@media (max-width: 600px) {
.access-header[data-v-ce6c37ce] { gap: 12px; flex-wrap: wrap;
}
.access-agent-row[data-v-ce6c37ce] { padding: 16px 12px; gap: 8px;
}
.agent-toggle[data-v-ce6c37ce] { gap: 6px;
}
.access-merchant[data-v-ce6c37ce] { padding: 14px 12px; align-items: flex-start; gap: 12px;
}
.merchant-setting[data-v-ce6c37ce] { gap: 6px;
}
.state-label[data-v-ce6c37ce] { display: none;
}
.access-filter[data-v-ce6c37ce] { gap: 8px;
}
.access-filter input[data-v-ce6c37ce] { min-width: 130px;
}
}
/* 仅本页收紧现行后台在窄屏的侧栏；不改变其他后台页面。 */
@media (max-width: 600px) {
.app-layout:has(.access-page) .sidebar { width: 64px; flex: 0 0 64px;
}
.app-layout:has(.access-page) .sidebar-nav { padding-inline: 8px;
}
.app-layout:has(.access-page) .nav-item { padding-inline: 8px;
}
}
@media (prefers-reduced-motion: reduce) {
.agent-expand svg[data-v-ce6c37ce], .access-switch span[data-v-ce6c37ce] { transition: none;
}
}