/* Sign-up / opportunities / plans automation — uses the portal's own variables from style.css */
.btn-primary.ao-block{display:block;text-align:center;text-decoration:none;margin-top:14px}
.btn-primary.ao-sm{display:inline-block;width:auto;margin-top:0;padding:9px 16px;font-size:13px;text-decoration:none}
.ao-link{font-size:13px;font-weight:600;color:var(--primary-dark);text-decoration:none;margin-left:10px}
.ao-linkbtn{background:none;border:0;padding:0;margin-left:10px;font:inherit;font-size:13px;font-weight:600;color:var(--primary-dark);cursor:pointer}
.ao-subnav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:-6px 0 18px;font-size:13px}
.ao-subnav a{color:var(--primary-dark);font-weight:600;text-decoration:none}
.ao-subnav span{color:var(--text-muted);margin-left:10px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.ao-flash{padding:11px 14px;border-radius:10px;font-size:13px;margin-bottom:16px;background:var(--green-bg);color:#27500A}
.ao-flash.err{background:#FCEBEB;color:#8A2323}
.ao-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.ao-opp{display:flex;flex-direction:column;margin-bottom:0;background:var(--surface);border:.5px solid var(--border)}
.ao-opp-top{display:flex;align-items:center;gap:8px}
.ao-opp-title{font-size:16px!important;font-weight:700;margin:10px 0 8px}
.ao-tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--primary-dark);background:var(--primary-light);padding:3px 10px;border-radius:20px}
.ao-invisible{visibility:hidden}
.ao-ref{font-size:12px;color:var(--text-muted)}
.ao-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--text-secondary);margin-bottom:10px}
.ao-desc{font-size:13.5px;line-height:1.55;color:var(--text-secondary);margin:0;flex:1}
.ao-badge{display:inline-block;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--border);color:var(--text-secondary);margin-top:14px}
.ao-badge.paid{background:var(--green-bg);color:#27500A}
.ao-badge.pending_payment{background:var(--orange-bg);color:#854F0B}
.ao-opp-summary{background:var(--surface);border:.5px solid var(--border)}
.ao-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:8px}
.ao-plan{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column}
.ao-plan.hl{border:1.5px solid var(--primary);box-shadow:0 12px 28px -12px rgba(166,124,37,.45);background:var(--surface-tint)}
.ao-plan h3{font-size:16px;margin:10px 0 2px}
.ao-price{font-size:28px;font-weight:800;margin:4px 0 12px}
.ao-price small{font-size:13px;font-weight:500;color:var(--text-muted)}
.ao-plan ul{margin:0 0 6px;padding-left:18px;font-size:13px;line-height:1.6;color:var(--text-secondary);flex:1}
.ao-table{width:100%;border-collapse:collapse;font-size:13.5px}
.ao-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600;padding:0 10px 10px}
.ao-table td{background:var(--surface);padding:11px 10px;border-top:.5px solid var(--border);vertical-align:top}
.ao-muted{color:var(--text-muted);font-size:12px}
.ao-form label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin:14px 0 6px;text-transform:uppercase;letter-spacing:.03em}
.ao-form input,.ao-form select,.ao-form textarea{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:9px;font:inherit;font-size:14px;background:var(--surface)}
.ao-form input:focus,.ao-form textarea:focus,.ao-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(200,155,60,.14)}
.ao-row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.ao-check{display:flex!important;gap:8px;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;font-size:13px!important;margin-top:18px!important}
form.auth-form .ao-check input{width:auto;margin-top:2px}
@media(max-width:800px){.ao-row{grid-template-columns:1fr}}
.ao-note{font-size:13px;color:var(--text-secondary);margin:0 0 14px}
