.auth-template-link[data-v-ed164766] { color: var(--p-primary-color); align-self: flex-start; align-items: center; gap: 8px; font-size: 0.9375rem; line-height: 1.7; text-decoration: none; display: inline-flex; } .auth-template-link[data-v-ed164766]:hover { text-underline-offset: 3px; text-decoration: underline; } .auth-template-link > i[data-v-ed164766] { font-size: 0.875rem; } .page[data-v-ed164766] { flex-direction: column; gap: 16px; display: flex; } .back[data-v-ed164766] { color: var(--p-text-muted-color, #94a3b8); align-items: center; gap: 6px; font-size: 0.9375rem; text-decoration: none; display: inline-flex; } .back[data-v-ed164766]:hover { color: var(--p-primary-color, #3b82f6); } .page-head h2[data-v-ed164766] { margin: 10px 0 0; font-size: 1.375rem; } .panel[data-v-ed164766] { background: var(--p-content-background); border: 1px solid var(--p-content-border-color, #e2e8f0); border-radius: 12px; padding: 20px 22px; } .steps-panel[data-v-ed164766] { padding: 18px 22px; } .certified[data-v-ed164766] { align-items: center; gap: 14px; display: flex; } .certified i[data-v-ed164766] { color: var(--p-primary-color, #3b82f6); flex-shrink: 0; font-size: 2.125rem; } .certified-title[data-v-ed164766] { font-weight: 600; } .certified-sub[data-v-ed164766] { color: var(--p-text-muted-color, #64748b); flex-wrap: wrap; gap: 16px; margin-top: 6px; font-size: 0.9375rem; display: flex; } .certify-id[data-v-ed164766] { overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; } .certified > div[data-v-ed164766] { min-width: 0; } .hint[data-v-ed164766] { color: var(--p-text-muted-color, #94a3b8); margin: 14px 0 0; font-size: 0.9375rem; } .form[data-v-ed164766] { gap: 14px; max-width: 560px; padding-top: 4px; } .field[data-v-ed164766], .form[data-v-ed164766] { flex-direction: column; display: flex; } .field[data-v-ed164766] { flex: 1; gap: 6px; } .field label[data-v-ed164766] { color: var(--p-text-color, #334155); font-size: 0.9375rem; } .field-row[data-v-ed164766] { gap: 14px; display: flex; } .req[data-v-ed164766] { color: #ef4444; } .tip[data-v-ed164766] { margin-bottom: 14px; } .company-status[data-v-ed164766] { gap: 8px; display: grid; } .status-row[data-v-ed164766] { align-items: center; gap: 10px; display: flex; } .error-copy[data-v-ed164766] { color: var(--p-red-500, #dc2626); margin: 0; font-size: 12px; } .load-error[data-v-ed164766] { gap: 12px; display: grid; } .field-tip[data-v-ed164766] { color: var(--p-text-muted-color); font-size: 12px; } .channel-fields[data-v-ed164766] { gap: 12px; display: grid; } .channel-picker[data-v-ed164766] { flex-direction: column; gap: 14px; display: flex; } .channel-hint[data-v-ed164766] { color: var(--p-text-muted-color); margin: 0; font-size: 1rem; } .channel-list[data-v-ed164766] { border: 0; gap: 10px; min-width: 0; margin: 0; padding: 0; display: grid; } .channel-option[data-v-ed164766] { border: 1px solid var(--p-content-border-color); cursor: pointer; border-radius: 8px; align-items: center; gap: 12px; min-height: 70px; padding: 14px; display: flex; position: relative; } .channel-option.is-selected[data-v-ed164766], .channel-option[data-v-ed164766]:hover:not(.is-unavailable) { border-color: var(--p-primary-color); background: var(--p-highlight-background); } .channel-option[data-v-ed164766]:focus-within { outline: 2px solid var(--p-primary-color); outline-offset: 2px; } .channel-option input[data-v-ed164766] { opacity: 0; width: 1px; height: 1px; position: absolute; } .channel-icon[data-v-ed164766] { -o-object-fit: contain; object-fit: contain; flex-shrink: 0; width: 32px; height: 32px; } .channel-fallback[data-v-ed164766] { text-align: center; width: 32px; color: var(--p-primary-color); font-size: 24px; } .channel-title[data-v-ed164766] { overflow-wrap: anywhere; flex: 1; min-width: 0; font-size: 1rem; } .channel-status[data-v-ed164766] { color: var(--p-text-muted-color); white-space: nowrap; font-size: 0.923rem; } .channel-check[data-v-ed164766] { color: var(--p-primary-color); font-size: 16px; } .channel-option.is-unavailable[data-v-ed164766] { cursor: not-allowed; color: var(--p-text-muted-color); background: var(--p-content-hover-background); } .channel-option.is-unavailable .channel-icon[data-v-ed164766] { filter: grayscale(); opacity: 0.45; } .auth-box[data-v-ed164766] { justify-content: center; align-items: center; display: flex; } .auth-frame[data-v-ed164766] { aspect-ratio: 1; border: none; width: 100%; display: block; } .page[data-v-ed164766] { gap: 21px; width: 100%; margin: 0 auto; } .page-head h2[data-v-ed164766] { font-size: 1.5rem; font-weight: 400; } .panel[data-v-ed164766] { border-radius: 6px; padding: 21px; } .form[data-v-ed164766] { gap: 21px; max-width: none; } .field-row[data-v-ed164766] { flex-direction: column; } .cert-heading[data-v-ed164766] { justify-content: space-between; align-items: center; display: flex; } .cert-heading h3[data-v-ed164766] { margin: 14px 0; font-size: 1.5rem; font-weight: 400; } .certified-title[data-v-ed164766] { font-size: 1.125rem; font-weight: 500; } .certified i[data-v-ed164766] { font-size: 1.625rem; } .page[data-v-ed164766] .p-tabpanels { padding: 21px 0 0; } @media (width<=640px) { .panel[data-v-ed164766] { padding: 14px; } .field-row[data-v-ed164766] { gap: 21px; } }