/* OKILYS Freelance - instance profile styles (freelance profile, 16/09/2026). Inert unless . */ :root { /* purple, reserved for the manual overrides of the freelance workspace (step 3: fields the CTMS would fill or lock) - not used anywhere else */ --freelance-override: #7c3aed; --freelance-override-bg: #f3e8ff; --freelance-override-ink: #4c1d95; } body[data-profile="freelance"] .brand__name .app { color: var(--navy, #1a2333); } .badge--profile { background: var(--navy, #1a2333); color: #fff; text-transform: uppercase; letter-spacing: .04em; } /* step 2: project settings (features and CTMS links) */ .fl-levels .grid { margin-top: 6px; } .fl-level { border-left: 3px solid var(--teal, #21778a); padding: 4px 10px; } .fl-level p { margin: 4px 0 0; } .fl-features td { vertical-align: top; } .fl-features .check span:first-of-type { font-weight: 600; } .fl-row.is-off td { opacity: .55; } .fl-row.is-off .fl-note { visibility: hidden; } .fl-links { display: flex; flex-wrap: wrap; gap: 6px; } .fl-link { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; border: 1px solid var(--border, #d9dee5); background: #fff; font-size: .78rem; font-weight: 600; color: var(--ink-soft, #4a5566); cursor: pointer; } .fl-link input { width: auto; margin: 0; } .fl-link.on { background: var(--teal-bg2, #e3f1f4); border-color: var(--teal, #21778a); color: var(--teal-dark, #16525f); } .fl-link:has(input:disabled) { opacity: .6; cursor: default; }