/* =====================================================================
   Company directory and company profile
   - (the company card .wd-ccard moved to ui-components.css with components/ui/company-card),
     used by /employers and the candidate panel's Browse Companies.
   - .emp-chip__clear / .emp-chips__all: the directory's filter chips.
   - .ep-verification / .ep-verified-chip: the profile's employer checks.
   Colours come from the workdu-ui.css tokens, so the candidate panel's dark
   theme (which redefines them) applies without a copy here; the fallbacks
   are the light values for any page that does not load the tokens.
   ===================================================================== */

/* ── Grid ── */

/* ── Card ── */
/* The whole card opens the profile; the open-jobs link sits above it. */

/* ── Filter chips (employees.blade.php) ── */

/* ── Profile: employer checks (employe-details.blade.php) ── */
.ep-verification .wd-verification-list {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
}
.ep-verification .wd-verification-list li {
    position: relative;
    padding: 4px 0 4px 22px;
    font-size: 14px;
    line-height: 1.45;
    color: var(--wds-ink, #18191c);
}
.ep-verification .wd-verification-list li::before {
    content: "";
    position: absolute;
    left: 2px; top: 9px;
    width: 12px; height: 7px;
    border-left: 2px solid var(--wds-green, #0b8058);
    border-bottom: 2px solid var(--wds-green, #0b8058);
    transform: rotate(-45deg);
}
.ep-verification p { margin: 0 0 10px; font-size: 14px; line-height: 1.5; color: var(--wds-ink, #18191c); }
.ep-verification .wd-verification-scope { margin: 0; font-size: 12.5px; color: var(--wds-ink-2, #5e6670); }

.ep-verified-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: 8px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    vertical-align: middle;
    color: var(--wds-green, #0b8058);
    background: var(--wds-green-tint, #e7f6ef);
    text-decoration: none;
}
.ep-verified-chip:hover { text-decoration: underline; color: var(--wds-green-hover, #096a49); }