/* Client portal: registration steps, account choice, switcher. Uses members.css tokens. */
.civet-portal .civet-steps{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:0 0 24px;padding:0}
.civet-portal .civet-steps li{display:flex;align-items:center;gap:8px;color:#5b6070;font-weight:600;font-size:.9rem}
.civet-portal .civet-steps li span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#e6e9f2;color:#5b6070;font-size:.85rem}
.civet-portal .civet-steps li.now{color:var(--cm-dark)}
.civet-portal .civet-steps li.now span,.civet-portal .civet-steps li.done span{background:var(--cm-blue);color:#fff}
.civet-portal .civet-ok{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:999px;background:#eef8f1;color:#1e7d46;font-size:.75rem;font-weight:700;vertical-align:middle}
.civet-portal .civet-verify{border:1px solid var(--cm-line);border-radius:8px;padding:20px;margin-bottom:16px}
.civet-portal .civet-verify form{margin:0 0 14px}
.civet-portal .civet-verify-stack{display:flex;flex-direction:column;gap:0}
.civet-portal .civet-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.civet-portal .civet-choices form{margin:0}
.civet-portal .civet-choice{height:100%;padding:26px;border:2px solid var(--cm-line);border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,box-shadow .2s}
.civet-portal .civet-choice:hover{border-color:var(--cm-blue);box-shadow:0 6px 18px rgba(12,12,12,.1)}
.civet-portal .civet-choice .civet-btn{margin-top:auto;align-self:flex-start}
.civet-portal .civet-switch{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;border-bottom:1px solid var(--cm-line);padding-bottom:12px}
.civet-portal .civet-switch form{margin:0;flex:1 1 220px}
.civet-portal .civet-switch form .civet-tab{width:100%;text-align:center}
.civet-portal .civet-switch .civet-tab-add{flex:1 1 220px;text-align:center}
.civet-portal .civet-tab{display:inline-block;padding:9px 16px;border:1px solid var(--cm-line);border-radius:6px;background:#fff;color:var(--cm-blue);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.civet-portal .civet-tab small{display:block;font-weight:400;color:#5b6070;font-size:.75rem}
.civet-portal .civet-tab.is-on{background:var(--cm-blue);border-color:var(--cm-blue);color:#fff}
.civet-portal .civet-tab.is-on small{color:#dce4fa}
.civet-portal .civet-tab-add{border-style:dashed}
.civet-portal .civet-tablewrap{overflow-x:auto;margin:0 0 18px}
.civet-portal .civet-table{width:100%;border-collapse:collapse}
.civet-portal .civet-table th,.civet-portal .civet-table td{padding:10px 12px;border-bottom:1px solid var(--cm-line);text-align:left}
.civet-portal .civet-table th{background:var(--cm-gray);font-size:.85rem}
@media (max-width:640px){.civet-portal .civet-row{grid-template-columns:1fr}}
.civet-portal .civet-portal-back{margin:28px 0 0;padding-top:16px;border-top:1px solid var(--cm-line)}

.civet-match{margin:14px 0;padding:12px 14px;border:1px solid #cfe3d3;background:#f3faf5;border-radius:6px}
.civet-match p{margin:0 0 6px}
.civet-match-row{display:block;margin:6px 0}
input[readonly]#pc-ref{background:#f1f1f1;cursor:not-allowed}

.civet-terms-wrap{margin:0 0 22px}
.civet-terms{margin:0 0 18px;padding:14px 16px;border:1px solid #e3e3e3;border-radius:6px;background:#fff}
.civet-terms h4{margin:0 0 10px}
.civet-terms-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}