#hub-ai-pane .hub-suggestions{width:min(100%,980px);margin:clamp(24px,10vh,110px) auto 24px;font-family:inherit}
#hub-ai-pane .hub-suggestions[hidden]{display:none}
#hub-ai-pane .hub-suggestions-intro{text-align:center;font-size:20px;font-weight:600;color:#263441;margin:0 0 24px}
#hub-ai-pane .hub-suggestion-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#hub-ai-pane .hub-suggestion{display:flex;flex-direction:column;gap:12px;text-align:left;padding:22px;border:1px solid #e2e5eb;border-radius:18px;background:#fff;color:#293442;cursor:pointer;font:inherit;line-height:1.5;transition:border-color .18s,box-shadow .18s}
#hub-ai-pane .hub-suggestion:hover{border-color:#a7b3c6;box-shadow:0 5px 20px #23324a0a}
#hub-ai-pane .hub-suggestion:focus-visible{outline:2px solid #6269b4;outline-offset:3px}
#hub-ai-pane .hub-suggestion-specialty{font-size:12px;font-weight:700;color:#1596A8}
#hub-ai-pane .hub-suggestion:nth-child(2) .hub-suggestion-specialty{color:#3395FF}
#hub-ai-pane .hub-suggestion:nth-child(3) .hub-suggestion-specialty{color:#6676D9}
#hub-ai-pane .hub-suggestion strong{font-size:15px;font-weight:600}
#hub-ai-pane .hub-suggestion-question{font-size:13px;color:#626c78}
@media(max-width:1000px){#hub-ai-pane .hub-suggestions{margin:16px auto}#hub-ai-pane .hub-suggestions-intro{font-size:18px;margin-bottom:16px}#hub-ai-pane .hub-suggestion-cards{grid-template-columns:1fr;gap:10px}#hub-ai-pane .hub-suggestion{padding:16px;gap:6px}}

/* Match the Vagas filter dimensions, spacing and typography. */
#hub-ai-pane .hub-case-toolbar{padding:14px 0 16px;box-sizing:border-box}
#hub-ai-pane [data-new-case]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(178px,calc(100% - 16px));height:46px;min-height:46px;margin:0;padding:0 12px;border:1px solid #e8ecef;border-radius:999px;background:#fff;box-shadow:0 4px 30px rgba(0,0,0,.1);color:#333;font:500 16px Montserrat,Inter,system-ui,sans-serif}

/* Shared surface shadow for the filters, case action, composer and vacancy detail. */
body #prisma-mobile-ux #prismaNetworkNativeV170 .prisma-segment,
body #prisma-mobile-ux #hub-ai-pane [data-new-case],
body #prisma-mobile-ux #hub-ai-pane .hub-composer,
body #prisma-mobile-ux #hub-ai-pane .hub-composer:focus-within,
body #prisma-mobile-ux #scenarioNetworkPane .prisma-desktop-ecosystem-detail {
 box-shadow:0 1px 3px rgba(25,35,45,.07),0 4px 10px -3px rgba(25,35,45,.09)!important;
}

@media(min-width:900px){#hub-ai-pane .hub-case-toolbar{padding-top:8px}}

#hub-ai-pane .hub-suggestion-question{min-height:0;white-space:normal;width:100%}
/* Use the same first-card and inter-card spacing as Vagas. */
body #prisma-mobile-ux #hub-ai-pane .hub-suggestions{margin-top:0!important}
body #prisma-mobile-ux #hub-ai-pane .hub-search-results:has(.hub-suggestions:not([hidden])){padding-top:0!important}
body #prisma-mobile-ux #hub-ai-pane .hub-suggestion-cards{gap:7px!important}
@media(min-width:900px){body #prisma-mobile-ux #hub-ai-pane .hub-case-toolbar{padding-top:4px!important}body #prisma-mobile-ux #hub-ai-pane .hub-suggestion-cards{gap:12px!important}}
